實驗教學(xué)示范中心網(wǎng)站系統(tǒng)開發(fā)

作者/梁廣宇，廣東培正學(xué)院

實驗教學(xué)示范中心網(wǎng)站系統(tǒng)開發(fā)

作者/梁廣宇，廣東培正學(xué)院

伴隨著時代潮流的飛速發(fā)展，互聯(lián)網(wǎng)已成為人們生活中娛樂消遣、信息傳播及接受教育的重要形式。本文以asp語言開發(fā)的實驗教學(xué)示范中心網(wǎng)站制作過程來開展介紹，涉及技術(shù)有asp、html、 Css、JavaScript、access數(shù)據(jù)庫。

asp；B/S架構(gòu)；網(wǎng)站開發(fā)

引言

通過以往對實驗示范中心網(wǎng)站使用，筆者發(fā)現(xiàn)實驗網(wǎng)站上的功能不夠齊全，例如，無法查詢實驗成績，不知道實驗的參考答案，無法和同學(xué)們或老師通過實驗網(wǎng)站留言交流，課后如何申請使用實驗室等等，這些都一一表露出，實驗示范中心網(wǎng)站需要重整開發(fā)。

本文以用asp技術(shù)開發(fā)的實驗教學(xué)示范中心網(wǎng)站系統(tǒng)作為例子，詳細(xì)地介紹了設(shè)計構(gòu)思、系統(tǒng)功能模塊實現(xiàn)、數(shù)據(jù)庫設(shè)計實現(xiàn)。

1. 設(shè)計構(gòu)思

1.1 設(shè)計目標(biāo)

在開展開發(fā)工作之前，我們通過問卷調(diào)查發(fā)現(xiàn)， 85%的同學(xué)對于之前的實驗中心網(wǎng)站的版面風(fēng)格不滿意，故我們更著重地考慮系統(tǒng)使用者的意見，接納同學(xué)們的意見和需求，并著手從同學(xué)們的觀點去設(shè)計版面風(fēng)格。

通過系統(tǒng)開發(fā)人員的商量，決定為網(wǎng)站增加以下的功能及變化：

前臺版面風(fēng)格；用戶登錄系統(tǒng)；留言版；學(xué)生留言管理模塊；實驗成績系統(tǒng)；實驗系統(tǒng)管理模塊；搜索引擎；實驗室系列申請表格。

1.2 系統(tǒng)流程

開發(fā)實驗中心網(wǎng)站采用B/S架構(gòu)開展設(shè)計，結(jié)合應(yīng)用Web瀏覽器頁面作為界面層，采取ASP語言開發(fā)系統(tǒng)，并以鏈接前端后臺的數(shù)據(jù)庫層，同時又進行數(shù)據(jù)應(yīng)用和業(yè)務(wù)處理。

1.3 開發(fā)平臺選擇

我們制作網(wǎng)站系統(tǒng)時選擇Windows 2007作為開發(fā)環(huán)境，因為電腦安裝IIS組件時由于電腦技術(shù)緣故，在瀏覽ASP文件時總會出錯無法瀏覽，所以我們用簡易ASP服務(wù)器替代IIS組件。使用Access數(shù)據(jù)庫存取數(shù)據(jù)，網(wǎng)頁版面采用了Html、CSS和JavaScript技術(shù)進行設(shè)計版面及字體樣式，結(jié)合了Dreamweaver、photoshop、Microsoft Access軟件使用。

2. 系統(tǒng)功能模塊實現(xiàn)

2.1 模塊功能劃分及實現(xiàn)

（1）前臺版面風(fēng)格更換

瀏覽者對網(wǎng)站的第一印象就是從版面風(fēng)格開始，一個網(wǎng)站的風(fēng)格對網(wǎng)頁瀏覽量起著至關(guān)重要的作用。具體代碼實現(xiàn)如下：

（2）用戶登錄系統(tǒng)

①新用戶注冊模塊。留言 、成績查詢查詢功能都需要用戶注冊登陸后才可以使用。注冊用戶時候要同時填寫個人信息且都是學(xué)號等重要信息，所以是不能隨意更改的，只能通過網(wǎng)站管理員后臺更改。在新用戶注冊時避免學(xué)號出現(xiàn)重復(fù)，添加了驗證有否重復(fù)功能。如下代碼實現(xiàn)跟蹤和限制，提示注冊失敗，同時引導(dǎo)重新注冊。

②老用戶登錄。在用戶登錄時，用戶需要通過輸入賬號和密碼使服務(wù)器識別該用戶。在表單中輸入帳號密碼，提交到服務(wù)器，再通過代碼控制核對數(shù)據(jù)庫中是否正確輸入。具體控制代碼如下：

③用戶后臺管理。網(wǎng)站管理員可以通過后臺給同學(xué)修改個人密碼和聯(lián)系方式。

（3）留言版

①在登錄后，用戶可以在看所有留言，也可以留下新留言。在留下新留言時，留言人會被自動綁定session對象。以保證管理員知道留言人是誰，其中核心控制語句為∶

②查看所有留言。用戶登錄后，可查看系統(tǒng)上的所有留言，由于開放后的留言系統(tǒng)會有較多的留言，所以需要用到分頁功能。具體控制語句有如下：

③學(xué)生留言管理模塊。網(wǎng)站管理員可以通過網(wǎng)站后臺對同學(xué)的不實留言做出刪除處理。

（4）實驗成績系統(tǒng)

①查看實驗成績和答案。用戶登陸后，服務(wù)器通過session對象綁定記錄集獲取該用戶的學(xué)號，再通過該學(xué)號調(diào)用出其實驗成績。在每次實驗成績的后面，都帶有該次實驗參考答案的下載鏈接。

②實驗成績系統(tǒng)管理模塊。管理員通過后臺可以添加學(xué)生成績，實驗答案。還可以在學(xué)生成績頁面按年級、按系別去搜索學(xué)生成績。

（5）搜索引擎

①站內(nèi)搜索：為了縮減網(wǎng)頁瀏覽者的找尋資料的時間，站內(nèi)搜索的目標(biāo)是網(wǎng)站內(nèi)的文章。用戶輸入的關(guān)鍵字將會通過URL參數(shù)進行傳遞給接收頁面，結(jié)果頁面綁定記錄集并篩選出包含URL參數(shù)的記錄。使列表顯示出篩選出的記錄。具體數(shù)據(jù)庫實現(xiàn)功能的控制核心語句為：

②站外搜索：增加了百度搜索的可讓瀏覽者在實驗示范中心網(wǎng)站找不到想要的結(jié)果時使用，再次增添了實驗示范中心網(wǎng)站的簡便性。

2.2 各模塊的整合

在完成各個模塊后，需把各個模塊鏈接起來形成一個網(wǎng)絡(luò)，具體圖1所示。

圖1

3. 數(shù)據(jù)庫設(shè)計實現(xiàn)

3.1 數(shù)據(jù)庫設(shè)計

系統(tǒng)開發(fā)需要結(jié)合使用數(shù)據(jù)庫來存儲數(shù)據(jù)。

表1 留言數(shù)據(jù)的message表

E-mail短文本Addtime日期/時間Content短文本Xuehao短文本

表2 存放用戶數(shù)據(jù)的huiyuan表

表3 存放實驗成績信息的shiyan

3.2 連接數(shù)據(jù)庫代碼

因為在各個模塊的網(wǎng)頁中都用到數(shù)據(jù)庫，而數(shù)據(jù)庫連接代碼比較長，所以可以把用于連接數(shù)據(jù)庫語句放在同一個文件內(nèi)，在每個需要連接數(shù)據(jù)庫的文件中插入文件便可連接數(shù)據(jù)庫。代碼如下：

4. 結(jié)束語

一個成功的實驗示范中心網(wǎng)站，是盡可能的滿足所有學(xué)生的所有要求。網(wǎng)站開發(fā)者應(yīng)以學(xué)生的角度去發(fā)現(xiàn)網(wǎng)站的不足之處，然而筆者作為計算機專業(yè)學(xué)生更應(yīng)該為實驗示范中心網(wǎng)站開發(fā)建設(shè)出一份力。

假若實驗示范中心網(wǎng)站能被同學(xué)們有效的利用好，將會給同學(xué)們的學(xué)習(xí)旅程帶來更多收益！

＊ [1]瞿穎鍵.網(wǎng)頁配色設(shè)計從入門到精通.北京：北京希望電子出版社.

梁廣宇（1996.11.27—）；性別：女，籍貫：廣東省佛山人，學(xué)歷：本科，畢業(yè)于廣東培正學(xué)院；現(xiàn)有職稱：學(xué)生；研究方向：網(wǎng)絡(luò)工程。