开始第一个微信小程序(七)

下单功能,这个是每个小程序不可缺少的功能,从业务上,小程序相比网页端的下单没有那么复杂。
参考了很多小程序甚至只有购物车下单功能,不过我们这边业务需求单个商品下单,购物车下单。
其实也差不多,思路都是用接口请求完成的。不同的是,加入购物车的时候会将当前商品的信息存入一个购物车表,结算的时候根据当前购物车未结算的数据去下单。

 分两步:
 1.单个下单
 2.购物车下单

单个下单

前面已经把详情页做好了,小程序的js跟angularjs一样是双相绑定的,页面上绑定的参数如果有变动是会跟着变得,不需要像JQUERY那样重新赋值。同样得,页面上有什么操作就是调用一个function 去操作这个变量。最后下单得时候把页面上得变量传送给下单接口就好
开始第一个微信小程序(七)
开始第一个微信小程序(七)
比如如图,点击添加商品数量按钮,按钮绑定了方法bindPlus ,然后bindPlus里就+1个商品了。下面得逻辑就是根据数量不同要把SUM总价重新计算,这里变量赋值就可以了,界面上得双相绑定会跟着展示最新得数据。

开始第一个微信小程序(七)

接下来就是很简单的操作,将界面上用户手机号,用户收获地址,商品名称 ,型号,等等。这个是业务字段了或许和大家的都不一样,用WX.Request请求发送给下单接口。

下单接口那边会做更多事情
库存的扣减--扣用户账户余额--生成订单--客服去操作订单状态

购物车下单

这边的操作几乎和单个商品下单一样,需要一个购物车页面,页面查询的就是购物车列表未下单的商品。
假设 字段 IsB 默认值是0,那么1就是已经下单。那么在页面展示的时候只查询==0的
下单的时候也就是去操作这些数据,请求的话就是发送另一个购物车接口,购物者接口会去购物车表寻找未结算的商品去下单做同样的操作。

猜你喜欢

转载自blog.51cto.com/15034497/2560832