#程序员干货站#餐饮小票是餐厅消费的主要凭证之一,与消费发票共同构成了很多单位财务报销的依据。对于部分小餐饮企业由于各种原因未能为用户提供餐饮小票,给消费者带来麻烦。本例以此需求为背景结合JavaScript、HTML、CSS等设计开发基于Web的餐饮小票BIY软件,可以低成本帮助商家解决小票打印问题。
实现效果
本例实现餐饮小票DIY应用,主要包括两方面功能,其一为基本信息的填写(基本信息、消费信息两部分),即小票内容的填写。所填写基本信息主要包括商家名称、座号、人数、收银、日期、金额。消费信信息主要是指实际消费的信息,包括品类、数量及价格。基本信息设置部分运行页面如下图:
基本信息设置页面如上图所示,在菜单详情部分支持动态表格的自动添加,用户点击添加将自动生成表格,在表格中填写菜单之后,会自动计算总金额并填写的总金额字段部分。填写菜单详细信息部分运行截图如下&