作者/梁廣宇，廣東培正學院

實驗教學示范中心網站系統開發(fā)

作者/梁廣宇，廣東培正學院

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

asp；B/S架構；網站開發(fā)

引言

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

本文以用asp技術開發(fā)的實驗教學示范中心網站系統作為例子，詳細地介紹了設計構思、系統功能模塊實現、數據庫設計實現。

1. 設計構思

1.1 設計目標

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

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

前臺版面風格；用戶登錄系統；留言版；學生留言管理模塊；實驗成績系統；實驗系統管理模塊；搜索引擎；實驗室系列申請表格。

1.2 系統流程

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

1.3 開發(fā)平臺選擇

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

2. 系統功能模塊實現

2.1 模塊功能劃分及實現

（1）前臺版面風格更換

瀏覽者對網站的第一印象就是從版面風格開始，一個網站的風格對網頁瀏覽量起著至關重要的作用。具體代碼實現如下：

（2）用戶登錄系統

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

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

③用戶后臺管理。網站管理員可以通過后臺給同學修改個人密碼和聯系方式。

（3）留言版

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

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

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

（4）實驗成績系統

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

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

（5）搜索引擎

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

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

2.2 各模塊的整合

在完成各個模塊后，需把各個模塊鏈接起來形成一個網絡，具體圖1所示。

圖1

3. 數據庫設計實現

3.1 數據庫設計

系統開發(fā)需要結合使用數據庫來存儲數據。

表1 留言數據的message表

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

表2 存放用戶數據的huiyuan表

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

3.2 連接數據庫代碼

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

4. 結束語

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

假若實驗示范中心網站能被同學們有效的利用好，將會給同學們的學習旅程帶來更多收益！

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

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