收银台项目总结

收银台是我做的第一个项目，项目需求如下：

收银、发卡、消费统计、支付撤销管理、报表打印、收银员登录与交班

由于此项目的前台是烧录POS机，后台放在服务器上，则前后台完全分离，数据都由前台ajax向后台取。但是这就涉及到跨域的问题了，好在H5的xhr2默认支持

跨域，只需要在后台配上响应头即可。

1.发卡，卡的信息都是在数据库中配置，然后动态的ajax到前台，点击前台的卡，则会提示输入手机号注册，注册完毕用户手机号即录入到后台。

2.消费，消费时候可以选择使用会员卡，选定之后提示输入手机号，输入完成，自动计算实付金额显示出来，点击提交后进入付款页面，付款有

两种方式，一种现金，一种银行卡，银行卡需要调用pos机底层接口。

3.消费统计，该功能实现了统计一段时间内，银行卡与现金的消费比例，也可以单独查询银行卡和现金的支付流水。

4.支付撤销管理，实现了撤销已经支付的流水，打印流水。

5.交班，实现收银员的退出登录。

项目所用到的框架：

前端框架使用淘宝sui框架，统计功能需要jchart插件配合，后台用thinkphp+mysql数据库。

项目中遇到的问题：

1.跨域问题

2.日期组件bug，原因为动态设置日期能显示的最大和最小值后，再点击日历会弹出两个选项框，设置前和设置后的日历，换了个思路，将以前的日历删掉，重新创建日历写入dom中。