開始第一個微信小程序(七)

下單功能,這個是每個小程序不可缺少的功能,從業務上,小程序相比網頁端的下單沒有那麼複雜。
參考了很多小程序甚至只有購物車下單功能,不過我們這邊業務需求單個商品下單,購物車下單。
其實也差不多,思路都是用接口請求完成的。不同的是,加入購物車的時候會將當前商品的信息存入一個購物車表,結算的時候根據當前購物車未結算的數據去下單。

 分兩步:
 1.單個下單
 2.購物車下單

單個下單

前面已經把詳情頁做好了,小程序的js跟angularjs一樣是雙相綁定的,頁面上綁定的參數如果有變動是會跟着變得,不需要像JQUERY那樣重新賦值。同樣得,頁面上有什麼操作就是調用一個function 去操作這個變量。最後下單得時候把頁面上得變量傳送給下單接口就好
開始第一個微信小程序(七)
開始第一個微信小程序(七)
比如如圖,點擊添加商品數量按鈕,按鈕綁定了方法bindPlus ,然後bindPlus裏就+1個商品了。下面得邏輯就是根據數量不同要把SUM總價重新計算,這裏變量賦值就可以了,界面上得雙相綁定會跟着展示最新得數據。


開始第一個微信小程序(七)

接下來就是很簡單的操作,將界面上用戶手機號,用戶收穫地址,商品名稱 ,型號,等等。這個是業務字段了或許和大家的都不一樣,用WX.Request請求發送給下單接口。

下單接口那邊會做更多事情
庫存的扣減--扣用戶賬戶餘額--生成訂單--客服去操作訂單狀態

購物車下單

這邊的操作幾乎和單個商品下單一樣,需要一個購物車頁面,頁面查詢的就是購物車列表未下單的商品。
假設 字段 IsB 默認值是0,那麼1就是已經下單。那麼在頁面展示的時候只查詢==0的
下單的時候也就是去操作這些數據,請求的話就是發送另一個購物車接口,購物者接口會去購物車表尋找未結算的商品去下單做同樣的操作。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章