proginn17214007202023年12月26日
99阅读
开发技术elementui、node.js、axios、vue
所属分类后台管理
作品源文件
zip格式 81.12 MB
¥免费

作品详情

该项目为在线后台管理系统,模块有文章列表,个人信息,数据展示,用户登陆/注册等多个了模块。
1、本项目基于 vue-cli 开发,其中主要用到技术有v-router,axios,vuex,echarts,element-ui,less 等技术。
2、本项目为后台管理项目,涉及到 token 身份认证,对未进行 token 认证的用户采用路由前置守卫进行 token 认证判断,限制用户对有权限的路由进行访问。
3、本项目界面依赖于 element-ui 组件库,有 From 表单,layout 布局,input 输入框,Dialog 对话框,upload 上传等组件,并使用 element-ui 内置校验规则处理函数,路由函数等。
4、 网络请求技术采用 axios 并对接口进行封装和导出,简化代码量并方便后期接口维护,使用 axios 提供的请求拦截器将 token 响应给后端进行身份认证,使用 axios 提供的响应拦截器对 token 身份认证结果做判断,如果身份认证失败则清空 token 并强制停留到登录路由。
5、将 token 认证 和用户信息放入 Vuex 中并使用 Vuex 持久化插件(vuex-persistedstate) 将数据持久化存储到本地。
6、本项目有 'echarts 数据可视化','分页按需展示','e.target.files 上传文件' 等特殊效果。
7、其中解决 Bug 有最后页码条数切换后无数据,原因 pagination 标签上加了 .sync 同步,当 pagesize 和 pagenum 同时发送请求后,网络会有延迟发生异步问题,通过 network 调试面板后发现当 pagenum 发生改变后,pagesize 未发生改变导致当前页码无数据展示,解决方法,默认展示第一页数据。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论