在这篇教程中,我们来搭建一个简单的投票应用(可以发布为小程序,或移动端H5),应用的核心流程如下:
用户进入投票后,首先查看候选人列表,在候选人列表中,可以直接投票,点击候选人头像,将进入候选人详情页,在详情页也可以对该候选人进行投票。
案例下载地址:https://latest.ivx.cn/ih5/app/template/download?id=104
案例预览二维码:(由于限制了微信中登录,H5或小程序,因此pc预览时,无法正常投票)
初始化候选人信息
在这个应用中,候选人信息是由主办方预先添加的。我们首先添加一个后台的投票组件,然后选中其下“候选人信息表”的数据库。
我们可以直接在数据库中手动填写数据,或导入一个excel表格。(应用中的excel表格可以点击这里下载)
在这个excel表格中,我们并没有包含“投票数”这个字段,因为投票数是在应用运行时执行“投票”动作时自动增加的,初始时,任何候选人的投票数都为0。
在其他投票应用中,候选人信息也可以在应用运行时进行添加和修改,比如,一个让用户自行报名的投票活动,可以由用户提交自己的信息作为候选人信息,但这个应用的场景是由主办方上传候选人信息,因此我们没有添加候选人报名功能。