微信小程序

电子商务 B2C 案例ID：208768

旺旺碎冰冰

3 年经验· 成都标果科技有限公司

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

案例介绍

（一）项目简介:
本商城小程序提供了快速搜索、商品详情、购物车、购买功能和个人中心等服务。用户可以通过搜索框快速找到
心仪的商品，并查看商品的详细信息和评价。用户可将商品加入购物车，方便统一结算，并可在个人中心查看已
购买的商品和订单等信息
（二）技术实现: uni-app+vue3+pinia_+sku+ts
（三）项目负责模块：
1. 首页模块：布局有轮播图和商品展示，根据请求返回的数据显示不同的商品，同时点击商品可以跳转到商品
的详情界面
2. 分类模块：请求返回的数据是嵌套的同时拥有侧边栏和展示区的商品，利用数组的筛选将数据剥离出来进行
页面的展示，实现点击显示不同的数据
3. 购物车模块：在商品详情页通过 sku 算法显示商品的库存并在选择成功后点击添加到购物车将商品展示物车页面。在购物车模块通过 every 和 some 来进行商品的全选功能的实现
4. 地址模块：进行地址的增加、修改和删除并在地址总数到达限制后禁止点击地址的添加并弹出提示
5. 支付模块：点击提交订单跳转到订单预付款模块，在预付款中展示商品的详情和倒计时，倒计时结束后显示
订单失效，点击支付就跳转到微信的支付界面进行支付，支付成功后跳转回订单详情界面
6. 登录模块：点击进行微信昵称和头像的授权，成功后跳转到首页可以正常访问购物车和我的模块，反之，没
登录就会打回到登录页面