Django基於Form之登錄和註冊
阿新 • • 發佈：2018-02-25
cep 包含 註冊 try errors default elif eight django
1、創建Forms文件，內容略多，大家將就著看，不懂請留言
1 #!/usr/bin/env python
2 # -*- coding: utf8 -*-
3 #__Author: "Skiler Hao"
4 #date: 2017/3/30 15:40
5 from django.core.exceptions import ValidationError
6 from django import forms
7 from django.forms import fields
8 from django.forms import widgets
9 from django.core.validators import RegexValidator
10 from respository import models
11
12
13 class RegisterForm(forms.Form):
14 username = fields.CharField(
15 required=True,
16 widget=widgets.TextInput(attrs={‘class‘: "form-control",‘placeholder‘: ‘用戶名為8-12個字符‘}),
17 min_length=6,
18 max_length=12,
19 strip=True,
20 error_messages={‘required‘: ‘標題不能為空‘,
21 ‘min_length‘: ‘用戶名最少為6個字符‘,
22 ‘max_length‘: ‘用戶名最不超過為20個字符‘},
23 )
24 email = fields.EmailField(
25 required=True,
26 widget=widgets.TextInput(attrs={‘class‘: "form-control",‘placeholder‘: ‘請輸入郵箱‘}),
27 strip=True,
28 error_messages={‘required‘: ‘郵箱不能為空‘,
29 ‘invalid‘:‘請輸入正確的郵箱格式‘},
30 )
31 pwd = fields.CharField(
32 widget=widgets.PasswordInput(attrs={‘class‘: "form-control",‘placeholder‘: ‘請輸入密碼，必須包含數字,字母,特殊字符‘},render_value=True),
33 required=True,
34 min_length=6,
35 max_length=12,
36 strip=True,
37 validators=[
38 # 下面的正則內容一目了然，我就不註釋了
39 RegexValidator(r‘((?=.*\d))^.{6,12}$‘, ‘必須包含數字‘),
40 RegexValidator(r‘((?=.*[a-zA-Z]))^.{6,12}$‘, ‘必須包含字母‘),
41 RegexValidator(r‘((?=.*[^a-zA-Z0-9]))^.{6,12}$‘, ‘必須包含特殊字符‘),
42 RegexValidator(r‘^.(\S){6,10}$‘, ‘密碼不能包含空白字符‘),
43 ], #用於對密碼的正則驗證
44 error_messages={‘required‘: ‘密碼不能為空!‘,
45 ‘min_length‘: ‘密碼最少為6個字符‘,
46 ‘max_length‘: ‘密碼最多不超過為12個字符!‘,},
47 )
48 pwd_again = fields.CharField(
49 #render_value會對於PasswordInput，錯誤是否清空密碼輸入框內容，默認為清除，我改為不清楚
50 widget=widgets.PasswordInput(attrs={‘class‘: "form-control",‘placeholder‘: ‘請再次輸入密碼!‘},render_value=True),
51 required=True,
52 strip=True,
53 error_messages={‘required‘: ‘請再次輸入密碼!‘,}
54
55 )
56
57 def clean_username(self):
58 # 對username的擴展驗證，查找用戶是否已經存在
59 username = self.cleaned_data.get(‘username‘)
60 users = models.User.objects.filter(username=username).count()
61 if users:
62 raise ValidationError(‘用戶已經存在！‘)
63 return username
64
65 def clean_email(self):
66 # 對email的擴展驗證，查找用戶是否已經存在
67 email = self.cleaned_data.get(‘email‘)
68 email_count = models.User.objects.filter(email=email).count() #從數據庫中查找是否用戶已經存在
69 if email_count:
70 raise ValidationError(‘該郵箱已經註冊！‘)
71 return email
72
73 def _clean_new_password2(self): #查看兩次密碼是否一致
74 password1 = self.cleaned_data.get(‘pwd‘)
75 password2 = self.cleaned_data.get(‘pwd_again‘)
76 if password1 and password2:
77 if password1 != password2:
78 # self.error_dict[‘pwd_again‘] = ‘兩次密碼不匹配‘
79 raise ValidationError(‘兩次密碼不匹配！‘)
80
81 def clean(self):
82 #是基於form對象的驗證，字段全部驗證通過會調用clean函數進行驗證
83 self._clean_new_password2() #簡單的調用而已
84
85
86 class loginForm(forms.Form):
87 username = fields.CharField(
88 required=True,
89 widget=widgets.TextInput(attrs={‘class‘: "form-control",‘placeholder‘: ‘請輸入用戶名‘}),
90 min_length=6,
91 max_length=12,
92 strip=True,
93 error_messages={‘required‘: ‘用戶名不能為空‘,}
94 )
95
96 pwd = fields.CharField(
97 widget=widgets.PasswordInput(attrs={‘class‘: "form-control",‘placeholder‘: ‘請輸入密碼‘}),
98 required=True,
99 min_length=6,
100 max_length=12,
101 strip=True,
102 error_messages={‘required‘: ‘密碼不能為空!‘,}
103 )
104
105 def clean(self):
106 username = self.cleaned_data.get(‘username‘)
107 pwd = self.cleaned_data.get(‘pwd‘)
108 user = models.User.objects.filter(username=username).first()
109 if username and pwd:
110 if not user :
111
112 # self.error_dict[‘pwd_again‘] = ‘兩次密碼不匹配‘
113 raise ValidationError(‘用戶名不存在！‘)
114 elif pwd != user.password:
115 raise ValidationError(‘密碼不正確！‘)2、login.html和register.html頁面
1 {% extends ‘base/base.html‘ %}
2 {% block head-resource %}
3 {% load my_tags %}
4
5 <!-- Custom styles for this template -->
6 <link href="/static/css/signin.css" rel="stylesheet">
7
8 {% endblock %}
9
10 {% block body-content %}
11 <div class="container">
12 <form class="form-signin" method="post" action="/login/" novalidate>{% csrf_token %}
13 {# <h2 class="form-signin-heading">Please sign in</h2>#}
14 <label for="username">用戶名</label>
15 {{ form.username }} <span style="color: red">{{ form.username.errors }}</span>
16 <label for="username">密碼</label>
17 {{ form.pwd }} <span style="color: red">{{ form.username.errors }}</span>
18 <span style="color: red">
19 {% if form|all_errors %}
20 {{ form|all_errors }}
21 {% endif %}
22 </span>
23 <div class="form-group">
24 <label for="password">驗證碼</label>
25
26 <div class="row">
27 <div class="col-xs-7">
28 <input type="text" class="form-control" name="check_code" id="check_code" placeholder="請輸入驗證碼">
29 </div>
30 <div class="col-xs-5">
31 <img id="check_code_img" src="/create_code_img/" onclick="refresh_check_code(this)">
32 {# src是url路徑，可得到驗證碼圖片，點擊時調用refresh_check_code#}
33 </div>
34 </div>
35 <span style="color: red">{{ errors.check_code }}</span>
36 </div>
37 <div class="checkbox">
38 <label>
39 <input type="checkbox" value="1" name="auto_login"> 一個月內自動登陸
40 </label>
41
42 <div class="right">
43 <a href="#">忘記密碼？</a>
44 </div>
45 </div>
46 <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
47 <span>還沒有賬號？<a href="/register/">立即註冊</a></span>
48 </form>
49
50
51 </div> <!-- /container -->
52 {% endblock %}
53 {% block body-js %}
54 <script>
55 function refresh_check_code(ths) {
56 ths.src += ‘?‘;
57 {# src後面加問好會自動刷新驗證碼img的src#}
58 }
59 </script>
60
61 {% endblock %}
1 {% load my_tags %}
2 <!DOCTYPE html>
3 <html>
4 <head lang="en">
5 <meta charset="UTF-8">
6 <title></title>
7 <link rel="stylesheet" href="/static/plugins/bootstrap/css/bootstrap.css"/>
8 <link rel="stylesheet" href="/static/plugins/font-awesome/css/font-awesome.css"/>
9 <link rel="stylesheet" href="/static/css/edmure.css"/>
10 <link rel="stylesheet" href="/static/css/commons.css"/>
11 <link rel="stylesheet" href="/static/css/account.css"/>
12 <style>
13
14 </style>
15 </head>
16 <body>
17 <div class="register">
18 <div style="font-size: 25px; font-weight: bold;text-align: center;">
19 用戶註冊
20 </div>
21 <form role="form" action="/register/" method="POST" novalidate="NOVALIDATE">{% csrf_token %}
22 <div class="form-group">
23 <label for="username">用戶名</label>
24 {{ form.username }} <span style="color: red">{{ form.username.errors }}</span>
25
26 </div>
27 <div class="form-group">
28 <label for="email">郵箱</label>
29 {{ form.email }}<span style="color: red">{{ form.email.errors }}</span>
30 </div>
31 <div class="form-group">
32 <label for="password">密碼</label>
33 {{ form.pwd }}<span style="color: red">{{ form.pwd.errors.0 }}</span>
34 </div>
35 <div class="form-group">
36 <label for="confirm_password">確認密碼</label>
37 {{ form.pwd_again }}
38 <span style="color: red">
39 {{ form.pwd_again.errors.0 }}
40 {% if form|all_errors %}
41 {{ form|all_errors }}
42 {% endif %}</span>
43 </div>
44
45
46 <input type="submit" class="btn btn-default" value="註冊"/>
47 <span>已有賬號？<a href="/login/">直接登錄</a></span>
48 </form>
49 </div>
50 </body>
51 </html>頁面還有一些不合理的地方，歡迎大家批評指正
3、views視圖內容
1 import datetime
2 from django.shortcuts import render,redirect,HttpResponse
3 from io import BytesIO
4
5 from respository import models
6 from utils import pagination
7 from backend.forms import forms
8 from utils import check_code
9 # Create your views here.
10
11
12 def login(request):
13 # print(request.POST)
14 if request.method == ‘GET‘:
15 obj = forms.loginForm()
16 # print(‘GET‘)
17 return render(request,‘login.html‘,{‘form‘:obj})
18
19 elif request.method == ‘POST‘:
20 # print(request.POST)
21 obj = forms.loginForm(request.POST)
22 errors = {}
23 if obj.is_valid():
24 post_check_code = request.POST.get(‘check_code‘)
25 session_check_code = request.session[‘check_code‘]
26 if post_check_code.lower() == session_check_code.lower() :
27 # values = obj.clean()
28 data = obj.cleaned_data
29 # print(data)
30 # print(data)
31 # print(obj.errors)
32 # print(‘POST‘) 33 if request.POST.get(‘auto_login‘):
34 request.session.set_expiry(60 * 60 * 24 *30)
35 request.session[‘is_login‘] = ‘true‘
36 request.session[‘user‘] = data.get(‘username‘)
37 print(request.session[‘username‘])
38 return redirect(‘/‘)
39 else:
40 # print(obj.errors)
41 errors[‘check_code‘] = ‘請輸入正確的驗證碼！‘
42 return render(request, ‘login.html‘, {‘form‘: obj,‘errors‘:errors})
43
44 return render(request,‘login.html‘,{‘form‘:obj})
45
46 def logout(request):
47 try:
48 #刪除is_login對應的value值
49 del request.session[‘is_login‘]
50 del request.session[‘user‘]
51 except KeyError:
52 pass
53 #點擊註銷之後，直接重定向回登錄頁面
54 return redirect(‘/login/‘)
55
56 def register(request):
57 # username = models.CharField(max_length=16, verbose_name=‘用戶名‘)
58 # password = models.CharField(max_length=16, verbose_name=‘密碼‘)
59 # nickname = models.CharField(max_length=16,verbose_name=‘昵稱‘)
60 # email = models.EmailField(max_length=16, verbose_name=‘郵箱‘)
61 # img = models.ImageField(verbose_name=‘頭像‘,upload_to=‘static/img/user/‘,default=‘static/img/user/1.jpg‘)
62 # ctime = models.DateTimeField(auto_created=True,verbose_name=‘創建時間‘)
63
64 if request.method == ‘GET‘:
65 obj = forms.Register()
66 # return render(request,‘register.html‘,{‘form‘:obj})
67 elif request.method == ‘POST‘:
68 # print(request.POST)
69 obj = forms.Register(request.POST)
70 post_check_code = request.POST.get(‘check_code‘)
71 session_check_code = request.session[‘check_code‘]
72 print(post_check_code,session_check_code)
73 if obj.is_valid():
74 if post_check_code == session_check_code:
75 # values = obj.clean()
76 data = obj.cleaned_data
77 print(data)
78 # models.User.objects.create(
79 username= data.get(‘username‘)
80 password= data.get(‘pwd‘)
81 email= data.get(‘email‘)
82 nickname = data.get(‘username‘)
83 # )
84 models.User.objects.create(username=username,nickname =nickname,password =password,email = email )
85 request.session[‘is_login‘] = ‘true‘
86 request.session[‘user‘] = data.get(‘username‘)
87 return redirect(‘/‘)
88 else:
89 errors = obj.errors
90 print(‘hello‘)
91
92 return render(request,‘register.html‘,{‘form‘:obj})
93
94 def article(request,*args,**kwargs):
95 print(kwargs)
96 return redirect(‘/‘)
97
98 # 將check_code包放在合適的位置，導入即可，我是放在utils下面
99 from utils import check_code
100
101 def create_code_img(request):
102 f = BytesIO() #直接在內存開辟一點空間存放臨時生成的圖片
103
104 img, code = check_code.create_validate_code() #調用check_code生成照片和驗證碼
105 request.session[‘check_code‘] = code #將驗證碼存在服務器的session中，用於校驗
106 img.save(f,‘PNG‘) #生成的圖片放置於開辟的內存中
107 return HttpResponse(f.getvalue()) #將內存的數據讀取出來，並以HttpResponse返回
4、說明：
urls和數據的創建我就不粘貼了，希望大家看了有所得，一起進步
Django基於Form之登錄和註冊