高校信息院網(wǎng)站的設計與開發(fā)

蘭聰花

（蘭州工業(yè)學院 電子信息工程學院，甘肅 蘭州 730050）

1 高校網(wǎng)站建設背景

伴隨著數(shù)字化校園的建設，某高校學院原有的網(wǎng)站已經(jīng)具有一定的規(guī)模，它的質(zhì)量和用戶數(shù)量已經(jīng)有了很大的提升，但是在提升的同時，也面臨著各種各樣的問題，比如內(nèi)容簡單、頁面單調(diào)、管理缺乏活力、技術(shù)老舊等，無法滿足網(wǎng)站訪問者的需求。本文以某高校學院舊的網(wǎng)站為例，嘗試從信息院類網(wǎng)站的特點出發(fā)，并結(jié)合學院實際管理方法和需求，重新審視信息院類網(wǎng)站的建設和管理現(xiàn)狀，探索研究信息院類網(wǎng)站設計與開發(fā)的新思路、新方法。

2 需求分析

本設計的開發(fā)應滿足以下需求：

（1）系統(tǒng)管理員可以登錄系統(tǒng)后臺管理進行系統(tǒng)數(shù)據(jù)的增刪查改，例如：對用戶信息的編輯，刪除；對文件視頻資源的管理；對師生留言及回復的管理；以及對新聞通知的發(fā)布管理等。

（2）教師可以通過注冊登錄查看自己的信息及留言、回復，并上傳學習資料。

（3）學生可以通過學號登錄查看修改自己的信息，與同學老師進行互動，下載學習資料和視頻等。

（4）所有用戶包括教師、學生、訪客都可以查看學院的新聞通知以及學院概況等。

（5）系統(tǒng)數(shù)據(jù)的安全性，防止非法用戶以及“頑皮”用戶對系統(tǒng)數(shù)據(jù)進行惡意篡改，避免系統(tǒng)數(shù)據(jù)的泄密，保障系統(tǒng)數(shù)據(jù)的可靠性、完整性。

3 系統(tǒng)主要功能模塊

3.1 注冊登錄模塊

注冊：用戶輸入基本信息，包括姓名、學號、電話號碼等，以及各項信息的前臺驗證，驗證用戶填入信息格式是否符合要求。

登錄：驗證用戶是否注冊。

登錄注冊的同時還實現(xiàn)了驗證碼的功能。確保系統(tǒng)安全。

3.2 新聞通知瀏覽模塊

本模塊的主要功能是顯示學院概況和學院相關(guān)新聞通知，方便用戶了解學院，及時獲取學院的新聞通知等信息。包括學院概況4個頁面、新聞通知的列表頁、新聞通知的詳情頁顯示。

3.3 師生互動模塊

在師生注冊登錄之后，可以在“我的學院”中進行留言和回復留言，同時可以對自己的留言記錄進行查看。

3.4 資源共享模塊

本模塊主要實現(xiàn)師生在未登錄的情況下可以對文檔資料和視頻文件進行下載和觀看。在師生登錄的情況下可以上傳相關(guān)學習資料和視頻進行資料的共享。

3.5 新聞通知管理模塊

本模塊主要為后臺管理員服務，實現(xiàn)新聞通知的發(fā)布，順帶新聞通知的圖片的添加，以及修改、刪除新聞通知等功能。

3.6 用戶管理模塊

本模塊也是為后臺管理員服務，主要功能是讓后臺管理員可以對師生的登錄密碼進行重置，對用戶的相關(guān)信息進行修改，對系統(tǒng)管理員的添加、刪除、修改等操作。

3.7 資源管理模塊

后臺系統(tǒng)管理員也可以對用戶上傳的資料和視頻進行查看，例如文件的上傳者，文件的格式、大小等信息進行查看，還可以對這些文件進行刪除操作。

3.8 留言及回復管理模塊

對師生登錄之后發(fā)表的留言以及回復的留言進行管理，在刪除留言的同時提醒管理員該條留言下是否有回復，如果有，先刪除回復再刪除留言。反之，直接刪除留言。

3.9 新聞圖片管理模塊

本模塊的主要功能是對新聞通知的圖片進行添加文字水印和學院logo水印的操作，管理員可以根據(jù)需要對已經(jīng)上傳的新聞圖片添加“電子信息工程學院”的文字的水印或者學院logo的圖片水印。讓用戶在瀏覽新聞通知的時候加深對本學院的印象，同時也是對學院新聞通知圖片的一個版權(quán)保護。

4 總體的系統(tǒng)功能設計

本系統(tǒng)采用W i n d ow s下的A p a c h e+My S QL/MariaDB+Perl/PHP/Python架構(gòu)（Apache+MySQL/MariaDB+Perl/PHP/Python，WAMP），基于B/S網(wǎng)絡模式進行開發(fā)?？梢詫⑾到y(tǒng)分為前臺和后臺兩個子系統(tǒng)。

4.1 前臺子系統(tǒng)的設計

前臺子系統(tǒng)主要對師生的注冊登錄到師生之間的互動、資源共享等各模塊的設計，每個功能模塊又分為若干個子板塊。

（1）注冊、登錄：用戶只有注冊后才能登錄系統(tǒng)，否則只能查看瀏覽學院概況、新聞和文件資源，如果用戶要進入“我的學院”，系統(tǒng)會提示用戶進行登錄，同時會判斷用戶是否已經(jīng)注冊，若沒有注冊會提示用戶進行注冊。注冊登錄之后才能進行留言和資料上傳等操作。

（2）師生互動：用戶在登錄之后可以在“我要留言”欄目中進行留言，也可以在“所有留言”中查看同學和老師的留言并可以選擇性地回復。同時在“我的留言”欄目中查看自己的歷史留言記錄。

（3）資源中心：用戶在登錄和未登錄的狀態(tài)下都可以訪問“資源中心”，下載相關(guān)學習資料文檔，觀看學習視頻并下載。

（4）新聞通知瀏覽：用戶在未登錄的狀態(tài)下，可以閱讀瀏覽學院內(nèi)的相關(guān)新聞和通知。

4.2 后臺子系統(tǒng)的設計

系統(tǒng)后臺的各種功能設置、數(shù)據(jù)管理、信息維護等操作，都要通過系統(tǒng)管理員來維護，例如新聞的發(fā)布、用戶密碼的重置、留言的管理等。

（1）用戶管理模塊：包括對系統(tǒng)管理員的管理，師生信息的管理，即師生信息的修改，刪除已經(jīng)注冊的老師和學生等操作。

（2）登錄、注銷：系統(tǒng)管理員在前臺首頁登錄成功后系統(tǒng)自動跳轉(zhuǎn)到后臺管理首頁，在系統(tǒng)管理員操作完成之后設置了注銷功能，在賬戶注銷之后，非系統(tǒng)管理員就無法進入系統(tǒng)后臺首頁。

（3）資源、留言管理：管理員登錄之后，可以對師生上傳的學習資料和視頻以及留言以及回復等進行查看、刪除操作。

（4）新聞通知管理：管理員登錄后臺之后，可以發(fā)布最新的學院新聞和學院的最新通知，或者對新聞通知進行編輯、刪除等操作。

5 幾大關(guān)鍵技術(shù)的實現(xiàn)

5.1 數(shù)據(jù)信息驗證技術(shù)

Web開發(fā)中有兩種常見的驗證方式，一種是通過前臺瀏覽器端JavaScript腳本驗證，另一種是將數(shù)據(jù)信息發(fā)送至服務器，由服務器端進行驗證。本系統(tǒng)同時采用這兩種方式。

（1）瀏覽器端驗證。瀏覽器端的驗證主要對用戶提交的數(shù)據(jù)信息進行驗證，檢驗數(shù)據(jù)信息是否符合系統(tǒng)的要求，比如對表單內(nèi)容是否為空、格式是否符合要求、內(nèi)容長度是否在允許范圍、驗證碼是否正確等。這些驗證都可以通過存在于瀏覽器端的JavaScript腳本代碼進行驗證。

（2）服務器端驗證。服務端主要對用戶提交發(fā)送過來的信息與數(shù)據(jù)庫中相對應的信息進行匹配驗證，來判斷用戶是否合法。在本系統(tǒng)注冊的用戶主要有兩類師生和管理員。管理員登錄時提交的管理員名稱和登錄密碼，服務器都會進行嚴格檢測，若匹配成功，則頁面提示“登錄成功，歡迎”，然后跳轉(zhuǎn)到后臺管理首頁，反之，提示“用戶名或密碼錯誤”，跳轉(zhuǎn)至前臺首頁重新登錄。其中對用戶提交的密碼進行了md5加密，進一步提高用戶賬戶的安全性。

5.2 信息分頁技術(shù)

系統(tǒng)數(shù)據(jù)庫中存儲著大量的數(shù)據(jù)，比如新聞、通知、用戶等。將這些信息數(shù)據(jù)都加載在一個頁面上，服務器的響應時間會加長，讓用戶失去耐心，而且對用戶的交互也不友好。所以必須采用數(shù)據(jù)信息分頁技術(shù)，把新聞、通知、用戶列表分頁進行顯示。分頁顯示所用到的數(shù)據(jù)都來自數(shù)據(jù)庫，所以這里有兩種方案來實現(xiàn)。一種是將所有查詢到的數(shù)據(jù)信息寫到數(shù)組中，通過設置限制點和頁面顯示數(shù)據(jù)條數(shù)進行分頁；另一種是利用數(shù)據(jù)庫的讀取過程實現(xiàn)，每次分頁前通過讀取數(shù)據(jù)庫部分數(shù)據(jù)實現(xiàn)分頁。在讀取數(shù)據(jù)之前，讀取數(shù)據(jù)的結(jié)構(gòu)化查詢語言（Structural Query Language, SQL）語句已經(jīng)計算好了要讀取的數(shù)據(jù)區(qū)間，然后只讀取該數(shù)據(jù)區(qū)間的數(shù)據(jù)達到分頁效果。

5.3 文件上傳與下載技術(shù)

為了同學和老師手中的學習資源分享最大化，讓這些學習資源信息化，實現(xiàn)需求中所提及的資源共享的功能，讓師生的交流聯(lián)系更加密切，就要對一些特殊的文件的上傳與下載做出特殊的處理，比如圖片文件，瀏覽器會自動進行處理然后自動下載到用戶本地，但是如果用戶上傳的是壓縮文件，瀏覽器這時候就沒能力識別，不會進行下載，而且會給出“鏈接無效、404 not found”等提示?？梢栽O置Content-Disposition 的響應信息來提供一個推薦的文件名，并且強制瀏覽器顯示一個文件下載的對話框，再進行計算機編程語言超文本預處理器（Hypertext Preprocessor，PHP）進行讀文件的操作，讓瀏覽器強制對文件進行下載。

6 結(jié)語

本論文主要研究了設計和開發(fā)基于PHP+MySQL的院系網(wǎng)絡交互平臺的主要技術(shù)，并把構(gòu)建Web應用的常用技術(shù)運用到系統(tǒng)的設計與實現(xiàn)中。

[參考文獻]

[1]胡鋒.基于PHP與MySQL數(shù)據(jù)庫的行業(yè)網(wǎng)站建設[J].電腦知識與技術(shù)，2016（7）：9-11.

[2]嚴波.基于PHP與MySQL的電子商務系統(tǒng)的設計與實現(xiàn)[D].西安：西安工業(yè)大學，2016.

[3]羅啟強.基于PHP+MySQL高校教務管理系統(tǒng)的設計與實現(xiàn)[D].長春：吉林大學，2016.

[4]王鳳嶺.基于PHP+MySQL的新聞發(fā)布系統(tǒng)的研究與實現(xiàn)[J].計算機應用與軟件，2012（2）：234-236.