一、项目描述 :该项目旨在提供高效的商品管理系统,包括商品上架、销售统计、账户设置、商品信息管
理、上架审核记录、商品添加和修改等功能。通过这些功能,可以轻松管理商品体系,为运营人员提供多样化
的类目运营支持。
二、负责模块 :
登录登出模块;系统首页数据的统计和渲染;记录登录日志;商品列表模块;添加商品模块;修改商品基
本信息模块;二级分类商品列表模块。 三、技术描述:
(1) 首页模块:使用 Echarts 和 WebSockets 来实现商品数据的实时更新,并对 Echarts 组件进行单独封
装,以方便其他模块调用;
(2) 通过路由懒加载提高页面的访问速度 ,提高系统性能和用户体验;
(3) 商品列表模块:借助 Element-UI组件库进行绘制,使用axios 库可以方便地调用接口,获取商品数据;
(4) 添加商品模块:对商品进行分类,添加步骤流程图,对商品内容进行树型数据的处理;
(5) 登录通过存储 token 值进行跳转运行,如果未登录只能访问登录页面,无法访问其他页面;
(6) 在开发过程中有时遇到 CORS 跨域问题,可以使用反向代理的方法,解决 axios 的跨域问题;
(7) 使用 Vuex 实现商品信息的全局状态共享,并实现商品信息、token状态的持久化;
(8) 通过设置模糊搜索的参数字段,实现通过商品名称等关键字进行搜索查询;
(9) 使用 count-to 插件,实现商品动态信息的数字滚动效果;
(10) pc权限模块:该项目所有路由均由后端控制,对于按钮显示权限,通过自定义指令可以实现;
(11) 使用 webpack 对项目进行打包和优化
四、技术栈 :Vue2 vue-router axios Vuex less Echarts Element-ui WebSockets