日报系统2 基础知识/注册/激活/登录 Django3.0

墨蓝 2022-12-20 02:59 111阅读 0赞

### 文章目录 ###

*  一. 知识点
 *   *  1.1 网页请求
     *  1.2 django使用的模式 MTV
     *  1.3 django 模板语法
     *  1.4 django的一些技巧
 *  二. 数据表的设计(可以想成做Excel)
 *   *  2.1 表实际配置
     *   *  a 创建表
         *  b. 创建表的视图
     *  2.2 注意
 *  三. 注册-激活-登录-退出-登录
 *   *  3.1 注册流程
     *  3.2 用到的重要方法
     *  3.3 创建管理视图 admin.py
     *  3.4 用到html组件
     *  3.4 注册/激活/登录/退出 函数
 *  四. 总结

# 一. 知识点 #

## 1.1 网页请求 ##

[get请求和post请求的详细区别][get_post]

*  get请求 url链接直接请求 第一次访问网页,如www.baidu.com
 *  post请求 以request body间接请求 如点击网页www.baidu.com里面的查询

## 1.2 django使用的模式 MTV ##

[模式和使用][Link 1]  
MVC模式：所谓MVC就是把web应用分为模型(M),控制器©,视图(V)三层  
而Django是MTV模式，两者没有本质上的差别，也是为了各组件之间保持松耦合关系。

## 1.3 django 模板语法 ##

*  \{ \{这里放变量\}\}
 *  \{%tag%\}
 *  \{ \{obj|filter\_\_name:param\}\}  
    [具体语法看这里][Link 2]  
    下面是一个小例子

首先在submission文件夹创建views.py

# submission/views.py
    from django.shortcuts import render, redirect
    from django.conf import settings
    
    def index(request):
        name = "hello haiyan"
        i = 200
        l = [11,22,33,44,55]
        d = { "name":"haiyan","age":20}
    
        class People(object): #继承元类
            def __init__(self,name,age):
                self.name = name
                self.age = age
            def __str__(self):
                return self.name+str(self.age)
            def dream(self):
                return "你有梦想吗？"
        #实例化
        person_egon = People("egon",10)
        person_dada = People("dada",34)
        person_susan = People("susan",34)
        person_list = [person_dada,person_egon,person_susan]
    
        return render(request,"index.html",
                        { 
                            "name":name,
                            "i":i,
                            "l":l,
                            "d":d,  #键对应的是模板里的名字。值对应的是上面定义的变量
                            "person_egon":person_egon,
                            "person_dada":person_dada,
                            "person_list":person_list,
                        }
                  )
        # return render(request,"index.html",locals())
        #用locals()可以不用写上面的render了。不过用locals()，
        #views里面用什么名。模板里面就得用什么名
        # locals()局部的：用了locals就相当于都得按照上面的那样

在template文件夹中创建index.html文件

<h4>变量{
       { z }}:深度查询</h4><hr>
    <h3>{
       { name }}</h3>
    <p>{
       { i }}</p>
    <p>{
       { l }}</p>
    <p>{
       { d }}</p>
    <p>{
       { l.0 }}------》取单个值可通过句点符（也就是点）</p>
    <p>{
       { l.4 }}</p>
    <p>{
       { d.name }}</p>
    <p>{
       { d.age }}-----》字典也可以根据句点符取值，一个点就搞定了。
    <p>{
       { person_dada.name }}</p>
    <p>{
       { person_egon.age }}</p>
    <p>{
       { person_dada.dream }}</p>  
    <p>{
       { person_list.2 }}</p>  
    <p>{
       { person_list.1.name }}</p>

在submission/urls.py中声明显示

# submission/urls.py
    from django.contrib import admin
    from django.urls import path
    from .views import index
    
    urlpatterns = [
        path('admin/', admin.site.urls),
        path('index/', index), # 这里展示的就是return render(request,"index.html")
    ]

页面请求`http://127.0.0.1:8000/index/`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDYwODE5_size_16_color_FFFFFF_t_70_pic_center]  
1.4 django常用的数据类型  
[django常用的数据类型][django]

## 1.4 django的一些技巧 ##

*  1.如果模型只有登录的用户能访问功能  
    `LoginRequiredMixin 访问该函数必须有用户权限`
 *  2.对时间项, 查看当前的全部数据  
    `today_report = Report.objects.filter(create_time__gte=datetime.datetime.now().date()).order_by('create_time').reverse() # 查看今天提交日报情况`
 *  3.CheckBox的操作

# html代码, 
    <input type="checkbox" name="{ {user.user}}" value="{ {user.user}}" />
    
    check_box_user_name = request.POST.get(str(_))
    print("CheckBox选择了:",check_box_user_name)

*  4.对时间加一天  
    `datetime.date(int(_[3]), int(_[4]), int(_[5]))+datetime.timedelta(days=1)`
 *  5.跳转到新页面  
    `<a target="_blank" href="/file/video/{ {file.id}}">预览</a>`

# 二. 数据表的设计(可以想成做Excel) #

考虑到日报系统分为不同的上下级关系, 比如一个部门有两个管理员每天负责查看日志, 一个部门有10个成员每天写日报, 因此**设计两张表**

*  一张是保存每个人的全部账号信息, 比如账户, 密码, xxxxx
 *  一张是保存每个人的关系, 比如**A属于1,2;** 然后**3管理A,B,C,D**, 这是一个多对多的关系图表

# 多对多说明
    多对多, 在注册时
    申请成为管理员账户1, 2, 3;    这可以直接申请
    申请成为账户1,2下的成员A;     这需要在申请时直接列出来管理员账户1,2,3进行选择
    申请成为账户2,3下的成员B;     这需要在申请时直接列出来管理员账户1,2,3进行选择
    申请成为账户2下的成员C;        这需要在申请时直接列出来管理员账户1,2,3进行选择
    
    另一张表, 在注册成为成员时需要插入该表
    成员id 管理员id
    A      1
    A      2
    B      2
    B      3
    C      2
    
    这样在查询的时候, 就可以根据管理员id查询他的归属用户
    根据成员id, 查询他的归属

## 2.1 表实际配置 ##

### a 创建表 ###

# apps/user/models.py
    from django.db import models
    from django.conf import settings
    from django.contrib.auth.models import AbstractUser  #用户验证
    from db.base_model import BaseModel
    from tinymce.models import HTMLField
    
    class User(AbstractUser, BaseModel):
        school_number = models.CharField(default="0000", max_length=12,verbose_name = "学号" )
        is_manager = models.BooleanField(default=True, verbose_name='是否为管理员')
    
        '''用户模型类'''
        class Meta:
            db_table = 'user'
            verbose_name = '用户'
            verbose_name_plural = verbose_name
    
    class UserManager(models.Model):
        teacher_id = models.IntegerField(verbose_name='部门老师id')
        student_id = models.IntegerField(verbose_name='部门成员id')
        '''用户分组类别'''
        class Meta:
            db_table = 'user_group'
            verbose_name = '用户归属分组'
            verbose_name_plural = verbose_name

对应上面用户表

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDYwODE5_size_16_color_FFFFFF_t_70_pic_center 1]

### b. 创建表的视图 ###

表视图是在访问管理页面时显示的内容

# apps/user/admin.py
    from django.contrib import admin
    # Register your models here.
    from .models import User, UserManager
    # from .models import Report
    
    class UserAdmin(admin.ModelAdmin):
        list_display = ["id","username", "is_manager", "is_active", "create_time"] # 注意这块跟model里面定义的key要保持一致
    class UserManagerAdmin(admin.ModelAdmin):
    	list_display = ["id","teacher_id", "student_id"] 
    
    admin.site.register(User, UserAdmin)
    admin.site.register(UserManager, UserManagerAdmin)

f访问`127.0.0.1:8000/admin`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDYwODE5_size_16_color_FFFFFF_t_70_pic_center 2]

*  同步数据库

python manage.py makemigrations
    python manage.py migrate

*  查看数据库  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDYwODE5_size_16_color_FFFFFF_t_70_pic_center 3]

## 2.2 注意 ##

这里能够学习到, django的后端数据库制表的方法

# 三. 注册-激活-登录-退出-登录 #

## 3.1 注册流程 ##

首先get请求注册页, 输入账号密码等个人信息, 在数据库中插入一条数据,通过向邮箱发送激活码, 点击链接进行激活, 然后跳转到登录界面, 输入账号密码, 点击登录, 跳转到hello界面, 点击退出, 退出账号跳转到登录界面 ,整个一个注册登录退出的流程就完成了

## 3.2 用到的重要方法 ##

*  `username = request.POST.get('user_name')`请求
 *  `all([username, password, email,school_number])` 判定是否输入完整
 *  `re.match(r'^[a-z0-9][\w.\-]*@[a-z0-9\-]+(\.[a-z]{2,5}){1,2}$', email)` 验证邮箱格式正确
 *  `User.objects.create_user()` 创建用户
 *  `user = User.objects.filter(username=username).first()` 查表
 *  `serializer = Serializer(settings.SECRET_KEY, 3600)` 数据加密
 *  `send_mail(subject, message, sender, receiver, html_message=html_message)` \# 邮箱发送激活码  
    具体的注册激活,登录退出,登录的代码见gitee上面02\_注册激活登录中apps/user/views.py

## 3.3 创建管理视图 admin.py ##

# apps/user/admin.py
    from django.contrib import admin
    # Register your models here.
    from .models import User, UserManager
    # from .models import Report
    
    class UserAdmin(admin.ModelAdmin):
        list_display = ["id","username", "is_manager", "is_active", "create_time"] # 注意这块跟model里面定义的key要保持一致
    class UserManagerAdmin(admin.ModelAdmin):
    	list_display = ["id","teacher_id", "student_id"]  # 显示列表
    admin.site.register(User, UserAdmin)
    admin.site.register(UserManager, UserManagerAdmin)

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDYwODE5_size_16_color_FFFFFF_t_70_pic_center 4]

## 3.4 用到html组件 ##

*  单选下拉 for列表managers

<select name="belong">
     	{% for manager in managers %}
          <option value="{ {manager.id}}">{
       {manager.username}}</option>
      	}
      {% empty %}
    <p>sorry,no person here</p>
    {% endfor %}
     </select>

*  表单提交 post请求提交user\_name

<form method="post">
    		{% csrf_token %}
    			<li>
    				<label>姓名:</label>
    				<input type="text" name="user_name">
    			</li>	
    
            <input type="submit" value="点击注册">
    	</form>

## 3.4 注册/激活/登录/退出 函数 ##

**重点:**

*  `from django.views.generic import View`View类定义get和post请求
 *  `from django.http import HttpResponse,HttpResponseRedirect` 直接向页面返显示数据
 *  `from django.core.mail import send_mail` \# 发送邮件的功能
 *  `from django.contrib.auth.hashers import check_password, make_password` \# 密码的验证
 *  `from django.contrib.auth import authenticate, login, logout` \# 登录的登出的浏览器记忆
 *  `from utils.mixin import LoginRequiredMixin` \# 是否登录验证, 如果没有登录, 这个函数是进不去访问不成的

from django.http import HttpResponse,HttpResponseRedirect
    from django.shortcuts import render, redirect
    from django.conf import settings
    from itsdangerous import TimedJSONWebSignatureSerializer as Serializer, SignatureExpired
    from django.views.generic import View
    from django.core.mail import send_mail
    import re,datetime
    from django.urls import reverse # 与1.0版本的不同
    from user.models import User, UserManager   # 导入表
    from django.contrib.auth.hashers import check_password, make_password
    from django.contrib.auth import authenticate, login, logout
    from utils.mixin import LoginRequiredMixin
    
    is_active = 0 # 设置默认注册即激活
    
    def send_email_to_active(user, email):
        # 发送激活邮件，包含激活链接：
        # http://127.0.0.1:8000/user/active/3
        # 进行加密用户信息，生成激活token
        serializer = Serializer(settings.SECRET_KEY, 3600) # 秘钥,时间1小时
        info = { 'confirm': user.id}
        token = serializer.dumps(info) # 对user.id进行加密
        token = token.decode("utf8")
        # serializer.loads(token) # 解密,得到{'confirm': 1}
        # 发送邮件
        subject = 'lab812 管理员'
        message = ''
        sender = settings.EMAIL_FROM
        receiver = [email]
        html_message = '<h1>{ 0}, 欢迎您成为实验室812注册会员</h1>请点击下面链接激活您的账户<br/>\
        <a href="http://{3}:8000/user/active/{1}">\
        http://{ 3}/user/active/{ 2}</a>'.format(user.username, token, token, settings.LOGIN_IP)
        send_mail(subject, message, sender, 
            receiver, html_message=html_message)
    
    # 注册视图类
    class RegisterView(View):
        """注册"""
        def get(self, request):
            # 显示注册页面
            managers = User.objects.filter(is_manager=1)
            return render(request, 'register.html', { "managers":managers}) 
    
        def post(self, request):
            # 进行注册处理
            # 接受数据
            username = request.POST.get('user_name')
            password = request.POST.get('user_pwd')
            email = request.POST.get('email')
            school_number = request.POST.get('school_number')
            is_manager = request.POST.get('is_manager') # on/None
            print(is_manager)
    
            if not all([username, password, email,school_number]):
                # 数据不完整
                return render(request, 'register.html', { 'errmsg': '数据不匹配'})
    
            # 检验邮箱
            if not re.match(r'^[a-z0-9][\w.\-]*@[a-z0-9\-]+(\.[a-z]{2,5}){1,2}$', email):
                return render(request, 'register.html', { 'errmsg': '邮箱格式不正确'})
            
            if is_manager == "on":
                is_manager = True
            else:
                is_manager = False
            def create_a_user():
                user = User.objects.create_user(username=username, 
                    email=email, 
                    password=password,
                    school_number = school_number,
                    is_manager=is_manager)
                user.is_active=is_active
                user.save()
                if not is_manager:
                    belong_id = request.POST.get('belong') 
                    UserManager.objects.create(teacher_id=belong_id , student_id=user.id)
                return user
            user = User.objects.filter(username=username).first()
            # 这里如果被激活, 删除需要联系管理员, 如果没有被删除, 则该条,重新创建一个用户
            if user: # 存在
                if user.is_active: # 如果已经激活, 在修改就只能联系管理员
                    return HttpResponse(str(user)+' 用户已存在,如需重置,请联系管理员')
                else: # 未激活, 直接删除后重建
                    User.objects.filter(username=username).delete()
            
            user = create_a_user()
            send_email_to_active(user, email)
            return HttpResponse("发送邮件成功, 请联系管理员修改权限")
            # # 为处理者分配任务
    
    
    # 激活类视图
    # 有人注册就给我发送一个邮箱, 我只要点进去就能够进行激活了
    class ActiveView(View):
        # 用户激活
        def get(self, request, token):
            # 解密, 获取用户信息
            serializer = Serializer(settings.SECRET_KEY, 3600) # 秘钥,时间1小时
            try:
                info = serializer.loads(token) # 对user.id进行加密
                user_id = info["confirm"]
                user = User.objects.get(id=user_id)
                user.is_active = 1 # 激活
                user.save()
                # 跳转到登录页面
                return redirect(reverse("user:login"))
            except SignatureExpired as e:# 链接失效
                return HttpResponse("链接已经失效, 请重新注册")
    
    # 欢迎视图
    class Hello(View):
        # 用户激活
        def get(self, request):
            return render(request,"hello.html",{ "user_name":"nisl"})
                   
    
    # 登录视图
    # /user/login
    class LoginView(View):
        content = { }
        def get(self,request):
            if "user_name" in request.COOKIES:
                self.content["user_name"] = request.COOKIES.get("user_name")
                self.content["user_pwd"] = request.COOKIES.get("user_pwd")
            else:
                self.content["user_name"]="zjq"
                self.content["user_pwd"] ="zjq"
    
            return render(request, "login.html", self.content)
            
        def post(self, request):
             # 登录校验,接收数据
            username = request.POST.get('user_name')
            password = request.POST.get('user_pwd')
    
            user_obj = User.objects.filter(username=username).first()
            print("用户存在??",user_obj)
            if not user_obj: # 不存在,跳转到注册页面
                return redirect(reverse("user:register"))
            else : 
                print("用户存在",user_obj)
                user = authenticate(username=username, password=password)
                # user = User.objects.get(username = username)#读取该用户信息
                if not user: # 密码错误
                    return render(request, 'login.html', { 'errmsg': '密码错误'})
                    # 开始应答
                elif not user_obj.is_active: # 未激活
                    return render(request, 'login.html', { 'errmsg': "账号未激活"})
                else: # 已经激活, 且密码正确
                    print("验证密码正确")
                    login(request, user) # 登录
                    if user_obj.is_staff: # 确定管理员
                        next_url = request.GET.get('next', reverse('user:hello'))
                    else: # 普通用户直接跳转到写日志界面
                        # 跳转到日志填写
                        # 获取next参数, 如果找不到就跳转到默认user:index
                        # 这个验证是防止还没有登录的账号,访问不该访问的位置, 就会自动跳转到这个界面
                        next_url = request.GET.get('next', reverse('user:hello'))
                    response = redirect(next_url) # 找到了的话就跳转到next_url
                    
                    remember = request.POST.get("remember")
                    if remember == "on":
                        response.set_cookie('user_name', username, max_age=7*24*3600)
                    return response
    
    
    # 退出视图
    class LogoutView(LoginRequiredMixin, View):
        """退出登录"""
        def get(self, request):
            """退出登录"""
            # 清除用户的session信息
            logout(request)
            print("数据已经清除")
            # 跳回到登录页面
            return redirect(reverse('user:login')) 
    
    class ReportView(LoginRequiredMixin, View):
        """docstring for ReportView"""
        def __init__(self, arg):
            super(ReportView, self).__init__()
            self.arg = arg

# 四. 总结 #

本章可以将django的开发代码流程展现的淋漓尽致了, 这里涉及到网络配置, 数据库配置, 页面配置, 代码编写, 接下里我将概述django开发的整体流程

首先通过对配置好的django模板进行开发, 也就是第一章中介绍的django模板制作;  
针对于特定的问题, 首先设置对应的mysql数据表, 因为所有的信息都将保存到mysql数据库中;  
其次是针对特定的问题, 首先理清思维逻辑, 根据解决实际问题的细节, 完善逻辑, 然后在进行代码的编写;  
类似于该项目日报系统开发

**宏观上:**  
首先确定日报系统需要有的成员表,日报保存表,各个成员关系表;  
在确定首先需要完成用户登录系统,而用户登录系统相当于一个app的框架, 因此创建一个app, 作为功能实现的基础;  
而用户系统包含注册,激活,登录,退出四个功能,  
根据需要实现的功能进行细分;

**微观上:**  
例如注册功能的实现  
实现一个功能,有三部分要考虑明白:

*  url请求(通过url实现功能)
 *  html前端设计(请求必须有反馈)
 *  code后端设计(请求的反馈必须基于后台数据的处理)

**一个完整的django页面请求开发链**  
前端请求,  
在对应的urls.py中定义处理请求require的函数F1  
F1针对特定的require, 对数据库进行数据处理(增删改查),  
将处理后的数据, 通过指向html展示到前端;

所以一个完整的请求是

页面访问url如`127.0.0.1:8000/admin`
    path(r"admin", admin.as_view(), name='admin') # 对应的url请求指向函数admin
    def class admin(): # 处理请求
    data = get(mysql) # mysql数据处理
    return html<-data # 将数据给前端html

所以要想做好每一个功能,只需要考虑到会有什么样的请求,  
比如下一章介绍日报的增,查

[所有的代码都已开源到我的gitee,有兴趣的可以下载查阅 点击直达][gitee_]

[get_post]: https://blog.csdn.net/zlczsw/article/details/91046081
[Link 1]: https://www.cnblogs.com/ls-2018/p/8991755.html
[Link 2]: https://www.cnblogs.com/haiyan123/p/7725568.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDYwODE5_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/7814f1049ef9461dbd06531abf4aca91.png
[django]: https://www.cnblogs.com/yjq520/p/9003996.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDYwODE5_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221120/612675e0858245b8885f3020dd751406.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDYwODE5_size_16_color_FFFFFF_t_70_pic_center 2]: https://img-blog.csdnimg.cn/20201120100203961.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDYwODE5,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDYwODE5_size_16_color_FFFFFF_t_70_pic_center 3]: https://img-blog.csdnimg.cn/2020111015164490.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDYwODE5,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDYwODE5_size_16_color_FFFFFF_t_70_pic_center 4]: https://img-blog.csdnimg.cn/20201110174318581.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNDYwODE5,size_16,color_FFFFFF,t_70#pic_center
[gitee_]: https://gitee.com/nwu_zjq/django3.0