本项目是一款基于B/S架构的电商运营数据管理平台,旨在帮助商家高效管理订单与库存,解决数据统计滞后的痛点。
核心功能模块包括:
数据可视化大屏:通过图表实时展示今日销售额、新增用户数及各地区销量排行,辅助决策。
商品与订单管理:支持商品SKU的上架/下架,以及订单的全流程状态跟踪(发货、退款、售后)。
权限管理系统:基于RBAC模型,针对管理员、运营、客服等不同角色分配不同的菜单访问权限。
营销中心:配置优惠券与限时活动,支持活动数据回溯。
1. 整体架构:
采用 Vue CLI 搭建脚手架,使用 Vue + ElementUI 进行组件化开发,利用 Axios 与后端RESTful API进行数据交互。
2. 我的职责与核心贡献:
独立负责前端页面的重构与开发,封装了通用的 Table 表格组件与 Upload 文件上传组件,提升开发效率 30%。
配置 Axios 拦截器,统一处理请求 Header 中的 Token 验证、加载 Loading 状态及全局错误提示。
使用 ECharts 库实现复杂的数据图表渲染,并解决了图表在窗口缩放时的自适应问题。
3. 难点与解决方案:
难点:后台权限控制逻辑复杂,需要防止用户通过URL直接访问无权限页面。
解决:利用 Vue Router 的动态路由(addRoutes)与全局导航守卫,根据后端返回的用户权限表动态生成侧边栏菜单,确保安全性和体验。