Django通用类视图实现忘记密码与重置密码功能详解

周叙

发布时间：2026-10-13 | 4人浏览过

原创

本文介绍如何利用Django内置的通用类视图（如PasswordResetView等）快速实现用户忘记密码及重置密码功能。通过配置少量代码和自定义模板，即可构建完整的找回密码流程，包括邮件发送、密码确认及重置成功页面展示，大幅减少重复的增删改查代码。

前言

Django通用类视图简介

Django框架提供了丰富的通用类视图，例如ListView、DetailView、CreateView和UpdateView等。这些视图将常见的增删改查逻辑抽象为通用类，开发者只需进行少量配置即可实现相应功能，从而避免编写大量重复代码。

接下来，我们将演示如何使用通用类视图来完成用户忘记密码及重置密码的功能。

实现忘记密码与重置密码功能

首先需要在代码中引入相关的视图类。

引入视图类与配置


from django.contrib.auth.views import PasswordResetView, PasswordResetConfirmView, \
 PasswordResetDoneView, PasswordChangeView, PasswordChangeDoneView, \
 PasswordResetCompleteView

具体配置方式如下所示：


class MyPasswordResetView(PasswordResetView):
 """重置密码视图"""
 template_name = 'users/registration/forget_pwd.html'
 form_class = ForgetForm
 success_url = reverse_lazy("users:password_reset_done")
 email_template_name = 'users/registration/password_reset_email.html'


class MyPasswordResetConfirmView(PasswordResetConfirmView):
 """重置密码页面，输入两次密码"""
 template_name = 'users/registration/password_change_form.html'
 success_url = reverse_lazy('users:password_reset_complete')


class MyPasswordResetDoneView(PasswordResetDoneView):
 """发送确认重置邮件"""
 template_name = 'users/registration/password_reset_done.html'


class MyPasswordResetCompleteView(PasswordResetCompleteView):
 """完成重置密码"""
 template_name = 'users/registration/password_change_done.html'

其中，用户填写邮箱以请求重置密码的模板文件forget_pwd.html内容如下：

前端模板设计


   <form method="post" class="form-validate" action="{% url 'users:password_reset' %}">
   <div class="form-group">
    <input id="login-username" type="text" name="email" required data-msg="请输入您的邮箱" class="input-material">
    <label for="login-username" class="label-material">邮箱</label>
    {% if form.errors %}
    <div style="color: red">邮箱输入错误</div>
    {% endif %}
   </div>

    {% csrf_token %}
    <button type="submit" id="login" href="#" rel="external nofollow" class="btn btn-primary">发送确认邮件</button>
   <!-- This should be submit button but I replaced it with <a> for demo purposes-->
   </form>

用户输入新密码以确认重置的模板文件password_change_form.html页面代码如下：


<form id="form" method="post">
 {% csrf_token %}
 {{ form|crispy }}
 <div class="form-group">
 <button type="submit" class="btn btn-primary button-submit">确认更改</button>
 </div>
</form>

当重置密码的确认邮件发送成功后，显示的模板文件password_reset_done.html如下：


 <div class="col-lg-6 bg-white">
  <div class="form d-flex align-items-center">
  <div class="content">
   <h1>重置密码邮件发送成功！</h1>

  </div>
  </div>
 </div>

当密码重置最终成功完成时，展示的模板文件password_change_done.html如下：


 <div class="container">
 <div class="row">
  <div class="col-md-6 offset-md-3">
  <h1>重置密码成功！</h1>
  <a href="{% url 'index' %}" rel="external nofollow" >回到首页</a>
  </div>
 </div>
 </div>

最后，需要在项目中配置相应的URL路由。

路由配置与效果展示


path('password/reset/', view=MyPasswordResetView.as_view(), name='password_reset'), # password_reset
path('password/reset/done/', MyPasswordResetDoneView.as_view(), name='password_reset_done'), # password_reset_done

url(r'^reset/(?P<uidb64>[0-9A-Za-z_\-]+)/(?P<token>[0-9A-Za-z]{1,13}-[0-9A-Za-z]{1,20})/$',
 view=MyPasswordResetConfirmView.as_view(), name='password_reset_confirm'), # reset
path('reset/done/', MyPasswordResetCompleteView.as_view(), name='password_reset_complete'),

实现后的效果如下图所示：