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

蘭聰花

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

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

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

2 需求分析

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

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

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

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

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

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

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

3.1 注冊登錄模塊

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

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

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

3.2 新聞通知瀏覽模塊

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

3.3 師生互動模塊

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

3.4 資源共享模塊

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

3.5 新聞通知管理模塊

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

3.6 用戶管理模塊

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

3.7 資源管理模塊

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

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

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

3.9 新聞圖片管理模塊

本模塊的主要功能是對新聞通知的圖片進(jìn)行添加文字水印和學(xué)院logo水印的操作，管理員可以根據(jù)需要對已經(jīng)上傳的新聞圖片添加“電子信息工程學(xué)院”的文字的水印或者學(xué)院logo的圖片水印。讓用戶在瀏覽新聞通知的時(shí)候加深對本學(xué)院的印象，同時(shí)也是對學(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)行開發(fā)。可以將系統(tǒng)分為前臺和后臺兩個(gè)子系統(tǒng)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5.2 信息分頁技術(shù)

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

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

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

6 結(jié)語

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

[參考文獻(xiàn)]

[1]胡鋒.基于PHP與MySQL數(shù)據(jù)庫的行業(yè)網(wǎng)站建設(shè)[J].電腦知識與技術(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].長春：吉林大學(xué)，2016.

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