一、项目背景:该项目是一个售卖家庭生活所需商品的产品,产品专注于为青年、青少年提供优质的时尚鞋服,配饰,家居,文创,书籍及洗护产品网页购物商城。
二、工作内容:
从零实现基础模块的搭建,完成以下功能
1. 用户注册:登录用户可以解锁购物车、下单、分享等功能。
2. 商品展示:支持滑动展示商品列表。
3. 分类筛选:用户可根据自身不同需求查看商品。
4. 搜索商品:用户通过输入关键字精准查找所需商品。
5. 商品详情:对商品具体信息(价格、面料、规格等)进行分区展示。
5. 购物车模块:可查看加入购物车中的商品,并对其进行增删改查。
6. 订单模块:用户可下单商品、查看订单历史记录。
7. 分享种草:用户可分享自己喜欢的商品到种草社区。
三、使用技术:vue2+ vue cli + vue router + vuex + axios + vant
四、责任描述:
本人在此项目中主要负责项目搭建、路由拦截、组件封装、商品分类展示、购物车模块。
1. 使用 node 快速搭建 Vue项目,能够 3 秒内启动开发环境;
2. 根据项目风格手动封装可复用的组件并使用 Vue框架及自己封装组件完成页面效果;;
3. 使用 Swiper 滑动分类展示商品列表,商品卡片支持分页展示,在数据较多的情况下,不会过多占用首屏渲染时间。
4. 通过 Axios 发送请求,调用后端接口,实现购物车增删改查功能。