小程序業務操做之小商城實現

panda shop

本節咱們以一個微型商城來熟悉小程序的業務操做

從前端到後端，在本節咱們主要經過用戶的註冊登陸及購物車添加選取來進一步實現一個簡單的商城模型，計劃實現如下功能：

1. 基本的商城 UI 組件 ☑️
2. 用戶登陸註冊 ☑️
3. 購物車邏輯及支付功能開通 ☑️

用戶註冊登陸

在用戶註冊登陸方面，咱們使用 JWT 驗權配合本地儲存來完成

1. JWT 是保存在小程序端的用戶標識
2. JWT 不是一種保密措施，但它倒是防篡改的「可是若是別人拿到了你的 JWT， 他就能冒充你」。在咱們的小程序中咱們會在用戶進行某些敏感操做時強制用戶從新登陸進而下降用戶被冒充的風險
3. 在服務器端咱們不維護任何狀態， 服務器只負責生成、解密、驗證 JWT

購物車邏輯

對於咱們的購物車來講，只實現基本的操做邏輯，並不涉及優惠券、滿減等額外操做

在咱們的項目裏咱們把購物車抽象成一個數組，這個商品原數組不區分商品是否重複而且把每一個商品的 count 數都設置爲 1。而後咱們在購物車模塊內咱們會對其進行 「校訂」，對全部的商品進行歸類並計算數量。這樣作的目的是爲了在添加商品時更方便：沒必要查詢究竟是哪一個商品而後再對其進行計數操做

1. 爲了演示簡便，咱們的購物車列表以本地儲存的方式實現
2. 購物清單的原數據結構抽象爲簡單的對象數組
3. 在添加新商品到購物車時會直接添加到購物清單數組內；可是在購物車模塊內咱們會對其分組並記錄數量，即對購物列表內原數據進行校訂，相同的商品對象合併爲同一個商品對象
4. 購物車狀態管理： 單獨商品的增減、數量修改、是否選定、購物車整體選定、商品刪除、價格計算

資料

用 JWT 實現小程序本地用戶標識

注意事項

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

源碼