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

陳娟

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

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

中圖分類號： 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引言

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

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

2）用于各院系文化活動投票評選使用。

3）用于各社團活動投票評選使用。

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

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

1總體功能設計

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

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

2數(shù)據(jù)庫設計

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

下面，針對圖2給出如下闡釋說明：

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

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

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

至此，基于圖3將給出如下設計解析：

1）[JP2]Theme類是投票活動主題，包括主題名稱（theme_title）、[JP]主題簡介（theme_describe）、主題詳細內容（theme_content）、主題創(chuàng)建日期（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類是該投票活動規(guī)則類，包括活動的開始時間（beginTime）、結束時間（endTime）、單選多選（choice）、ip限制風格（iplimit）等 。

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

Theme類是一條投票活動的記錄，而Option類則是指該活動下的每一個選項。現(xiàn)實世界里，每一個投票活動都有多個選項，所以Theme與Option之間是一對多的關系；Theme和Rule、Style都是一對一的關系。

3詳細設計

3.1登錄模塊

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

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

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

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

3.3投票統(tǒng)計

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

4結束語

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

參考文獻：

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

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

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

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

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

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

[7] 石志國. JSP網絡開發(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技術內幕[M]. 4版. 楊曉云，王建橋，楊濤，譯. 北京： 人民郵電出版社，2011.

[10]賀松平. 基于MVC模式的B/S架構的研究及應用[D]. 武漢： 華中科技大學，2006.endprint