上节回顾
# 1 jwt 源码分析
-签发：
登录----》ObtainJSONWebToken--->post--->serializer.is_valid()--->走了校验---》正常登录逻辑可以拿到序列化类的validate中写---》authenticate(username=xx,password=xx)--->通过user获得payload----》通过payload---》token---》返回给前端
-认证：
认证类---》BaseJSONWebTokenAuthentication(父类)---》authenticate
# 2 自定义表
-签发：登录接口
-认证：认证类
# 3 权限：acl rbac
-访问控制列表
-基于角色的访问控制
# 4 django的auth+admin
# 5 simplieui
今日内容
1 drf回顾
# 1 drf 入门规范
-前后端分离模式
-前后端混合
-postman
-restful规范
-drf：django的app
# 2 序列化类（重点）
-Serializer
-字段类
-字段参数
-局部钩子
-全局钩子
-定制返回格式
-1 序列化类中写：SerializerMethtoField
-2 在表模型中写
-many=True
-ModelSerializer:create,update
-class Meta:
-model
-fields
-extra_kwargs
-重写字段
-反序列化校验源码----》forms
# 3 请求和相应
-请求类源码：新的request
-请求能解析的编码格式
-相应对象源码：data，headers，status
-响应格式
# 4 视图组件（重要）
-两个试图基类
-5个视图扩展类
-9 视图类
-视图集
# 5 路由写法
-ViewSetMixin
-映射写法
-自动生成写法
-action装饰器
# 6 认证频率权限（重点）
# 7 过滤，排序分页
-过滤：内置，第三方，自定义
-排序：内置
-分页：三个分页类
# 8 全局异常
# 9 接口文档
# 10 jwt（重点）
-base64
-jwt原理
-django中快速使用
-自定义签发认证
# 11 rbac权限控制
# 12 simpleui使用
.
.
.
.
2 前端发展历史
# 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 ->
# 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 ->
# 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看
-ECMAScript 6 ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准
-ES13--->标准
-js=ecma+bom+dom
-sass，typescript。。。
# 2 Ajax(异步JavaScript和XML)的出现 -> 后台发送异步请求，Render+Ajax混合
-$.ajax
-XMLHttpRequest 原生ajax
# 3 单用Ajax（加载数据，DOM渲染页面）：前后端分离的雏形
# 4 Angular框架的出现（1个JS框架）：出现了“前端工程化”的概念（前端也是1个工程、1个项目）
# 5 React、Vue框架：当下最火的2个前端框架（Vue：国人喜欢用，React：外国人喜欢用）
# 6 移动开发（Android+IOS） + Web（Web+微信小程序+支付宝小程序） + 桌面开发（Windows桌面）：前端 -> 大前端
# 7 一套代码在各个平台运行（大前端）：谷歌Flutter（Dart语言：和Java很像）可以运行在IOS、Android、PC端
-前端用flutter后端用python写好不好
--------------------------
# 8 在Vue框架的基础性上 uni-app：一套编码 编到10个平台
uni-app是一个使用 Vue.js 开发所有前端应用的框架
开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
也就是只要学会vue，在uni-app的平台上，开发出一套前端代码来，
就可以编译到各个平台上
--------------------------
# 9 在不久的将来 ，前端框架可能会一统天下
.
.
.
.
.
3 vue介绍
vue官网： https://cn.vuejs.org/
看vue2的文档---起步按钮里有一些简单介绍
# Vue 是一套用于构建用户界面的渐进式框架
# Vue js的框架
# M-V-VM 架构思想 MVC MTV MVVC MVP移动端架构
-M：Model 数据层 js的数据
-V：View 视图层 html，css
-VM：ViewModel vue做出来的介于数据层和视图层之间的一层，以后不需要手动进行dom操作了
----作用：以后页面变，js变量就变，js变量变，页面就变
-----------------------
# 组件化开发、单页面开发
-组件化开发，以后都是写出一个个组件，组件的组合成页面
-单页面开发（单页面应用）：spa：single-page application，一个HTML页面
# 版本
1.X：使用得较少
2.X：普遍使用（蛮多）
3.X：出了很久了，公司里新项目会选择
-语法有差距，但是vue3完全兼容vue2
-你可以在vue3上写vue2，但是官方不建议了
# 先基于vue2讲
.
.
.
4 第一个helloworld
引入方式
CDN的方式引入
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
下载后导入
其实就是直接在浏览器上打开 这是2.7.14版本的链接
https://cdn.jsdelivr.net/npm/vue/dist/vue.js 然后复制下来，
创个vue的js文件，把代码粘贴进去，再创建一个js文件夹，
把vue文件拖进去就行了
<script src="js/vue.js"></script>
补充
解释型的语言是需要解释器的
js就是一门解释型语言，只不过js解释器被集成到了浏览器中
所以，在浏览器的Console中输入命令，就和cmd中输入python后，进入交互式环境一样
解释器里面下个Vue.js 的插件，重启一下，会有自动提示
.
.
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="app">
<p>{{ name }}</p>
</div>
<script>
let vm = new Vue({
el:'#app', // vue管理了查找到的div标签，在div里面就可以写vue的语法了
data:{
name:'hello world',
age: 19
}
})
</script>
</body>
</html>
注意vue的文件没放在静态文件目录static下，所以只能将html页面直接用浏览器打开！
.
.
.