收銀臺是我做的第一個項目,項目需求如下:
收銀、髮卡、消費統計、支付撤銷管理、報表打印、收銀員登錄與交班
由於此項目的前臺是燒錄POS機,後臺放在服務器上,則前後臺完全分離,數據都由前臺ajax向後臺取。但是這就涉及到跨域的問題了,好在H5的xhr2默認支持
跨域,只需要在後臺配上響應頭即可。
1.髮卡,卡的信息都是在數據庫中配置,然後動態的ajax到前臺,點擊前臺的卡,則會提示輸入手機號註冊,註冊完畢用戶手機號即錄入到後臺。
2.消費,消費時候可以選擇使用會員卡,選定之後提示輸入手機號,輸入完成,自動計算實付金額顯示出來,點擊提交後進入付款頁面,付款有
兩種方式,一種現金,一種銀行卡,銀行卡需要調用pos機底層接口。
3.消費統計,該功能實現了統計一段時間內,銀行卡與現金的消費比例,也可以單獨查詢銀行卡和現金的支付流水。
4.支付撤銷管理,實現了撤銷已經支付的流水,打印流水。
5.交班,實現收銀員的退出登錄。
項目所用到的框架:
前端框架使用淘寶sui框架,統計功能需要jchart插件配合,後臺用thinkphp+mysql數據庫。
項目中遇到的問題:
1.跨域問題
2.日期組件bug,原因爲動態設置日期能顯示的最大和最小值後,再點擊日曆會彈出兩個選項框,設置前和設置後的日曆,換了個思路,將以前的日曆刪掉,重新創建日曆寫入dom中。