基于B/S模式的投票系统的研究与开发

陈娟

摘要：结合高校培养应用型人才的需求背景，鉴于传统纸质投票方法的弊端，本文设计并研发了一款B/S模式的投票系统。将Spring、Springmvc、Mybatis等技术运用于投票管理、用户管理等模块中，极大地提高了工作效率。经过测试分析，人机交互良好。

关键词： 应用型人才； B/S模式； 投票系统

中图分类号： TP391

文献标志码： A

文章编号： 2095-2163（2017）05-0108-03

Abstract： In view of the background demand of cultivating applicationoriented talents in universities， and the disadvantages of traditional paper voting methods， the paper designs and develops a voting system of B/S mode. The application of Spring， Spring MVC，Mybatis and other technologies in voting management， user management and other modules has greatly improved work efficiency. After the test analysis， the human computer interaction is good.

Keywords： applicationoriented talents； B/S mode； voting system

0引言

本次设计是为山西大学商务学院研发推出的投票系统，用于学院新闻活动、社团活动、文化活动等的传播和评选，选出学生心中最喜欢的文化活动，从而为建设丰富的校园文化生活提供可靠的数据参考。该投票系统不仅可以及时获得所需的信息反馈，达到预期目的，还可以省去宣传的纸张资源与人力资源。同时，学院充分利用互联网和现代信息技术解决实际问题。通过设计该系统拟达到以下目的：

1）定期举办校园一年一度的十大新闻投票活动。

2）用于各院系文化活动投票评选使用。

3）用于各社团活动投票评选使用。

4）根据投票结果，统计数据、分析数据，提供及时准确的信息反馈。

随着Internet的普及以及科学技术的发展，校园也是信息增速发展的重要组成部分，互联网已然成为校园获取信息的重要来源。及时掌握学生生活动态，了解学生关注方向，打造新型现代校园文化，投票系统责任重大。建设新闻活动投票系统，正好满足学院建设需求，不仅扩大文化传播范围，节省人力资源，还能从中提炼出有价值意义的信息，快速反馈给学院，及时、准确地投射至最新文化建设上，提升学校品牌，增强竞争力。[JP]

1总体功能设计

根据需求分析，该系统主要分为3个角色，即系統管理员、投票活动管理员和投票用户。其中，系统管理员不仅可以管理投票活动，也可以根据需要分配账户给投票活动管理人员。投票活动管理员可以创建投票，并且在创建投票活动的同时，还可进一步分别创建投票活动的主题、活动选项、设置投票活动的规则、页面显示风格等并自动生成投票地址，活动结束后可以显示投票结果，形成用于分析处理的日志以及统计图模块等。投票者只需要根据投票网址、浏览选项，进行投票和查看投票结果即可。[JP]

该系统是基于B/S结构的Web端操作系统，使用简单方便，总体功能设计前后台分离，后台管理员用户只需要创建投票相关和查看结果等操作，前台投票用户也可以直观通过浏览器浏览投票活动，针对自己喜欢的投票活动进行详细查看和点击投票，系统总体设计的功能模块如图1所示。

2数据库设计

投票系统的参与者分别为投票系统的使用者和选择前台页面投票的人员，参与者相关的类，如图2所示。

下面，针对图2给出如下阐释说明：

1）Login类是管理员的类，是系统管理员和投票管理员的账户，其中有Id（loginId） 、用户名（loginname） 、密码（loginpwd） 、类型（type） 等。涉及的主要操作有创建（create）、删除（delete）等。

2）VoteInfo类是投票者的类，包括投票ip（ip） 、地址（address）和日期（date）等属性。

系统中还用到投票主题表、投票选项表、页面风格表和投票规则表，如图3所示。

至此，基于图3将给出如下设计解析：

1）[JP2]Theme类是投票活动主题，包括主题名称（theme_title）、[JP]主题简介（theme_describe）、主题详细内容（theme_content）、主题创建日期（theme_date）等。

2）Option类是该活动下所有投票选项类，属性选项标题（option_title）、选项简介（option_about）、选项图片（option_img）、选项详细描述（option_content）、选项外部链接（option_href）等 。

3）[JP+2]Style类是该投票活动风格的类，包括页面Logo（logo）、页面图片（style_img）、页面自定义主题（mytitle）等。[JP]

4）Rule类是该投票活动规则类，包括活动的开始时间（beginTime）、结束时间（endTime）、单选多选（choice）、ip限制风格（iplimit）等 。

系统中设定用到的各类关系则如图4所示。endprint

Theme类是一条投票活动的记录，而Option类则是指该活动下的每一个选项。现实世界里，每一个投票活动都有多个选项，所以Theme与Option之间是一对多的关系；Theme和Rule、Style都是一对一的关系。

3详细设计

3.1登录模块

根据用户需求，系统只有一个管理员账号，其它账号均由管理员添加，并将账号发放给使用者，管理员对该账号拥有管理权，该账号只能进行密码修改和发起投票活动的基本操作，添加活动管理员的设计效果即如图5所示。

创建投票活动是投票系统的重要模块，系统使用者发起新的投票活动，可以添加活動主题、活动简介和活动规则等相关信息，如图6所示。

主题创建之后，按照流程，可以为该主题活动添加活动选项。当点击添加活动的同时，会将所有的选项列出，进行添加和修改的操作，如果选项不存在，则添加选项。活动选项的信息主要包括：活动创建者、活动标题、活动图片、活动详细描述和序号。活动管理员可以根据序号，实际确定选项的前台显示顺序。在选项列表中可以添加新的投票活动选项，添加投票选项如图7所示。

设置投票规则为系统控制投票活动的主要部分，可以对前台投票进行控制，包括投票开始结束时间限制、单选多选的限制（如果是多选，可以设置多选的项数）、同时还可以对IP进行限制、决定同一个IP多长时间可以进行再次投票，设置投票规则如图8所示。

3.3投票统计

[JP2]投票统计模块主要用于投票活动的数据收集。该模块可以在投票活动持续期间或者结束时，实时观察每个选项的得票情况，并且使用柱状图给出标识显示，清晰直观地获知选项的高低排名。该模块中还增加了修改票数功能，用来人工控制选项票数，管理员可以通过修改票数直接给选项增加或者减少票数，符合投票系统的基本要求。该模块的呈现效果即如图9所示。

4结束语

该系统已在学院投入使用并开展了数据采集。实施过程中响应速度快，管理端各功能模块测试正常，客户端操作简单流畅，人机交互良好。此外，无纸化投票也极大地提高了办公效率并实现节能环保。

参考文献：

吴鹏， 陈文亮，李卫国. 基于Web应用系统开发的纯Java实现技术[J]. 计算机应用研究，2000（5）：84-86.

[2] 王宜贵. 软件工程[M]. 北京：机械工业出版社，2004.

[3] 张洪斌. Java2高级程序设计[M]. 北京：中科多媒体出版社，2001.[JP]

[4] 李峰，刘彦隆. 基于SSH框架与jQuery技术的JavaWeb开发应用[J]. 科技情报开发与经济，2010，20（6）：106-108，117.

[5] 许川佩，张民，张婧. 基于Ajax的J2EE安全应用框架[J]. 计算机工程，2010，36（4）：110-111.

[6] 李贤华. 基于JSP技术的大型网上购物系统的设计与实现[J]. 计算机与现代化，2008（8）：82-84，89.

[7] 石志国. JSP网络开发详解[M]. 北京： 电子工业出版社，2007.

[8] ALI Z. Designing object oriented software applications within the context of software frameworks[D]. Ohio：Ohio State University，2011.[JP]

[9] 杜波依斯. MySQL技术内幕[M]. 4版. 杨晓云，王建桥，杨涛，译. 北京： 人民邮电出版社，2011.

[10]贺松平. 基于MVC模式的B/S架构的研究及应用[D]. 武汉： 华中科技大学，2006.endprint