再此之前我们已经完成了用户登录、注册、注销等功能，接下来让我们继续为用户提供修改密码的功能。该功能 Django 的 auth 应用也已经为我们提供，过程几乎和之前的登录功能完全一样。

编写修改密码模板

修改密码的的视图函数默认渲染的模板名为 password_change_form.html，因此首先在 registration/ 下新建一个 password_change_form.html 文件，写入表单代码（几乎和登录页面一样），在此就不做过多解释了，具体请参考 Django 用户认证系统：登录 部分的说明。

templates/registration/password_change_form.html

<!DOCTYPE html>

<html lang="zh-cn">

<head>

    <meta charset="utf-8">

    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>修改密码</title>

    <link rel="stylesheet" href="https://unpkg.com/mobi.css/dist/mobi.min.css">

    <style>

        .errorlist {

            color: red;

        }

    </style>

</head>

<body>

<div class="flex-center">

    <div class="container">

        <div class="flex-center">

            <div class="unit-1-2 unit-1-on-mobile">

                <h1><a href="{% url 'index' %}">Django Auth Example</a></h1>

                <h3>修改密码</h3>

                <form class="form" action="{% url 'password_change' %}" method="post">

                    {% csrf_token %}

                    {{ form.non_field_errors }}

                    {% for field in form %}

                        {{ field.label_tag }}

                        {{ field }}

                        {{ field.errors }}

                        {% if field.help_text %}

                            <p class="help text-small text-muted">{{ field.help_text|safe }}</p>

                        {% endif %}

                    {% endfor %}

                    <button type="submit" class="btn btn-primary btn-block">确认修改</button>

                </form>

            </div>

        </div>

    </div>

</div>

</body>

</html>

此外，在首页加一个修改密码的按钮，并且注意只对已登录用户显示：

templates/index.html

{% if user.is_authenticated %}

  <p>你已登录，欢迎你：<a href="#">{{ user.username }}</a></p>

  <button class="btn btn-default"><a href="{% url 'logout' %}?next={{ request.path }}">注销登录</a>

  </button>

  <button class="btn btn-default"><a href="{% url 'password_change' %}?next={{ request.path }}">修改密码</a>

  </button>

{% else %}

编写密码修改成功页面模板

密码修改成功后，Django 会把用户跳转到密码修改成功页面，该页面渲染的模板为 password_change_done.html，因此再添加一个密码修改成功页面的模板：

templates/registration/password_change_done.html

<!DOCTYPE html>

<html lang="zh-cn">

<head>

    <meta charset="utf-8">

    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>密码修改成功</title>

    <link rel="stylesheet" href="https://unpkg.com/mobi.css/dist/mobi.min.css">

</head>

<body>

<div class="flex-center">

    <div class="container">

        <div>

            <h1 class="logo"><a href="{% url 'index' %}">Django Auth Example</a></h1>

            <p>密码修改成功！</p>

        </div>

    </div>

</div>

</body>

</html>

OK，修改密码的功能就完成了。流程为已登录用户点击主页的修改密码按钮跳转到修改密码页面，修改密码成功后跳转到修改成功页面。

总结

django用户认证系统——修改密码6的更多相关文章

  1. django用户认证系统——重置密码7

    当用户不小心忘记了密码时,网站需要提供让用户找回账户密码的功能.在示例项目中,我们将发送一封含有重置用户密码链接的邮件到用户注册时的邮箱,用户点击收到的链接就可以重置他的密码,下面是具体做法. 发送邮 ...

  2. django用户认证系统——拓展 User 模型

    Django 用户认证系统提供了一个内置的 User 对象,用于记录用户的用户名,密码等个人信息.对于 Django 内置的 User 模型, 仅包含以下一些主要的属性: username,即用户名 ...

  3. django用户认证系统——拓展 User 模型2

    Django 用户认证系统提供了一个内置的 User 对象,用于记录用户的用户名,密码等个人信息.对于 Django 内置的 User 模型, 仅包含以下一些主要的属性: username,即用户名 ...

  4. django用户认证系统——基本设置1

    网站提供登录.注册等用户认证功能是一个常见的需求.因此,Django 提供了一套功能完整的.灵活的.易于拓展的用户认证系统:django.contrib.auth.在本教程中,我将向你展示 auth ...

  5. “Django用户认证系统”学习资料收集

    首推追梦人物——Django用户认证系统 待续……

  6. [Django实战] 第5篇 - 用户认证（修改密码）

    上一篇我们实现了用户认证系统的登录模块,这一篇实现修改密码模块. 同样地,我们首先得给修改密码创建表单(forms.py): class ChangepwdForm(forms.Form): oldp ...

  7. django用户认证系统——登录4

    用户已经能够在我们的网站注册了,注册就是为了登录,接下来我们为用户提供登录功能.和注册不同的是,Django 已经为我们写好了登录功能的全部代码,我们不必像之前处理注册流程那样费劲了.只需几分钟的简单 ...

  8. D django 用户认证系统

    django认证系统包含三个部分:用户.权限和分组 安装 django项目默认启用了认证系统,如果不是使用django-admin.py创建项目的可以通过在settings配置文件里面的INSTALL ...

  9. Django用户认证系统(二)Web请求中的认证

    在每个Web请求中都提供一个 request.user 属性来表示当前用户.如果当前用户未登录,则该属性为AnonymousUser的一个实例,反之,则是一个User实例. 你可以通过is_authe ...

随机推荐

  1. Android 6.0 超级简单的权限申请 (Permission)

    代码地址如下:http://www.demodashi.com/demo/13369.html 背景描述 随着Android系统的不断升级,谷歌对用户的隐私是越来越注重了,给我们开发者带来了更多的繁琐 ...

  2. js操作时间 加法 减法 计算 格式化时间

    Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d ...

  3. int.TryParse非预期执行引发的思考

    问题出现 这天在写一个页面,想谨慎些就用了int.TryParse,结果出问题了. 代码如下: int id = 1000; //Request.QueryString["id"] ...

  4. android:imeOptions属性

    imeOptions软键盘setOnEditorActionListener  默认情况下软键盘右下角的按钮为“下一个”,点击会到下一个输入框,保持软键盘 设置 android:imeOptions= ...

  5. 悟道—位IT高管20年的职场心经（读书笔记一）

    悟道--一位IT高管20年的职场心经 第一章  修炼! 修炼! 别跟我谈事业,先把工作做好. 别跟我说理想,先把饭碗端好: 志不可天天立.道必须日日修.没有实力,一切皆为妄谈. 修炼是硬道理. 1.1 ...

  6. Vim进阶指南

    常用按键说明 按键 解释 移动光标 n+(Space) 向右移动n个字符 n+(Enter) 向下移动n行 nG 移动到第n行 gg 移动到第一行 G 移动到最后一行 0或Home键(Mac使用fn+ ...

  7. Vue 中的生命周期和钩子函数

    生命周期: beforeCreate:el 和 data 并未初始化 (此方法不常用) created:完成了 data 数据的初始化,el的初始化未完成.用来发送ajax beforeMount:( ...

  8. 关于audio标签播放跨域的问题

    遇到过的错误: DOMException: The play() request was interrupted by a new load request. DOMException: Failed ...

  9. Java并发编程（八）：线程调度——线程池

    new Thread的弊端 执行一个异步任务你还只是如下new Thread吗? new Thread(new Runnable() { @Override public void run() { / ...

  10. Atitit .h5文件上传

    Atitit .h5文件上传 1. 上传原理1 2. Html1 3. Js2 4. uploadV2.js2 5. upServlet & FileUploadService {3 6. 注 ...