袁嘉欣 馬佳琳

摘? 要：現如今，當代大學生活動十分多元化。在這樣的背景下，建立一個大學生活動管理平臺勢在必行。本文中的平臺包括了大學生活動的宣傳、管理、報名等多項功能，在高?；顒庸芾砣蝿罩?，使學生工作更加高效化，也方便了大學生們對各種活動的了解和報名。本文就對此平臺的整體設計及實現過程中應用到的HTML5、JSP、數據庫等相關技術進行介紹和說明。

關鍵詞：大學生;活動管理平臺;JSP;數據庫

中圖分類號：TP315? ? ?文獻標識碼：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）

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

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

2? ?背景分析（Background analysis）

2.1? ?需求分析

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

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

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

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

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

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

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

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

2.2? ?國內外研究現狀

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

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

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

3.1? ?數據流分析

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

3.2? ?網頁設計

大學生校園活動主要分為活動和比賽兩個部分，其中兩者都可以再由“校內外”作為標準進行劃分。由此，本平臺的主頁主要分為四個模塊：本?；顒?、外校活動、比賽資訊和個人中心。

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

（2）外校活動模塊：與本校活動同理，其中包含的是外校的各項活動的具體信息。同學們也可以在本平臺進行校外活動的了解和報名。

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

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

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

4? ?相關技術介紹（Related technologies）

4.1? ?前端

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

4.2? ?后臺

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

4.3? ?數據庫

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

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

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.加載驅動程序

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

//2.獲得數據庫連接

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

//3.數據庫連接操作，連接后，實現對數據庫中數據的各項操作

Statement st=conn.createStatement（）;

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

//4.數據庫處理并返回結果

while（rs.next（））{

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

+rs.getString（"user_password"））;

}

//關閉連接

rs.close（）;

st.close（）;

conn.close（）;

}}

4.4? ?JSP技術

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

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

5? ?結論（Conclusion）

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

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

參考文獻（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] 陳青，王澤宇，謝曦.新媒體在高校社團文化建設的新里程[J].學術探討，2015（16）：275-276.

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

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

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

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