项目描述:xx后台管理系统,包含权限管理、商品管理、订单管理、优惠管理、客户管理、物流管理、售后
管理模块。
技术栈:vue-cli、vue2、vuex、vue-router、axios、element-ui、nprogress、lodash、
mockjs、echarts。
负责模块:权限管理、商品管理、订单管理、客户管理模块。
技术描述:
1. 按照 UI 设计图,使用 element-ui 高效搭建静态页面。
2. mockjs 模拟数据,借助 vuex 集中管理动态数据,读取 state 中数据进行动态展示。
3. 二次封装 axios,配置 baseUrl、timeout 以及 nprogress 进度条。
4. 使用 ref 标记 el-form 组件实现表单的校验与清除。
5. 使用 watch 监视 vuex 仓库数据,实现 el-table 表格中商品一二三级分类数据展示。
6. 使用 nextTick 获取 dom 更新后的标签,实现编辑模式自动聚焦 input。
7. 使用 lodash 深拷贝路由数组,借助 addRoute 方法动态添加路由,使用 beforeEach
全局前置守卫进行权限判断,实现菜单权限验证。
8. 通过给 Vue 原型对象挂载自定义方法实现按钮权限。
9. echarts 绘制折线图/饼图/柱状图等多图表,同时附带导出图片功能。
点击空白处退出提示
















评论