自定义user表签发token、自定义认证类、simpleui模块使用

2023-11-10

Python微信订餐小程序课程视频

https://edu.csdn.net/course/detail/36074

Python实战量化交易理财系统

https://edu.csdn.net/course/detail/35475

今日内容概要

自定义User表，签发token
自定义认证类
simpleui的使用
多方式登陆接口（后面也写

内容详细

1、自定义User表，签发token

# 如果项目中的User表使用auth的user表，使用快速签发token即可

# 如果自定义User表，签发token，需要手动签发---》自己写

1.1 普通写法(自定义user表签发token)

准备数据 models.py中建表：

from django.db import models

class UserInfo(models.Model):
    username = models.CharField(max_length=32)
    password = models.CharField(max_length=32)
    email = models.CharField(max_length=32, null=True)
    
# 自行添加数据测试
	测试地址：http://127.0.0.1:8000/user/login/ 
	body体中携带用户登录信息

视图类中 views.py：

# 自动生成路由
from rest_framework.viewsets import ViewSetMixin
from rest_framework.views import APIView
from rest_framework.decorators import action
from .models import UserInfo
from rest_framework.response import Response

from rest_framework_jwt.settings import api_settings
jwt_payload_handler = api_settings.JWT_PAYLOAD_HANDLER
jwt_encode_handler = api_settings.JWT_ENCODE_HANDLER


class UserView(ViewSetMixin, APIView):
 @action(methods=['POST'], detail=False)
    def login(self, request):
        res_dic = {'code': 100, 'msg': '成功'}
        username = request.data.get('username')
        password = request.data.get('password')
        user = UserInfo.objects.filter(username=username, password=password).first()
        if user:  # 登陆成功
            # 签发token？如何签发？--》去jwt源码中扣
            payload = jwt_payload_handler(user)  # 得到荷载--》字典
            print(payload)
            token = jwt_encode_handler(payload)  # 通过荷载得到token串
            res_dic['token'] = token
            res_dic['username'] = user.username
            return Response(res_dic)
        else:
            res_dic['code'] = 101
            res_dic['msg'] = '用户名或密码错误'
            return Response(res_dic)

路由修改 urls.py：

from django.contrib import admin
from django.urls import path, include
from app01 import views
from rest_framework.routers import SimpleRouter

router = SimpleRouter()
router.register('user', views.UserView, 'user')

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include(router.urls)),

]

1.2 逻辑写在序列化类中(用的更多)

视图类中 views.py：

from .serializer import UserInfoSerializer


class UserView(ViewSetMixin, APIView):
 @action(methods=['POST'], detail=False)
    def login(self, request):
        res_dic = {'code': 100, 'msg': '成功'}
        ser = UserInfoSerializer(data=request.data, context={'request': request})
        if ser.is_valid():  # 这句话会走：字段自己的校验规则，局部钩子，全局钩子
            token = ser.context.get('token')
            username = ser.context.get('username')
            res_dic['token'] = token
            res_dic['username'] = username
        else:
            res_dic['code'] = 101
            res_dic['msg'] = ser.errors
        return Response(res_dic)

新建序列化类 serializer.py：

from rest_framework import serializers
from .models import UserInfo
from rest_framework_jwt.settings import api_settings
from rest_framework.exceptions import ValidationError

jwt_payload_handler = api_settings.JWT_PAYLOAD_HANDLER
jwt_encode_handler = api_settings.JWT_ENCODE_HANDLER


# 这个序列化类只用来反序列化，往里写,但是不保存，只利用它的字段校验功能
class UserInfoSerializer(serializers.ModelSerializer):
    class Meta:
        model = UserInfo
        fields = ['username', 'password']  # 根据表模型中写的，字段自己有校验规则

    def validate(self, attrs):
        # 打印请求方式？
        print(self.context.get('request').method)
        # 签发token逻辑，签发生成token，放到ser.context字典中
        username = attrs.get('username')
        password = attrs.get('password')
        user = UserInfo.objects.filter(username=username, password=password).first()
        if user:  # 登陆成功
            payload = jwt_payload_handler(user)  # 得到荷载--》字典
            token = jwt_encode_handler(payload)  # 通过荷载得到token串

            # context--serializer和视图类沟通的桥梁
            self.context['token'] = token
            self.context['username'] = user.username
        else:
            raise ValidationError('用户名或密码错误')
        return attrs

2、自定义认证类

新建认证类：auth.py

from rest_framework.authentication import BaseAuthentication
from rest_framework_jwt.settings import api_settings
from rest_framework.exceptions import AuthenticationFailed
import jwt
from .models import UserInfo

jwt_decode_handler = api_settings.JWT_DECODE_HANDLER


class JWTAuthentication(BaseAuthentication):
    def authenticate(self, request):
        # 首先:取出传入的token--》从哪取？--》自己定的：请求地址/请求头
        # token = request.query\_params.get('token') # 从请求地址取
        # http请求头中的数据，在META中,统一变成 HTTP\_请求头的key大写
        jwt_value = request.META.get('HTTP\_TOKEN')  # 从请求头中取

        if jwt_value:
            # 验证token：是否过期，是否被篡改--》去源码扣
            try:
                payload = jwt_decode_handler(jwt_value)
            except jwt.ExpiredSignature:
                msg = '签名过期'
                raise AuthenticationFailed(msg)
            except jwt.DecodeError:
                msg = '签名被篡改'
                raise AuthenticationFailed(msg)
            except jwt.InvalidTokenError:
                raise AuthenticationFailed('未知错误')

            # 通过payload获得当前登录用户
            user = UserInfo.objects.filter(pk=payload['user\_id']).first()

            return (user, jwt_value)
        else:
            raise AuthenticationFailed('您没有携带token')

添加视图类测试 views.py：

from .auth import JWTAuthentication

class BookView(APIView):
    authentication_classes = [JWTAuthentication, ]
    def get(self,request):
        return Response('所有图书')

添加测试路由：

    path('books/', views.BookView.as_view()),

3、simpleui的使用

# 使用步骤：
	1 安装：pip3 install django-simpleui(安装失败多换几个源)
    
	2 配置文件中 注册app(要注册在第一行)
INSTALLED_APPS = [
    'simpleui',
]

	3 定制左侧菜单
		在配置文件中引用配置
		自定义左侧菜单的页面显示
		通过混合开发，编写路径，配置到上面即可
		更多操作见官方

在models.py创建表并优化：

class Book(models.Model):
    name = models.CharField(max_length=32, verbose_name='图书名')
    price = models.CharField(max_length=32)
    author = models.CharField(max_length=32, null=True)

    class Meta:
        verbose_name = '图书'
        verbose_name_plural = '图书'

    def \_\_str\_\_(self):
        return self.name

修改配置文件：

LANGUAGE_CODE = 'zh-hans'

TIME_ZONE = 'Asia/Shanghai'

USE_I18N = True

USE_L10N = True

USE_TZ = False


# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/2.2/howto/static-files/

STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]


### 定制左侧菜单
import time

SIMPLEUI_CONFIG = {
    'system\_keep': False,
    'menu\_display': ['监控大屏','应用1', '权限认证', '测试', '动态菜单测试'],  # 开启排序和过滤功能, 不填此字段为默认排序和全部显示, 空列表[] 为全部不显示.
    'dynamic': True,  # 设置是否开启动态菜单, 默认为False. 如果开启, 则会在每次用户登陆时动态展示菜单内容
    'menus': [
        {
            'name': '监控大屏',
            'icon': 'fas fa-code',
            'url': '/index/'
        },
        {
            'app': 'app01',
            'name': '应用1',
            'icon': 'fas fa-user-shield',
            'models': [
                {
                    'name': '图书',
                    'icon': 'fa fa-user',
                    'url': 'app01/book/'
                },
                {
                    'name': '用户',
                    'icon': 'fa fa-user',
                    'url': 'app01/userinfo/'
                }
            ]
        },
        {
            'app': 'auth',
            'name': '权限认证',
            'icon': 'fas fa-user-shield',
            'models': [
                {
                    'name': '用户',
                    'icon': 'fa fa-user',
                    'url': 'auth/user/'
                },
                {
                    'name': '用户组',
                    'icon': 'fa fa-user',
                    'url': 'auth/group/'
                }
            ]
        },
        {
            # 自2021.02.01+ 支持多级菜单，models 为子菜单名
            'name': '测试',
            'icon': 'fa fa-file',
            # 二级菜单
            'models': [{
                'name': 'Baidu',
                'icon': 'far fa-surprise',
                # 第三级菜单 ，
                'models': [
                    {
                        'name': '爱奇艺',
                        'url': 'https://www.iqiyi.com/dianshiju/'
                        # 第四级就不支持了，element只支持了3级
                    }, {
                        'name': '百度问答',
                        'icon': 'far fa-surprise',
                        'url': 'https://zhidao.baidu.com/'
                    }
                ]
            }, {
                'name': '内网穿透',
                'url': 'https://www.wezoz.com',
                'icon': 'fab fa-github'
            }]
        },
        {
            'name': '动态菜单测试',
            'icon': 'fa fa-desktop',
            'models': [{
                'name': time.time(),
                'url': 'http://baidu.com',
                'icon': 'far fa-surprise'
            }]
        }
    ]
}

在admin.py中：

from django.contrib import admin
from .models import *

admin.site.register(UserInfo)


@admin.register(Book)
class EmployeAdmin(admin.ModelAdmin):
    list_display = ('id', 'name', 'price', 'author')

在视图类中 views.py：

from .auth import JWTAuthentication


class BookView(APIView):
    authentication_classes = [JWTAuthentication, ]

    def get(self, request):
        return Response('所有图书')


def index(request):
    return render(request, 'index.html', {'count': 9999})

配置路由：

    path('index/', views.index),

在templates目录下创建自定义主页html文档：


"en">

 "UTF-8">
 Title
 "https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"</span>>
 "https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
 "https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"</span>>

 type</span>=<span class="hljs-string">"text/javascript"</span> src=<span class="hljs-string">"/static/js/rem.js"</span>>
 "stylesheet" href="/static/css/style.css">
 智慧物流服务中心-首页



"visibility: hidden;">
 class="container-flex" tabindex="0" hidefocus="true">
 class="box-left">
 class="left-top">
 class="current-num">
 当前到件量
 {{ count }}


 
 
 class="left-center">
 class="title-box">
 ###### 派件入库量占比


 
 class="chart-box pie-chart">
 id="pie">
 
 class="pie-data">

 
 
 
 
 class="left-bottom" class="select">
 class="title-box">
 ###### 广东省寄派件数据


 ![]()class="line-img" src="images/line-blue.png" alt="">
 
 
 class="chart-box">
 class="filter-con" id="filCon" data-type="1">
 class="select" tabindex="0" hidefocus="true">
 class="select-div">
 派件
 
 class="select-ul">
 * class="active" data-value="1">派件
* "2">寄件


 
 class="select" tabindex="0" hidefocus="true">
 class="select-div">
 公司
 
 class="select-ul company">
 * class="active" data-value="">公司
* "1">顺丰
* "2">京东
* "2">EMS


 
 class="select" tabindex="0" hidefocus="true">
 class="select-div">
 快件类型
 
 class="select-ul">
 * class="active" data-value="">快件类型
* "0">文件
* "1">物品


 
 
 id="gdMap" class="gd-map">
 
 
 
 class="box-center">
 class="center-top">
 # 智慧物流服务中心


 
 class="center-center">
 class="weather-box">
 class="data">
 class="time" id="time">00:00:00


 id="date">


 
 class="weather">
 ![]()id="weatherImg" src="images/weather/weather\_img01.png" alt="">
 id="weather">
 class="active">多云


 16-22℃


 深圳市南山区


 
 
 
 ![](<span)"images/line\_bg.png" alt="">
 class="select-box">
 id="barType">
 * class="active" data-value="1">派件
* "2">寄件


 type="2">
 class="select" tabindex="0" hidefocus="true">
 class="select-div">
 公司
 
 class="select-ul company">
 * class="active" data-value="">公司
* "1">顺丰
* "2">京东
* "2">EMS


 
 class="select" tabindex="0" hidefocus="true">
 class="select-div">
 快件类型
 
 class="select-ul">
 * class="active" data-value="">快件类型
* "0">文件
* "1">物品


 
 
 
 
 class="center-bottom">
 class="chart-box">
 id="chart4" style="width:100%;height:95%;">
 
 class="city-data">
 class="city-box">
 id="titleQ">全网到珠海


 class="city-btn" data-city="1">
 * class="active">全网
* ABCDE
* FGHIJ
* KLMNO
* PQRST
* UVWXYZ


 class="city-div" id="city">

 

 
 class="ranking-box">
 * 城市


 派件


 class="enlarge-box">
 
 class="modal-btn">
 * 1
* 2
* 3
* 4
* 5
* 6


 
 
 

 
 class="box-right">
 class="right-top">
 class="title-box">
 ###### id="barTitle">派件数据


 ![]()class="line-img" src="images/line-blue.png" alt="">
 
 
 class="unit">单位：件


 class="chart-box">
 id="chart3" style="width:100%;height:100%;">
 
 class="data-box" style="display:none;">
 

class="table1">
 | 入库件 | "3" class="table-data dph-data1">0 |
|class="bg-color">
  "2">在库件 | "2" class="table-data dph-data2">0 | 正常件 | class="table-data dph-data3">0 |
|class="bg-color">
  滞留件 | class="table-data dph-data5">0 |
| "2">出库件 | "2" class="dph-data6">0 | 派送件 | class="table-data dph-data7">0 |
| 自提件 | class="table-data dph-data8">0 |
|class="bg-color">
  退签件 | "3" class="table-data dph-data9">0 |
| 丢失件 | "3" class="table-data dph-data4">0 |


 

class="table1" style="display:none;">
 | 入库件 | "3" class="table-data mail-data1">1 |
|class="bg-color">
  "2">在库件 | "2" class="table-data mail-data2">1 | 正常件 | class="table-data mail-data7">1 |
|class="bg-color">
  滞留件 | class="table-data mail-data4">1 |
| 出库件 | "3" class="mail-data6">1 |
|class="bg-color">
  丢失件 | "3" class="mail-data3">1 |
| 撤销件 | "3" class="table-data mail-data5">1 |


 
 
 class="right-center">
 class="title-box">
 id="switchBtn">class="active" data-dataType="income">收入数据![]()class="line-img" src="images/line-blue.png" alt="">"expend">支出数据


 ![]()class="line-img" src="images/line-blue.png" alt="">
 
 
 class="data-box">
 class="data-number" id="totalProfit">123,456.5元


 class="time-box" id="timeBox">
 class="time-div">
 <input class="time-input" type="text" value="" id="startTime">
 ![](<span)"images/selsct\_time.png" alt="">
 
 class="time-div end">
 <input class="time-input" type="text" value="" id="endTime">
 ![](<span)"images/selsct\_time.png" alt="">
 
 
 
 
 class="right-bottom">
 class="title-box">
 
 
 class="data-box">
 class="settings-box">
 ![](<span)"images/teacher\_icon.png" alt="">今日值班：id="name\_a">id="date\_a">


 ![](<span)"images/people\_iocn.png" alt="">负责人：id="lea\_a">


 
 
 
 
 
 class="container">
 class="pop-up">
 class="close-pop">
 ## class="title">当前到件量


 class="pop-data-box">
 123,456,789


 
 

 class="pop-up">
 class="close-pop">
 ## class="title">派件入库量占比


 class="chart-box pie-chart">
 id="pie1">
 
 class="pie-data">
 
 
 
 

 class="pop-up">
 class="close-pop">
 ## class="title">广东省寄派件数据


 class="filter-con pop-filter" style="display:flex" data-type="3">
 class="select" tabindex="0" hidefocus="true">
 class="select-div">
 派件
 
 class="select-ul">
 * class="active" data-value="1">派件
* "2">寄件


 
 class="select" tabindex="0" hidefocus="true">
 class="select-div">
 公司
 
 class="select-ul company">
 * class="active" data-value="">公司
* "1">顺丰
* "2">京东
* "2">EMS


 
 class="select" tabindex="0" hidefocus="true">
 class="select-div">
 快件类型
 
 class="select-ul">
 * class="active" data-value="">快件类型
* "0">文件
* "1">物品


 
 
 class="chart-box pop-chart">
 id="gdMaps" class="gd-map">
 
 

 class="pop-up">
 class="close-pop">
 class="filter-con pop-filters" style="display:flex" data-type="4">
 class="select-pop" tabindex="0" hidefocus="true">
 id="barTypes">
 * class="active" data-value="1">派件
* "2">寄件


 
 class="select" tabindex="0" hidefocus="true">
 class="select-div">
 公司
 
 class="select-ul company">
 * class="active" data-value="">公司
* "1">顺丰
* "2">京东
* "2">EMS


 
 class="select" tabindex="0" hidefocus="true">
 class="select-div">
 快件类型
 
 class="select-ul">
 * class="active" data-value="">快件类型
* "0">文件
* "1">物品


 
 
 class="cont-div">
 class="chart-box pop-charts">
 id="chart4s" style="width:100%;height:95%;">
 
 
 class="cont-div">
 ## class="title" id="barTitles">派件数据


 
 class="chart-box pop-chart">
 id="chart3s" style="width:100%;height:90%;">
 
 class="data-box" style="top:25%;width:8.6rem;display:none;">
 

class="table2">
 | 入库件 | "3" class="table-data dph-data1">0 |
|class="bg-color">
  "2">在库件 | "2" class="table-data dph-data2">0 | 正常件 | class="table-data dph-data3">0 |
|class="bg-color">
  滞留件 | class="table-data dph-data5">0 |
| "2">出库件 | "2" class="dph-data6">0 | 派送件 | class="table-data dph-data7">0 |
| 自提件 | class="table-data dph-data8">0 |
|class="bg-color">
  退签件 | "3" class="table-data dph-data9">0 |
| 丢失件 | "3" class="table-data dph-data4">0 |


 

class="table2" style="display:none;">
 | 入库件 | "3" class="table-data mail-data1">0 |
|class="bg-color">
  "2">在库件 | "2" class="table-data mail-data2">0 | 正常件 | class="table-data mail-data7">0 |
|class="bg-color">
  滞留件 | class="table-data mail-data4">0 |
| 出库件 | "3" class="mail-data6">0 |
|class="bg-color">
  丢失件 | "3" class="mail-data3">0 |
| 撤销件 | "3" class="table-data mail-data5">0 |


 
 
 class="cont-div">
 ## class="title" id="titles">


 
 class="data-box pop-time">
 class="time-box" id="timeBoxs">
 class="time-div">
 <input class="time-input" type="text" value="" id="startTimes">
 ![](<span)"images/selsct\_time.png" alt="">
 
 class="time-div end">
 <input class="time-input" type="text" value="" id="endTimes">
 ![](<span)"images/selsct\_time.png" alt="">
 
 
 
 class="pop-data-box" id="totalProfits">
 
 
 
 class="pop-data">
 class="city-data">
 class="city-box">
 id="titleQs">全网到珠海


 class="city-btn" data-city="2">
 * class="active">全网
* ABCDE
* FGHIJ
* KLMNO
* PQRST
* UVWXYZ


 class="city-div" id="citys">

 

 
 class="ranking-box">
 * 城市


 派件



 
 
 
 class="pop-up">
 class="close-pop">
 ## class="title">设置


 class="set-div">
 class="set-box">
 class="four-f" for="">排班日期
 class="time-div">
 <input class="time-input" type="text" value="" id="times">
 ![](<span)"images/selsct\_time.png" alt="">
 
 
 class="set-box">
 for="">值班人
 <input type="text" value="">
 
 
 
 class="set-box">
 for="">负责人
 <input type="text" value="">
 
 
 
 
 

class="table3">
 | 值班人 | 排班日期 | 负责人 | 操作 |
| --- | --- | --- | --- |
id="tList">
| 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 |
| 1 | 1 | 1 | 1 |


 class="pages-div" class="mineus">
 
 id="page">0/0


 
 <input type="number">
 
 
 
 class="tishi">日期已存在!
 class="edit-div" style="display:none;">
 #### 编辑


 class="close-edit">
 class="set-box">
 for="">值班人
 <input class="input-edit" id="editT" type="text" value="">
 
 class="set-box">
 for="">负责人
 <input class="input-edit" id="editL" type="text" value="">
 
 class="set-box edit-box">
 
 
 
 
 
 

type</span>=<span class="hljs-string">"text/javascript"</span> src=<span class="hljs-string">"/static/js/jquery-3.3.1.min.js"</span>>
type</span>=<span class="hljs-string">"text/javascript"</span> src=<span class="hljs-string">"/static/js/layer/layer.min.js"</span>>
type</span>=<span class="hljs-string">"text/javascript"</span> src=<span class="hljs-string">"/static/js/layer/laydate/laydate.js"</span>>
type</span>=<span class="hljs-string">"text/javascript"</span> src=<span class="hljs-string">"/static/js/echarts.min.js"</span>>
type</span>=<span class="hljs-string">"text/javascript"</span> src=<span class="hljs-string">"/static/js/china.js"</span>>
type</span>=<span class="hljs-string">"text/javascript"</span> src=<span class="hljs-string">"/static/js/data/guangdong.js"</span>>
type</span>=<span class="hljs-string">"text/javascript"</span> src=<span class="hljs-string">"/static/js/base.js"</span>>
type</span>=<span class="hljs-string">"text/javascript"</span>>
 $(<span class="hljs-string">'document'</span>).ready(function () {
 $(<span class="hljs-string">"body"</span>).css(<span class="hljs-string">'visibility'</span>, <span class="hljs-string">'visible'</span>);
 var localData = [$(<span class="hljs-string">'#teacher'</span>).val(), $(<span class="hljs-string">'#start'</span>).val() + <span class="hljs-string">'/'</span> + $(<span class="hljs-string">'#end'</span>).val(), $(<span class="hljs-string">'#leader'</span>).val()]
 localStorage.setItem(<span class="hljs-string">"data"</span>, localData);
 $(<span class="hljs-string">'#conBtn'</span>).on(<span class="hljs-string">'click'</span>, function () {
 localData = [$(<span class="hljs-string">'#teacher'</span>).val(), $(<span class="hljs-string">'#start'</span>).val() + <span class="hljs-string">'/'</span> + $(<span class="hljs-string">'#end'</span>).val(), $(<span class="hljs-string">'#leader'</span>).val()]
 <span class="hljs-keyword">if</span> (typeof (Storage) !== <span class="hljs-string">"undefined"</span>) {
 localStorage.setItem(<span class="hljs-string">"data"</span>, localData);
 var arr = localStorage.getItem(<span class="hljs-string">"data"</span>).split(<span class="hljs-string">','</span>);
 $(<span class="hljs-string">'#name\_a'</span>).html(arr[<span class="hljs-number">0</span>]);
 $(<span class="hljs-string">'#date\_a'</span>).html(arr[<span class="hljs-number">1</span>]);
 $(<span class="hljs-string">'#lea\_a'</span>).html(arr[<span class="hljs-number">2</span>]);
 }
 })
 $(<span class="hljs-string">'#fangda'</span>).on(<span class="hljs-string">'click'</span>, function () {
 <span class="hljs-keyword">if</span> ($(this).siblings(<span class="hljs-string">'ul'</span>).<span class="hljs-keyword">is</span>(<span class="hljs-string">":hidden"</span>)) {
 $(this).addClass(<span class="hljs-string">'active'</span>).siblings(<span class="hljs-string">'ul'</span>).show();
 } <span class="hljs-keyword">else</span> {
 $(this).removeClass(<span class="hljs-string">'active'</span>).siblings(<span class="hljs-string">'ul'</span>).hide();
 }
 })

 $(<span class="hljs-string">'.modal-btn>li'</span>).on(<span class="hljs-string">'click'</span>, function () {
 var index = $(this).index();
 <span class="hljs-keyword">if</span> (index <= <span class="hljs-number">2</span>) {
 $(<span class="hljs-string">'.container'</span>).attr(<span class="hljs-string">'style'</span>, <span class="hljs-string">'visibility: visible'</span>).find(<span class="hljs-string">'.pop-up'</span>).eq(index).attr(<span class="hljs-string">'style'</span>, <span class="hljs-string">'visibility: visible'</span>).siblings().attr(<span class="hljs-string">'style'</span>, <span class="hljs-string">'visibility: hidden'</span>);
 } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (index > <span class="hljs-number">2</span> &amp;&amp; index < <span class="hljs-number">5</span>) {
 $(<span class="hljs-string">'.container'</span>).attr(<span class="hljs-string">'style'</span>, <span class="hljs-string">'visibility: visible'</span>).find(<span class="hljs-string">'.pop-up'</span>).eq(<span class="hljs-number">3</span>).attr(<span class="hljs-string">'style'</span>, <span class="hljs-string">'visibility: visible'</span>).siblings().attr(<span class="hljs-string">'style'</span>, <span class="hljs-string">'visibility: hidden'</span>);
 <span class="hljs-keyword">if</span> (index != <span class="hljs-number">3</span>) {
 $(<span class="hljs-string">'.pop-data .ranking-box'</span>).hide();
 } <span class="hljs-keyword">else</span> {
 $(<span class="hljs-string">'.pop-data .ranking-box'</span>).show();
 }
 $(<span class="hljs-string">'.cont-div'</span>).eq(index - <span class="hljs-number">3</span>).attr(<span class="hljs-string">'style'</span>, <span class="hljs-string">'visibility: visible'</span>).siblings(<span class="hljs-string">'.cont-div'</span>).attr(<span class="hljs-string">'style'</span>, <span class="hljs-string">'visibility: hidden'</span>);
 } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (index == <span class="hljs-number">5</span>) {
 $(<span class="hljs-string">'.container'</span>).attr(<span class="hljs-string">'style'</span>, <span class="hljs-string">'visibility: visible'</span>).find(<span class="hljs-string">'.pop-up'</span>).eq(<span class="hljs-number">3</span>).attr(<span class="hljs-string">'style'</span>, <span class="hljs-string">'visibility: visible'</span>).siblings().attr(<span class="hljs-string">'style'</span>, <span class="hljs-string">'visibility: hidden'</span>);
 $(<span class="hljs-string">'.pop-data .ranking-box'</span>).hide();
 <span class="hljs-keyword">if</span> ($(<span class="hljs-string">'#switchBtn'</span>).find(<span class="hljs-string">'.active'</span>).data(<span class="hljs-string">'datatype'</span>) == <span class="hljs-string">"income"</span>) {
 $(<span class="hljs-string">'#titles'</span>).html(<span class="hljs-string">'收入数据'</span>);
 $(<span class="hljs-string">'#totalProfits'</span>).html(<span class="hljs-string">'123,456.5元'</span>);
 $(<span class="hljs-string">'.cont-div'</span>).eq(<span class="hljs-number">2</span>).attr(<span class="hljs-string">'style'</span>, <span class="hljs-string">'visibility: visible'</span>).siblings(<span class="hljs-string">'.cont-div'</span>).attr(<span class="hljs-string">'style'</span>, <span class="hljs-string">'visibility: hidden'</span>);
 } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> ($(<span class="hljs-string">'#switchBtn'</span>).find(<span class="hljs-string">'.active'</span>).data(<span class="hljs-string">'datatype'</span>) == <span class="hljs-string">'expend'</span>) {
 $(<span class="hljs-string">'#titles'</span>).html(<span class="hljs-string">'支出数据'</span>);
 $(<span class="hljs-string">'#totalProfits'</span>).html(<span class="hljs-string">'32,111.4元'</span>);
 $(<span class="hljs-string">'.cont-div'</span>).eq(<span class="hljs-number">2</span>).attr(<span class="hljs-string">'style'</span>, <span class="hljs-string">'visibility: visible'</span>).siblings(<span class="hljs-string">'div'</span>).attr(<span class="hljs-string">'style'</span>, <span class="hljs-string">'visibility: hidden'</span>);
 }
 }
 })
 })

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

笔记

计算机

自定义user表签发token、自定义认证类、simpleui模块使用的相关文章

区块链的数据结构（一）——区块、链

区块区块 block 由区块头 block header 和交易列表 transaction list tx list 组成 block之间通过block header的hash连接成了一个链表结构但这个链表不同于普通链表 1 bloc
JAVA根据PDF文件生成图片

PDF文件生成图片实现功能根据上传的PDF文件生成图片文件单页PDF 生成图片文件多页PDF 则生成zip压缩包一文件生成效果二引入所需maven依赖项目采用springboot框架
python学习1.2字符串

一给变量赋值字符串的时候要用引号引起来可以用单引号或者双引号 1 输入 message hello world print message 输出 hello world 2 输入 message hello world print m

随机推荐

Java操作ElasticSearch相关内容

Java连接ES 创建Maven工程导入依赖
常用遥感SIF和GPP数据集

一综述文章总结一下数据和文章害怕时间久了忘了前两篇介绍了SIF 最后一篇介绍了光合作用 1 Remote sensing of solar induced chlorophyll fluorescence SIF in vegeta
【车辆检测】基于背景差分法实现道路行驶车辆检测附matlab代码

1 简介该方法的基本思想是将采集到的车辆图像的每一帧都与一个不含运动车辆的静止参考帧做差值运算从而突出目标图像通过分析与处理对车辆计数其优点是算法简单处理速度快且差分结果能直接反应运动目标的位置形状以及大小等实用性较强其
css flex布局 —— 容器属性 align-content

align content 属性定义了多根轴线的对齐方式如果项目只有一根轴线该属性不起作用如果只有一根轴线 align content 几乎等同于 align items 容器属性 align content 生效的条件是必须显式的
高校校园网使用的认证客户端常见故障自查- 神州数码客户端

神州数码客户端常见故障自查一客户端认证成功前故障 1 接上网线后网卡灯不亮确定自己电脑网卡带灯注测试期间最好是不要接交换机直接接墙上端口参考方案 A 更换网线 B 如确认是端口故障则请致电网络中心报修等待人过来维修 2 如果
（每日一练）MATLAB生成斐波那契数和数列

今天我学习的内容是利用MATLAB生成斐波那契数先来介绍一下斐波那契数列最初是用来解决兔子问题的问题如下一个人把一对兔子放在一个四面被墙包围的地方假设每对兔子每个月都生一对新兔子不考虑伦理问题那么一年可以从这对兔子中生产多
C/C++中__builtin_popcount()的使用及原理

这个函数功能返回输入数据中二进制中 1 的个数对于不同的使用类型可以采用采用以下函数 builtin popcount int builtin popcountl long int builtin popcountll long l
Python列表推导式

列表推导式列表推导式使用非常简洁的方式来快速生成满足特定需求的列表代码具有非常强的可读性语法形式为 expression for expr1 in sequence1 if condition1 for expr2 in sequen
nginx之头部变量x_forwarded_for

proxy add x forwarded for变量包含客户端请求头中的 X Forwarded For 与 remote addr两部分他们之间用逗号分开举个例子有一个web应用在它之前通过了2个nginx转发即用户访问该we
P1518 [USACO2.4]两只塔姆沃斯牛 The Tamworth Two

题目描述两只牛逃跑到了森林里 Farmer John 开始用他的专家技术追捕这两头牛你的任务是模拟他们的行为牛和 John 追击在10 10 的平面网格内进行一个格子可以是一个障碍物两头牛它们总在一起或者 Farmer Jo
如何有效使用渲染农场？防止渲染出错的7个方法！

如何使用渲染农场又如何有效地使用渲染农场使用云渲染农场时出错怎么办众所周知我们可以在任意的笔记本或者终端PC上面来创作 3ds Max 场景但是实际渲染是这样吗其实不然这其中的差距不是一星半点只能说很可能会有两种不同的呈现而
HTML+CSS+JS列表式视频播放页面

HTML CSS JS列表式视频播放页面无插件应该没有效果图 html
31 Qt 之绘图之绘制一个漂亮的圆及圆弧

一圆形经常地我们会在网上看到一些列的抽奖活动里面就有圆盘抽奖是不是有点手痒了O O 效果 void MainWindow paintEvent QPaintEvent QPainter painter this painter s
三英战SQL：解析NoSQL的可靠性及扩展操作

摘要 NoSQL的高性能易扩展及可靠性一直深受数据工作者的喜爱然而对比传统关系型数据库NoSQL的优势究竟又在何处 Esen Sagynov在DZone上发布了一篇文章从运行方面分析Cassandra HBase以及MongoDB产品
SVN 执行清理命令，提示清理以下路径失败，并可能有乱码的解决方法

SVN 执行清理命令提示清理以下路径失败并可能有乱码的解决方法参考文章 1 SVN 执行清理命令提示清理以下路径失败并可能有乱码的解决方法 2 https www cnblogs com aidegongyang p 830374
Windows下MySQL安装配置及libmysql的使用

Windows下MySQL安装配置及libmysql的使用 1 安装配置请参考 Mysql安装配置 2 API文档 libmysql API文档地址 3 示例代码本示例代码使用了mysql stmt xxx接口运行本代码需要提前创建好
Python之科赫曲线绘制

实验四 py import turtle def koch size n if n 0 turtle fd size else for angle in 0 60 120 60 turtle left angle koch size 3 n
graphpad做图如何加星号_如何用R画分组柱状图并且添加标准差和显著性标记（星号）？...

时间过了这么久该交一份答案了 ggplot2包是一个图形可视化包并不带统计分析功能所以统计学分析需要另外去做这里加bar和显著性标识如果了解ggplot2绘图原理中的图层概念的话就能明白无非就是在画完分组柱状图后根据需要自
PCL 计算点云中任意一个点的法向量

目录一算法原理 1 原理概述 2 主要函数二代码实现三结果展示一算法原理 1 原理概述见 PCL 计算点云法向量并显示 2 主要函数 inline bool computePointNormal const pcl Poi
自定义user表签发token、自定义认证类、simpleui模块使用

Python微信订餐小程序课程视频 https edu csdn net course detail 36074 Python实战量化交易理财系统 https edu csdn net course detail 35475 今日内容概要

自定义user表签发token、自定义认证类、simpleui模块使用

Python微信订餐小程序课程视频

Python实战量化交易理财系统

今日内容概要

内容详细

1、自定义User表，签发token

1.1 普通写法(自定义user表签发token)

准备数据 models.py中建表：

视图类中 views.py：

路由修改 urls.py：

1.2 逻辑写在序列化类中(用的更多)

视图类中 views.py：

新建序列化类 serializer.py：

2、自定义认证类

新建 认证类：auth.py

添加视图类测试 views.py：

添加测试路由：

3、simpleui的使用

在models.py创建表并优化：

修改配置文件：

在admin.py中：

在视图类中 views.py：

配置路由：

在templates目录下创建自定义主页html文档：

自定义user表签发token、自定义认证类、simpleui模块使用 的相关文章

随机推荐

热门标签

新建认证类：auth.py

自定义user表签发token、自定义认证类、simpleui模块使用的相关文章