效果:
图一
如图一所示:这是一个后台登入的页面,是通过layui插件和bootstrap插件来实现的,左边是一个下拉框导航
其中包含六个模块,每个模块都有对应的效果及功能
点开下拉框,下面有附属的小下拉框,点击之后,右边会出现一个图表的导航
图二:
如图二所示:这是一个图表导航,表格中的每一个标签都对应一个功能,点击之后会进行页面跳转;
如图三:
点击“前台营业”
跳转到前台营业页面,当然,也可以通过前台登入页面进入该页面
如图三所示:该页面上方为一个:点菜、结算、拼台、消台、退出的按钮;
中间是由餐桌图案组成;右边是一个筛选餐桌的四个按钮:全部、情侣、包间、大厅
下方是:拆台、消费账单、菜品复制、锁台、账单查询、锁屏的按钮;
点击中间的餐桌:弹出开台模态窗体、设置人数进行开台
如图四
餐桌样式改变显示消费金额
点击已开台的餐桌进行点菜,如果未开台,弹出提示框
如图五
跳转到点菜页面
如图六
如图六:该页面由三部分组成
上方是对应的功能按钮
左下方是所点的菜品,右下方是可以点的菜:菜品分为临时菜、称重菜。
图七
双击菜品列表中的菜品进行点菜,已点菜品列表中显示刚点的菜品信息;
当所点菜品为沽清菜品时,首先菜品沽清数量如果等于已卖数量,该菜品将不能进行点菜
当所点的菜品为临时菜时,则会弹出窗体,输入该临时菜的价格点击“保存”即可
所点菜品为称重菜品时,则弹出如图七窗体所示,录入该菜品单价和重量,点击“保存”即可;
图八
效果如图八所示:
图九
当菜品进行完操作后,然后落单
图十
如图十所示:落单后复选框状态为true
只有落单后菜品才可以买单
点击结算按钮挑转到结账页面
图十一
如图十一:结算界面有两种方式可以进入。(1)在点菜界面点击【结算】按钮,进入,(2)在前台主窗体选中已开台的餐桌,点击【结算】按钮,进入结算窗体,
结算窗体有三个部分组成分别是功能按钮、落单菜品、结账单据
在结账时,现金支付文本框内输入金额进行操作,当金额大于应收金额求出找零
小于时弹出提示框
回到前台
餐桌样式改变不可进行其他操作,必须先消台
消台后,才可继续执行其他操作
由于代码量多 ,就不展示了
总结:在做这个项目时,刚开始还觉得很新鲜,比较有干劲。偶尔遇到bug还会觉得有挑战性,可以为了一个bug不离开位置一下。找同学问问题,解决问题。当你解决不了别人却可以轻松的解决时,你会发现,还是得多积累代码量。当你代码量多了,可以灵活运用这些知识时。也许,你就会轻松很多。