袁嘉欣 馬佳琳

摘? 要：現(xiàn)如今，當(dāng)代大學(xué)生活動十分多元化。在這樣的背景下，建立一個大學(xué)生活動管理平臺勢在必行。本文中的平臺包括了大學(xué)生活動的宣傳、管理、報名等多項(xiàng)功能，在高校活動管理任務(wù)中，使學(xué)生工作更加高效化，也方便了大學(xué)生們對各種活動的了解和報名。本文就對此平臺的整體設(shè)計(jì)及實(shí)現(xiàn)過程中應(yīng)用到的HTML5、JSP、數(shù)據(jù)庫等相關(guān)技術(shù)進(jìn)行介紹和說明。

關(guān)鍵詞：大學(xué)生;活動管理平臺;JSP;數(shù)據(jù)庫

中圖分類號：TP315? ? ?文獻(xiàn)標(biāo)識碼：A

Design and Implementation of the College Student Activity

Management Platform Based on JSP

YUAN Jiaxin，MA Jialin

（Institute of Software，Shenyang Normal University，Shenyang 110034，China）

Abstract：Nowadays，the activities of contemporary college students are very diverse.In this context，it is imperative to establish a college student activity management platform.The platform in this paper includes a number of functions such as publicity，management and registration of college student activities.This platform improves the efficiency of student work in college activity management，and also facilitates college students' understanding and registration of various activities.This paper introduces and explains the application of HTML5，JSP，database and other related technologies n the overall design and implementation of this platform.

Keywords：college student;activity management platform;JSP;database

1? ?引言（Introduction）

在如今“堅(jiān)持科學(xué)發(fā)展觀，倡導(dǎo)大學(xué)生全面發(fā)展”的時代背景下，大學(xué)生活也變得越來越豐富。同時，隨著我國信息化技術(shù)的不斷發(fā)展，傳統(tǒng)的方式已經(jīng)無法滿足現(xiàn)在的需求，因?yàn)榇罅康膶W(xué)生活動和比賽之后，便是大量的數(shù)據(jù)支撐，學(xué)生工作也就隨之變得逐漸沉重起來[1，2]。因此，高校學(xué)生活動管理的信息化這一工作就顯得越來越勢在必行。

當(dāng)代大學(xué)生缺少一個主動了解并自主報名各項(xiàng)活動和比賽的一個便捷途徑，為了方便大學(xué)生可以更好地了解并參加到大學(xué)活動中，來拓展自己的知識、鍛煉自己的能力，就需要一個整合了各類活動信息的線上平臺。同時，又希望能夠促進(jìn)高?；顒庸芾砀拥匾?guī)范化和高效化。所以希望通過建設(shè)一個大學(xué)生活動管理平臺來實(shí)現(xiàn)這樣的目的。

2? ?背景分析（Background analysis）

2.1? ?需求分析

在時代發(fā)展進(jìn)程中，朝氣蓬勃的學(xué)生群體對于越來越多的事物產(chǎn)生了向往，也便產(chǎn)生了越來越多多元化的學(xué)生活動。為了學(xué)生能夠更好、更方便地參加到各種各樣的校園活動和比賽中去，所以希望建立一個包含活動信息，以及能滿足學(xué)生自主了解和報名功能的一個平臺[3]。

系統(tǒng)的總體設(shè)計(jì)，需要實(shí)現(xiàn)系統(tǒng)功能性的劃分，確定模塊的層次結(jié)構(gòu)。系統(tǒng)模塊功能的實(shí)現(xiàn)，要結(jié)合系統(tǒng)軟件的明確、多功能的需求，對傳遞接口要明確，不斷完善系統(tǒng)的關(guān)系把握，對系統(tǒng)的模塊劃分工作要不斷進(jìn)行評估，從而確定一個完整的系統(tǒng)的多功能模塊結(jié)構(gòu)[4]，才能對系統(tǒng)接下來有更進(jìn)一步的詳細(xì)設(shè)計(jì)。所以首先，根據(jù)對大學(xué)生活動管理方面工作需求的調(diào)查、分析，對整個系統(tǒng)的角色分配和相應(yīng)權(quán)限做出如下功能劃分。大學(xué)生活動管理平臺系統(tǒng)的權(quán)限劃分上主要分為前端和后臺兩大部分。前端中又分為學(xué)生和活動方，而后臺中便是系統(tǒng)的管理員。其中學(xué)生中共包括五大功能模塊：登錄模塊、活動信息瀏覽模塊、報名或推選活動模塊、查看個人信息計(jì)劃模塊、密碼修改模塊。活動方包括四大功能模塊：登錄模塊、活動信息增刪改模塊、參加學(xué)生管理模塊、密碼修改模塊。而后臺中的管理員則包括四大功能模塊：登錄模塊、校園新聞增刪改模塊、推薦活動增刪改模塊，以及用戶管理模塊，其系統(tǒng)功能模塊圖詳見圖1。

由此可見，從管理者的角度來說，可以更加方便地進(jìn)行活動的發(fā)布、多元化地進(jìn)行活動宣傳、活動的管理，以及統(tǒng)計(jì)等方面的工作壓力也可以得到減輕;而從參與者的角度來說，校內(nèi)外各方的活動及比賽的信息一目了然、不再混亂，方便同學(xué)們自主地了解和參加，又可以隨時通過時間表的形式查看自己的活動行程安排，十分得便捷。本文中大學(xué)生活動管理平臺的具體內(nèi)容包含如下：

（1）不同角色的不同權(quán)限活動管理：在登錄時對用戶進(jìn)行權(quán)限的區(qū)分，區(qū)別為管理員和用戶，不同的角色會進(jìn)入到不同的頁面中。

（2）活動管理：管理者進(jìn)行各種活動信息的發(fā)布、宣傳和后期統(tǒng)計(jì)工作。

（3）報名流程管理：在這里，學(xué)生們能夠更加清晰，及時地獲取到校內(nèi)外活動及比賽的信息，并對感興趣的活動進(jìn)行報名。

（4）報名結(jié)果展示管理：報名之后，學(xué)生們也可以在個人中心方便地瀏覽自己的各項(xiàng)信息，以及報名的結(jié)果等，也可以根據(jù)自己的情況進(jìn)行退選等一系列操作。

（5）其他周邊功能：同時，本平臺又具備一些其他的拓展功能來支持活動更順利地開展。比如，現(xiàn)在很多活動仍然采用著紙質(zhì)投票，這實(shí)際上是一種資源的浪費(fèi)，本平臺倡導(dǎo)使用線上投票來替代，更加利于活動舉辦方工作人員統(tǒng)計(jì)結(jié)果的同時，又能更加環(huán)保。除此之外，還有一些活動情況轉(zhuǎn)播等等多項(xiàng)其他支持功能。

2.2? ?國內(nèi)外研究現(xiàn)狀

我國隨著信息化技術(shù)的不斷發(fā)展，對于活動管理這個領(lǐng)域便有了一些實(shí)際的應(yīng)用。比如國內(nèi)一些企事業(yè)單位，就有著自己的會議或活動管理平臺，平臺中發(fā)布了會議，以及一些其他活動的信息，員工可以在該平臺方便地查看及報名，會議管理者能夠直接對與會人員進(jìn)行統(tǒng)計(jì)，員工們又能在閑暇時間參加公司平臺上組織發(fā)布的其他拓展活動等。

隨著近幾年對于大學(xué)生全面發(fā)展的需求的重視度得到提高，一些人對于大學(xué)生活動管理的領(lǐng)域有了一定的探索，但是對于線上的大學(xué)生的活動管理平臺，還有待繼續(xù)建設(shè)和完善。比如，現(xiàn)有的一些活動管理平臺上功能都不甚齊全——沒有取消報名功能、無更多的群組交流方式，以及沒有更多的相關(guān)支持拓展功能。而在美國，已經(jīng)有高校投入了此類管理平臺的使用，并且得到了一致的認(rèn)可和好評。

3? ?系統(tǒng)的設(shè)計(jì)（Design of system）

3.1? ?數(shù)據(jù)流分析

作為一個大學(xué)生活動管理平臺，平臺中也就囊括了學(xué)生信息、管理員信息、各項(xiàng)活動比賽的信息等眾多數(shù)據(jù)，而對這些數(shù)據(jù)的管理和操作也就成為了本平臺系統(tǒng)的核心部分，對系統(tǒng)進(jìn)行實(shí)現(xiàn)之前就要先有良好的設(shè)計(jì)，所以在這里通過結(jié)構(gòu)化方法對本系統(tǒng)的數(shù)據(jù)，以及它們的流向進(jìn)行分析。活動方與平臺之間主要進(jìn)行一些活動信息和報名人員信息的交互，學(xué)生向平臺上傳個人信息、從平臺端獲取活動信息并且進(jìn)行報名，而管理員負(fù)責(zé)網(wǎng)站中新聞資訊等輔助項(xiàng)目的建設(shè)，以及對網(wǎng)站的用戶進(jìn)行有效的管理。其頂層數(shù)據(jù)流圖詳見圖2。

3.2? ?網(wǎng)頁設(shè)計(jì)

大學(xué)生校園活動主要分為活動和比賽兩個部分，其中兩者都可以再由“校內(nèi)外”作為標(biāo)準(zhǔn)進(jìn)行劃分。由此，本平臺的主頁主要分為四個模塊：本?；顒?、外?；顒印⒈荣愘Y訊和個人中心。

（1）本校活動模塊：這里包含了大量的校內(nèi)活動。在這里的各項(xiàng)活動信息，是由活動方進(jìn)行編輯和上傳的。而活動參與者可以方便地在這里進(jìn)行校內(nèi)活動信息的瀏覽，包括主題、簡介、時間、地點(diǎn)、容量、所屬組織、負(fù)責(zé)人，以及其他各項(xiàng)備注等，也可以對活動包含的關(guān)鍵詞在首頁進(jìn)行搜索而直接找到指定的活動。使用者們?nèi)绻懈信d趣的活動，可以進(jìn)行收藏和報名，并且在報名成功后會得到相應(yīng)的反饋，例如加入對應(yīng)的群組并在活動開始前得到相應(yīng)的提醒等。同時在各個活動中，本平臺也包括了一些支持活動過程中的其他需求的相關(guān)功能，比如活動實(shí)況直播，以及采用活動線上投票取代了現(xiàn)在一些活動中的紙質(zhì)投票等，如有需要，可以由活動方進(jìn)行發(fā)起。

（2）外?；顒幽K：與本?；顒油恚渲邪氖峭庑５母黜?xiàng)活動的具體信息。同學(xué)們也可以在本平臺進(jìn)行校外活動的了解和報名。

（3）比賽資訊模塊：在這里，大學(xué)生們可以對一些校內(nèi)外的比賽進(jìn)行了解和報名。校內(nèi)的活動可以在本平臺下載報名表直接進(jìn)行報名。而對于校外的活動，本平臺也提供了更加簡潔明了的了解渠道，也會給出各活動相應(yīng)的報名鏈接，方便用戶進(jìn)行跳轉(zhuǎn)來了解更多信息。

（4）個人中心模塊：大學(xué)生們可以在這里隨時查看自己所報名的活動，按照時間表的形式來查看自己的活動安排表。也可以在這里進(jìn)行活動的退選，但是會給每一名學(xué)生規(guī)定一個退選次數(shù)上限，同時還會有一項(xiàng)“積分”的設(shè)定。積分可以通過同學(xué)們順利參加活動而獲取并累積，反之，退選會扣除次數(shù)和一定的積分，而報名后未進(jìn)行退選就直接選擇不參加活動，會扣除更多的積分。積分的設(shè)定主要是為了以此來衡量用戶的信用程度，也可以增強(qiáng)大學(xué)生的責(zé)任感。

此外，在首頁上的其他留白部分，由校園新聞和推薦活動來填補(bǔ)，這兩者是由系統(tǒng)管理員進(jìn)行編輯的。并且，在主頁上也會直接設(shè)置一個搜索功能，讓同學(xué)們可以更加方便地通過活動代號或名稱，以及其他各種活動相關(guān)信息來快速找到指定的活動。同時，在網(wǎng)頁整體外觀的設(shè)計(jì)方面，本平臺選用了白色、淺綠色、藍(lán)色的搭配，整體給人一種清新、青春洋溢的感覺，符合當(dāng)代大學(xué)生的審美需求，不插入過多的圖片，以及過多的動畫等，力求簡潔。

4? ?相關(guān)技術(shù)介紹（Related technologies）

4.1? ?前端

在平臺前端的編寫上，選用了Adobe Dreamweaver CC 2017作為開發(fā)軟件，“所見即所得”的界面設(shè)計(jì)給開發(fā)者帶來了極大的便利。使用了HTML5語言進(jìn)行編寫。HTML5在標(biāo)簽上相較于HTML語言有一定的修改和完善。本文的平臺建設(shè)中，充分利用其可以給站點(diǎn)帶來更多多媒體元素等多項(xiàng)優(yōu)勢。在頁面的布局上采用了CSS+DIV框架，這樣會讓網(wǎng)頁的外觀在整體的設(shè)計(jì)上達(dá)到整潔美觀的效果，方便排版設(shè)計(jì)。同時插入了腳本語言JavaScript的使用。同時還使用了Photoshop和Flash等軟件對在網(wǎng)站建設(shè)中要使用的圖片和動畫等進(jìn)行編輯，達(dá)到頁面更加美觀的效果。

4.2? ?后臺

本平臺采用B/S（Browser/Server，瀏覽器/客戶端）結(jié)構(gòu)實(shí)現(xiàn)，利用MVC（模型—視圖—控制器）三層框架對大學(xué)生活動管理系統(tǒng)進(jìn)行設(shè)計(jì)，選用了MyEclipse作為開發(fā)平臺，服務(wù)器采用Tomcat，使用的是JSP技術(shù)。JSP技術(shù)源于Java語言對Web網(wǎng)頁的封裝功能，是一種動態(tài)網(wǎng)頁技術(shù)。其實(shí)簡單一點(diǎn)來說，傳統(tǒng)的HTML頁面是一個靜態(tài)頁面，而如果想要向其中增加一些動態(tài)元素，就可以使用JSP技術(shù)向靜態(tài)文件中加入一些Java程序片段和一些JSP的標(biāo)記等，這樣就可以成功構(gòu)造出一個后綴為.jsp的動態(tài)網(wǎng)頁文件[5]。

4.3? ?數(shù)據(jù)庫

既然是一個管理平臺，那么著重要實(shí)現(xiàn)的各種功能就依托于各種數(shù)據(jù)的管理，而數(shù)據(jù)庫則是數(shù)據(jù)管理的核心，對數(shù)據(jù)庫要進(jìn)行一個良好的設(shè)計(jì)，以達(dá)到對數(shù)據(jù)的“增刪改查”等有效操作的實(shí)現(xiàn)的目的。數(shù)據(jù)庫設(shè)計(jì)的關(guān)鍵之處也就是在于數(shù)據(jù)表的設(shè)計(jì)，通過對系統(tǒng)需求整體的分析，來對數(shù)據(jù)表進(jìn)行設(shè)計(jì)，在設(shè)計(jì)過程中，可以借助于三范式分析來減少冗余。同時要統(tǒng)一字段的命名規(guī)則，這樣的話，會極大地方便數(shù)據(jù)庫的最常用標(biāo)準(zhǔn)化語言——SQL語言的書寫，以及后續(xù)的其他各種操作。在數(shù)據(jù)庫的建立上，本文中的系統(tǒng)選用了Mysql，同時也使用到了數(shù)據(jù)庫的可視化工具Navicat。Navicat讓數(shù)據(jù)庫的設(shè)計(jì)工作顯得更加地直觀，更加方便數(shù)據(jù)庫工作人員進(jìn)行各項(xiàng)操作。本平臺中，將活動、比賽的信息，以及用戶們的報名情況等等都記錄在數(shù)據(jù)庫的表中，與前臺進(jìn)行連接后能夠更方便地進(jìn)行“增刪改查”等操作。

此外，Java中采用了JDBC技術(shù)來實(shí)現(xiàn)與數(shù)據(jù)庫的連接。JDBC其實(shí)就是一組由Java語言所編寫的接口和工具，對于編譯人員來說是一個極其方便的連接數(shù)據(jù)庫的方式。因?yàn)镴DBC是一種標(biāo)準(zhǔn)的接口，所以只需要編寫人員進(jìn)行一次代碼的編寫，就可以在多種平臺上運(yùn)行，擁有很強(qiáng)大的兼容性。并且可以很輕松地實(shí)現(xiàn)發(fā)送要操作數(shù)據(jù)庫的SQL語句，就能夠進(jìn)行相應(yīng)的處理。與數(shù)據(jù)庫連接代碼：

public class javaTest {

public static void main（String[] args） throws ClassNotFoundException， SQLException? {

String URL="jdbc：mysql：//127.0.0.1：3306/imooc？useUnicode=true&characterEncoding=utf-8";

String USER="root";

String PASSWORD="***";

//1.加載驅(qū)動程序

Class.forName（"com.mysql.jdbc.Driver"）;

//2.獲得數(shù)據(jù)庫連接

Connection conn=DriverManager.getConnection（URL， USER， PASSWORD）;

//3.數(shù)據(jù)庫連接操作，連接后，實(shí)現(xiàn)對數(shù)據(jù)庫中數(shù)據(jù)的各項(xiàng)操作

Statement st=conn.createStatement（）;

ResultSetrs=st.executeQuery（"sql語句"）;

//4.數(shù)據(jù)庫處理并返回結(jié)果

while（rs.next（））{

System.out.println（rs.getString（"user_name"）+" "

+rs.getString（"user_password"））;

}

//關(guān)閉連接

rs.close（）;

st.close（）;

conn.close（）;

}}

4.4? ?JSP技術(shù)

本文所設(shè)計(jì)的大學(xué)生活動管理平臺著重使用的技術(shù)為JSP技術(shù)。隨著技術(shù)水平的發(fā)展，其實(shí)編寫一個動態(tài)網(wǎng)頁有很多種技術(shù)，比如ASP、PHP技術(shù)等，這幾種技術(shù)都能在HTML中對執(zhí)行程序代碼進(jìn)行一個有效的轉(zhuǎn)換。但是，這幾種方式不同的是，相對來說，ASP和PHP是在客戶端解釋下執(zhí)行的，而JSP是在編譯下執(zhí)行的。由此，JSP技術(shù)的執(zhí)行效率比較高，具有很好的安全性，并且JSP技術(shù)還具有很好的跨平臺性。比如，可以用于有不同協(xié)議、組成的其他平臺中，以及可重用Java Beans組件等等其他多項(xiàng)優(yōu)點(diǎn)，這都是它值得選擇的理由。JSP技術(shù)本身是依托于Java語言作為腳本語言的，于是也就基本囊括了JAVA所擁有的所有優(yōu)點(diǎn)，如強(qiáng)大的存儲管理和安全性等等。所以綜上所述，JSP會是一個很好的選擇。

而JSP技術(shù)的工作原理也并不復(fù)雜。當(dāng)用戶訪問頁面時，由客戶端向Web服務(wù)器發(fā)送請求，在此時會根據(jù)用戶是否是第一次訪問該頁面來區(qū)分。如果是首次訪問，也就是說該文件還并未存在，就會耗費(fèi)一定的時間來進(jìn)行如下的過程：Jsp頁面首先會被轉(zhuǎn)化成為一個Servlet代碼，即后綴名為.java的文件。接下來，JSP引擎會使用到Javac把Java文件編譯為相應(yīng)的源文件，即后綴名為.class的文件。而因?yàn)檫@些文件經(jīng)過一次如上所述的編譯過程后就會被存儲于服務(wù)器的內(nèi)存中，所以之后當(dāng)用戶再次訪問該頁面時，加載過程便會變得迅速很多。編譯完成后，Web容器會加載編譯后的代碼并且進(jìn)行執(zhí)行[6，7]。其間，網(wǎng)頁通過JDBC與數(shù)據(jù)庫成功連通后，在網(wǎng)頁上便可以直接與數(shù)據(jù)庫中的數(shù)據(jù)進(jìn)行交互，并根據(jù)權(quán)限，對數(shù)據(jù)庫中數(shù)據(jù)表里存儲的數(shù)據(jù)進(jìn)行“增刪改查”等一系列操作。最后在完成后，將最終的結(jié)果作為響應(yīng)返還給客戶端。Web與客戶端交互工作原理圖詳見圖3。

5? ?結(jié)論（Conclusion）

在信息化高度發(fā)展，以及倡導(dǎo)大學(xué)生全面發(fā)展的今天，大學(xué)生活動管理平臺的建設(shè)擁有了條件，并且也顯得很有意義。從參與者到管理者雙方的角度，對大學(xué)生各類活動實(shí)現(xiàn)了“一站式”管理，對人力物力等資源能達(dá)到節(jié)約的效果、也能使學(xué)生工作真正高效化起來。

同時，也希望在大量的豐富多彩活動，以及各種比賽的支持下，能讓越來越多的大學(xué)生放下手機(jī)、走出寢室，切實(shí)地參與到校園活動和比賽中去，增長見識、鍛煉能力，都能夠享受自己的青春，斑斕自己的大學(xué)生活。當(dāng)然，本平臺也存在著許多不足，而隨著實(shí)踐次數(shù)的增加和新的需求的出現(xiàn)，本平臺也會一同不斷完善，對本平臺所使用到的技術(shù)也會不斷地進(jìn)行更新，為高?；顒庸芾淼男畔⒒l(fā)揮出更大的作用。

參考文獻(xiàn)（References）

[1] Ning Huang.Analysis and Design of University Teaching Evaluation System Based on JSP Platform[J].International Journal of Education and Management Engineering，2017（3）：43-50.

[2] H.Y.Wang.Design and Implementation of the College's CPC-building System Based on the JSP[J].International Journal of Computing and Optimization，2016（3）：121-129.

[3] 陳青，王澤宇，謝曦.新媒體在高校社團(tuán)文化建設(shè)的新里程[J].學(xué)術(shù)探討，2015（16）：275-276.

[4] 袁永彥.基于JSP技術(shù)的體育用品管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].電子設(shè)計(jì)工程，2017（14）：172-174.

[5] 解俊.基于JSP的企業(yè)管理信息系統(tǒng)的開發(fā)[J].辦公自動化，2012（20）：26-27.

[6] 何文輝.基于JSP的動態(tài)網(wǎng)頁開發(fā)技術(shù)[J].吉林省教育學(xué)院報，2008（8）：67.

[7] 曾志明.網(wǎng)站開發(fā)技術(shù)比較研究[J].電腦知識與技術(shù)，2010（5）：?1075-1078.