django+vue_day21

02
flex-direction=row横向布局
justify-content:————这是左右方案

center是水平居中

space-between左右顶格,中间等分

space-around 中间等分同样的大小,左右不顶格

space-evenly 视觉居中

flex-start从左往右

flex-end从右往左

alien-items:_________这是上下方案(一般三个)

center整体中间

flex-start顶部向上

flex-end底部向下


高度需要设一下,顶部导航
垂直方面align-items center
body有个默认外边距 margin:0
04 讲菜单的分级,

index应该是它们的顺序,激活状态是几,:default-active="activeRouter, index管这个应该是.课后讲,标识当前这个菜单的“唯一标记”.实现如:——————默认选中


普通路由跳转用router-link而menu里面在menu标签上加个:router='true'开启router模式,然后在每个menu-item里加个:route='{name:'xxxx'}'要路转的组件

:to="{name:'CustomerBasic'}" ——————————:route={name:'Basic'}这两个是相等的前一个要在router-link里用,这个要在menu上加一个:route='true'非常要注意的
100vh的知识点
06前中,正则式前端校验
07登录按键部分的校验加一个ref的属性(ref='userRef'),在这里用到了proxy.用proxy.$refs.userRef.validate()来校验——————这个是用axios找到这个属生来在axios里面进行整体校验()参考22课01
________prop对应输入对象,error对应错误属性
08单独的错误属性:error,每一个对应一个值

08自定义错误的位置有些不太明白,两种
为什么要清理错误 clearFormError(customerError) 因为错误还在,不清理就不会重复”渲染“

12后端校验数据库时,错误显示在前端页面
如果去数据库里校验的ser,用modelserializer,如果不去数据库就用自建的就行
13前面的校验是给ser校验,先来个小校验,后面的instance是给数据库做校验,双层校验
**ser.data有提到
16用jwt方法在后端建立token对象后返给前端,前端调用vuex先保存在store里,然后再人保存给localsession或cokkies永久存储,大概还要跳转吧
用到了非常重要的解包思路
router.replace和router.push
提到了proxy.$store和store.commit的导入
17里面提到router.push,这个是前面的一部分,要再查
用到计算属性关于不同组件的问题,一定要看
计算属性
18 gettoken的方法,在拦截器里。后来用另一个方法拿到token
请求头中拿request.META.get('')
options请求,小冷知识
setup的创建位置及axios.js里面的用法,要看注意,很小细节但要命
往请求头里加东西,并对请求头进行校验这个非常重要,interceptor.use
config.headers.common['AUTHORIZATION']=token这个token是数据永久化里的localsession里的token
复杂请求有两次,所以jwtauth里加了return,不然options请求的时候还没有token就不让过了。————很要命的逻辑

 

posted @ 2023-03-14 08:31  dishan  阅读(10)  评论(0)    收藏  举报