一、案例效果
点击《限制提交180人DEMO》拷贝模板
二、应用场景
1.常用于需要限制人数的活动H5报名,比如该活动仅限180个人参与,我们不但要限制总人数,还要限制每个人只能提交一次,不能重复。
2.根据以上场景做功能分析:
(1)通过数据表收集数据,最好是数据库的数据表,因为可以设置每人提交一次的权限设置。
(2)数据表里做一个记录报名人数的字段,设置数据表提交规则为每人只能1次。
三、功能设置
1.新建数据表, 新建1个字段用来记录报名人数
2.保存数据表后,点击查看数据
3.并添加一条数据出来:让报名人数的初始值为 【0】
4.然后拿到这条数据的ID
5.切换到编辑器界面添加数据表,如果找不到刚才添加的表,要刷新编辑器
6.添加1个条件判断,判断用户是否提交过数据,如果提交过就在确认按钮上方,显示一个热区,不让用户去点击确认按钮。
7.输入框勾选了必填,并跟数据库绑定后,点击提交按钮时若用户未输入信息系统会提示。
也可以用条件判断来做输入是否为空的判断并作相应提示。
8.当所有输入框不为空的时候,就拿到当前后台有多少人报名的具体值。用第2个步骤中拿到的数据ID,粘贴在ID=的输入框位置,并勾选返回数据(为拿到数据的意思),返回数据给当前页的一个全局变量,提前添加到页面里,全局变量类型为【数值】。
9.上面数据库操作成功后,判断全局变量是否等于大于你要设置的总人数上限值(假设应n表示),这里是选择的180。
10.当报名人数小于等于179(即n-1)时,是可以提交数据的,=180(即n) 就不可以了,提示人数已满。
11.在高级表单提交成功时这里要给后台报名人数记录的那个字段值+1,ID还是用复制过来的ID。
12.修改数据成功后还要做一件事,新建数据到数据表,证明他提交过数据。
13.这个成功后的数据库操作如图:
14.新建数据成功后,显示报名成功,并显示确定按钮上的热区,防止重复提交数据
四、相关Q/A