（项目）在线教育平台（五）

七、找回密码功能

1、找回密码页面配置

　　将找回密码页面forgetpwd.html前端文件拷贝到项目的templates文件夹内。

　　然后修改注册页面register.html初始文件中的静态文件访问路径，修改成{% static '静态文件路径' %}的形式。

2、后端找回密码接口

2.1 编写找回密码接口

　　在users/form.py文件中编写form表单验证的代码：

class ForgetPwdForm(forms.Form):
    """找回密码表单验证"""
    email= forms.EmailField(required=True)
    captcha = CaptchaField(error_messages={'invalid': '验证码错误'})

　　然后在users/views.py文件中编写找回密码的接口：

class ForgetPwdView(View):
    """找回密码"""
    def get(self, request):
        forget_form = ForgetPwdForm()
        return render(request, 'forgetpwd.html', {'forget_form': forget_form})

　　最后配置找回密码的url：

from users.views import ForgetPwdView

urlpatterns = [
    path('forget/', ForgetPwdView.as_view(), name='forget_pwd'),  # 找回密码
]

2.2 前端页面配置

　　首先在login.html中修改找回密码的url：

　　然后修改找回页面验证码图片显示的问题：

 2.3 发送找回密码邮件

　　在utils/email_sendl.py文件中添加找回密码的邮件：

    if send_type == 'forget':
        email_title = '知能网找回密码链接'
        email_body = '请点击下面的链接找回你的密码：http://127.0.0.1:8000/reset/{}'.format(code)

        # 发送邮件
        send_status = send_mail(email_title, email_body, EMAIL_FROM, [email])
        if send_status:
            pass

　　在找回密码页面点击提交后，发送找回密码邮件。

2.4 完善找回密码接口

class ForgetPwdView(View):
    """找回密码"""
    def get(self, request):
        forget_form = ForgetPwdForm()
        return render(request, 'forgetpwd.html', {'forget_form': forget_form})

    def post(self, request):
        forget_form = ForgetPwdForm(request.POST)
        if forget_form.is_valid():
            # form验证成功，获取邮箱
            email = request.POST.get('email', None)

            # 发送邮件
            send_register_email(email, 'forget')
            return render(request, 'send_success.html')
        else:
            return render(request, 'forgetpwd.html', {'forget_form': forget_form})

　　接口完善之后前端的forgetpwd.html还需要修改其中的几个地方：

　　然后现在就可以测试输入邮箱提交之后是否发送了找回密码的邮件。

2.5 重置密码

　　首先将修改密码的password_reset.html页面放到templates下。

　　在找回密码的邮件中点击找回密码的链接，进入修改密码的页面，首先需要编写重置密码（get方法获取重置密码页面）的接口：

class ResetView(View):
    """重置密码（get）方法"""
    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
                return render(request, 'password_reset.html', {'email': email})
            else:
                return render(request, 'active_fail.html')

        return render(request, 'login.html')

　　然后配置找回密码链接的url：

from users.views import ResetView

urlpatterns = [
    re_path('reset/(?P<active_code>.*)/', ResetView.as_view(), name='reset_pwd')  # 找回密码链接
]

　　现在点击找回密码的链接就可以进入重置密码的页面。

　　现在开始编写重置密码页面的form表单验证的代码，在form.py中加入重置密码表单验证：

class ModifyPwdForm(forms.Form):
    """重置密码表单验证"""
    password1 = forms.CharField(required=True, min_length=5)
    password2 = forms.CharField(required=True, min_length=5)

　　然后编写重置密码的接口：

class ModifyPwdView(View):
    """重置密码"""
    def post(self, request):
        modify_form = ModifyPwdForm(request.POST)
        if modify_form.is_valid():
            # 从请求中获取密码和邮箱
            pwd1 = request.POST.get('password1', '')
            pwd2 = request.POST.get('password2', '')
            email = request.POST.get('email', '')

            # 如果两次密码不一致，返回错误信息
            if pwd1 != pwd2:
                return render(request, 'password_reset.html', {'email': email, 'msg': '密码不一致'})

            # 修改数据库中的密码
            user = UserProfile.objects.get(email=email)
            user.password = make_password(pwd2)
            user.save()

            return render(request, 'login.html')
        else:
            email = request.POST.get('email', '')
            return render(request, 'password_reset.html', {'email': email, 'modify_form': modify_form})

　　在urls中配置重置密码的url：

from users.views import ModifyPwdView

urlpatterns = [
    path('modify_pwd/', ModifyPwdView.as_view(), name='modify_pwd'),  # 重置密码
]

　　然后修改password_reset.html页面的一些其他需要修改的地方：