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

Posted homehtml

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序业务操作之小商城实现相关的知识,希望对你有一定的参考价值。

panda shop

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

从前端到后端,在本节我们主要通过用户的注册登录及购物车添加选取来进一步实现一个简单的商城模型,计划实现以下功能:

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

技术图片
技术图片

用户注册登录

在用户注册登录方面,我们使用 JWT 验权配合本地储存来完成

  1. JWT 是保存在小程序端的用户标识
  2. JWT 不是一种保密措施,但它却是防篡改的「但是如果别人拿到了你的 JWT, 他就能冒充你」。在我们的小程序中我们会在用户进行某些敏感操作时强制用户重新登录进而降低用户被冒充的风险
  3. 在服务器端我们不维护任何状态, 服务器只负责生成、解密、验证 JWT
购物车逻辑

对于我们的购物车来说,只实现基本的操作逻辑,并不涉及优惠券、满减等额外操作

在我们的项目里我们把购物车抽象成一个数组,这个商品原数组不区分商品是否重复并且把每个商品的 count 数都设置为 1。然后我们在购物车模块内我们会对其进行 “校正”,对所有的商品进行归类并计算数量。这样做的目的是为了在添加商品时更方便:不必查询到底是哪个商品然后再对其进行计数操作

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

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

注意事项

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

源码

本文转载于:猿2048→https://www.mk2048.com/blog/blog.php?id=hik2cj2222j

以上是关于小程序业务操作之小商城实现的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序开发之小程序微信支付功能源码

耗时一个月,前端开发之小程序实战-----虎牙小程序

网络安全之小程序抓包渗透测试流程

电商收付通系列⑦,合单下单之小程序支付

小程序商城平台软件

购物商城小程序