OA后台管理系统

我要开发同款
NGKaWai2023年07月19日
232阅读
所属分类element-uivue

作品详情

项目描述:公司内部人员使用的管理系统,实现对公司内职员的管理和维护等功能。该系统主要功能模块分为权限管理、考勤审批系统、员工信息等。是一套可全面管理公司人力部门多种业务的办公系统。
负责模块:登录模块、首页、员工管理、 权限管理
技术要点:vue+vue.cli+vue-router+vuex+axios+less+elementUI
工作内容:
1.使用vue-cli进行脚手架搭建,elementUI进页面布局,less处理css样式
2.通过axios发送请求来获取数据,进行页面的动态渲染
3.使用vuex进行数据管理,实现数据的缓存,完成组件之间的通讯,优化性能
4.使用vue-router实现单页面跳转,实现快速切换,提高用户体验
5.使用token实现状态保持
6.使用权限管理,在用户登录后获取后台返回标识,标识与路由进行关联,筛选权限
遇到难点:token失效登出的实现
主动介入访问超时

1.vuex-actions中login异步请求中,每当登录时记录时间戳

2.请求拦截器中注入token之前,发现超时-退出并返回Promise.reject拒绝请求

被动介入 token失效

后端约定的token失效为code=10002,响应拦截器中的err回调函数中,当err对象中的code为10002时,退出页面并返回登录页面
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论