摘要：針對傳統投票方式的不足, 進(jìn)行了在線(xiàn)投票系統的設計與開(kāi)發(fā), 便于信息處理以及統計管理。ASP.NET和MVC模式結合使得各層次間耦合性降低, 在滿(mǎn)足用戶(hù)需求的同時(shí)使得系統具有結構清晰、易維護和可擴展性強等特點(diǎn)。

　　關(guān)鍵詞：Web開(kāi)發(fā); 投票系統; MVC; ASP.NET; 數據庫;

　　Abstract：Against the weak points of traditional voting methods, the design and development of an online voting system is described, which does good to better information processing and statistical management.The combination of ASP.NET and MVC mode reduce the coupling of levels, and meet the needs of users while taking into account clear frame, strong maintainability and scalability and so on.

　　Keyword：Web development; voting system; MVC; ASP.NET; database;

　　ASP.NET是基于.NET Framework的Web開(kāi)發(fā)平臺, 不同于過(guò)去開(kāi)發(fā)動(dòng)態(tài)網(wǎng)頁(yè)需要編寫(xiě)大量繁雜的C代碼, ASP使用的是簡(jiǎn)單的腳本語(yǔ)言, 代碼可直接嵌入HTML, 摒棄了傳統的.NET應用開(kāi)發(fā)存在的擴展性差、代碼冗余和復用性差等缺點(diǎn)。MVC (Model-View-Controller) 模式用一種業(yè)務(wù)邏輯、數據及界面顯示分離的方法組織代碼, 使得項目整體結構清晰, 為大型的Web應用提供了良好的模型結構。在A(yíng)SP.NET平臺上, 控制器通過(guò)C#在后臺實(shí)現數據處理的邏輯部分, 模型對應操作的實(shí)體, 視圖體現為前端的.aspx頁(yè)面。

　　投票在日常生活中隨處可見(jiàn), 大到各種職位選舉, 小到選擇喜好的物品。目前國內有很多基于A(yíng)SP.NET的投票系統, 但大多數采用的是非MVC的結構, 頁(yè)面內容與數據處理邏輯混合, 既不利于大型項目的開(kāi)發(fā), 也難以滿(mǎn)足用戶(hù)的需求變化。因此, 本文作者設計了一套結合ASP.NET和MVC的在線(xiàn)投票系統。該系統整體結構設計合理、交互性好、操作方便。用戶(hù)有關(guān)投票主題的所有操作包括評論等, 都會(huì )通過(guò)互聯(lián)網(wǎng)提交到投票信息數據庫, 管理員登錄即可查看或統計當前數據庫中的投票結果, 由此使創(chuàng )建主題、正式投票和得票統計分析等一系列過(guò)程變得規范化, 提高了整個(gè)投票程序的效率。

　　1、MVC設計模式及其優(yōu)點(diǎn)

　　目前, 通用的軟件體系架構包括多層分布式模式、層次模式以及MVC模式等。鑒于MVC的各部分可獨立測試, 且結構更為清晰, 本系統選用了MVC架構模式。

　　視圖:通過(guò)用戶(hù)交互界面顯示來(lái)自于模型的數據, 控制器對模型進(jìn)行引用, 然后對視圖內容加以更新, 即視圖只是處于數據的展示層, 不涉及任何有關(guān)數據處理的邏輯部分。一般用HTML語(yǔ)言實(shí)現, 也可用XML、XHTML等, 隨應用程序的設計要求和復雜度不同而變化。多個(gè)視圖可能對應同一模型。

　　模型:進(jìn)行數據加工、業(yè)務(wù)流程的處理以及業(yè)務(wù)邏輯規則的制定, 并在應用程序的問(wèn)題域中實(shí)現這些流程和規則。模型最大的特點(diǎn)是可重用性高, 同時(shí)將數據對象獨立整合, 一個(gè)模型可多次使用。在A(yíng)SP.NET中, 模型一般體現為類(lèi) (Class) , 它封裝了相關(guān)的屬性和操作, 對外表現為一個(gè)整體, 對用戶(hù)透明, 同時(shí)獨立于其他功能模塊。

　　控制器:與模型 (Model) 一起工作, 共同完成用戶(hù)的請求, 最終選擇一個(gè)視圖 (View) 來(lái)顯示用戶(hù)交互頁(yè)面。控制器本身并不對數據進(jìn)行處理, 它是介于視圖和控制器的中間層。

　　基于MVC的設計方式使得UI界面與實(shí)際處理程序分隔, 避免了代碼結構的混亂, 在實(shí)現過(guò)程中也可使開(kāi)發(fā)人員獨立地完成各部分內容, 從而減少了相互干擾的可能性, 提高了開(kāi)發(fā)效率。MVC的主要優(yōu)點(diǎn)如下:

　　(1) 易于維護[1]:項目結構規范, 界面和后臺業(yè)務(wù)邏輯代碼處于不同結構中, 維護成本低。

　　(2) 易于移植:因為開(kāi)發(fā)平臺眾多, 代碼的可移植性顯得越發(fā)重要。MVC中的模型獨立于視圖, 可被移植到新的平臺, 只需要在新的平臺上對控制器和視圖加以修改即可。

　　(3) 自動(dòng)刷新:視圖顯示的是來(lái)自于模型的數據, 且一個(gè)模型一般對應多個(gè)視圖。當模型內容發(fā)生改變時(shí), 視圖可自動(dòng)刷新, 因而系統可更新性好, 避免了一處修改引起整個(gè)系統結構改變的現象。

　　(4) 可擴展性強:在系統設計初期, 對于功能的考慮難免不完善。需要增加新類(lèi)時(shí), MVC的明顯優(yōu)勢在于只需添加新的模型, 由此衍生出相應功能的控制器和視圖, 絲毫不會(huì )影響到已有代碼的完整性。

　　(5) 可分工性好:目前已出現了很多代碼托管平臺, 為項目合作提供了極大便利。在MVC模式開(kāi)發(fā)過(guò)程中, 控制器、視圖和模型可分別交由不同成員, 各自獨立完成, 在進(jìn)行合并時(shí)能減少沖突的發(fā)生。

　　總之, MVC較之于傳統的Web Form形式可能較為復雜, 但鑒于其諸多優(yōu)點(diǎn), 卻是大型Web應用開(kāi)發(fā)首選的架構, 前期搭建好基本結構后, 后期過(guò)程就會(huì )容易很多。

　　2、系統設計

　　本投票系統是一個(gè)基于B/S結構的Web應用。系統主要功能有查看投票主題詳情, 添加、編輯、刪除投票主題, 添加、編輯、刪除投票選項, 在線(xiàn)投票, 用戶(hù)評論, 對投票主題進(jìn)行熱度排行等。同時(shí), 一個(gè)投票主題下有多個(gè)選項, 可設置單選或多選。

　　本系統的開(kāi)發(fā)目標是摒棄傳統投票方式選項個(gè)數受限制、統計困難以及不利于分析得票情況等弊端, 將投票與Web程序相結合, 以提供更便捷高效的方式, 帶來(lái)良好的用戶(hù)體驗。開(kāi)發(fā)環(huán)境采用Visual Studio2013, 后臺數據庫采用My SQL Server 5.7.12。

　　2.1、系統架構

　　基于MVC模式, 本投票系統整體架構如圖1所示。系統分為客戶(hù)層、業(yè)務(wù)邏輯層和數據層。客戶(hù)層在瀏覽器中運行, 角色分為管理員和用戶(hù), 其操作結果被提交到業(yè)務(wù)邏輯層后, 業(yè)務(wù)邏輯層負責控制器、模型和視圖三者間的數據流通[2], 同時(shí)通過(guò)ADO.NET[3]對數據庫進(jìn)行更新。

圖1 系統架構圖

　　2.2、功能模塊

　　考慮到使用者的需求, 本系統功能模塊按照用戶(hù)和管理員進(jìn)行劃分, 如圖2和圖3所示。

圖2 用戶(hù)模塊

圖3 管理員模塊

　　各模塊簡(jiǎn)介如下:

　　(1) 用戶(hù)模塊

　　搜索主題:對任何一個(gè)完整的系統而言, 搜索功能都是至關(guān)重要的。由于投票主題類(lèi)型眾多, 本系統設置了搜索欄, 供用戶(hù)輸入自己感興趣的關(guān)鍵詞進(jìn)行查詢(xún), 然后點(diǎn)擊進(jìn)入目標主題進(jìn)行投票。

　　查看最熱主題:基于大數據的思想, 系統主頁(yè)展示了當前熱度最高的部分主題, 其參與量最多。本功能讓每個(gè)用戶(hù)都能了解投票平臺上最受歡迎的主題情況。

　　查看最新評論:參照眾多社交平臺的互動(dòng)方式, 系統主頁(yè)顯示最新的部分評論, 拉近了用戶(hù)之間的距離。

　　投票及評論:本功能無(wú)疑是用戶(hù)模塊的核心, 根據投票主題屬性不同, 用戶(hù)可進(jìn)行單選或多選。投票完成可在主題下方評論區發(fā)表個(gè)人意見(jiàn)。

　　(2) 管理員模塊:

　　顯示主題:管理員登錄后可查看所有已發(fā)布的主題 (包括已截止的主題) , 并對每個(gè)主題都有編輯、明細和刪除三種操作權限。

　　添加主題:本模塊是發(fā)布投票主題的入口, 點(diǎn)擊“添加主題”后可在新的頁(yè)面寫(xiě)入主題名稱(chēng)、選擇狀態(tài) (單選或多選) 、投票狀態(tài) (投票中或已截止) 和每個(gè)選項內容。

　　編輯主題:主題已經(jīng)發(fā)布后, 本模塊提供編輯功能。可在本模塊進(jìn)行的操作有添加選項、編輯選項和刪除選項, 比起傳統的投票方式, 此項設置更具有可擴展性。

　　主題明細:點(diǎn)擊明細可查看有關(guān)此投票主題的所有信息, 包括主題名稱(chēng)、投票狀態(tài)、選擇狀態(tài)、所有選項及對應的票數。

　　刪除主題:本模塊提供投票主題的刪除功能, 進(jìn)行刪除后, 數據庫中有關(guān)該主題和有關(guān)選項的條目都不復存在。

　　3、系統實(shí)現

　　3.1、Mode l實(shí)現

　　Model對象實(shí)質(zhì)為實(shí)體類(lèi), 既不直接處理客戶(hù)端請求, 也不直接輸出數據[4]。本系統采用Code First[5]技術(shù), 該技術(shù)支持在還沒(méi)有建立數據庫的情況下就開(kāi)始編碼, 即先在程序中建立要映射到數據庫的實(shí)體結構, 然后EF (Entity Framework) [5]根據實(shí)體結構生成所對應的數據庫。

　　在本投票系統中, 主要的Model及其屬性關(guān)系如圖4所示, 按圖4中從左至右, 從上至下的順序列舉為:主題 (Theme) 、選項 (Option) 、用戶(hù) (User) 、最熱主題-最新評論 (Index Model) 、評論 (Remark) 、登錄狀態(tài) (Msg) 、主題-選項-評論 (Big Model) 。其中, Theme、Option、User、Remark這四個(gè)模型類(lèi)分別與本系統數據庫中的表一一對應, Index Model、Big Model的屬性由這四個(gè)基本Model中部分Model的List集合組合而成, Msg模型類(lèi)包含User模型類(lèi)中除password以外的所有屬性。

圖4 模型屬性關(guān)系圖

　　3.2、控制器實(shí)現

　　控制器是連接模型和視圖的橋梁。一個(gè)控制器由多個(gè)Action組成, 每個(gè)Action負責接收用戶(hù)的HTTP請求并選擇返回的頁(yè)面。當需要對數據庫信息進(jìn)行修改時(shí), 需要有兩個(gè)同名的Action方法, 一個(gè)僅負責進(jìn)行基本的頁(yè)面返回, 另一個(gè)進(jìn)行數據庫相關(guān)操作的處理。

　　本系統的控制器有三個(gè):User Controller、ManagerController和Account Controller。前兩者分別對應用戶(hù)和管理員功能模塊, Account Controller主要負責主頁(yè)的注冊、登錄模塊。以Manager Controller中創(chuàng )建主題功能為例, 實(shí)現流程如圖5所示:

圖5 創(chuàng )建主題流程圖

　　3.3、視圖實(shí)現

　　視圖是進(jìn)行數據顯示和用戶(hù)交互的窗口。本系統的視圖頁(yè)面使用Razor語(yǔ)法和HTML標簽進(jìn)行編寫(xiě)。當控制器回傳View Result給Mvc Handler之后, Mvc Handler會(huì )先設法找到對應的頁(yè)面view, 被找到的razor頁(yè)面會(huì )優(yōu)先執行, 執行完畢后, 會(huì )判斷該view頁(yè)面是否含有主版頁(yè)面所需要的Layout屬性, 如果是, 則試圖載入Layout屬性指定的Razor主版頁(yè)面, 載入主版頁(yè)面后, 便開(kāi)始將內容響應給客戶(hù)端。主版頁(yè)面可包括系統菜單欄以及注冊、登錄的入口等基本版塊。

　　本系統的用戶(hù)角色視圖有Index.cshtml、Search Result.cshtml、Details.cshtml, 分別為用戶(hù)主頁(yè)、搜索結果頁(yè)面、主題詳情頁(yè)面, 管理員角色視圖有Show.cshtml、Create.cshtml、Details.cshtml、Delete.cshtml、Edit.cshtml, 分別為管理員主頁(yè), 創(chuàng )建主題頁(yè)面, 主題詳情頁(yè)面, 刪除主題頁(yè)面, 編輯主題頁(yè)面等。

　　3.4、界面示例

　　部分界面如圖6、圖7所示。

圖6 用戶(hù)-主題詳情頁(yè)

圖7 管理員主頁(yè)

　　4、結束語(yǔ)

　　本文描述了一套基于A(yíng)SP.NET MVC模式的在線(xiàn)投票系統的設計與實(shí)現, 彌補了傳統投票方式的不足。相比于Web Form模式, 本系統各層次間耦合性更低, 增強了代碼的靈活性, 更能滿(mǎn)足用戶(hù)的需求變化。

　　參考文獻
　　[1]黃保翕.ASP.NET MVC4開(kāi)發(fā)指南[M].北京:清華大學(xué)出版社, 2013.
　　[2]龔薇華, 王晨光, 俞歡軍.基于MVC模式和.NET的公司內部管理信息系統設計[J].計算機工程與設計, 2007, 28 (9) :2142-2144.
　　[3]Stephen Worley.ASP.NET技術(shù)內幕[M].北京:機械工業(yè)出版社, 2002.
　　[4]陳輝, 丁春莉, 孫悅.ASP.NET MVC軟件架構模式在學(xué)生實(shí)訓管理系統的應用[J].電子設計工程, 2015, 23 (13) :11-14.
　　[5]Roger Jennings.ADO.NET 3.5高級編程:應用LINQ&Entity Framework[M].北京:清華大學(xué)出版社.2010.