09 实现Django自带的注册\登录\退出登录(表单)功能

1、概述

在我们浏览网页的时候，经常会碰到对一个网站的注册，然后用注册号进行登录，登录后进行退出的操作。当用户注册登录网站后，网站的显示信息会根据用户的权限来设定。本篇主要简单介绍django自身的注册register/登录login表单的运用，以及退出logout视图的运用。

2、数据层models.py的结构

from django.db import models# from faker import Factoryfrom django.contrib.auth.models import Userclass Video(models.Model):    title = models.CharField(null=True, blank=True, max_length=300)    content = models.TextField(null=True, blank=True)    url_image = models.URLField(null=True, blank=True)    cover = models.FileField(upload_to='cover_image', null=True)    editors_choice = models.BooleanField(default=False)    def __str__(self):        return self.titleclass UserProfile(models.Model):    belong_to = models.OneToOneField(to=User, related_name='profile')    profile_image = models.FileField(upload_to='profile_image')

解析：

a、数据Video是网页的内容，包括字段title标题，content内容，url_image图片链接，cover长传的图片等。

b、数据UserProfile是网页菜单中用户登入后的状态显示，原本在模板中用django的user属性已有用户名显示，这边添加一对一关联的用户图片，网页结构如下：

说明：在未设置登入功能时，访问网页后用户登录状态的用户名username和图片是默认的格式，即没有与用户关联。

2、网页注册/登录的界面

网页实现用户的登录或注册，通常会有登录或注册的页面，本次构建的页面显示如下：

说明：用户的注册或登录共用一个网页，只是显示的表单内容不同。如上是用于登录的表单显示，用户正确输入用户名和密码即可。

3、在views.py层实现登录和注册的视图

1）登录视图

from django.shortcuts import render, redirect, HttpResponsefrom django.contrib.auth import authenticate, loginfrom django.contrib.auth.forms import UserCreationForm, AuthenticationFormdef index_login(request):    context = {}    if request.method == 'GET':        form = AuthenticationForm    if request.method == "POST":        form = AuthenticationForm(data=request.POST)        if form.is_valid():            login(request,form.get_user())            return redirect(to='list')    context['form'] = form    return render(request, 'register_login.html', context)

解析：

a、要实现登录的表单，要首先引入django中自带的登入表单AuthenticationForm;

b、与通常表单类似，使用GET请求渲染表单，使用POST请求来绑定表单;

c、注意AuthenticationForm表单绑定使用参数是data=request.POST，而不能缺少data；

d、不能缺少login()，实现用户的请求得登录关联；

2）注视视图

def index_register(request):    context = {}    if request.method == 'GET':        form = UserCreationForm()    if request.method == 'POST':        form = UserCreationForm(request.POST)        if form.is_valid():            form.save()            return redirect(to='login')    context['form'] = form    return render(request,'register_login.html', context)

解析：

a、与登录表单类似，要使用GET请求渲染表单，使用POST请求绑定表单；

b、在进行注册的时候，要判断注册号的有效性is_valid()，如注册名是否已经存在，注册密码长度不够等；

c、注意要jango注册的表单进行save()，才能算注册成功。

4、在urls.py层写入登录和注册的url以及退出logout视图

from website.views import index_login, index_registerfrom django.contrib.auth.views import logouturlpatterns = [    url(r'^admin/', admin.site.urls),    url(r'^list/$', listing, name='list'),    url(r'^list/([A-Za-z]+)$', listing, name='list'),    url(r'^login/$', index_login, name='login'),    url(r'^register/$', index_register, name='register'),    url(r'^logout/$', logout,{'next_page':'/register'}, name='logout'),]

解析：

a、写入了登录的url(login)，注册的url(register);

b、通过引入django自带的退出登录视图logout来实现退出功能；

c、在退出url中，通过{‘next_page’:'/register'}的格式，实现退出且页面跳转至注册register页；

5、在模板层进行更改

1）注册页面的模板更改

<h4 class="ui inverted right aligned header">    <a href="{% url 'login' %}" style="color:#ff695e;">or login</a>    <span>|</span>    <a href="{% url 'register' %}" style="color:#ff695e;">or register</a></h4><form class="ui error form", method="POST">    {% if form.errors %}      <div class="ui error message">        {{ form.errors}}      </div>      {% for field in form  %}        <div class="{{ field.errors|yesno:'error, '}} field">          {{ field.label }}          {{ field }}        </div>      {% endfor %}    {% else %}      {% for field in form  %}        <div class="field">          {{ field.label }}          {{ field }}        </div>      {% endfor %}    {% endif %}    {% csrf_token %}  <button class="ui inverted red circular right floated button" type="submit">Done</button></form>

解析：

a、通过点击注册页面的or login或or register实现登录表单和注册表单的加载；

b、表单的格式与之前篇章表单手动渲染一样；

2）列表主页的模板更改

<div class="right menu">  {% if request.user.is_authenticated %}    <div class="item">        <h5 class="ui inverted header">          <span>{{ request.user.username }}</span>          <div class="ui mini circular image">            {% if request.user.profile.profile_image %}              <img src="/upload/{{ request.user.profile.profile_image }}" alt="">            {% else %}              <img src="{% static 'images/elan-1623088__340.jpg' %}" alt="">            {% endif %}          </div>        </h5>    </div>    <div class="item">        <a href="{% url 'logout' %}" class="ui inverted circular button">Logout</a>    </div>  {% else %}    <div class="item">        <h5 class="ui inverted header">          <span>username</span>          <div class="ui mini circular image">              <img src="{% static 'images/elan-1623088__340.jpg' %}" alt="">          </div>        </h5>    </div>    <div class="item">        <a href="{% url 'login' %}" class="ui inverted circular button">Login</a>    </div>  {% endif %}</div>

解析：

a、通过对请求request的用户验证判断(request.user.is_authenticated)来实现用户的登入。如果用户验证通过，则输入类似如下：

说明：用户名为注册成功用户，图片为后台改用户名绑定的上传的图片。可以点击Logout实现退出登录。因点击会跳转到logout的url.

b、登录名通过request.user.usrname来获取；

c、用户图片通过request.user.profile.profilr_image来判断显示，即数据models.py层中定义的数据Userprofile是否在后台有上传。

d、用于注册界面如下，当点击Logout退出时，最终会返回到注册页：

说明：页面表单正是通过django注册表单实现，可以判断类似用户有没有被注册等常规判断。