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和数据的创建我就不粘贴了，希望大家看了有所得，一起进步