基于Asp.net MVC的校園志愿者系統(tǒng)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)

龔婷婷

摘要 目前校園志愿者隊(duì)伍不斷壯大，志愿活動(dòng)豐富多彩，但還需要人工去通知、報(bào)名、考勤、統(tǒng)計(jì)服務(wù)時(shí)長、過程記錄等組織繁瑣的過程。因而迫切需要借助信息化的手段來解決這樣的問題，便于組織更細(xì)致的開展志愿活動(dòng)，保證志愿者隊(duì)伍的可持續(xù)發(fā)展。針對這樣的需求，以c#作為開發(fā)語言，Visual Studi0 2012作為開發(fā)工具和SQL Server 2008作為數(shù)據(jù)庫，開發(fā)了基于ASP.NETMVC的校園志愿者平臺(tái)，并詳細(xì)介紹了主要功能模塊的實(shí)現(xiàn)方法。

[關(guān)鍵詞]校園志愿者系統(tǒng)平臺(tái) Asp.net MVC

1 引言

自1993年12月共青團(tuán)中央推出“青年志愿者行動(dòng)”以來，學(xué)生一直成為這項(xiàng)活動(dòng)的重要力量。學(xué)生志愿活動(dòng)，對推動(dòng)和諧校園的建設(shè)和培養(yǎng)學(xué)生的整體素質(zhì)具有極其重要的作用。近年來，學(xué)校的志愿者隊(duì)伍不斷壯大，志愿活動(dòng)也在不斷地豐富。但目前不管是志愿者活動(dòng)的組織，志愿者們參與活動(dòng)的報(bào)名以及活動(dòng)服務(wù)時(shí)長的統(tǒng)計(jì)，還是志愿者歷史參加活動(dòng)的記錄都還是采用人工的方式，這對于現(xiàn)今信息時(shí)代來說無疑是浪費(fèi)人力也不便于宣傳弘揚(yáng)志愿精神。鑒于此情況，本文采用了Asp.netMVC技術(shù)開發(fā)了校園志愿者平臺(tái)。

2 平臺(tái)的角色與功能模塊設(shè)計(jì)

2.1 平臺(tái)的角色設(shè)計(jì)

平臺(tái)一共劃分三種角色，即總負(fù)責(zé)人、教師和志愿者成員。總負(fù)責(zé)人的角色權(quán)限涉及總負(fù)責(zé)人個(gè)人中心模塊;教師角色權(quán)限涉及教師個(gè)人中心模塊;成員角色權(quán)限涉及成員個(gè)人中心模塊。

2.2 平臺(tái)的功能模塊設(shè)計(jì)

平臺(tái)一共具有四個(gè)功能模塊，即前臺(tái)展示、總負(fù)責(zé)人個(gè)人中心、教師個(gè)人中心、成員個(gè)人中心。

前臺(tái)展示模塊包含了首頁、新聞中心、活動(dòng)中心、成員展示和登錄;

總負(fù)責(zé)人個(gè)人中心模塊包含了活動(dòng)信息、個(gè)人信息、活動(dòng)創(chuàng)建審核、報(bào)名審核、活動(dòng)過程材料審核、新聞管理、組別管理、成員管理、活動(dòng)缺席、活動(dòng)報(bào)表;

教師個(gè)人中心模塊包含了活動(dòng)信息、個(gè)人信息、新聞管理、成員管理、活動(dòng)缺席、報(bào)名審核、活動(dòng)過程材料上傳;

成員個(gè)人中心模塊包括了活動(dòng)信息、個(gè)人信息。

3 相關(guān)開發(fā)技術(shù)

3.1 Asp.Net MVC框架

MVC（Model-View-Controller）是許多Web應(yīng)用程序開發(fā)者非常熟悉的一種開發(fā)設(shè)計(jì)框架，該框架由模型、視圖、控制器三個(gè)部分組成。[2]Model（模型）是應(yīng)用程序中用于處理應(yīng)用程序數(shù)據(jù)邏輯的部分，通常模型對象負(fù)責(zé)在數(shù)據(jù)庫中存取數(shù)據(jù)。View（視圖）是應(yīng)用程序中處理數(shù)據(jù)顯示的部分，通常視圖是依據(jù)模型數(shù)據(jù)創(chuàng)建的。Controller（控制器）是應(yīng)用程序中處理用戶交互的部分，通?？刂破髫?fù)責(zé)從視圖讀取數(shù)據(jù)，控制用戶輸入，并向模型發(fā)送數(shù)據(jù)。

3.2 Bootstrap （Web前端css框架）

Bootstrap是一個(gè)CSS/HTML框架。它基于HTML、CSS、JavaScript技術(shù)，提供一套直觀的web設(shè)計(jì)工具包，可以用來開發(fā)跨瀏覽器并且美觀大氣的頁面;還提供很多流行的、樣式簡潔的UI組件、柵格系統(tǒng)以及一些常用的JavaScript插件，使得Web開發(fā)更加快捷。

Bootstrap框架包含豐富的組件（即插件），包括下拉菜單、按鈕組、按鈕式下拉菜單、導(dǎo)航條、分頁、排版、縮略圖、警告對話框、進(jìn)度條等，根據(jù)這些組件，可快速搭建一個(gè)風(fēng)格簡約、功能完備的網(wǎng)站。Bootstrap框架自帶一組iQuery交互插件，包括模式對話框、標(biāo)簽頁、滾動(dòng)條、彈出框等，不但功能完善，而且十分精致。

3.3 Entity Framework框架

Entity Framework是微軟公司開發(fā)的對象關(guān)系映射工具（Object Relational Mapper簡稱ORM），他實(shí)現(xiàn)業(yè)務(wù)模型和關(guān)系型數(shù)據(jù)之間的相互映射?？梢栽诓皇褂玫讓哟a的情況下實(shí)現(xiàn)數(shù)據(jù)訪問（data access）。Entity Framework提供了一套易于理解的基于模型的系統(tǒng)，它可以將開發(fā)人員從編寫數(shù)據(jù)訪問層和域模型相同的代碼的工作中解脫出來。它可以非常容易的將概念模型的實(shí)體和關(guān)系生成數(shù)據(jù)訪問層。應(yīng)用程序可以非常容易的執(zhí)行CRUD （create，read，update，delete）操作，以及實(shí)體間的一對一、一對多和多對多的關(guān)系。

4 平臺(tái)數(shù)據(jù)庫設(shè)計(jì)

根據(jù)平臺(tái)功能模塊的設(shè)計(jì)需求，建立了8個(gè)數(shù)據(jù)表，分別是用戶表Users、排行表（Tops）、新聞表（News）、組別表（Groups）、活動(dòng)表（Activity）、系統(tǒng)日志表（SystemLog）、參加活動(dòng)記錄表（JoinActs）、活動(dòng)過程材料記錄表（ActRecords）。其中以參加活動(dòng)記錄表為例，該表結(jié)構(gòu)如表1所示。

5 平臺(tái)主要模塊功能

5.1 前臺(tái)展示模塊

首頁頁面包含最新活動(dòng)十條，最新新聞十條，組別排名（根據(jù)服務(wù)時(shí)長排名），服務(wù)時(shí)長排名總排名（根據(jù)成員服務(wù)總時(shí)長排名），服務(wù)時(shí)長排名月排名（根據(jù)上月成員服務(wù)時(shí)長排名）。

新聞中心頁面包含可根據(jù)新聞標(biāo)題查詢新聞，熱門新聞和新聞列表。熱門新聞信息包括新聞標(biāo)題和新聞發(fā)布時(shí)間。新聞列表信息包括新聞標(biāo)題、發(fā)表人、發(fā)表時(shí)間、閱讀量，一頁十條數(shù)據(jù)進(jìn)行分頁。

活動(dòng)中心頁面包含可根據(jù)活動(dòng)標(biāo)題、活動(dòng)類型查詢相關(guān)活動(dòng)和活動(dòng)列表?；顒?dòng)信息列表包括活動(dòng)標(biāo)題、發(fā)起者、發(fā)表時(shí)間、參與人數(shù)、活動(dòng)簡介、狀態(tài)，一頁十條數(shù)據(jù)進(jìn)行分頁。

成員展示頁面可按照成員服務(wù)時(shí)長排名前十二名的成員，顯示的信息有成員姓名、班級(jí)、所屬職別、服務(wù)時(shí)長以及愛好技能。

5.2 總負(fù)責(zé)人個(gè)人中心模塊

活動(dòng)信息頁面包含可根據(jù)活動(dòng)名稱、活動(dòng)狀態(tài)查詢相關(guān)活動(dòng)和活動(dòng)列表?；顒?dòng)列表中呈現(xiàn)總負(fù)責(zé)人發(fā)布的活動(dòng)，活動(dòng)列表包含活動(dòng)名稱、開始時(shí)間、參與人數(shù)、活動(dòng)狀態(tài)以及對應(yīng)活動(dòng)狀態(tài)下的操作。

創(chuàng)建活動(dòng)頁面可通過輸入活動(dòng)標(biāo)題、活動(dòng)地點(diǎn)、活動(dòng)簡介來創(chuàng)建新活動(dòng)。新活動(dòng)可選擇是否公開選項(xiàng)，若不公開，只能在指定人員名單中選擇成員，若公開，不限報(bào)名，可以規(guī)定參與人數(shù)?；顒?dòng)一經(jīng)發(fā)布，則不可再修改和刪除。活動(dòng)根據(jù)開始時(shí)間來顯示對應(yīng)的活動(dòng)狀態(tài)。

活動(dòng)創(chuàng)建審核頁面包含可根據(jù)活動(dòng)名稱、組別、審核狀態(tài)、發(fā)布人查詢相關(guān)活動(dòng)和活動(dòng)列表。活動(dòng)列表中顯現(xiàn)教師用戶創(chuàng)建的活動(dòng)，活動(dòng)列表包含活動(dòng)名稱、發(fā)布人、組別、活動(dòng)開始時(shí)間、活動(dòng)發(fā)布時(shí)間、審核狀態(tài)等。

活動(dòng)審核詳細(xì)頁面顯示活動(dòng)的詳細(xì)內(nèi)容，包括活動(dòng)名稱、活動(dòng)所屬組別、發(fā)布人、開始時(shí)間、審核狀態(tài)、地點(diǎn)、活動(dòng)人數(shù)、公開狀態(tài)和指定人員等?；顒?dòng)審核不通過要將理由反饋給創(chuàng)建人

報(bào)名審核頁面包含可根據(jù)活動(dòng)名稱、報(bào)名者、組別來查詢信息和報(bào)名人列表。報(bào)名人列表包含活動(dòng)名稱、報(bào)名者、報(bào)名時(shí)間、組別名稱。審核可以單人通過，也可多人一次通過。

活動(dòng)過程材料審核頁面包含可根據(jù)活動(dòng)名稱、發(fā)布人、組別、狀態(tài)進(jìn)行信息查詢和活動(dòng)材料列表。列表包含活動(dòng)名稱、發(fā)布人、組別、活動(dòng)開始時(shí)間、活動(dòng)結(jié)束時(shí)間和狀態(tài)等。材料審核不通過要將理由反饋給上傳材料者。

新聞管理頁面可根據(jù)新聞標(biāo)題進(jìn)行查詢，可添加、修改和刪除新聞。

組別管理頁面可添加、修改和刪除組別，若該組別下有活動(dòng)則無法進(jìn)行刪除。

成員管理頁面可批量導(dǎo)入成員，根據(jù)平臺(tái)提供的模板進(jìn)行填寫上傳。

活動(dòng)缺席管理頁面可記錄活動(dòng)參與者缺席的情況。

活動(dòng)報(bào)表頁面可根據(jù)活動(dòng)開始時(shí)間、結(jié)束時(shí)間和組別來查詢并生成報(bào)表，報(bào)表可打印。

5.3 教師個(gè)人中心模塊

活動(dòng)信息包含可提供活動(dòng)名稱、活動(dòng)審核狀態(tài)、活動(dòng)狀態(tài)、材料上報(bào)狀態(tài)查詢相關(guān)活動(dòng)和活動(dòng)列表。列表數(shù)據(jù)包括活動(dòng)名稱、活動(dòng)審核狀態(tài)、活動(dòng)狀態(tài)、材料上報(bào)狀態(tài)等。若活動(dòng)審核狀態(tài)為“己通過”而活動(dòng)狀態(tài)為“未開始進(jìn)行中”，則無法修改和刪除。若活動(dòng)狀態(tài)為“己通過”，活動(dòng)狀態(tài)為“己結(jié)束”，材料上報(bào)狀態(tài)為“通過”，可直接將活動(dòng)過程材料推送為新聞。

成員管理頁面包含可根據(jù)姓名和班級(jí)進(jìn)行成員查詢和成員列表。列表數(shù)據(jù)包含用戶名、姓名、班級(jí)、組別、職位等。

活動(dòng)過程材料上傳頁面是教師在活動(dòng)審核狀態(tài)為“己通過”，活動(dòng)狀態(tài)為“己結(jié)束”時(shí)，才可上傳過程材料。

5.4 成員個(gè)人中心模塊

活動(dòng)信息頁面包含可根據(jù)活動(dòng)名稱、活動(dòng)狀態(tài)和報(bào)名狀態(tài)查詢相關(guān)活動(dòng)和活動(dòng)列表?；顒?dòng)列表數(shù)據(jù)顯示自己參與的活動(dòng)，數(shù)據(jù)項(xiàng)包含活動(dòng)名稱、發(fā)布者、開始時(shí)間、活動(dòng)狀態(tài)、報(bào)名狀態(tài)等。若缺席了某個(gè)活動(dòng)，可補(bǔ)寫缺席緣由。

5.5 相關(guān)代碼實(shí)現(xiàn)

5.5.1 個(gè)人中心控制器代碼

6 結(jié)束語

校園志愿者平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)離不開高效的信息技術(shù)，并隨著信息技術(shù)的不斷創(chuàng)新和完成將會(huì)得到更好的發(fā)展，從而為學(xué)校帶來更簡便、高效的志愿者的活動(dòng)宣傳和隊(duì)伍管理，使得信息技術(shù)與教育的融合更加具有意義和價(jià)值，進(jìn)一步促進(jìn)信息技術(shù)的應(yīng)用，推動(dòng)智慧校園的發(fā)展。

參考文獻(xiàn)

[1]陳兵，淺論大學(xué)生志愿者活動(dòng)與和諧校園的構(gòu)建[J].長春教育學(xué)院學(xué)報(bào)，2012，02 （26）：40-41.

[2]葉紅衛(wèi)，基于ASP.NET MVC框架的Web設(shè)計(jì)[J].河北北方學(xué)院學(xué)報(bào)，2009，12 （25）：61-65.

[3]舒后，熊一帆，葛雪嬌.基于Bootstrap框架的響應(yīng)式網(wǎng)頁設(shè)計(jì)與實(shí)現(xiàn)[J].北京印刷學(xué)院學(xué)報(bào)，2016，04 （24）： 47-52.

[4]李潔.ORM工具——Entity Framework框架的技術(shù)研究[J]，電腦知識(shí)與技術(shù)，2016，10 （12），13-14.