groups login
This commit is contained in:
parent
929d0bffca
commit
e34c90934c
|
@ -1,62 +1,116 @@
|
||||||
{% load static %}
|
<!DOCTYPE html>
|
||||||
<!doctype html>
|
<html>
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<!-- Required meta tags -->
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
||||||
<!-- 上述meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
|
|
||||||
<!-- Bootstrap CSS -->
|
|
||||||
<link href="{% static 'groups/bower_components/bootstrap/dist/css/bootstrap.min.css' %}" rel="stylesheet"/>
|
|
||||||
<link href="{% static 'groups/login/login.css' %}" rel="stylesheet"/>
|
|
||||||
<title>登录</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<div class="col">
|
|
||||||
<form class="form-login" action="/groups/login/" method="post">
|
|
||||||
{% if groups_form.captcha.errors %}
|
|
||||||
<div class="alert alert-warning">{{ groups_form.captcha.error_messages }}</div>
|
|
||||||
{% elif message %}
|
|
||||||
<div class="alert alert-warning">{{ message }}</div>
|
|
||||||
{% endif %}
|
|
||||||
{% csrf_token %}
|
|
||||||
<h3 class="text-center">欢迎登录</h3>
|
|
||||||
<div class="form-group">
|
|
||||||
{{ groups_form.username.label_tag }}
|
|
||||||
{{ groups_form.username}}
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
{{ groups_form.password.label_tag }}
|
|
||||||
{{ groups_form.password }}
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
{{ groups_form.captcha.label_tag }}
|
|
||||||
{{ groups_form.captcha }}
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<button type="submit" class="btn btn-primary float-right">登录</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div> <!-- /container -->
|
|
||||||
|
|
||||||
<!-- Optional JavaScript -->
|
<head>
|
||||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
{% load static %}
|
||||||
<script src="{% static 'groups/bower_components/jquery/dist/jquery.js' %}"></script>
|
<meta charset="utf-8">
|
||||||
<script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js"></script>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<script src="{% static 'groups/bower_components/bootstrap/dist/js/bootstrap.min.js' %}"></script>
|
<title>集团后台|登陆</title>
|
||||||
|
<!-- Tell the browser to be responsive to screen width -->
|
||||||
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
||||||
|
<!-- Bootstrap 3.3.7 -->
|
||||||
|
<link rel="stylesheet" href="{% static 'groups/bower_components/bootstrap/dist/css/bootstrap.min.css' %}">
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link rel="stylesheet" href="{% static 'groups/bower_components/font-awesome/css/font-awesome.min.css' %}">
|
||||||
|
<!-- Ionicons -->
|
||||||
|
<link rel="stylesheet" href="{% static 'groups/bower_components/Ionicons/css/ionicons.min.css' %}">
|
||||||
|
<!-- Theme style -->
|
||||||
|
<link rel="stylesheet" href="{% static 'groups/dist/css/AdminLTE.min.css' %}">
|
||||||
|
<!-- iCheck -->
|
||||||
|
<link rel="stylesheet" href="{% static 'groups/plugins/iCheck/square/blue.css' %}">
|
||||||
|
|
||||||
</body>
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||||
</html>
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||||
<script>
|
<!--[if lt IE 9]>
|
||||||
$(function(){
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||||
$('#id_captcha_1').addClass('form-control');
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
});
|
<![endif]-->
|
||||||
$('.captcha').click(function () {
|
|
||||||
$.getJSON("/groups/refresh_captcha/", function (result) {
|
<!-- Google Font -->
|
||||||
|
<link rel="stylesheet"
|
||||||
|
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="hold-transition login-page">
|
||||||
|
<div class="login-box">
|
||||||
|
<div class="login-logo">
|
||||||
|
<a href="../../index2.html"><b>集团后台</b>登陆</a>
|
||||||
|
</div>
|
||||||
|
<!-- /.login-logo -->
|
||||||
|
<div class="login-box-body">
|
||||||
|
<p class="login-box-msg">企业安全生产管理系统</p>
|
||||||
|
|
||||||
|
<form action="{% url 'groups_login' %}" method="post">
|
||||||
|
{% if groups_form.captcha.errors %}
|
||||||
|
<p style="color:red">{{ groups_form.captcha.error_messages }}</p>
|
||||||
|
{% elif message %}
|
||||||
|
<p style="color:red">{{ message }}</p>
|
||||||
|
{% endif %}
|
||||||
|
<div class="form-group has-feedback">
|
||||||
|
{{groups_form.username}}
|
||||||
|
<span class="glyphicon glyphicon-user form-control-feedback"></span>
|
||||||
|
</div>
|
||||||
|
<div class="form-group has-feedback">
|
||||||
|
{{groups_form.password}}
|
||||||
|
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
|
||||||
|
</div>
|
||||||
|
<div class="form-group has-feedback">
|
||||||
|
{{ groups_form.captcha }}
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<!-- <div class="col-xs-8">
|
||||||
|
<div class="checkbox icheck">
|
||||||
|
<label>
|
||||||
|
<input type="checkbox"> Remember Me
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
<!-- /.col -->
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<button type="submit" class="btn btn-primary btn-block btn-flat ">登陆</button>
|
||||||
|
</div>
|
||||||
|
<!-- /.col -->
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<!-- <div class="social-auth-links text-center">
|
||||||
|
<p>- OR -</p>
|
||||||
|
<a href="#" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-facebook"></i> Sign in using
|
||||||
|
Facebook</a>
|
||||||
|
<a href="#" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-google-plus"></i> Sign in using
|
||||||
|
Google+</a>
|
||||||
|
</div> -->
|
||||||
|
<!-- /.social-auth-links -->
|
||||||
|
|
||||||
|
<!-- <a href="#">I forgot my password</a><br>
|
||||||
|
<a href="register.html" class="text-center">Register a new membership</a> -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /.login-box-body -->
|
||||||
|
</div>
|
||||||
|
<!-- /.login-box -->
|
||||||
|
|
||||||
|
<!-- jQuery 3 -->
|
||||||
|
<script src="{% static 'groups/bower_components/jquery/dist/jquery.min.js' %}"></script>
|
||||||
|
<!-- Bootstrap 3.3.7 -->
|
||||||
|
<script src="{% static 'groups/bower_components/bootstrap/dist/js/bootstrap.min.js' %}"></script>
|
||||||
|
<!-- iCheck -->
|
||||||
|
<script src="{% static 'groups/plugins/iCheck/icheck.min.js' %}"></script>
|
||||||
|
<script>
|
||||||
|
$(function () {
|
||||||
|
$('input').iCheck({
|
||||||
|
checkboxClass: 'icheckbox_square-blue',
|
||||||
|
radioClass: 'iradio_square-blue',
|
||||||
|
increaseArea: '20%' /* optional */
|
||||||
|
});
|
||||||
|
});
|
||||||
|
$('.captcha').click(function () {
|
||||||
|
$.getJSON("/groups/refresh_captcha/", function (result) {
|
||||||
$('.captcha').attr('src', result['image_url']);
|
$('.captcha').attr('src', result['image_url']);
|
||||||
$('#id_captcha_0').val(result['key'])
|
$('#id_captcha_0').val(result['key'])
|
||||||
|
});
|
||||||
});
|
});
|
||||||
});
|
</script>
|
||||||
</script>
|
</body>
|
||||||
|
|
||||||
|
</html>
|
|
@ -0,0 +1,62 @@
|
||||||
|
{% load static %}
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<!-- Required meta tags -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<!-- 上述meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link href="{% static 'groups/bower_components/bootstrap/dist/css/bootstrap.min.css' %}" rel="stylesheet"/>
|
||||||
|
<link href="{% static 'groups/login/login.css' %}" rel="stylesheet"/>
|
||||||
|
<title>登录</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<div class="col">
|
||||||
|
<form class="form-login" action="/groups/login/" method="post">
|
||||||
|
{% if groups_form.captcha.errors %}
|
||||||
|
<div class="alert alert-warning">{{ groups_form.captcha.error_messages.invalid }}</div>
|
||||||
|
{% elif message %}
|
||||||
|
<div class="alert alert-warning">{{ message }}</div>
|
||||||
|
{% endif %}
|
||||||
|
{% csrf_token %}
|
||||||
|
<h3 class="text-center">欢迎登录</h3>
|
||||||
|
<div class="form-group">
|
||||||
|
{{ groups_form.username.label_tag }}
|
||||||
|
{{ groups_form.username}}
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
{{ groups_form.password.label_tag }}
|
||||||
|
{{ groups_form.password }}
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
{{ groups_form.captcha.label_tag }}
|
||||||
|
{{ groups_form.captcha }}
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button type="submit" class="btn btn-primary float-right">登录</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div> <!-- /container -->
|
||||||
|
|
||||||
|
<!-- Optional JavaScript -->
|
||||||
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||||
|
<script src="{% static 'groups/bower_components/jquery/dist/jquery.js' %}"></script>
|
||||||
|
<script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js"></script>
|
||||||
|
<script src="{% static 'groups/bower_components/bootstrap/dist/js/bootstrap.min.js' %}"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
<script>
|
||||||
|
$(function(){
|
||||||
|
$('#id_captcha_1').addClass('form-control');
|
||||||
|
});
|
||||||
|
$('.captcha').click(function () {
|
||||||
|
$.getJSON("/groups/refresh_captcha/", function (result) {
|
||||||
|
$('.captcha').attr('src', result['image_url']);
|
||||||
|
$('#id_captcha_0').val(result['key'])
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
|
@ -34,7 +34,6 @@ def login(request):
|
||||||
request.session['user_name'] = user.username
|
request.session['user_name'] = user.username
|
||||||
return redirect('/groups/index/')
|
return redirect('/groups/index/')
|
||||||
else:
|
else:
|
||||||
message = '密码不正确!'
|
|
||||||
return render(request, 'groups/login.html', locals())
|
return render(request, 'groups/login.html', locals())
|
||||||
else:
|
else:
|
||||||
return render(request, 'groups/login.html', locals())
|
return render(request, 'groups/login.html', locals())
|
||||||
|
|
Loading…
Reference in New Issue