收银台项目总结

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

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

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

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

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

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

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

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

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

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

项目所用到的框架:

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

项目中遇到的问题:

1.跨域问题

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




你可能感兴趣的:(技术栈,web前端)