人资功能小结思维导图
人资功能小结
树图思维导图提供 人资功能小结 在线思维导图免费制作，点击“编辑”按钮，可对 人资功能小结 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：a5013a0ad59040a9f976553933f10c81
思维导图大纲
人资功能小结思维导图模板大纲
vue-element-admin
使用简单版
克隆之后清理模拟数据和导航守卫 vuex 模块
axios
request.js
baseURL
请求拦截器
响应拦截器
登录
页面布局 表单按钮
校验规则
发起请求
vuex
数据持久化
插件实现
本地存储
cookie
跳入首页
首页
请求拦截器 token 注入
跨域
代理服务器解决
vue.config.js
响应拦截器处理
请求发成功数据错误
请求成功数据也成功
完全失败
页面右上角渲染用户姓名, 头像
自定义指令图片修复
路由前置守卫判断token进行拦截
如果有 token 还会拿用户数据
退出
清理 token
跳转等登录页
清理用户数据
重置路由
token 超时
主动
登录记录时间, 每次发送检查超时
被动
安全 由后端报错, 在响应拦截器处理
公司设置页
角色
新增
弹窗
表单
数据验证
btnOK, btnCancel
编辑
复用新增弹窗, 需要回显数据, 发请求不一样 api 接口
删除
翻页
发请求带上页码, 每页长度
公司信息
组织架构
公司部门 分层级树形结构
el-tree
label
children
可以自定义
新增
弹窗组件
兄弟组件传值
点击树形的时候, 需要触发弹窗
父传子
子传父
树形组件需求跟后端返回数据不一样
转换
递归
id pid 之间父子归属 变成 children 的嵌套
编辑和删除
都是组件间通信
员工页面
增
弹窗
删
根据点击 id 发请求
改
新的页面
数据量太多
大部分都是表单, 进入页面渲染旧数据, 点击确定发送请求编辑员工
头像上传
腾讯云
实际工作中由后端实现
查
渲染页面
分页
过滤器处理日期
枚举数据
导入导出
xlsx
导入的逻辑, 读取 excel 发请求批量添加员工
导出的逻辑 发请求获取所有员工, 生成 excel
数据格式不对, 进行数据转换, map forEach
打印
插件 vue-print-nb
权限页面增删改查
权限分两级
粒度
RBAC
role based access control
员工
角色
权限
设置员工的角色, 设置角色权限, 权限的标记会在员工登录后个人数据中出现
权限标识菜单筛选
动态路由静态路由切分
业务上的区分
路由的name属性跟个人信息返回的数组进行比对过滤, 只有有权限的页面可以访问
vuex 恢复菜单
路由守卫 router.addRoutes
debug
刷新 404
将 * 号匹配放在最后
刷新空白
每次追加路由重新跳转一次触发导航守卫 new(to.path)
混入功能实现按钮权限判断函数
具体逐字稿分析在第十四天笔记当中
首页
布局
日历
雷达图
echarts
其他功能
全屏
颜色主题
国际化 i18n
当前语言设定 $i18n.locale = 'zh'
语言材料字典包
$t 进行翻译
element 翻译
菜单翻译
打包优化上线
路由配置
打包命令
打包分析 -- --report
分析哪些文件比较大
按需加载
cdn
nodejs 服务器搭建
重新处理反向代理
相关思维导图模板
树图思维导图提供 904名中国成年人第三磨牙相关知识、态度、行为和病史的横断面调查 在线思维导图免费制作，点击“编辑”按钮，可对 904名中国成年人第三磨牙相关知识、态度、行为和病史的横断面调查 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：10b9a8a2dd2fb4593f8130ef16c320fc
树图思维导图提供 二手书销售平台新航标 在线思维导图免费制作，点击“编辑”按钮，可对 二手书销售平台新航标 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：a92403b70afada50cf4fa4f56e0981c9
沪公网安备 31011502019485号
上海工商