全新表单设计版本与扫码点餐实战

2025年愿你在新的一年里，如同破晓的第一缕阳光，充满希望和活力。愿你的每一天都如同崭新的篇章，等待着你去书写精彩的故事。

愿你在事业和学业上，如同勇往直前的航船，乘风破浪，不断前行。愿你在家庭和生活中，如同温馨的港湾，充满爱与温暖，幸福安康。

愿你的每一个梦想都能照进现实，愿你的每一步努力都能收获满满的回报。愿你在新的一年里，绽放出更加耀眼的光芒，成为更好的自己。

新年快乐，愿幸福与你同行！

2025年发布新版本webos-form-design v3.2.1，主要剥离表单组件图片上传、颜色选择、按钮、文本输入框、下拉框、单选框、多选框、开关、日期选择、时间选择、文件上传、表格、树形结构、富文本编辑器，通过配置实现不同业务场景。主打一个万物皆可配。

使用说明

https://gitee.com/asxsyd92/webosformdesign/tree/dev/

页面中的按钮仅有几种情况，要么是弹窗一个表单要么就是弹窗提示框提示用户是否需要继续往下执行或者是下载操作或者是多选批量操作，这些操作都进行了封装。

查询一般用于列表查询，新增弹窗自定义表单或者是标签的形式弹出，除了下载、批量操作其他都可以用自定义表单。因此可以创建一张表来存储按钮信息，可以控制那个菜单显示哪些人能看到这些按钮。

接下来使用自定表单实现一个餐饮的点餐系统。

一、背景介绍

随着移动互联网的普及和二维码技术的广泛应用，点餐系统逐渐成为餐饮行业的新宠。该系统允许顾客到店后，通过扫描餐桌上的二维码进行点餐，无需服务员介入，既节省了顾客的时间，也减少了餐厅的人力成本。同时，系统后台能够实时显示和管理多个用户的点餐信息，方便厨房师傅根据订单进行备餐，并在完成后送餐到指定餐桌。顾客就餐完成后，再到收银台进行结算，收银员通过系统快速结单，提高了结账效率。

二、系统功能

用户扫码点餐：

顾客到店后，使用智能手机扫描餐桌或墙上的二维码，进入点餐界面。

点餐界面展示餐厅的菜单，包括菜品名称、图片、价格、口味选择等信息。

顾客可以自由选择菜品，添加到购物车中，并随时查看购物车内的点餐详情和总价。

实时显示点餐信息：

系统后台能够实时接收并显示多个用户的点餐信息，包括订单号、桌号、顾客姓名（可选）、点餐菜品、数量、口味要求等。

管理员或服务员可以通过后台界面查看所有未完成的订单，以及每个订单的当前状态（如：已下单、备餐中、已送餐等）。

厨房备餐与送餐：

厨房师傅根据系统后台显示的点餐信息，准备相应的菜品。

备餐完成后，系统可以自动或手动更新订单状态为“已备餐”。

服务员根据系统提示，将菜品送餐到指定餐桌，并在系统上确认送餐完成。

用户就餐与结算：

顾客在餐桌上享用美食，无需担心服务员打扰。

就餐完成后，顾客到收银台进行结算。收银员通过扫描顾客手机上的订单二维码或输入订单号，快速查询并显示点餐详情和总价。

顾客可以选择支付方式（如：现金、银行卡、移动支付等）进行付款，收银员在系统上确认收款并打印收据或发票给顾客。

后台管理与统计：

系统后台提供丰富的管理功能，如：菜品管理、桌号管理、用户管理、订单管理等。

管理员可以通过后台界面查看餐厅的运营数据，如：日订单量、销售额、菜品销量排名等。

系统还可以生成各种报表和图表，帮助管理员更好地了解餐厅的运营情况并做出决策。

三、总结

点餐系统是一种高效、便捷、智能的餐饮服务模式，它结合了二维码技术和后台管理系统，实现了顾客自助点餐、实时显示点餐信息、厨房备餐与送餐、用户就餐与结算以及后台管理与统计等功能。该系统不仅提升了餐厅的运营效率和顾客的就餐体验，还为餐厅的长期发展提供了有力的支持。

首先创建一张表来存储菜品信息，写好字段备注后可直接从数据库中生成表单。

最后根据需求调整

图片单独处理，创建一张附近表存储附件地址，对于已经上传过的图片不需要重新上传，可在图库中选择。

到这一步几乎不用写代码即可完成。

扫码端使用的是uniapp，支持小程序、app、h5网页，一般的小餐饮点用h5就够了。

已经实现功能如下：

可用户通用的table组件，在查询时配置字段

如下：

其他table实例

体验码