楊 祥，劉海波，劉 璞

(1.桂林理工大學(xué) 博文管理學(xué)院，廣西 桂林 541004；2.通化師范學(xué)院 教務(wù)處，吉林 通化 134002)

精品課程代表高校課程建設(shè)的最高水平，精品課程建設(shè)水平的高低直接反映出學(xué)校課程建設(shè)水平的高低，在學(xué)校課程建設(shè)中占有舉足輕重的地位.科學(xué)性、先進(jìn)性、教育性、系統(tǒng)性、適用性和示范性是精品課程最顯著的特點(diǎn).精品課程的科學(xué)性、先進(jìn)性應(yīng)體現(xiàn)在結(jié)合使用現(xiàn)代信息技術(shù)和網(wǎng)絡(luò)通信技術(shù)，將精品課程最終建成網(wǎng)絡(luò)課程，通過(guò)網(wǎng)絡(luò)進(jìn)行教學(xué)與管理，同時(shí)實(shí)現(xiàn)各種資料的上網(wǎng)并免費(fèi)開(kāi)放，實(shí)現(xiàn)優(yōu)質(zhì)教學(xué)資源共享，并且能夠做到教師之間、師生之間、學(xué)生與系統(tǒng)之間、教師與系統(tǒng)之間及時(shí)的交互與交流，這也真正體現(xiàn)了精品課程的適用性與示范性.本文利用網(wǎng)頁(yè)編程工具Dream weaver 8以及DIV+CSS模式進(jìn)行前臺(tái)開(kāi)發(fā)，構(gòu)建網(wǎng)站框架，其中關(guān)鍵之處在于如何顯示動(dòng)態(tài)文本；動(dòng)態(tài)內(nèi)容是采用Access數(shù)據(jù)庫(kù)開(kāi)發(fā)的，它相對(duì)簡(jiǎn)單，支持動(dòng)態(tài)數(shù)據(jù)類型和動(dòng)態(tài)協(xié)議，便于對(duì)各種數(shù)據(jù)資源不斷更新和維護(hù).

1 精品課程網(wǎng)站需求分析

1.1 任務(wù)目標(biāo)

C語(yǔ)言精品課程網(wǎng)站系統(tǒng)應(yīng)該具有良好的實(shí)用性、可靠性、安全性、可維護(hù)性和可移植性等.為了滿足用戶的需求，系統(tǒng)實(shí)現(xiàn)的功能如下：①查看學(xué)校教學(xué)隊(duì)伍、教研教改、課程教學(xué)、工學(xué)結(jié)合、方法手段、教學(xué)條件、創(chuàng)新教育、網(wǎng)上學(xué)習(xí)、政策支持等.②用戶下載教學(xué)錄像、教學(xué)課件、單元測(cè)試、期末試卷等學(xué)習(xí)資料.③管理員可以對(duì)教學(xué)錄像、教學(xué)課件、單元測(cè)試、期末試卷等學(xué)習(xí)資料以及課程動(dòng)態(tài)、學(xué)院公告、常見(jiàn)問(wèn)題等進(jìn)行動(dòng)態(tài)更新.④圖片展示教與學(xué)，突出教學(xué)的特設(shè).

1.2 系統(tǒng)功能模塊

前臺(tái)瀏覽模塊：①頁(yè)面瀏覽.瀏覽學(xué)校政策支持、課程教學(xué)、教師隊(duì)伍、教學(xué)條件、工學(xué)結(jié)合等.②查看學(xué)習(xí)資源.用戶可以查看并下載學(xué)習(xí)資料.③查看系統(tǒng)管理頁(yè)面.只有管理員權(quán)限用戶可以查看.④查看網(wǎng)絡(luò)課堂.所有用戶都可以查看.頁(yè)面瀏覽功能用例圖如圖1所示.

圖1 前臺(tái)頁(yè)面瀏覽用例圖

后臺(tái)管理模塊：①身份驗(yàn)證.驗(yàn)證用戶的身份和密碼是否正確，以便進(jìn)入系統(tǒng)后臺(tái)，進(jìn)行相應(yīng)的操作.②管理用戶.添加用戶、刪除用戶、用戶密碼修改.③新聞管理.添加、修改、刪除課程動(dòng)態(tài)、業(yè)界資訊、信息公告、學(xué)習(xí)資料、常見(jiàn)問(wèn)題.④文章管理.添加、分類管理、修改、上傳等.⑤資源管理.上傳、更新、刪除教學(xué)錄像、教學(xué)課件、單元測(cè)試和期末測(cè)試等.⑥頁(yè)面管理.增加、修改頁(yè)面、維護(hù)教師信息.⑦系統(tǒng)備份.后臺(tái)管理功能用例圖如圖2所示.

2 精品課程網(wǎng)站系統(tǒng)設(shè)計(jì)

2.1 課程網(wǎng)站系統(tǒng)的組成

根據(jù)用戶的需求以及自己的調(diào)查研究，將該精品課程網(wǎng)站系統(tǒng)分成兩大模塊：前臺(tái)瀏覽模塊、后臺(tái)管理模塊.前臺(tái)系統(tǒng)結(jié)構(gòu)圖如圖3所示.后臺(tái)系統(tǒng)結(jié)構(gòu)圖如圖4所示.

圖2 后臺(tái)管理功能用例圖

圖3 前臺(tái)系統(tǒng)結(jié)構(gòu)圖

圖4 后臺(tái)系統(tǒng)結(jié)構(gòu)圖

2.2 數(shù)據(jù)庫(kù)物理結(jié)構(gòu)

數(shù)據(jù)庫(kù)由七個(gè)數(shù)據(jù)表構(gòu)成.現(xiàn)列出數(shù)據(jù)表清單如表1.因篇幅限制，各表具體結(jié)構(gòu)略.

表1 數(shù)據(jù)庫(kù)表清單

2.3 系統(tǒng)的運(yùn)行環(huán)境要求

⑴硬件環(huán)境.服務(wù)器端：CPU采用P4、內(nèi)存2G以上、硬盤140G以上硬盤.網(wǎng)卡為2個(gè)千M服務(wù)器網(wǎng)卡.客戶端：CUP采用P4、256MB以上內(nèi)存、硬盤40G以上、網(wǎng)卡、網(wǎng)線等.

⑵軟件環(huán)境服務(wù)器端.Windows 2003或XP操作系統(tǒng)、ACCESS數(shù)據(jù)庫(kù)管理系統(tǒng)、IIS5.0.客戶端： Windows 2003、XP等操作系統(tǒng)；Internet Explorer 5.0及以上瀏覽器.

3 精品課程系統(tǒng)詳細(xì)設(shè)計(jì)及技術(shù)難點(diǎn)分析

3.1 DIV+CSS界面設(shè)計(jì)技術(shù)

CSS+DIV是網(wǎng)站標(biāo)準(zhǔn)中常用的術(shù)語(yǔ)之一，通常為了說(shuō)明與HTML網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言中的表格(table)定位方式的區(qū)別，因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用CSS+DIV的方式實(shí)現(xiàn)各種定位.采用這種技術(shù)設(shè)計(jì)界面既能夠縮減頁(yè)面代碼，提高頁(yè)面瀏覽速度，縮減帶寬成本，還可以使頁(yè)面的字體變得更漂亮，更容易編排，使頁(yè)面真正賞心悅目，也可以將許多網(wǎng)頁(yè)的風(fēng)格格式同時(shí)更新，不用再一頁(yè)一頁(yè)地更新了.將站點(diǎn)上所有的網(wǎng)頁(yè)風(fēng)格都使用一個(gè)CSS文件進(jìn)行控制，只要修改這個(gè)CSS文件中相應(yīng)的行，那么整個(gè)站點(diǎn)的所有頁(yè)面都會(huì)隨之發(fā)生變動(dòng).

3.2 后臺(tái)登陸模塊設(shè)計(jì)

⑴后臺(tái)登陸模塊實(shí)現(xiàn)管理員只有通過(guò)后臺(tái)的登錄系統(tǒng)才可以進(jìn)入精品課程網(wǎng)站進(jìn)行相應(yīng)的管理，這也關(guān)系到整個(gè)網(wǎng)站的安全.網(wǎng)站安全處理的第一步便是驗(yàn)證，即對(duì)于請(qǐng)求信息的用戶驗(yàn)證其身份.用戶使用證件來(lái)表明其身份，證件的種類各種各樣，最常用的就是用戶名和密碼.在驗(yàn)證用戶身份時(shí)，如果系統(tǒng)不能根據(jù)用戶的證件確定其身份，則身份驗(yàn)證失敗，用戶將被拒絕訪問(wèn)網(wǎng)頁(yè)；如果證件有效，則用戶將被允許進(jìn)入系統(tǒng)，并被賦予一個(gè)合法的已知身份.流程圖如圖5所示.

圖5 管理員登陸流程圖

⑵后臺(tái)用戶添加模塊實(shí)現(xiàn).用戶管理模塊分為兩個(gè)小模塊，一個(gè)是管理員添加，另一個(gè)是管理員管理，對(duì)管理員進(jìn)行修改密碼和刪除.

模塊說(shuō)明：管理員添加.

功能概述：管理員添加新用戶使用.

上級(jí)模塊：用戶管理.

輸入信息：管理員的基本信息.

輸出信息：添加用戶是否成功.

處理過(guò)程概述：只要在添加用戶頁(yè)面依次填入各項(xiàng)即可.

管理員添加流程圖如圖6所示.

圖6 管理員添加流程圖

⑶新聞管理模塊設(shè)計(jì).新聞管理主要是對(duì)首頁(yè)顯示的課程動(dòng)態(tài)、業(yè)界資訊、學(xué)習(xí)資料、常見(jiàn)問(wèn)題、公告等詳細(xì)信息的添加、修改、刪除、排序等，也可以添加、刪除、修改新聞?lì)悇e.

3.3 前臺(tái)瀏覽模塊實(shí)現(xiàn)

前臺(tái)開(kāi)發(fā)用到了框架模式，文件為default.asp，一共由四部分組成：主頁(yè)面、右側(cè)頁(yè)面導(dǎo)航條頁(yè)面、頭文件和底部信息，文件分別是default.asp、right.asp、head.asp和copyright.asp.

網(wǎng)站系統(tǒng)頁(yè)面都是用DIV+CSS布局的，在很大程度上節(jié)省了網(wǎng)絡(luò)資源，提高了網(wǎng)站的運(yùn)行速度.前臺(tái)界面開(kāi)發(fā)涉及的文件如表2所示.

3.4 數(shù)據(jù)顯示處理算法實(shí)現(xiàn)

顯示數(shù)據(jù)是C語(yǔ)言精品課程網(wǎng)站設(shè)計(jì)建設(shè)的重中之重，大量的數(shù)據(jù)存儲(chǔ)在數(shù)據(jù)庫(kù)表中，每次使用都要通過(guò)調(diào)用語(yǔ)句進(jìn)行數(shù)據(jù)的查詢并顯示在網(wǎng)頁(yè)上面.當(dāng)網(wǎng)頁(yè)上面要顯示需要的數(shù)據(jù)時(shí)，就需要用where語(yǔ)句進(jìn)行查詢，用order by篩選是順序還是倒敘，在這會(huì)選擇倒敘，也就是說(shuō)數(shù)據(jù)庫(kù)的表中的信息最后修改的先顯示出來(lái)，同數(shù)據(jù)結(jié)構(gòu)的棧一樣，先進(jìn)后出.可以設(shè)置更為復(fù)雜的查詢語(yǔ)句，最后判斷查詢的語(yǔ)句是否正確，數(shù)據(jù)庫(kù)是否存在所要的表和數(shù)據(jù)，如果存在就顯示出來(lái).顯示數(shù)據(jù)源中的數(shù)據(jù)操作算法如圖7所示.

圖7 顯示數(shù)據(jù)源中的數(shù)據(jù)操作算法

4 測(cè)試方法

通過(guò)測(cè)試驗(yàn)證數(shù)據(jù)是否可靠，及用戶的操作是否發(fā)生.分別對(duì)各輸入項(xiàng)進(jìn)行模擬數(shù)據(jù)輸入，根據(jù)頁(yè)面返回的錯(cuò)誤提示和入庫(kù)后數(shù)據(jù)的核查，檢測(cè)操作是否正確完成.測(cè)試范圍及內(nèi)容如表3所示.

表2 前臺(tái)界面信息一覽表

表3 測(cè)試范圍及內(nèi)容

參考文獻(xiàn)：

[1]李代平.軟件工程[M].北京：冶金工業(yè)出版社，2002.

[2]李嚴(yán).ASP數(shù)據(jù)庫(kù)開(kāi)發(fā)實(shí)例解析[M].北京：機(jī)械工業(yè)出版社，2005.

[3]鄧文淵，陳惠貞，陳俊榮.挑戰(zhàn)ASP與網(wǎng)頁(yè)數(shù)據(jù)庫(kù)設(shè)計(jì)[M].北京：中國(guó)鐵道出版社，2004.

[4]屈喜龍，朱杰，等.ASP+SQL Server開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站實(shí)例薈萃[M].北京：機(jī)械工業(yè)出版社，2006.

[5]正庚，等.ASP +Dreamweaver開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站實(shí)例薈萃[M].北京：機(jī)械工業(yè)出版社，2006.

[6]俞國(guó)紅.《C語(yǔ)言程序設(shè)計(jì)》精品課程網(wǎng)站的設(shè)計(jì)和開(kāi)發(fā)[J].福建電腦，2009，25(6).