小程序业务操做之小商城实现

panda shop

本节咱们以一个微型商城来熟悉小程序的业务操做

从前端到后端，在本节咱们主要经过用户的注册登陆及购物车添加选取来进一步实现一个简单的商城模型，计划实现如下功能：

1. 基本的商城 UI 组件 ☑️
2. 用户登陆注册 ☑️
3. 购物车逻辑及支付功能开通 ☑️

用户注册登陆

在用户注册登陆方面，咱们使用 JWT 验权配合本地储存来完成

1. JWT 是保存在小程序端的用户标识
2. JWT 不是一种保密措施，但它倒是防篡改的「可是若是别人拿到了你的 JWT， 他就能冒充你」。在咱们的小程序中咱们会在用户进行某些敏感操做时强制用户从新登陆进而下降用户被冒充的风险
3. 在服务器端咱们不维护任何状态， 服务器只负责生成、解密、验证 JWT

购物车逻辑

对于咱们的购物车来讲，只实现基本的操做逻辑，并不涉及优惠券、满减等额外操做

在咱们的项目里咱们把购物车抽象成一个数组，这个商品原数组不区分商品是否重复而且把每一个商品的 count 数都设置为 1。而后咱们在购物车模块内咱们会对其进行 “校订”，对全部的商品进行归类并计算数量。这样作的目的是为了在添加商品时更方便：没必要查询究竟是哪一个商品而后再对其进行计数操做

1. 为了演示简便，咱们的购物车列表以本地储存的方式实现
2. 购物清单的原数据结构抽象为简单的对象数组
3. 在添加新商品到购物车时会直接添加到购物清单数组内；可是在购物车模块内咱们会对其分组并记录数量，即对购物列表内原数据进行校订，相同的商品对象合并为同一个商品对象
4. 购物车状态管理： 单独商品的增减、数量修改、是否选定、购物车整体选定、商品删除、价格计算

资料

用 JWT 实现小程序本地用户标识

注意事项

此 demo 中的全部原始配置信息有可能随时失效

源码