1、功能分析
输入合法验证、验证码生成：form.py
注册：views.py
发送邮件功能：utils/email_send.py
2、把注册register.html页面复制到templats目录下
3、安装Django验证码生成库
pip install django-simple-captcha=0.4.6
4、输入合法验证、验证码生成form.py
from django import forms from captcha.fields import CaptchaField #倒入验证码模块 class RegisterForm(forms.Form): """注册用户验证码""" email = forms.EmailField(required=True) password = forms.CharField(required=True, min_length=8) # 最小长度8 captcha = CaptchaField(error_messages={'invalid': u'验证码错误'}) # 自定义错误提示信息
5、在user目录下新建utils文件夹，在文件夹下建立向邮箱发送邮件文件email_send.py，实现注册邮件发送功能：
from random import Random from django.core.mail import send_mail #发送邮件模块 from users.models import EmailVerifyRecord from MxOnline.settings import EMAIL_FROM def random_str(randomlength=8): """生成随机字符串""" str = '' chars = 'AaBbCcDdEdFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789' length = len(chars) - 1 random = Random() for i in range(randomlength): str += chars[random.randint(0,length)] return str def send_register_email(email, send_type='register'): email_record = EmailVerifyRecord() code = random_str(16) # 16位长度的字符串 email_record.code = code email_record.email = email email_record.send_type = send_type email_record.save() #保存 email_title = '' email_body = '' if send_type == 'register': email_title = '注册激活链接' email_body = '请点击链接激活你的账号：http://127.0.0.1:8000/active/{0}'.format(code) send_status = send_mail(email_title, email_body, EMAIL_FROM, [email]) # 发送邮件 if send_status: pass
6、在users/views.py文件中实现注册激活
from django.shortcuts import render from django.views.generic.base import View from django.contrib.auth.hashers import make_password # 对密码加密模块 from .models import UserProfile, EmailVerifyRecord from .forms import RegisterForm from users.utils.email_send import send_register_email class RegisterView(View): def get(self, request): register_form = RegisterForm() return render(request, "register.html", {'register_form': register_form}) def post(self, request): register_form = RegisterForm(request.POST) if register_form.is_valid(): user_name = request.POST.get('email', '') if UserProfile.objects.filter(email=user_name): # 判断邮箱是否已经存在 return render(request, "register.html", {'register_form': register_form, 'msg':'用户已经注册'}) pass_word = request.POST.get('password', '') user_profile = UserProfile() user_profile.username = user_name user_profile.email = user_name user_profile.is_active = False # 设置注册的账户没有激活 user_profile.password = make_password(pass_word) # 对密码加密 user_profile.save() # 保存数据库 send_register_email(user_name, 'register') return render(request, "login.html") else: return render(request, "register.html", {'register_form': register_form}) class ActiveUserView(View): """账户激活的View""" def get(self, request, active_code): all_records = EmailVerifyRecord.objects.filter(code=active_code) if all_records: for record in all_records: email = record.email user = UserProfile.objects.get(email=email) user.is_active = True user.save() else: # active_fail.html在templates中新建的一个文件body中就一个<p>链接失效!</p> return render(request, "active_fail.html", {}) return render(request, "login.html", {})
7、urls.py文件添加代码
from django.conf.urls import url, includefrom django.views.generic import TemplateViewfrom users.views import LoginView, RegisterView, ActiveUserView urlpatterns = [ url(r'^register/$', RegisterView.as_view(), name='register'), # 注册 url(r'^captcha/', include('captcha.urls')), # 验证码 url(r'^active/(?P<active_code>.*)/$', ActiveUserView.as_view(), name='user_active'), # 配置激活账户链接 ]
8、修改index与register.html
<a style="color:white" class="fr registerbtn" href="{% url 'register' %}">注册</a> # href="{% url 'register' %}"
<!DOCTYPE html> <html> {% load staticfiles %} #添加 <link rel="stylesheet" type="text/css" href="{% static 'css/reset.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'css/login.css' %}"> <li><a href=""><img width="483" height="472" src="{% static 'images/57a801860001c34b12000460.jpg' %}" /></a></li> <li><a href=""><img width="483" height="472" src="{% static 'images/57a801860001c34b12000460.jpg' %}" /></a></li> <li><a href=""><img width="483" height="472" src="{% static 'images/57a801860001c34b12000460.jpg' %}" /></a></li> <script src="{% static 'js/jquery.min.js' %}" type="text/javascript"></script> <script src="{% static 'js/unslider.js' %}" type="text/javascript"></script> <script src="{% static 'js/validateDialog.js' %}" type="text/javascript"></script> <script src="{% static 'js/login.js' %}" type="text/javascript"></script>
9、在settings.py中添加captcha，配置发送邮箱
INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'users', # 注册App 'operation', 'courses', 'organization', # 添加以下两个app配置 'xadmin', 'crispy_forms', 'captcha', ]
# 邮箱发送者配置
EMAIL_HOST = 'smtp.sina.com'
EMAIL_PORT = 25
EMAIL_HOST_USER = 'qq602906176@sina.com'
EMAIL_HOST_PASSWORD = 'mao228298'
EMAIL_USE_TLS = False
EMAIL_FROM = 'qq602906176@sina.com'
10、Tools->run manage.py Tas生成captcha相关数据表
输入：makemigrations
输入：migrate
11、register.html
<form id="email_register_form" method="post" action="{% url 'register' %}" autocomplete="off">
........
<div class="form-group marb8 captcha1 "> <label>验 证 码</label> {{ register_form.captcha }} #生成验证码输入框与生成验证码图片 </div> ........ {% csrf_token %} </form>
<div class="tab-form">
<form id="email_register_form" method="post" action="{% url 'register' %}" autocomplete="off">
<div class="form-group marb20 {% if register_form.errors.email %}errorput{% endif %}">
<label>邮 箱</label>
<input type="text" id="id_email" name="email" value="{{ register_form.email.value }}" placeholder="请输入您的邮箱地址" />
</div>
<div class="form-group marb8 {% if register_form.errors.password %}errorput{% endif %}">
<label>密 码</label>
<input type="password" id="id_password" name="password" value="{{ register_form.email.password }}" placeholder="请输入6-20位非中文字符密码" />
</div>
<div class="form-group marb8 captcha1 {% if register_form.errors.captcha %}errorput{% endif %}">
<label>验 证 码</label>
{{ register_form.captcha }}
</div>
<div class="error btns" id="jsEmailTips">{% for key,error in register_form.errors.items %}{{ error }}{% endfor %}{{ msg }}</div>
<div class="auto-box marb8">
</div>
<input class="btn btn-green" id="jsEmailRegBtn" type="submit" value="注册并登录" />
{% csrf_token %}
</form>