iVX案例制作(2)—商品秒杀

(一)功能

  1. 利用事务完成商品秒杀(利用事务的回滚功能)。
  2. 用户输入商品id和用户名进行购买,购买成功失败需提示。
  3. 需要商品库存数据库和用户订单数据库,并对商品库存和用户信息进行更新。

(二)效果演示

预览地址:商品秒杀器

(三)步骤

  1. 在后台新建商品库存表和用于登记用户购买订单信息的订单表。在商品库存表中输入相应的信息,结构如下:

iVX案例制作(2)—商品秒杀_第1张图片iVX案例制作(2)—商品秒杀_第2张图片 

 2.完成页面UI的制作,对象树结构如下:

iVX案例制作(2)—商品秒杀_第3张图片

iVX案例制作(2)—商品秒杀_第4张图片 

3. 其中显示实时时间的制作方式如下:

文本1用来显示时实时时间

iVX案例制作(2)—商品秒杀_第5张图片

 在页面下新建触发器,并为其绑定事件

iVX案例制作(2)—商品秒杀_第6张图片

4.在后台新建事务:秒杀,因为事务不能直接被前台调用,所以需要再新建一个服务来调用事务,再让前台调用该服务。

秒杀事务的参数设置如下:

 事务开始时对商品库进行“更新一条并输出”的操作,符合数据ID的商品则让它库存量-1

iVX案例制作(2)—商品秒杀_第7张图片

 

操作完成之后回调分为以下几种情况,若购买成功,则提交用户信息和订单信息到订单表中。注:购买的商品为:更新结果.对象数组.某个值(行号0,;列名:‘商品名称’)。

提示:只要其中一步没有完成(如商品库存为0或用户没有输入昵称都会导致整个事务从头开始)

iVX案例制作(2)—商品秒杀_第8张图片

 利用秒杀服务要调用秒杀事务:

iVX案例制作(2)—商品秒杀_第9张图片

 

致此,后台的逻辑已经完成。

5.为前台商品秒杀页面的提交按钮绑定事件,调用后台服务,完成商品秒杀。

iVX案例制作(2)—商品秒杀_第10张图片

 

 

你可能感兴趣的:(iVX案例制作,前端,文档资料,经验分享)