【Django在线教育平台】06.找回密码，实现忘记密码及重置密码功能
专题：Django2.0.8+xadmin2实现在线学习网站
Django2.0.8+xadmin2实现在线学习网站，课程、讲师、机构、用户收藏功能。GitHub地址：https://github.com/xyliurui/OnlineLearningPlatform ；Django版本：2.0.8
更多内容请点击 我的博客 查看，欢迎来访。
找回密码
忘记密码
忘记密码模板forgetpwd.html
创建，或者拷贝到对应目录
<h3>密码重置h3>
<p>密码忘记填写表单重置p>
<form method="post" action="/forgetpwd/" autocomplete="off">
<input name="email" value="{% if forgetpwd_form.email.value %}{{ forgetpwd_form.email.value }}{% endif %}" type="email" class="form-control" placeholder="请输入注册时的邮箱" required="">
{% if forgetpwd_form.errors.email %}
<span class="help-block m-b-none"> {{ forgetpwd_form.errors.email.as_text }}span>
{% endif %}
<div class="input-group">
<input type="text" name="captcha_1" required="" id="id_captcha_1" class="form-control" autocapitalize="off" autocomplete="off" autocorrect="off" spellcheck="false" style="width: 75%" placeholder="验证码">
<img style="width: 25%; float: left; margin-top: 15px;height: 30px" src="{{ image_url }}" alt="captcha" class="captcha">
<input type="hidden" name="captcha_0" value="{{ hashkey }}" required="" id="id_captcha_0">
div>
{# register_form.captcha #}
{#【{{ image_url }}、{{ hashkey }}】#}
{% if forgetpwd_form.errors.captcha %}
<span class="help-block m-b-none"> {{ forgetpwd_form.errors.captcha.as_text }}span>
{% endif %}
{% csrf_token %}
{% if msg %}
<br>
<div class="alert alert-danger" style="padding: 5px;">
{{ msg }}
div>
{% endif %}
<button type="submit" class="btn btn-primary block full-width m-b">发 送button>
<p class="text-muted text-center"><small>想起来了？small><a href="/login/">点此登录a>
p>
form>
<script src="{% static 'js/jquery.min.js' %}">script>
<script>
$('.captcha').click(function () {
$.getJSON("/captcha/refresh/", function (result) {
$('.captcha').attr('src', result['image_url']);
$('#id_captcha_0').val(result['key'])
});
});
script>
忘记密码表单ForgetPwdForm(forms.Form)
# 忘记密码表单
class ForgetPwdForm(forms.Form):
email = forms.EmailField(required=True)
captcha = CaptchaField(error_messages={'invalid': '验证码错误'})
忘记密码视图ForgetPwdView(View)
from .forms import LoginForm, RegisterForm, ForgetPwdForm
# 忘记密码视图
class ForgetPwdView(View):
def get(self, request):
forgetpwd_form = ForgetPwdForm()
# 图片验证码
hashkey = CaptchaStore.generate_key()
image_url = captcha_image_url(hashkey)
return render(request, 'forgetpwd.html',
{
'forgetpwd_form': forgetpwd_form,
'hashkey': hashkey,
'image_url': image_url,
})
忘记密码url
from users.views import user_login, LoginView, RegisterView, ActiveUserView, ForgetPwdView
urlpatterns = [
path('admin/', admin.site.urls),
path('xadmin/', xadmin.site.urls),
path('', TemplateView.as_view(template_name='index.html'), name='index'),
# path('login/', TemplateView.as_view(template_name='login.html'), name='login'),
# path('login/', user_login, name='login'),
path('login/', LoginView.as_view(), name='login'), # 基于类方法实现登录,这里是调用它的方法
path('register/', RegisterView.as_view(), name='register'),
re_path('register/active/(?P.*)/' , ActiveUserView.as_view(), name='user_active'), # 激活
path('captcha/', include('captcha.urls')),
path('forgetpwd/', ForgetPwdView.as_view(), name='forgetpwd'), # 忘记密码
]
忘记密码post逻辑ForgetPwdView(View)
发送邮件模块email_send.py增加忘记密码操作
# 发送注册邮件
def send_register_email(request_uri, email, send_type='register'):
# 发送之前先保存到数据库，到时候查询链接是否存在
# 实例化一个EmailVerifyRecord对象
email_record = EmailVerifyRecord()
# 生成随机的code放入链接
code = random_str(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 = '请点击链接激活账号：{}active/{}'.format(request_uri, code) # request_uri='http://127.0.0.1:8000/register/'
# 使用Django内置函数完成邮件发送。四个参数：主题，邮件内容，从哪里发，接受者list
send_status = send_mail(email_title, email_body, settings.EMAIL_FROM, [email])
if send_status:
return True
else:
return False
elif send_type == 'forget':
email_title = '在线学习平台 密码重置链接'
email_body = '请点击链接重置密码：{}reset/{}'.format(request_uri, code) # request_uri='http://127.0.0.1:8000/forgetpwd/'
# 使用Django内置函数完成邮件发送。四个参数：主题，邮件内容，从哪里发，接受者list
send_status = send_mail(email_title, email_body, settings.EMAIL_FROM, [email])
if send_status:
return True
else:
return False
忘记密码增加发送邮件功能
# 忘记密码视图
class ForgetPwdView(View):
def get(self, request):
# print(request.build_absolute_uri())
forgetpwd_form = ForgetPwdForm()
# 图片验证码
hashkey = CaptchaStore.generate_key()
image_url = captcha_image_url(hashkey)
return render(request, 'forgetpwd.html',
{
'forgetpwd_form': forgetpwd_form,
'hashkey': hashkey,
'image_url': image_url,
})
def post(self, request):
forgetpwd_form = ForgetPwdForm(request.POST)
# 图片验证码
hashkey = CaptchaStore.generate_key()
image_url = captcha_image_url(hashkey)
if forgetpwd_form.is_valid():
email = request.POST.get('email', '')
if UserProfile.objects.filter(email=email):
# 如果邮箱是注册过的，就发送改密邮件，然后跳回登录页面
send_register_email(request_uri=request.build_absolute_uri(), email=email, send_type='forget')
return render(request, 'login.html',
{
'msg': '重置密码邮件已发送,请注意查收',
})
else:
return render(request, 'forgetpwd.html',
{
'forgetpwd_form': forgetpwd_form,
'hashkey': hashkey,
'image_url': image_url,
'msg': '邮箱未注册，请检查是否输入错误'
})
else:
return render(request, 'forgetpwd.html',
{
'forgetpwd_form': forgetpwd_form,
'hashkey': hashkey,
'image_url': image_url,
})
重置密码
收到重置密码链接
请点击链接重置密码：http://127.0.0.1:8000/forgetpwd/reset/bP6hGgtU4DUN8lnd
跳转密码修改url
from users.views import user_login, LoginView, RegisterView, ActiveUserView, ForgetPwdView, RestpwdView
urlpatterns = [
path('admin/', admin.site.urls),
path('xadmin/', xadmin.site.urls),
path('', TemplateView.as_view(template_name='index.html'), name='index'),
# path('login/', TemplateView.as_view(template_name='login.html'), name='login'),
# path('login/', user_login, name='login'),
path('login/', LoginView.as_view(), name='login'), # 基于类方法实现登录,这里是调用它的方法
path('register/', RegisterView.as_view(), name='register'),
re_path('register/active/(?P.*)/' , ActiveUserView.as_view(), name='user_active'), # 激活
path('captcha/', include('captcha.urls')),
path('forgetpwd/', ForgetPwdView.as_view(), name='forgetpwd'), # 忘记密码
re_path('forgetpwd/reset/(?P.*)/' , RestpwdView.as_view(), name='resetpwd'), # 密码重置验证
]
跳转密码修改表单RestpwdView(View)
点击上面的，这个视图验证后跳转到，如果验证通过，返回密码修改表单
# 重置密码
class RestpwdView(View):
def get(self, request, active_code):
# 查询验证码是否存在
all_record = EmailVerifyRecord.objects.filter(code=active_code)
if all_record:
for record in all_record:
email = record.email
return render(request, 'pwdreset.html',
{
'email': email
})
else:
forgetpwd_form = ForgetPwdForm()
hashkey = CaptchaStore.generate_key()
image_url = captcha_image_url(hashkey)
return render(request, 'forgetpwd.html',
{
'forgetpwd_form': forgetpwd_form,
"msg": "您的重置链接无效",
'hashkey': hashkey,
'image_url': image_url,
})
密码修改模板pwdreset.html
<h3 class="no-margins">重置修改h3>
<p class="m-t-md">密码重置修改p>
<form method="post" action="{% url 'modify_pwd' %}" autocomplete="off">
<input name='email' type="text" value="{{ email }}" hidden />
<input name='password' type="password" class="form-control pword m-b" placeholder="密码" />
{% if modifypwd_form.errors.password %}
<span class="help-block m-b-none"> {{ modifypwd_forms.errors.password.as_text }}span>
{% endif %}
<input name='re_password' type="password" class="form-control pword m-b" placeholder="重复密码" />
{% if modifypwd_form.errors.re_password %}
<span class="help-block m-b-none"> {{ modifypwd_form.errors.re_password.as_text }}span>
{% endif %}
{% if msg %}
<div class="alert alert-danger" style="padding: 5px;">
{{ msg }}
div>
{% endif %}
{% csrf_token %}
<a href="/login/">返回登录a>
<button type="submit" class="btn btn-success btn-block">修 改button>
form>
密码修改表单ModifyPwdForm(forms.Form)
# 重置密码form实现
class ModifyPwdForm(forms.Form):
# 密码不能小于5位
password1 = forms.CharField(required=True, min_length=5)
# 密码不能小于5位
password2 = forms.CharField(required=True, min_length=5)
密码修改视图
from .forms import LoginForm, RegisterForm, ForgetPwdForm, ModifyPwdForm
# 修改密码
class ModifypwdView(View):
def post(self, request):
modifypwd_form = ModifyPwdForm(request.POST)
if modifypwd_form.is_valid():
pwd1 = request.POST.get("password", "")
pwd2 = request.POST.get("re_password", "")
email = request.POST.get("email", "")
# 如果两次密码不相等，返回错误信息
if pwd1 != pwd2:
return render(request, "pwdreset.html",
{
"email": email,
"msg": "密码不一致",
'modifypwd_form': modifypwd_form,
})
# 如果密码一致
user = UserProfile.objects.get(email=email)
# 加密成密文
user.password = make_password(pwd2)
# save保存到数据库
user.save()
return render(request, "login.html", {"msg": "密码修改成功，请登录"})
else:
email = request.POST.get("email", "")
return render(request, 'pwdreset.html',
{
'email': email,
'modifypwd_form': modifypwd_form,
})
密码修改url
from users.views import user_login, LoginView, RegisterView, ActiveUserView, ForgetPwdView, RestpwdView, ModifypwdView
urlpatterns = [
path('admin/', admin.site.urls),
path('xadmin/', xadmin.site.urls),
path('', TemplateView.as_view(template_name='index.html'), name='index'),
# path('login/', TemplateView.as_view(template_name='login.html'), name='login'),
# path('login/', user_login, name='login'),
path('login/', LoginView.as_view(), name='login'), # 基于类方法实现登录,这里是调用它的方法
path('register/', RegisterView.as_view(), name='register'),
re_path('register/active/(?P.*)/' , ActiveUserView.as_view(), name='user_active'), # 激活
path('captcha/', include('captcha.urls')),
path('forgetpwd/', ForgetPwdView.as_view(), name='forgetpwd'), # 忘记密码
re_path('forgetpwd/reset/(?P.*)/' , RestpwdView.as_view(), name='resetpwd'), # 密码重置验证
path('modify_pwd/', ModifypwdView.as_view(), name="modify_pwd"), # 密码修改
]