XX商城（Vue全家桶）

猿急送>成都前端兼职程序员>君额上似可跑马>

案例列表

基本信息

案例ID：141161

技术顾问：君额上似可跑马 - 2年经验 - 成都直新科技有限公司

联系沟通

微信扫码，建群沟通

项目名称：XX商城（Vue全家桶）

所属行业：电子商务 - B2B

->查看更多案例

案例介绍

由于字数限制，更多信息以及【更多项目经历介绍】可查看我的在线简历：http://doc.baige.me/v?i=TfL

（测试账号：13122222222密码：1111）
技术栈：vue2+vuex+vue-router+vue-cli3+Javascript（ES标准+element-ui+axios+sass

项目简介：类似于京东淘宝类型的购物网站（用于批发），卖家负责在后台发布自己的商品上架至商城，用户可在商城浏览卖家已发布的商品。商城主要有店铺首页、搜索全站商品页面、仅搜索店铺内商品页面、商品详情页、购物车页面、我的订单、支付订单等丰富功能。

负责内容记要：（独立开发）
1.通过使用Object.keys、Object.entries、Object.assign、map、some、every、includes、解构赋值、模板字符串、扩展运算符等ES标准，大大减少了代码量；
2.利用Sass实现了bootStrap中添加class即可改变CSS样式的功能。通过Sass的变量和@each xx in xx 语法完成；
3.使用Vuex管理状态（如用户购物车数量），方便全局同步使用数据。利用mutations改变state中的数据，actions可异步commitmutations中的方法。由于一刷新页面Vuex数据就会被清空的特点，我把token存在sessionStorage中，如果检测到Vuex中数据没有了，在header中携带token向服务器发送请求重新获取用户信息，若token也没有了，清空浏览器缓存，引导用户重新登录；