购物车模块丨前端uniapp微信小程序项目

购物车模块是前端uniapp微信小程序项目中的重要组成部分，主要负责实现加入购物车、购物车列表交互、计算结算金额等功能。首先，商品详情页中的商品（SKU）在被选中规格后能够被加入购物车，具体操作通过POST请求至接口完成，此接口需要登录权限。

在购物车列表功能中，考虑到用户登录状态，已登录用户可见购物车列表，反之则需引导其登录。此列表通过调用接口获取当前登录用户购物车中的商品列表，接口同样需要登录权限且无需额外参数。通过封装的代码实现列表渲染，同时，用户可以根据需要自行实现猜你喜欢分页加载功能。

对于购物车中的商品管理，包括删除、修改购买数量及选中状态等功能。删除购物车中的商品通过侧滑操作实现，利用uni-swipe-action组件。修改购买数量和选中状态则分别通过PUT请求至接口完成，接口需要登录权限且根据路径参数和Body参数进行操作。为增加安全性，对组件进行了类型声明，并在代码中进行了相应修改。

购物车底部结算信息计算总钱数，即总金额，需在用户修改商品选中状态和改变购买数量后进行重新计算，通过计算属性实现。对于 tabBar 页面限制，购物车业务被独立为组件，以满足从底部 tabBar 访问及商品详情页跳转返回的需求。通过将购物车业务封装成组件，实现两个购物车页面分别满足此功能，一个为 tabBar 页，另一个为普通页。

最后，全网首套使用vue3加TS编写的uniapp项目提供完整电商购物流程，包含微信登录、微信支付等业务，涵盖从基础到9大电商业务模块，如猜你喜欢、热门推荐、商品分类、商品详情、用户管理、地址管理、购物车管理、订单管理等，一套代码覆盖微信小程序端、H5端、APP端。