Django: 项目实战从0开始---实现登录注册系统。(7)

时光如瑾雨微凉 2020-05-18

一、session回话

因为因特王国HTTP协议的特效,每一次来自用户的浏览器请求(request)都是无状态的,独立的,通俗的说,就是无法保存用户的状态,后台服务器根本不知道当前请求和以前及以后的请求是否来自同一用户,对于静态网站,这可能不是个问题,而对动态网站,尤其是京东,天猫等购物网站,无法识别用户并保持用户状态是致命的,根本无法提供服务,你可以尝试将浏览器的cookie功能关闭,你会发现将无法在京东登录和购物。

网站会通过用户的浏览器在用户机器内被限定的硬盘位置中写入一些数据,也就是所谓的Cookie。通过Cookie可以保存一些诸如用户名、浏览记录、表单记录、登录和注销等各种数据。但是这种方式非常不安全,因为Cookie保存在用户的机器上,如果Cookie被伪造、篡改或删除,就会造成极大的安全威胁,因此,现代网站设计通常将Cookie用来保存一些不重要的内容,实际的用户数据和状态还是以Session会话的方式保存在服务器端。

但是,必须清楚的是Session依赖Cookie!不同的地方在于Session将所有的数据都放在服务器端,用户浏览器的Cookie中只会保存一个非明文的识别信息,比如哈希值。

Django提供了一个通用的Session框架,并且可以使用多种session数据的保存方式:

  • 保存在数据库内
  • 保存到缓存
  • 保存到文件内
  • 保存到cookie内

通常情况,没有特别需求的话,请使用保存在数据库内的方式,尽量不要保存到Cookie内。

Django的session框架默认启用,并已经注册在app设置内,如果真的没有启用,那么参考下面的内容添加有说明的那两行,再执行migrate命令创建数据表,就可以使用session了。

# Application definition

INSTALLED_APPS = [
    ‘django.contrib.admin‘,
    ‘django.contrib.auth‘,
    ‘django.contrib.contenttypes‘,
    ‘django.contrib.sessions‘,    # 这一行
    ‘django.contrib.messages‘,
    ‘django.contrib.staticfiles‘,
]

MIDDLEWARE = [
    ‘django.middleware.security.SecurityMiddleware‘,
    ‘django.contrib.sessions.middleware.SessionMiddleware‘,  # 这一行
    ‘django.middleware.common.CommonMiddleware‘,
    ‘django.middleware.csrf.CsrfViewMiddleware‘,
    ‘django.contrib.auth.middleware.AuthenticationMiddleware‘,
    ‘django.contrib.messages.middleware.MessageMiddleware‘,
    ‘django.middleware.clickjacking.XFrameOptionsMiddleware‘,

setings.py

当session启用后,传递给视图request参数的HttpRequest对象将包含一个session属性,就像一个字典对象一样。你可以在Django的任何地方读写request.session属性,或者多次编辑使用它。

class backends.base.SessionBase
        # 这是所有会话对象的基类,包含标准的字典方法:
        __getitem__(key)
            Example: fav_color = request.session[‘fav_color‘]
        __setitem__(key, value)
            Example: request.session[‘fav_color‘] = ‘blue‘
        __delitem__(key)
            Example: del request.session[‘fav_color‘]  # 如果不存在会抛出异常
        __contains__(key)
            Example: ‘fav_color‘ in request.session
        get(key, default=None)
            Example: fav_color = request.session.get(‘fav_color‘, ‘red‘)
        pop(key, default=__not_given)
            Example: fav_color = request.session.pop(‘fav_color‘, ‘blue‘)

session类

类似字典数据类型的内置方法
keys()
 items()
setdefault()
 clear()

它还有下面的方法:
flush()
#删除当前会话数据的和回话cookie。经常用在用户退出后,删除回话。

set_test_cookie()
  #设置一个测试cookie,用户探测用户浏览器是否支持cookies。由于cookie的工作机制,你只有在下面用户请求的时候才可以测试。
test_cookie_worked()
# 返回True或者False,取决于用户的浏览器是否接受测试cookie。你必须在之前先调用set_test_cookie()方法。
 delete_test_cookie()
            # 删除测试cookie。
        set_expiry(value)
            # 设置cookie的有效期。可以传递不同类型的参数值:
        • 如果值是一个整数,session将在对应的秒数后失效。例如request.session.set_expiry(300) 将在300秒后失效.
        • 如果值是一个datetime或者timedelta对象, 会话将在指定的日期失效
        • 如果为0,在用户关闭浏览器后失效
        • 如果为None,则将使用全局会话失效策略
        失效时间从上一次会话被修改的时刻开始计时。
  get_expiry_age()
            # 返回多少秒后失效的秒数。对于没有自定义失效时间的会话,这等同于SESSION_COOKIE_AGE.
            # 这个方法接受2个可选的关键字参数
        • modification:会话的最后修改时间(datetime对象)。默认是当前时间。
        •expiry: 会话失效信息,可以是datetime对象,也可以是int或None
 get_expiry_date()
            # 和上面的方法类似,只是返回的是日期

        get_expire_at_browser_close()
            # 返回True或False,根据用户会话是否是浏览器关闭后就结束。

        clear_expired()
            # 删除已经失效的会话数据。
        cycle_key()
            # 创建一个新的会话秘钥用于保持当前的会话数据。django.contrib.auth.login() 会调用这个方法。

方法

基本上背下来上面的内容,Django的session你就可以信手拈来了。我是背不下来,所以写在博客里面,如果用的时候再看。。
(1)使用session

下面结合我们的项目实战,使用session。

首先,修改login/views.py中的login()视图函数:

def login(request):
    if request.session.get(‘is_login‘, None):  # 不允许重复登录
        return redirect(‘/index/‘)
    if request.method == ‘POST‘:
        login_form = forms.UserForm(request.POST)
        message = ‘请检查填写的内容!‘
        if login_form.is_valid():
            username = login_form.cleaned_data.get(‘username‘)
            password = login_form.cleaned_data.get(‘password‘)

            try:
                user = models.User.objects.get(name=username)
            except :
                message = ‘用户不存在!‘
                return render(request, ‘login/login.html‘, locals())

            if user.password == password:
                request.session[‘is_login‘] = True
                request.session[‘user_id‘] = user.id
                request.session[‘user_name‘] = user.name
                return redirect(‘/index/‘)
            else:
                message = ‘密码不正确!‘
                return render(request, ‘login/login.html‘, locals())
        else:
            return render(request, ‘login/login.html‘, locals())

    login_form = forms.UserForm()
    return render(request, ‘login/login.html‘, locals())

views.py

 通过下面的if语句,我们不允许重复登录:

if request.session.get(‘is_login‘,None):
    return redirect("/index/")

通过下面的语句,我们往session字典内写入用户状态和数据:

request.session[‘is_login‘] = True
request.session[‘user_id‘] = user.id
request.session[‘user_name‘] = user.name

你完全可以往里面写任何数据,不仅仅限于用户相关!

既然有了session记录用户登录状态,那么就可以完善我们的登出视图函数了:

def logout(request):
    if not request.session.get(‘is_login‘, None):
        # 如果本来就未登录,也就没有登出一说
        return redirect("/login/")
    request.session.flush()
    # 或者使用下面的方法
    # del request.session[‘is_login‘]
    # del request.session[‘user_id‘]
    # del request.session[‘user_name‘]
    return redirect("/login/")

views.py

flush()方法是比较安全的一种做法,而且一次性将session中的所有内容全部清空,确保不留后患。但也有不好的地方,那就是如果你在session中夹带了一点‘私货’,会被一并删除,这一点一定要注意。

(2)在index页面中验证登录

有了用户状态,就可以根据用户登录与否,展示不同的页面,比如在index页面中显示当前用户的名称:

修改index.html的代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
<h1>{{ request.session.user_name }}!  欢迎回来!</h1>
<p>
    <a href="/logout/">登出</a>
</p>
</body>
</html>

注意其中的模板语言,{{ request }}这个变量会被默认传入模板中,可以通过圆点的调用方式,获取它内部的{{ request.session }},再进一步的获取session中的内容。其实{{ request }}中的数据远不止此,例如{{ request.path }}就可以获取先前的url地址。

重新启动服务器,进行登录和登出测试:

Django: 项目实战从0开始---实现登录注册系统。(7)

可以看出,在已经login的状态下,手动从浏览器地址栏中访问/login/也依然进入的是index页面。在logout的状态下,都会跳转到login页面。但是,需要注意的是,我们目前还没有编写index未登录限制访问的代码。

修改index视图函数,添加相关限制:

def index(request):
    if not request.session.get(‘is_login‘, None):
        return redirect(‘/login/‘)
    return render(request, ‘login/index.html‘)

二、注册视图

(1)创建forms

显而易见,我们的注册页面也需要一个form表单,同样地,在/login/forms.py中添加一个新的表单类:

class RegisterForm(forms.Form):
    gender = (
        (‘male‘, "男"),
        (‘female‘, "女"),
    )
    username = forms.CharField(label="用户名", max_length=128, widget=forms.TextInput(attrs={‘class‘: ‘form-control‘}))
    password1 = forms.CharField(label="密码", max_length=256, widget=forms.PasswordInput(attrs={‘class‘: ‘form-control‘}))
    password2 = forms.CharField(label="确认密码", max_length=256, widget=forms.PasswordInput(attrs={‘class‘: ‘form-control‘}))
    email = forms.EmailField(label="邮箱地址", widget=forms.EmailInput(attrs={‘class‘: ‘form-control‘}))
    sex = forms.ChoiceField(label=‘性别‘, choices=gender)
    captcha = CaptchaField(label=‘验证码‘)

forms.py

说明:

  • gender字典和User模型中的一样,其实可以拉出来作为常量共用,为了直观,特意重写一遍;
  • password1和password2,用于输入两遍密码,并进行比较,防止误输密码;
  • email是一个邮箱输入框;
  • sex是一个select下拉框;
  • 没有添加更多的input属性

(2)完善register.html

同样地,类似login.html文件,我们手工在register.html中编写forms相关条目:

{% load static %}
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- 上述meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
    <!-- Bootstrap CSS -->
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="{% static ‘login/css/register.css‘ %}" rel="stylesheet"/>
    <title>注册</title>
  </head>
  <body>
    <div class="container">
            <div class="col">
                <form class="form-register" action="/register/" method="post">

                    {% if register_form.captcha.errors %}
                        <div class="alert alert-warning">{{ register_form.captcha.errors }}</div>
                    {% elif message %}
                        <div class="alert alert-warning">{{ message }}</div>
                    {% endif %}

                  {% csrf_token %}
                  <h3 class="text-center">欢迎注册</h3>

                  <div class="form-group">
                      {{ register_form.username.label_tag }}
                      {{ register_form.username}}
                  </div>
                  <div class="form-group">
                      {{ register_form.password1.label_tag }}
                      {{ register_form.password1 }}
                  </div>
                  <div class="form-group">
                      {{ register_form.password2.label_tag }}
                      {{ register_form.password2 }}
                  </div>
                  <div class="form-group">
                      {{ register_form.email.label_tag }}
                      {{ register_form.email }}
                  </div>
                  <div class="form-group">
                      {{ register_form.sex.label_tag }}
                      {{ register_form.sex }}
                  </div>
                  <div class="form-group">
                      {{ register_form.captcha.label_tag }}
                      {{ register_form.captcha }}
                  </div>

                  <div>
                      <a href="/login/"  ><ins>直接登录</ins></a>
                      <button type="submit" class="btn btn-primary float-right">注册</button>
                  </div>
                </form>
            </div>
    </div> <!-- /container -->

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    {#    以下三者的引用顺序是固定的#}
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

  </body>
</html>

register.html

需要注意的是:

  • 编写了一个register.css样式文件
  • form标签的action地址为/register/,class为form-register
  • from中传递过来的表单变量名字为register_form
  • 最下面的链接修改为直接登录的链接

register.css样式文件的代码很简单,如下所示:

body {
  height: 100%;
  background-image: url(‘../image/bg.jpg‘);
}
.form-register {
  width: 100%;
  max-width: 400px;
  padding: 15px;
  margin: 0 auto;
}
.form-group {
  margin-bottom: 5px;
}
form a{
  display: inline-block;
  margin-top:25px;
  line-height: 10px;
}

register.css

(3)实现注册视图

进入/login/views.py文件,现在来完善我们的register()视图:

def register(request):
    if request.session.get(‘is_login‘, None):
        return redirect(‘/index/‘)

    if request.method == ‘POST‘:
        register_form = forms.RegisterForm(request.POST)
        message = "请检查填写的内容!"
        if register_form.is_valid():
            username = register_form.cleaned_data.get(‘username‘)
            password1 = register_form.cleaned_data.get(‘password1‘)
            password2 = register_form.cleaned_data.get(‘password2‘)
            email = register_form.cleaned_data.get(‘email‘)
            sex = register_form.cleaned_data.get(‘sex‘)

            if password1 != password2:
                message = ‘两次输入的密码不同!‘
                return render(request, ‘login/register.html‘, locals())
            else:
                same_name_user = models.User.objects.filter(name=username)
                if same_name_user:
                    message = ‘用户名已经存在‘
                    return render(request, ‘login/register.html‘, locals())
                same_email_user = models.User.objects.filter(email=email)
                if same_email_user:
                    message = ‘该邮箱已经被注册了!‘
                    return render(request, ‘login/register.html‘, locals())


                # new_user = models.User()
                # new_user.name = username
                # new_user.password = password1
                # new_user.email = email
                # new_user.sex = sex
                # new_user.save()
                print(username, password1, email, sex)
                models.User.objects.create(name=username,
                                           password=password1,
                                           email=email,
                                           sex=sex)
                return redirect(‘/login/‘)
        else:
            return render(request, ‘login/register.html‘, locals())
    register_form = forms.RegisterForm()
    return render(request, ‘login/register.html‘, locals())

views.py

从大体逻辑上,也是先实例化一个RegisterForm的对象,然后使用is_valide()验证数据,再从cleaned_data中获取数据。

重点在于注册逻辑,首先两次输入的密码必须相同,其次不能存在相同用户名和邮箱,最后如果条件都满足,利用ORM的API,创建一个用户实例,然后保存到数据库内。

对于注册的逻辑,不同的生产环境有不同的要求,请跟进实际情况自行完善,这里只是一个基本的注册过程,不能生搬照抄。

让我们看一下注册的页面:

Django: 项目实战从0开始---实现登录注册系统。(7)

 三、密码加密

等等!我们好像忘了什么!我们到现在都还一直在用明文的密码!

对于如何加密密码,有很多不同的途径,其安全程度也高低不等。这里我们使用Python内置的hashlib库,使用哈希值的方式加密密码,可能安全等级不够高,但足够简单,方便使用,不是么?

首先在login/views.py中编写一个hash函数:

import hashlib

def hash_code(s, salt=‘mysite‘):# 加点盐
    h = hashlib.sha256()
    s += salt
    h.update(s.encode())  # update方法只接收bytes类型
    return h.hexdigest()

使用了sha256算法,然后,我们还要对login()和register()视图进行一下修改:

from django.shortcuts import render
from django.shortcuts import redirect
from . import models
from . import forms
import hashlib
# Create your views here.


def hash_code(s, salt=‘mysite‘):
    h = hashlib.sha256()
    s += salt
    h.update(s.encode())
    return h.hexdigest()


def index(request):
    if not request.session.get(‘is_login‘, None):
        return redirect(‘/login/‘)
    return render(request, ‘login/index.html‘)


def login(request):
    if request.session.get(‘is_login‘, None):  # 不允许重复登录
        return redirect(‘/index/‘)
    if request.method == ‘POST‘:
        login_form = forms.UserForm(request.POST)
        message = ‘请检查填写的内容!‘
        if login_form.is_valid():
            username = login_form.cleaned_data.get(‘username‘)
            password = login_form.cleaned_data.get(‘password‘)

            try:
                user = models.User.objects.get(name=username)
            except :
                message = ‘用户不存在!‘
                return render(request, ‘login/login.html‘, locals())

            if user.password == hash_code(password):
                request.session[‘is_login‘] = True
                request.session[‘user_id‘] = user.id
                request.session[‘user_name‘] = user.name
                return redirect(‘/index/‘)
            else:
                message = ‘密码不正确!‘
                return render(request, ‘login/login.html‘, locals())
        else:
            return render(request, ‘login/login.html‘, locals())

    login_form = forms.UserForm()
    return render(request, ‘login/login.html‘, locals())


def register(request):
    if request.session.get(‘is_login‘, None):
        return redirect(‘/index/‘)

    if request.method == ‘POST‘:
        register_form = forms.RegisterForm(request.POST)
        message = "请检查填写的内容!"
        if register_form.is_valid():
            username = register_form.cleaned_data.get(‘username‘)
            password1 = register_form.cleaned_data.get(‘password1‘)
            password2 = register_form.cleaned_data.get(‘password2‘)
            email = register_form.cleaned_data.get(‘email‘)
            sex = register_form.cleaned_data.get(‘sex‘)

            if password1 != password2:
                message = ‘两次输入的密码不同!‘
                return render(request, ‘login/register.html‘, locals())
            else:
                same_name_user = models.User.objects.filter(name=username)
                if same_name_user:
                    message = ‘用户名已经存在‘
                    return render(request, ‘login/register.html‘, locals())
                same_email_user = models.User.objects.filter(email=email)
                if same_email_user:
                    message = ‘该邮箱已经被注册了!‘
                    return render(request, ‘login/register.html‘, locals())

                new_user = models.User()
                new_user.name = username
                new_user.password = hash_code(password1)
                new_user.email = email
                new_user.sex = sex
                new_user.save()

                return redirect(‘/login/‘)
        else:
            return render(request, ‘login/register.html‘, locals())
    register_form = forms.RegisterForm()
    return render(request, ‘login/register.html‘, locals())


def logout(request):
    if not request.session.get(‘is_login‘, None):
        return redirect(‘/login/‘)

    request.session.flush()
    # del request.session[‘is_login‘]
    return redirect("/login/")

views.py

注意其中关于密码处理的部分!

好了,我们可以来验证一下了!但是,请先在admin后台里,把我们前面创建的测试用户全部删除!因为它们的密码没有使用哈希算法加密,已经无效了。

重启服务器,进入数据库看下

Django: 项目实战从0开始---实现登录注册系统。(7)

相关推荐

inspuryhq / 0评论 2020-07-28