蘭聰花

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

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

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

2 需求分析

本設(shè)計(jì)的開(kāi)發(fā)應(yīng)滿足以下需求：

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

（2）教師可以通過(guò)注冊(cè)登錄查看自己的信息及留言、回復(fù)，并上傳學(xué)習(xí)資料。

（3）學(xué)生可以通過(guò)學(xué)號(hào)登錄查看修改自己的信息，與同學(xué)老師進(jìn)行互動(dòng)，下載學(xué)習(xí)資料和視頻等。

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

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

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

3.1 注冊(cè)登錄模塊

注冊(cè)：用戶輸入基本信息，包括姓名、學(xué)號(hào)、電話號(hào)碼等，以及各項(xiàng)信息的前臺(tái)驗(yàn)證，驗(yàn)證用戶填入信息格式是否符合要求。

登錄：驗(yàn)證用戶是否注冊(cè)。

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

3.2 新聞通知瀏覽模塊

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

3.3 師生互動(dòng)模塊

在師生注冊(cè)登錄之后，可以在“我的學(xué)院”中進(jìn)行留言和回復(fù)留言，同時(shí)可以對(duì)自己的留言記錄進(jìn)行查看。

3.4 資源共享模塊

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

3.5 新聞通知管理模塊

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

3.6 用戶管理模塊

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

3.7 資源管理模塊

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

3.8 留言及回復(fù)管理模塊

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

3.9 新聞圖片管理模塊

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

4 總體的系統(tǒng)功能設(shè)計(jì)

本系統(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)絡(luò)模式進(jìn)行開(kāi)發(fā)?？梢詫⑾到y(tǒng)分為前臺(tái)和后臺(tái)兩個(gè)子系統(tǒng)。

4.1 前臺(tái)子系統(tǒng)的設(shè)計(jì)

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

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

（2）師生互動(dòng)：用戶在登錄之后可以在“我要留言”欄目中進(jìn)行留言，也可以在“所有留言”中查看同學(xué)和老師的留言并可以選擇性地回復(fù)。同時(shí)在“我的留言”欄目中查看自己的歷史留言記錄。

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

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

4.2 后臺(tái)子系統(tǒng)的設(shè)計(jì)

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

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

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

（3）資源、留言管理：管理員登錄之后，可以對(duì)師生上傳的學(xué)習(xí)資料和視頻以及留言以及回復(fù)等進(jìn)行查看、刪除操作。

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

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

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

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

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

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

5.2 信息分頁(yè)技術(shù)

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

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

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

6 結(jié)語(yǔ)

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

[參考文獻(xiàn)]

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

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

[3]羅啟強(qiáng).基于PHP+MySQL高校教務(wù)管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].長(zhǎng)春：吉林大學(xué)，2016.

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