Django搭建我的博客：用户的登陆和登出

用户管理

用户数据能够说是大部分网站最重要的资产。用户管理就是对用户数据进行增删改查等操做的功能，天然也就很是的重要了。

本章开始学习用户管理的内容，首先从用户登陆开始。

在Django中用app来区别不一样功能的模块，达到代码隔离和复用。由于用户管理和博客文章的功能不一样，所以须要新建一个专门的app。

进入虚拟环境，运行startapp指令建立新的app：

python manage.py startapp userprofile

查看项目目录，发现已经新生成了userprofile目录及其中的文件了。

再遇表单类

用户登陆时，须要填写帐户密码等表单数据，所以又要用到Form表单类。

在userprofile目录中建立表单类的文件forms.py，编写以下代码：

/userprofile/forms.py

# 引入表单类
from django import forms
# 引入 User 模型
from django.contrib.auth.models import User

# 登陆表单，继承了 forms.Form 类
class UserLoginForm(forms.Form):
    username = forms.CharField()
    password = forms.CharField()

在前面发表文章的模块中，表单类继承了forms.ModelForm，这个父类适合于须要直接与数据库交互的功能，好比新建、更新数据库的字段等。若是表单将用于直接添加或编辑Django模型，则可使用 ModelForm来避免重复书写字段描述。

而forms.Form则须要手动配置每一个字段，它适用于不与数据库进行直接交互的功能。用户登陆不须要对数据库进行任何改动，所以直接继承forms.Form就能够了。

编写视图

用户的登陆是比较复杂的功能，好在Django提供了封装好的模块供咱们使用。

首先在userprofile/views.py中写视图函数：

/userprofile/views.py

from django.shortcuts import render, redirect
from django.contrib.auth import authenticate, login
from django.http import HttpResponse
from .forms import UserLoginForm

# Create your views here.

def user_login(request):
    if request.method == 'POST':
        user_login_form = UserLoginForm(data=request.POST)
        if user_login_form.is_valid():
            # .cleaned_data 清洗出合法数据
            data = user_login_form.cleaned_data
            # 检验帐号、密码是否正确匹配数据库中的某个用户
            # 若是均匹配则返回这个 user 对象
            user = authenticate(username=data['username'], password=data['password'])
            if user:
                # 将用户数据保存在 session 中，即实现了登陆动做
                login(request, user)
                return redirect("article:article_list")
            else:
                return HttpResponse("帐号或密码输入有误。请从新输入~")
        else:
            return HttpResponse("帐号或密码输入不合法")
    elif request.method == 'GET':
        user_login_form = UserLoginForm()
        context = { 'form': user_login_form }
        return render(request, 'userprofile/login.html', context)
    else:
        return HttpResponse("请使用GET或POST请求数据")

• 跟发表文章的表单类相似，Form对象的主要任务就是验证数据。调用is_valid()方法验证并返回指定数据是否有效的布尔值。
• Form不只负责验证数据，还能够“清洗”它：将其标准化为一致的格式，这个特性使得它容许以各类方式输入特定字段的数据，而且始终产生一致的输出。一旦Form使用数据建立了一个实例并对其进行了验证，就能够经过cleaned_data属性访问清洗以后的数据。
• authenticate()方法验证用户名称和密码是否匹配，若是是，则将这个用户数据返回。
• login()方法实现用户登陆，将用户数据保存在session中。

其余的内容就跟发表文章时的技巧相似了。

什么是session

Session在网络应用中，称为“会话控制”，它存储特定用户会话所需的属性及配置信息。

当用户在 Web 页之间跳转时，存储在 Session 对象中的变量将不会丢失，而是在整个用户会话中一直存在下去。

Session 最多见的用法就是存储用户的登陆数据。

详情看这里：Session百度百科

登陆的模板

接着写模板文件。

建立/templates/userprofile/login.html模板：

/templates/userprofile/login.html

{% extends "base.html" %} {% load staticfiles %}
{% block title %} 登陆 {% endblock title %}
{% block content %}
<div class="container">
    <div class="row">
        <div class="col-12">
            <br>
            <form method="post" action=".">
                {% csrf_token %}
                <!-- 帐号 -->
                <div class="form-group">
                    <label for="username">帐号</label>
                    <input type="text" class="form-control" id="username" name="username">
                </div>
                <!-- 密码 -->
                <div class="form-group">
                    <label for="password">密码</label>
                    <input type="password" class="form-control" id="password" name="password">
                </div>
                <!-- 提交按钮 -->
                <button type="submit" class="btn btn-primary">提交</button>
            </form>
        </div>
    </div>
</div>
{% endblock content %}

内容与使用Form表单类发表新文章很是相似。惟一新知识是输入密码表单的type="password"，可让输入密码的时候显示小圆点，避免有人偷窥。

而后咱们改写一下tempalates/header.html，把登陆的按钮加进去：

/tempalates/header.html

...
<ul class="navbar-nav">
    ...
    
    <li class="nav-item">
        <a class="nav-link" href="{% url 'article:article_list' %}">文章</a>
    </li>
    
    <!-- Django的 if 模板语句 -->
    {% if user.is_authenticated %}
        <!-- 若是用户已经登陆，则显示用户名下拉框 -->
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              {{ user.username }}
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
              <a class="dropdown-item" href="#">退出登陆</a>
            </div>
        </li>
    <!-- 若是用户未登陆，则显示 “登陆” -->
    {% else %}
        <li class="nav-item">
            <a class="nav-link" href="{% url 'userprofile:login' %}">登陆</a>
        </li>                    
    <!-- if 语句在这里结束 -->
    {% endif %}
</ul>
...

这里使用了新的模板语法：{% if ... %}，用来判断用户是否已经登陆：

• 若是用户已经登陆，则显示一个名字为用户名称的下拉框，就像一般的社交网站同样。
• 若是用户未登陆，则显示“登陆”两个字提醒用户能够点击登陆。

is_authenticated是models.User类的属性，用于判断用户是否已经过身份验证。

url及其余设置

最后的步骤就是将app配置到项目中去。

建立userprofile/urls.py文件：

/userprofile/urls.py

from django.urls import path
from . import views

app_name = 'userprofile'

urlpatterns = [
    # 用户登陆
    path('login/', views.user_login, name='login'),
]

配置根路由my_blog/urls.py：

/my_blog/urls.py

...

urlpatterns = [
    ... 
    # 用户管理
    path('userprofile/', include('userprofile.urls', namespace='userprofile')),
]

配置my_blog/settings.py：

my_blog/settings.py

...
INSTALLED_APPS = [
    ...
    'userprofile',
]
...

由于userprofile这个app并无改动model，所以不用迁移数据。

OK了，运行服务器，在admin后台中退出登陆（找找页面右上角），返回到文章列表页：

点击登陆按钮，输入帐号和密码（能够故意输错试试会出现什么）：

点击提交，将自动回到文章列表页面：

大功告成。

用户的退出

有了用户登陆的知识后，用户退出就很简单了。这里就直接给出代码，相信你必定能看懂。

仍是先添加用户退出的视图：

/userprofile/views.py

...
# 引入logout模块
from django.contrib.auth import authenticate, login, logout

...
# 用户退出
def user_logout(request):
    logout(request)
    return redirect("article:article_list")

而后配置/userprofile/urls.py：

/userprofile/urls.py

...

urlpatterns = [
    path('login/', views.user_login, name='login'),
    
    # 用户退出
    path('logout/', views.user_logout, name='logout'),
]

在写登陆的代码时，已经给用户退出留好了接口，所以只须要改动/templates/header.html：

/templates/header.html

...
# 改动 href 中的连接指向
<a class="dropdown-item" href='{% url "userprofile:logout" %}'>退出登陆</a>

...

保存后刷新页面，点击下拉框中“退出登陆”选项，用户就顺利退出了。

总结

本章用到了表单类、if模板语句、用户验证等知识完成了用户管理的登陆和退出。

接下来学习如何实现注册和删除。

• 有疑问请在杜赛的我的网站留言，我会尽快回复。
• 或Email私信我：dusaiphoto@foxmail.com
• 项目完整代码：Django_blog_tutorial

转载请告知做者并注明出处。