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

1、概述

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

2、数据层models.py的结构

from django.db import models
# from faker import Factory
from django.contrib.auth.models import User

class 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.title

class 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, HttpResponse
from django.contrib.auth import authenticate, login
from django.contrib.auth.forms import UserCreationForm, AuthenticationForm

def 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_register
from django.contrib.auth.views import logout

urlpatterns = [
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>

9f5a
{% 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注册表单实现，可以判断类似用户有没有被注册等常规判断。