trainOne3.0后台管理系统
1、2.0系统向3.0系统的全面迁移,参与技术评审
2、参与其中6个模块的独立开发
3、与产品、后端、测试等岗位紧密配合,项目如期交付
公司内部人员使用,包含人事档案、合同管理、薪资管理、培训管理、订单管理等模块的后台管理系统
1.使用 Vue 脚手架及 elementUI 完成页面的搭建,搭配 Vuex 管理数据状态;
2.对 axios 进行二次封装,完成服务端请求,根据接口文档 mock 数据,proxy 实现跨域请求;
3.封装 echarts 组件,使用 props 进行组件传参,$emit 调用事件,slot 改变节点,提高 echarts 图表的复用性;
4.动态路由:
(1)使用 addroutes 配合 Vuex 对路由进行管理;
(2)使用全局导航守卫 beforeEach 拦截,通过 vuex-persistedstate 获取登录用户信息查询权限,渲染对应权限的导航列表;
(3)不同用户的登录,通过 axios 取到后台返回的权限数据进行列表渲染,实现不同用户的权限划分;
(4)配合后端完成 history 解决路由导航丢失问题;
(5)使用路由懒加载提高首屏页面的性能;
5.登录模块
(1)解决双 form 表单切换问题,完成手机号登录 + 账号密码登录;
(2)使用正则完成验证码校验和账号密码复杂度校验。