🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
功能说明:可自定义采集表单,如报名、调查、反馈等 一、登录壹佰智慧餐厅应用后台点击【应用】--【工具】--【表单】 ![](https://img.kancloud.cn/8d/77/8d7731e80a3ba22a63f8fb8510b1fa18_1900x869.png) 二、点击添加表单,填写表单名称,勾选基本选项 ![](https://img.kancloud.cn/13/bb/13bbd01c15f92b5dfec63a639016e36e_1648x823.png) 三、添加表单项 ![](https://img.kancloud.cn/03/3f/033fb870b5fc7305523a148d7c9536cc_1264x785.png) ![](https://img.kancloud.cn/e9/83/e983687f0c0f386c930535d7e7e816c2_1680x866.png) 四、添加完成 ![](https://img.kancloud.cn/8f/0b/8f0b77aca657f9776e35985998bcc293_1653x437.png) 五、点击【店铺】--【我的模板】--【站点设计】 ![](https://img.kancloud.cn/0a/1f/0a1f2497a1e3d26960b475e37d63e67c_1920x690.png) 六、进入站点设计页面,进行调用表单 方法一:直接拖拉表单组件到站点设计页面,选择添加好的表单,调用即可 ![](https://img.kancloud.cn/6a/70/6a708af0692a1da9eeb13db85cf22ce4_1908x825.png) ![](https://img.kancloud.cn/0e/4f/0e4fb311c8d043b8a26e828e24ba534a_1486x713.png) 方法二: 1、添加自定义页面 ![](https://img.kancloud.cn/5a/49/5a49961a55795210fd0f86db0c545c2d_1910x882.png) 2、在自定义页面放置表单组件,选择表单数据 ![](https://img.kancloud.cn/be/f0/bef081b0c5740fe6545cc08f1237c955_1917x832.png) 3、首页图片或者按钮可以设置链接到自定义页面 ![](https://img.kancloud.cn/a0/01/a001dd611040b16586348f11b063e106_1920x429.png) ![](https://img.kancloud.cn/d8/66/d8663937bf1ae136481f095547236ef8_1093x683.png) ![](https://img.kancloud.cn/81/1e/811e2c05f3e0ea14451f03dcd72a2dac_1071x668.png) ![](https://img.kancloud.cn/40/60/4060803e1b5ef1d7cf31b0cec73797ae_1044x713.png) 六、表单提交之后,可以设置跳转页面(跳转到堂食) ![](https://img.kancloud.cn/42/5d/425d32b4064935352d0a141ca0737d88_442x658.png) ![](https://img.kancloud.cn/1e/f2/1ef2b7e1fd8b73c6c8c0ad887a624488_1452x712.png) 七、小程序端展示 1、点击设置好的图片 ![](https://img.kancloud.cn/4c/22/4c226f9dce037db000e2ae8c64e95931_378x664.png) 2、填写数据 ![](https://img.kancloud.cn/88/22/8822e0165dbc876c2f43c437ff6f8c2c_385x666.png) 3、提交表单,提示变淡提交成功,点击确定 ![](https://img.kancloud.cn/0b/bc/0bbc30045ff5f95801f341226e84633c_375x653.png) 跳转到指定的堂食页面 ![](https://img.kancloud.cn/7d/9f/7d9fdf4e25721615f29aabe6ad164482_371x665.png) 八、返回后台表单列表 1、可以看到填写的数量 ![](https://img.kancloud.cn/83/57/835799ee3edb8c57aa40752b9653c4a8_1651x714.png) 2、可以导出表单,选择全部导出或按时间导出 ![](https://img.kancloud.cn/20/76/2076ba7ffd0d28bb7a2b05b5c718c9b5_1668x656.png) ![](https://img.kancloud.cn/d6/b1/d6b12682b1c52c647afd95cc54716c60_1239x834.png) 3、可以查看用户填写的表单内容 ![](https://img.kancloud.cn/95/f3/95f3196ff8a8079fff82e5d3e18c9d3a_920x657.png)