电子投票(微信小程序)


1.前台界面设计
本系统用户端是小程序,通过小程序提供用户的交互界面。小程序主要需要实现,用户的登录,用户的注册,公告的查看,投票的查看,投票的创建,投票的参与,创建投票的参与信息,参与投票的信息。
1.1首页公告
用户未登录的时候,再首页可以查看系统的公告,也就是主页的展示。主页公告里面,用户可查看最近的公告条数,点击公告可以查看公告的详情。并且通过轮播图展示前三条数据。首页界面如图1.1
图1.1 首页展示图
在用户点击公告后可查看相关的公告信息,如图1.2
图1.2 公告详细信息
1.2用户登录
用户如果想要参与投票,或创建投票是需要进行登录验证的,只有进行登录后才能进行投票以及创建等操作。图1.3是用户登录界面,用户需要提供正确的用户名和密码才能进行登录验证。
图1.3 用户登录界面
1.3创建投票
创建投票需要给用户提供详细的表单输入,投票的标题,投票的说明,需要的选项有那些,是单选还是多选,投票的结束日期,是否是匿名投票,以及投票相关的一张主题封面。如果是匿名投票的话,创建投票的用户是不能查看每个选项的投票人信息的,匿名投票对投票者信息是进行保护的。如果发起者想要查看用户的投票信息,则需要联系管理员。如果是非匿名投票,用户则可以查看相关选项的投票信息。创建投票界面如图1.4

图1.4 创建投票界面
1.4参与投票
在用户登录的前提下,用户可以点击参与投票的按钮。在该界面用户可以查看最近有那些投票发布,图1.5是参与投票的投票预览界面。
图1.5 投票预览界面
在投票预览界面,我们可以通过所提供的简要信息了解,投票题目,发布者,自己是否参与了投票,最底下的时间线,左边是初始时间,右边是结束时间,右边的时间如果是红色证明投票时间已经截止。
当用户点击已未参与的投票时,如图1.6 多选会在标题下提示最多选几项,用户进而可以根据提示进行选择。如果用户选择的选项超出规定选项,则会提示用户限制信息。

图1.6 未参与时间未截止的投票
如果用户点击的是未参与,但是时间已经截止的投票,那么用户是不能进行投票的。具体操作如图1.7
图1.7 未参与但时间截止
如果用户点击的是已经参与的投票,则用户就不能在继续投票了,页面会提示用户已经选取的选项。如图1.8

图1.8 参与并截止的投票
1.5查看创建的投票信息
在用户登录后,如果用户有发起投票,那么用户就可以通过“创建的投票”导航来查看自己发布的投票信息。如图1.9 用户可以通过该界面来查看自己发起了那些投票,是匿名投票,还是非匿名投票,终止时间为红色表示投票时间已经截止,还可以查看是多选还是单选。

图1.9 查看创建的投票界面
当用户点击相应的投票过后,会进入投票的统计界面,如图1.10 在该界面用户可以通过图表的方式,查看总的票数,以及相应选项的票数情况和所占百分比。

图1.10 投票统计界面
对于非匿名投票,用户还可以点击详情查看具体的投票信息,也就是具体到那个用户投了那个票数。如图1.11

图1.11 具体投票信息
但是对于匿名投票用户是不能查看相应的投票信息的,只能通过联系管理员才能查看具体是谁投的票。如图1.12

图1.12 非匿名投票信息
1.6我的
我的主要提供用户退出功能和个人信息的展示,通过该界面用户可以选择退出小程序。如图1.13

图1.13 “我的”界面
2.后台管理
2.1 后台登录
后台登录主要提供给管理员进入后台的认证,为了防止被暴力破解,在这里体提供验证码,管理员只有输入正确的用户名,密码和验证码过后才能进入后台。登录界面如图2.1

图2.1 后台登录界面
2.2 后台管理界面
后台管理界面主要实现,公告管理,用户管理,投票管理,参与投票管理。以及用户的安全退出。
公告管理主要展现发布公告的相关信息,如图2.2
图2.2 公告相关信息
用户管理提供用户的相关信息,并提供编辑修改,删除操作。如图2.3

图2.3 用户相关信息
投票管理,可以查看所有用户所发表的投票,可以给管理员提供编辑,删除操作。如图2.4
图2.4 投票的相关信息
参与投票管理,可以查看用户的相关投票信息,如图2.5
图2.5 所有参与投票相关信息
管理员的安全注销,当管理员结束操作需要退出时,就需要安全退出,以免遭受到黑客利用。安全退出如图2.6
图2.6 安全注销
相关安全代码,删除管理员再网站的存储的信息。
def admin_logout(request):
‘’‘退出’‘’
request.session.clear()
return redirect(‘/api/admin/login/’)


文章作者: HKini
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 HKini !
评论
  目录