迭代3-----生成订单

首先上截图，先看看效果

 1.结账界面

 

2.添加一个新项

 

3.修改商品数量，总计改变

 

4.输入收款提交订单

5.返回订单号，删除提交按钮，防止重复提交

实现细节

   由于我们做的是超市pos机，所以就没有挂单这个功能了。输入商品编号和数量并按下添加商品后，会用ajax将编号与数量提交到后台，后台检查无误后返回一段JSON字符串，该字符串包括商品编号，名称，单价，小计。前端接受字符串后将其转化为javascipt对象，保存在一个用于代表订单的javascript对象中，当用户点击结账后，将该代表订单的javascript对象序列化，作为参数传到后台，后台将订单项插入数据库中，返回订单号。

 

转载于:https://my.oschina.net/u/2330922/blog/419665