基于B/S模式的投票系統(tǒng)的研究與開發(fā)

陳娟

摘要：結(jié)合高校培養(yǎng)應(yīng)用型人才的需求背景，鑒于傳統(tǒng)紙質(zhì)投票方法的弊端，本文設(shè)計(jì)并研發(fā)了一款B/S模式的投票系統(tǒng)。將Spring、Springmvc、Mybatis等技術(shù)運(yùn)用于投票管理、用戶管理等模塊中，極大地提高了工作效率。經(jīng)過(guò)測(cè)試分析，人機(jī)交互良好。

關(guān)鍵詞： 應(yīng)用型人才； B/S模式； 投票系統(tǒng)

中圖分類號(hào)： TP391

文獻(xiàn)標(biāo)志碼： A

文章編號(hào)： 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引言

本次設(shè)計(jì)是為山西大學(xué)商務(wù)學(xué)院研發(fā)推出的投票系統(tǒng)，用于學(xué)院新聞活動(dòng)、社團(tuán)活動(dòng)、文化活動(dòng)等的傳播和評(píng)選，選出學(xué)生心中最喜歡的文化活動(dòng)，從而為建設(shè)豐富的校園文化生活提供可靠的數(shù)據(jù)參考。該投票系統(tǒng)不僅可以及時(shí)獲得所需的信息反饋，達(dá)到預(yù)期目的，還可以省去宣傳的紙張資源與人力資源。同時(shí)，學(xué)院充分利用互聯(lián)網(wǎng)和現(xiàn)代信息技術(shù)解決實(shí)際問(wèn)題。通過(guò)設(shè)計(jì)該系統(tǒng)擬達(dá)到以下目的：

1）定期舉辦校園一年一度的十大新聞投票活動(dòng)。

2）用于各院系文化活動(dòng)投票評(píng)選使用。

3）用于各社團(tuán)活動(dòng)投票評(píng)選使用。

4）根據(jù)投票結(jié)果，統(tǒng)計(jì)數(shù)據(jù)、分析數(shù)據(jù)，提供及時(shí)準(zhǔn)確的信息反饋。

隨著Internet的普及以及科學(xué)技術(shù)的發(fā)展，校園也是信息增速發(fā)展的重要組成部分，互聯(lián)網(wǎng)已然成為校園獲取信息的重要來(lái)源。及時(shí)掌握學(xué)生生活動(dòng)態(tài)，了解學(xué)生關(guān)注方向，打造新型現(xiàn)代校園文化，投票系統(tǒng)責(zé)任重大。建設(shè)新聞活動(dòng)投票系統(tǒng)，正好滿足學(xué)院建設(shè)需求，不僅擴(kuò)大文化傳播范圍，節(jié)省人力資源，還能從中提煉出有價(jià)值意義的信息，快速反饋給學(xué)院，及時(shí)、準(zhǔn)確地投射至最新文化建設(shè)上，提升學(xué)校品牌，增強(qiáng)競(jìng)爭(zhēng)力。[JP]

1總體功能設(shè)計(jì)

根據(jù)需求分析，該系統(tǒng)主要分為3個(gè)角色，即系統(tǒng)管理員、投票活動(dòng)管理員和投票用戶。其中，系統(tǒng)管理員不僅可以管理投票活動(dòng)，也可以根據(jù)需要分配賬戶給投票活動(dòng)管理人員。投票活動(dòng)管理員可以創(chuàng)建投票，并且在創(chuàng)建投票活動(dòng)的同時(shí)，還可進(jìn)一步分別創(chuàng)建投票活動(dòng)的主題、活動(dòng)選項(xiàng)、設(shè)置投票活動(dòng)的規(guī)則、頁(yè)面顯示風(fēng)格等并自動(dòng)生成投票地址，活動(dòng)結(jié)束后可以顯示投票結(jié)果，形成用于分析處理的日志以及統(tǒng)計(jì)圖模塊等。投票者只需要根據(jù)投票網(wǎng)址、瀏覽選項(xiàng)，進(jìn)行投票和查看投票結(jié)果即可。[JP]

該系統(tǒng)是基于B/S結(jié)構(gòu)的Web端操作系統(tǒng)，使用簡(jiǎn)單方便，總體功能設(shè)計(jì)前后臺(tái)分離，后臺(tái)管理員用戶只需要?jiǎng)?chuàng)建投票相關(guān)和查看結(jié)果等操作，前臺(tái)投票用戶也可以直觀通過(guò)瀏覽器瀏覽投票活動(dòng)，針對(duì)自己喜歡的投票活動(dòng)進(jìn)行詳細(xì)查看和點(diǎn)擊投票，系統(tǒng)總體設(shè)計(jì)的功能模塊如圖1所示。

2數(shù)據(jù)庫(kù)設(shè)計(jì)

投票系統(tǒng)的參與者分別為投票系統(tǒng)的使用者和選擇前臺(tái)頁(yè)面投票的人員，參與者相關(guān)的類，如圖2所示。

下面，針對(duì)圖2給出如下闡釋說(shuō)明：

1）Login類是管理員的類，是系統(tǒng)管理員和投票管理員的賬戶，其中有Id（loginId） 、用戶名（loginname） 、密碼（loginpwd） 、類型（type） 等。涉及的主要操作有創(chuàng)建（create）、刪除（delete）等。

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

系統(tǒng)中還用到投票主題表、投票選項(xiàng)表、頁(yè)面風(fēng)格表和投票規(guī)則表，如圖3所示。

至此，基于圖3將給出如下設(shè)計(jì)解析：

1）[JP2]Theme類是投票活動(dòng)主題，包括主題名稱（theme_title）、[JP]主題簡(jiǎn)介（theme_describe）、主題詳細(xì)內(nèi)容（theme_content）、主題創(chuàng)建日期（theme_date）等。

2）Option類是該活動(dòng)下所有投票選項(xiàng)類，屬性選項(xiàng)標(biāo)題（option_title）、選項(xiàng)簡(jiǎn)介（option_about）、選項(xiàng)圖片（option_img）、選項(xiàng)詳細(xì)描述（option_content）、選項(xiàng)外部鏈接（option_href）等 。

3）[JP+2]Style類是該投票活動(dòng)風(fēng)格的類，包括頁(yè)面Logo（logo）、頁(yè)面圖片（style_img）、頁(yè)面自定義主題（mytitle）等。[JP]

4）Rule類是該投票活動(dòng)規(guī)則類，包括活動(dòng)的開始時(shí)間（beginTime）、結(jié)束時(shí)間（endTime）、單選多選（choice）、ip限制風(fēng)格（iplimit）等 。

系統(tǒng)中設(shè)定用到的各類關(guān)系則如圖4所示。endprint

Theme類是一條投票活動(dòng)的記錄，而Option類則是指該活動(dòng)下的每一個(gè)選項(xiàng)?，F(xiàn)實(shí)世界里，每一個(gè)投票活動(dòng)都有多個(gè)選項(xiàng)，所以Theme與Option之間是一對(duì)多的關(guān)系；Theme和Rule、Style都是一對(duì)一的關(guān)系。

3詳細(xì)設(shè)計(jì)

3.1登錄模塊

根據(jù)用戶需求，系統(tǒng)只有一個(gè)管理員賬號(hào)，其它賬號(hào)均由管理員添加，并將賬號(hào)發(fā)放給使用者，管理員對(duì)該賬號(hào)擁有管理權(quán)，該賬號(hào)只能進(jìn)行密碼修改和發(fā)起投票活動(dòng)的基本操作，添加活動(dòng)管理員的設(shè)計(jì)效果即如圖5所示。

創(chuàng)建投票活動(dòng)是投票系統(tǒng)的重要模塊，系統(tǒng)使用者發(fā)起新的投票活動(dòng)，可以添加活動(dòng)主題、活動(dòng)簡(jiǎn)介和活動(dòng)規(guī)則等相關(guān)信息，如圖6所示。

主題創(chuàng)建之后，按照流程，可以為該主題活動(dòng)添加活動(dòng)選項(xiàng)。當(dāng)點(diǎn)擊添加活動(dòng)的同時(shí)，會(huì)將所有的選項(xiàng)列出，進(jìn)行添加和修改的操作，如果選項(xiàng)不存在，則添加選項(xiàng)。活動(dòng)選項(xiàng)的信息主要包括：活動(dòng)創(chuàng)建者、活動(dòng)標(biāo)題、活動(dòng)圖片、活動(dòng)詳細(xì)描述和序號(hào)。活動(dòng)管理員可以根據(jù)序號(hào)，實(shí)際確定選項(xiàng)的前臺(tái)顯示順序。在選項(xiàng)列表中可以添加新的投票活動(dòng)選項(xiàng)，添加投票選項(xiàng)如圖7所示。

設(shè)置投票規(guī)則為系統(tǒng)控制投票活動(dòng)的主要部分，可以對(duì)前臺(tái)投票進(jìn)行控制，包括投票開始結(jié)束時(shí)間限制、單選多選的限制（如果是多選，可以設(shè)置多選的項(xiàng)數(shù)）、同時(shí)還可以對(duì)IP進(jìn)行限制、決定同一個(gè)IP多長(zhǎng)時(shí)間可以進(jìn)行再次投票，設(shè)置投票規(guī)則如圖8所示。

3.3投票統(tǒng)計(jì)

[JP2]投票統(tǒng)計(jì)模塊主要用于投票活動(dòng)的數(shù)據(jù)收集。該模塊可以在投票活動(dòng)持續(xù)期間或者結(jié)束時(shí)，實(shí)時(shí)觀察每個(gè)選項(xiàng)的得票情況，并且使用柱狀圖給出標(biāo)識(shí)顯示，清晰直觀地獲知選項(xiàng)的高低排名。該模塊中還增加了修改票數(shù)功能，用來(lái)人工控制選項(xiàng)票數(shù)，管理員可以通過(guò)修改票數(shù)直接給選項(xiàng)增加或者減少票數(shù)，符合投票系統(tǒng)的基本要求。該模塊的呈現(xiàn)效果即如圖9所示。

4結(jié)束語(yǔ)

該系統(tǒng)已在學(xué)院投入使用并開展了數(shù)據(jù)采集。實(shí)施過(guò)程中響應(yīng)速度快，管理端各功能模塊測(cè)試正常，客戶端操作簡(jiǎn)單流暢，人機(jī)交互良好。此外，無(wú)紙化投票也極大地提高了辦公效率并實(shí)現(xiàn)節(jié)能環(huán)保。

參考文獻(xiàn)：

吳鵬， 陳文亮，李衛(wèi)國(guó). 基于Web應(yīng)用系統(tǒng)開發(fā)的純Java實(shí)現(xiàn)技術(shù)[J]. 計(jì)算機(jī)應(yīng)用研究，2000（5）：84-86.

[2] 王宜貴. 軟件工程[M]. 北京：機(jī)械工業(yè)出版社，2004.

[3] 張洪斌. Java2高級(jí)程序設(shè)計(jì)[M]. 北京：中科多媒體出版社，2001.[JP]

[4] 李峰，劉彥隆. 基于SSH框架與jQuery技術(shù)的JavaWeb開發(fā)應(yīng)用[J]. 科技情報(bào)開發(fā)與經(jīng)濟(jì)，2010，20（6）：106-108，117.

[5] 許川佩，張民，張婧. 基于Ajax的J2EE安全應(yīng)用框架[J]. 計(jì)算機(jī)工程，2010，36（4）：110-111.

[6] 李賢華. 基于JSP技術(shù)的大型網(wǎng)上購(gòu)物系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 計(jì)算機(jī)與現(xiàn)代化，2008（8）：82-84，89.

[7] 石志國(guó). JSP網(wǎng)絡(luò)開發(fā)詳解[M]. 北京： 電子工業(yè)出版社，2007.

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

[9] 杜波依斯. MySQL技術(shù)內(nèi)幕[M]. 4版. 楊曉云，王建橋，楊濤，譯. 北京： 人民郵電出版社，2011.

[10]賀松平. 基于MVC模式的B/S架構(gòu)的研究及應(yīng)用[D]. 武漢： 華中科技大學(xué)，2006.endprint