token无效可能,就是token过期了需要配置:::
history 安装可以跳路由在ts文件中:因为在ts文件中还需要store,清空token
// 安装可以跳路由在ts文件中
npm i history
防止接口出现 token 无效,登录过期
表单添加轮播图,删除(需要弹框)
添加轻提示
定义组件加载状态。loading
轮播图状态是否切换
权限管理,页面,点击弹出 抽屉:
表单:里边包含了tree
权限:::
用tree组件,然后可以配置权限列表,
自带一个函数,可以看到勾选值,然后存起来
tree中值可 存到表单上,借助 form.???
form
回显:清空,保存
清空tree
然后可以获取 key,权限过滤了,
进阶继续:
table报错没有key,手动加key
解决admin 没有key
穿插:左侧menu菜单点击后高亮。可以缓存。
解决:存store解决。存组件中会刷新丢失了
穿插:路由懒加载,跳路由会刷新页面(出现闪动):因为react跳路由是从外到内
解决:路由中<Suspense fallback={<div>loading......</div>}> <路由> </Suspense>,包裹,可以实现,但是每个都要写,麻烦。
封装一下吧:
开始:::
select下拉记得看下,数据类型。用于回显
弹出抽屉,数据回显
disable禁用账户密码
编辑管理员:::编辑有id,新增没id
最终得到不同权限的 数据。退出,登录,判断这个数据权限,可以按权限:给成员显示并操作的模块
列表渲染:::4页面