电商系统

电子商务 B2C 案例ID：125513

清野

3 年经验· 腾讯体育部

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

我的职责: 负责PC 登录/注册、个人中心、商品搜索、购物车管理、购车结算、商品详情、历史记录、收藏管理等模块
项目描述:
基于 Vue+nuxt+elemnt-ui+axios+less+Vuex+async await
1、优化登录模块用户体验,利用路由守卫+vuex记录路由元路径在跳转前进行token权限校验登录后成功直接进入准备跳转的页面不用重复点击和刷新
2、递归组件自制树形菜单,解决el自带插件的无法满足的样式问题
3、购物车、收藏、历史记录等模块内的数据多页面操作时实现同步更新使用localstorage+轮询+watch 实现解决用户多页面操作时数据发生混乱的问题,
4、使用中间数据层解决表单提交的购物车数据与购物车侧边栏显示的视图数据不能及时匹配的问题,使用[mixin]混入共享购物车,历史记录等模块的数据结构,减少重复代码
5、商品详情页, 开发放大镜模块,头像预览模块,后期考虑到商品详情页的多状态与复杂性使用策略模式+ component组件解决商品详情页可能出现的大量if-else的使用便于后期维护;
6、使用for+ async await重构并发axios异步请求,保持代码整洁性
7、后期代码结构性调整和bug的修复,采用base64进行图片优化
8、利用express 基于本地IO操作开发mock接口可实现数据基本增删改查与权限鉴定供前端团队使用