畢業(yè)設(shè)計(jì)（論文）ASP計(jì)算機(jī)系網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)

1、目錄1緒論011 互聯(lián)網(wǎng)與網(wǎng)絡(luò)教育012 網(wǎng)站的功能02網(wǎng)站設(shè)計(jì)制作的理論和技術(shù)基礎(chǔ)021 網(wǎng)站用戶(hù)界面設(shè)計(jì)原則022 網(wǎng)站用戶(hù)界面設(shè)計(jì)技術(shù)123 網(wǎng)站制作運(yùn)用的開(kāi)發(fā)技術(shù)23教科系網(wǎng)站功能及體系結(jié)構(gòu)的設(shè)計(jì)531 網(wǎng)站教學(xué)平臺(tái)的目標(biāo)設(shè)計(jì)532 網(wǎng)站教學(xué)平臺(tái)系統(tǒng)功能分析與設(shè)計(jì)54教科系網(wǎng)站數(shù)據(jù)庫(kù)的設(shè)計(jì)741 數(shù)據(jù)庫(kù)的需求分析742 數(shù)據(jù)庫(kù)的邏輯結(jié)構(gòu)設(shè)計(jì)843 后臺(tái)數(shù)據(jù)庫(kù)的配置85網(wǎng)站開(kāi)發(fā)平臺(tái)的功能實(shí)現(xiàn)851 新聞動(dòng)態(tài)顯示952 站內(nèi)搜索功能1053 后臺(tái)登陸驗(yàn)證1154 后臺(tái)新聞管理126平臺(tái)的測(cè)試與維護(hù)1361 平臺(tái)功能的測(cè)試1362 平臺(tái)的維護(hù)13結(jié)束語(yǔ)14參考文獻(xiàn)15致謝16摘 要本文主要研

2、究了濱州學(xué)院計(jì)算機(jī)系網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)，研究該課題的主要目的是便于教育技術(shù)學(xué)專(zhuān)業(yè)教師通過(guò)網(wǎng)站發(fā)布公告和教學(xué)信息，學(xué)生通過(guò)該網(wǎng)站了解院系最新動(dòng)向，學(xué)習(xí)專(zhuān)業(yè)知識(shí)，實(shí)現(xiàn)資源共享。網(wǎng)站主要用asp技術(shù)來(lái)實(shí)現(xiàn)，通過(guò)和數(shù)據(jù)庫(kù)連接實(shí)現(xiàn)動(dòng)態(tài)交互功能。關(guān)鍵字：b/s/d體系結(jié)構(gòu) 網(wǎng)站設(shè)計(jì) asp技術(shù) 數(shù)據(jù)庫(kù)1緒論11 互聯(lián)網(wǎng)與網(wǎng)絡(luò)教育隨著互聯(lián)網(wǎng)技術(shù)的日益普及，基于網(wǎng)絡(luò)環(huán)境下的教學(xué)研究、模式開(kāi)發(fā)日趨深入，網(wǎng)絡(luò)對(duì)教學(xué)的作用與潛能愈加突現(xiàn)出來(lái)，尤其在主體性教育觀、素質(zhì)教育觀的策略方法與學(xué)科整合中體現(xiàn)得更加充分。12 網(wǎng)站的功能現(xiàn)如今,網(wǎng)站開(kāi)發(fā)技術(shù)日益發(fā)展完善,基于web的網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)已成為當(dāng)今企業(yè)和學(xué)校積極探索和發(fā)展

3、的熱門(mén)技術(shù).帶有交互性的動(dòng)態(tài)網(wǎng)站設(shè)計(jì)也越來(lái)越受到人們的重視.出現(xiàn)了各種網(wǎng)站開(kāi)發(fā)工具，如dreamweaver、frontpage、記事本等，同時(shí)也需要一些網(wǎng)頁(yè)美化工具，如photoshop、firework、flash等等。在網(wǎng)站制作中要用到html語(yǔ)言、javascript、vbscript腳本語(yǔ)言、asp 、php、 jsp等網(wǎng)站開(kāi)發(fā)技術(shù)，xml技術(shù)等等，同時(shí)還能提供一些組件來(lái)豐富頁(yè)面內(nèi)容。動(dòng)態(tài)網(wǎng)站還可與數(shù)據(jù)庫(kù)連接，實(shí)現(xiàn)交互功能。2網(wǎng)站設(shè)計(jì)制作的理論和技術(shù)基礎(chǔ)21 網(wǎng)站用戶(hù)界面設(shè)計(jì)原則一個(gè)設(shè)計(jì)優(yōu)秀的用戶(hù)界面不僅要能夠充分發(fā)揮軟件的功能，而且要讓用戶(hù)使用方便。用戶(hù)界面設(shè)計(jì)的一個(gè)最基本也是最重

4、要的依據(jù)是以用戶(hù)為中心。因?yàn)樵O(shè)計(jì)軟件是給人使用的，一個(gè)軟件使用效率的好壞取決于軟件本身的設(shè)計(jì)和人是否能夠方便的使用。因此，用戶(hù)界面的設(shè)計(jì)必須以用戶(hù)為中心。211 一般軟件的用戶(hù)界面設(shè)計(jì)原則(1) 一致性一致性體現(xiàn)在用戶(hù)界面的各個(gè)方面，包括界面元素、命令名稱(chēng)、信息表示和操作方式。(2) 容錯(cuò)性 一個(gè)好的用戶(hù)界面應(yīng)該在設(shè)計(jì)時(shí)盡量避免可能的出錯(cuò)情況，對(duì)于不可避免的錯(cuò)誤，應(yīng)該盡量給用戶(hù)提供恢復(fù)的手段。對(duì)于可能發(fā)生災(zāi)難性后果的命令/操作，應(yīng)給出警告并要求用戶(hù)確認(rèn)。(3) 反饋 一個(gè)好的用戶(hù)界面在任何情況下都應(yīng)該對(duì)用戶(hù)的操作做出反饋(除非用戶(hù)不需要這種反饋)。反饋使用戶(hù)感覺(jué)到他在操作該軟件，了解軟件的當(dāng)前

5、運(yùn)行狀態(tài)。212 網(wǎng)站用戶(hù)界面設(shè)計(jì)原則網(wǎng)站的用戶(hù)界面設(shè)計(jì)，除了要掌握用戶(hù)界面設(shè)計(jì)的一般原則外，還要把握其特殊性，因?yàn)榫W(wǎng)站網(wǎng)頁(yè)的主要功能是向?yàn)g覽者提供信息，所以網(wǎng)站的界面設(shè)計(jì)和其它應(yīng)用軟件界面設(shè)計(jì)存在一定的差異。下面，根據(jù)界面設(shè)計(jì)的一般原則，結(jié)合網(wǎng)站開(kāi)發(fā)平臺(tái)的實(shí)際情況，認(rèn)為網(wǎng)站開(kāi)發(fā)平臺(tái)界面設(shè)計(jì)應(yīng)遵循以下基本原則，如表2-1所示。表2-1 網(wǎng)站開(kāi)發(fā)平臺(tái)界面設(shè)計(jì)原則界面設(shè)計(jì)的一般原則網(wǎng)站界面的設(shè)計(jì)原則1一致性統(tǒng)一的風(fēng)格2容錯(cuò)性、反饋良好的交互3審美性視覺(jué)效果4簡(jiǎn)易性網(wǎng)頁(yè)潔簡(jiǎn)5傳輸速度22 網(wǎng)站用戶(hù)界面設(shè)計(jì)技術(shù)221 網(wǎng)站的頁(yè)面布局網(wǎng)站開(kāi)發(fā)平臺(tái)的頁(yè)面布局總體上遵循了網(wǎng)站界面設(shè)計(jì)原則。根據(jù)網(wǎng)站開(kāi)發(fā)平臺(tái)的

6、整體組織結(jié)構(gòu)，可以分兩類(lèi)頁(yè)面:首頁(yè)的頁(yè)面布局、后臺(tái)管理頁(yè)面布局。下面介紹本網(wǎng)站的頁(yè)面布局：(1) 首頁(yè)的布局整個(gè)頁(yè)面的布局采用了“三型”結(jié)構(gòu)，主色調(diào)采用了桔紅的暖色色調(diào)，文字的大小采用目前網(wǎng)上非常流行的9pt，字體是宋體，對(duì)于敘述性的文字，采用黑色，對(duì)于鏈接，活動(dòng)的采用紅色。教育科學(xué)與技術(shù)系的標(biāo)志圖片logo放在最上面，logo下面是整個(gè)網(wǎng)站的導(dǎo)航欄，主體部分左邊放置輔助模塊，右邊放置主要的新聞和消息，底部是版權(quán)。如圖2.1所示。圖2.1 首頁(yè)的布局(2) 后臺(tái)管理布局網(wǎng)站的后臺(tái)主頁(yè)面是用框架布局比較簡(jiǎn)單，用表格布局頁(yè)面，點(diǎn)擊每個(gè)超連接就會(huì)打開(kāi)一個(gè)新的頁(yè)面，便于管理，如圖2.2所示。圖2.2

7、后臺(tái)管理布局222 網(wǎng)站的統(tǒng)一版面設(shè)計(jì)技術(shù) 由于網(wǎng)站中的網(wǎng)頁(yè)要求有統(tǒng)一的風(fēng)格和良好的視覺(jué)效果，即要求網(wǎng)站有統(tǒng)一的版面，由于級(jí)聯(lián)格式頁(yè)(css )技術(shù)能集中管理web站點(diǎn)的格式元素(字體、背景、文本、223 界面元素定位技術(shù)界面元素定位是版面布局的重要內(nèi)容之一。要使網(wǎng)頁(yè)的界面布局具備報(bào)紙、雜志等漂亮的布局，必須要對(duì)頁(yè)面的界面元素進(jìn)行定位。在網(wǎng)站開(kāi)發(fā)平臺(tái)中采用了以下幾種界面元素的定位技術(shù):表格定位、塊表示符<<div>和<layer>定位和css定位，下面分別進(jìn)行討論。23 網(wǎng)站制作運(yùn)用的開(kāi)發(fā)技術(shù)教科系網(wǎng)站在windows xp系統(tǒng)下，在dreamweaver軟件中設(shè)

8、計(jì)制作的，用到的語(yǔ)言有html語(yǔ)言和腳本語(yǔ)言。本系統(tǒng)動(dòng)態(tài)開(kāi)發(fā)技術(shù)主要采用了asp技術(shù)(activex server pages )，它是新一代動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)，具有開(kāi)發(fā)簡(jiǎn)單、與瀏覽器類(lèi)型無(wú)關(guān)、功能強(qiáng)大、。23 平臺(tái)的體系結(jié)構(gòu)和開(kāi)發(fā)環(huán)境該系統(tǒng)采用了b/s/d(browser/server/date server)的體系結(jié)構(gòu)如圖2.3所示。 web服務(wù)器端 server端 數(shù)據(jù)庫(kù)服務(wù)器組件ado和odbciis5.0 和 asp環(huán)境服務(wù)器腳本代碼教師用戶(hù)學(xué)生用戶(hù)圖2.3 b/s/d的體系結(jié)構(gòu)三層結(jié)構(gòu)中, 第一層(瀏覽器) 為表示層, 主要用于完成用戶(hù)接口的功能; 用戶(hù)在客戶(hù)端向url 指定的web

9、 服務(wù)器提出服務(wù)申請(qǐng),web 服務(wù)器通過(guò)http 協(xié)議將用戶(hù)所需的信息傳送給客戶(hù)端。在這里,客戶(hù)端的作用只是接收信息并用www 瀏覽器顯示出來(lái)。第二層(為功能層, 主要用于完成客戶(hù)請(qǐng)求的應(yīng)用功能,web 服務(wù)器在收到客戶(hù)的請(qǐng)求后與第三層中的數(shù)據(jù)庫(kù)連接并進(jìn)行數(shù)據(jù)處理, 而后通過(guò)web 將處理結(jié)果傳回到客戶(hù)端。第三層(數(shù)據(jù)庫(kù)服務(wù)器) 為數(shù)據(jù)層, 采用access 網(wǎng)絡(luò)數(shù)據(jù)庫(kù), 主要完成的數(shù)據(jù)存儲(chǔ)、加工和管理功能。網(wǎng)絡(luò)操作系統(tǒng)、數(shù)據(jù)庫(kù)系統(tǒng)和網(wǎng)絡(luò)編程技術(shù)選擇(1) 操作系統(tǒng)平臺(tái): windows xp；(2) 實(shí)現(xiàn)環(huán)境: iis 5.0, 后臺(tái)采用面向?qū)ο笤O(shè)計(jì)的asp 編程技術(shù)；(3) 數(shù)據(jù)庫(kù)： ac

10、cess 。232 html語(yǔ)言  html的英語(yǔ)意思是：hypertext marked language，即超文本標(biāo)記語(yǔ)言,是一種用來(lái)制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。超文本傳輸協(xié)議規(guī)定了瀏覽器在運(yùn)行 html 文檔時(shí)所遵循的規(guī)則和進(jìn)行的操作.http協(xié)議的制定使瀏覽器在運(yùn)行超文本時(shí)有了統(tǒng)一的規(guī)則和標(biāo)準(zhǔn)。用html編寫(xiě)的超文本文檔稱(chēng)為html文檔，它能獨(dú)立于各種操作系統(tǒng)平臺(tái)，自1990年以來(lái)html就一直被用作（是world wide web的縮寫(xiě)，也可簡(jiǎn)寫(xiě)web、中文叫做萬(wàn)維網(wǎng)) 的信息表示語(yǔ)言，使用html語(yǔ)言描述的文件，需要通過(guò)web瀏覽器顯示出效果。233 腳本語(yǔ)言腳本程序設(shè)

11、計(jì)在web程序設(shè)計(jì)中占有很重要的地位，無(wú)論是客戶(hù)端動(dòng)態(tài)頁(yè)面設(shè)計(jì)，還是動(dòng)態(tài)網(wǎng)站設(shè)計(jì)中的服務(wù)器端編程，使用最多的就是腳本語(yǔ)言。在眾多的腳本語(yǔ)言中，使用最廣泛的是javascript和vbscript。這兩種語(yǔ)言即可作為客戶(hù)端腳本語(yǔ)言，又可以作為服務(wù)器端腳本語(yǔ)言。javascript是一種嵌入在html文件中的腳本語(yǔ)言，它是基于對(duì)象和事件驅(qū)動(dòng)的，能對(duì)諸如鼠標(biāo)單擊、表單輸入、頁(yè)面瀏覽等用戶(hù)事件作出反應(yīng)并進(jìn)行處理。javascript語(yǔ)言具有如下特點(diǎn)：234 asp技術(shù)asp是一種服務(wù)器端的腳本運(yùn)行環(huán)境，利用它我們可以產(chǎn)生和運(yùn)行動(dòng)態(tài)的、交互的、高性能的web服務(wù)應(yīng)用程序。一個(gè)asp應(yīng)用程序通常以.asp

12、作為擴(kuò)展名，asp文件通常由文本、html標(biāo)志和asp文件特有的腳本語(yǔ)句組成，其中vbscript是asp中缺省的腳本語(yǔ)言?？蛻?hù)端通過(guò)瀏覽器向web服務(wù)器發(fā)送請(qǐng)求，web服務(wù)器響應(yīng)頁(yè)面請(qǐng)求后調(diào)用文件，然后解釋執(zhí)行每一條腳本語(yǔ)句，用ado組件通過(guò)odbc向數(shù)據(jù)庫(kù)服務(wù)器發(fā)送數(shù)據(jù)請(qǐng)求及235 數(shù)據(jù)庫(kù)訪問(wèn)技術(shù)ado微軟公司提供了一種對(duì)各類(lèi)應(yīng)用程序均適用、采用odbc接口、通過(guò)結(jié)構(gòu)化查詢(xún)語(yǔ)言sql對(duì)數(shù)據(jù)庫(kù)進(jìn)行訪問(wèn)和操作的總體解決方案，這就是oledb，它是一個(gè)組件對(duì)象模型（com）接口?？赏ㄟ^(guò)對(duì)存儲(chǔ)在不同信息源上的數(shù)據(jù)進(jìn)行統(tǒng)一訪問(wèn)能力。但是oledb應(yīng)用程序編程接口的設(shè)計(jì)目的是為了給多種多樣的應(yīng)用程序提

13、供優(yōu)化功能，對(duì)web應(yīng)用的開(kāi)發(fā)者而言，并不需要如此復(fù)雜的api。ado（activex data objects,activex數(shù)據(jù)對(duì)象）技術(shù)則是一種良好的web數(shù)據(jù)庫(kù)訪問(wèn)解決方案，其編程接口簡(jiǎn)單，用它開(kāi)發(fā)應(yīng)用程序十分便捷。ado是一個(gè)asp內(nèi)置的服務(wù)器組件，它是一座連接web應(yīng)用程序和oledb的橋梁，運(yùn)用它并結(jié)合asp技術(shù)可在網(wǎng)頁(yè)中執(zhí)行sql命令，達(dá)到數(shù)據(jù)庫(kù)訪問(wèn)目的。表 2-2 是ado對(duì)象模型，它反映了ado對(duì)象之間的關(guān)系。表2-2 ado對(duì)象模型connectionrecordsetparametererrorcommandparameterserrorsfieldsfield3教科系

14、網(wǎng)站功能及體系結(jié)構(gòu)的設(shè)計(jì)31 網(wǎng)站教學(xué)平臺(tái)的目標(biāo)設(shè)計(jì)教育技術(shù)專(zhuān)業(yè)網(wǎng)站教學(xué)平臺(tái)各模塊的功能如下：311 教師部分的功能應(yīng)該達(dá)到下面的要求(1) 通過(guò)教學(xué)公告向?qū)W生發(fā)布信息、制定教學(xué)計(jì)劃；(2) 將教學(xué)、專(zhuān)業(yè)、課程、實(shí)驗(yàn)信息發(fā)布到網(wǎng)站上；(3) 在網(wǎng)上發(fā)布教案；(4) 在網(wǎng)上發(fā)布作業(yè)、包括作業(yè)題目上載、公布作業(yè)、批閱作業(yè)，給出學(xué)生成績(jī)；(5) 將常用的學(xué)習(xí)資源發(fā)布在網(wǎng)站上，便于學(xué)生下載使用；(6) 通過(guò)聊天空間與學(xué)生進(jìn)行實(shí)時(shí)討論；(7) 教師可以通過(guò)后臺(tái)對(duì)頁(yè)面進(jìn)行管理,添加修改刪除新聞,上傳文件。312 學(xué)生部分的功能應(yīng)該達(dá)到下面的要求(1) 閱讀公告；(2) 在網(wǎng)上完成課程學(xué)習(xí)；(3) 在網(wǎng)上完

15、成作業(yè)、包括作業(yè)下載、上傳作業(yè)內(nèi)容和作業(yè)成績(jī)查詢(xún)等；(4) 通過(guò)討論組的形式向老師提出問(wèn)題。32 網(wǎng)站教學(xué)平臺(tái)系統(tǒng)功能分析與設(shè)計(jì)本網(wǎng)站共分為兩個(gè)子系統(tǒng),教師子系統(tǒng)和學(xué)生子系統(tǒng).如表3-1所示。表3-1 教師子系統(tǒng)和學(xué)生子系統(tǒng)首頁(yè)學(xué)生子系統(tǒng)教師子系統(tǒng)公告瀏覽新聞瀏覽在線(xiàn)學(xué)習(xí)作業(yè)上載資源學(xué)習(xí)新聞發(fā)布公告瀏覽資源管理作業(yè)批改后臺(tái)維護(hù)321 教學(xué)內(nèi)容發(fā)布管理員發(fā)布網(wǎng)站新聞，這些內(nèi)容是該網(wǎng)站的主要內(nèi)容。各種新聞在頁(yè)面上動(dòng)態(tài)顯示,管理員可以通過(guò)后臺(tái)對(duì)這些新聞進(jìn)行添加、修改和刪除。另外系統(tǒng)可對(duì)教學(xué)內(nèi)容提供查詢(xún)搜索功能。322 公告功能教師可以通過(guò)公告功能發(fā)布各項(xiàng)通知，例如以下內(nèi)容：(1) 招生公告招生簡(jiǎn)章、

16、招生專(zhuān)業(yè)介紹、招生站點(diǎn)聯(lián)系方式；(2) 規(guī)章制度，包括各類(lèi)管理又件等；(3) 課程安排，包括課程數(shù)學(xué)方式、課程播放表；(4) 臨時(shí)通知和教材。323 作業(yè)功能 對(duì)于作業(yè)，學(xué)上需要將作業(yè)通過(guò)上傳的方式上交。因此系統(tǒng)需要提供以下功能：(1) 上傳：格作業(yè)上載到指定地點(diǎn)、并按某種方式進(jìn)行標(biāo)識(shí)；(2) 批閱：教師可對(duì)作業(yè)進(jìn)行批閱判分。324 答疑功能(1) 非實(shí)時(shí)答疑：系統(tǒng)需要完成一個(gè)討論組的功能， 以便學(xué)生和老師能順利提問(wèn)和解答；(2) 實(shí)時(shí)答疑：功能類(lèi)似于聊天室。學(xué)生和老師可以同時(shí)登錄到系統(tǒng)，進(jìn)行實(shí)時(shí)交流。325 后臺(tái)管理功能后臺(tái)登陸頁(yè)面用戶(hù)名密碼驗(yàn)證功能，新聞管理頁(yè)面對(duì)新聞的添加修改刪除操作功能

17、。文件上傳功能。326 其他功能站內(nèi)搜索、友情鏈接等。4教科系網(wǎng)站數(shù)據(jù)庫(kù)的設(shè)計(jì)41 數(shù)據(jù)庫(kù)的需求分析表4-1數(shù)據(jù)庫(kù)需求分析表管理系統(tǒng)管理員信息表教務(wù)公告信息表教學(xué)管理信息表專(zhuān)業(yè)建設(shè)信息表專(zhuān)業(yè)介紹信息表課程建設(shè)信息表教學(xué)系統(tǒng)實(shí)驗(yàn)教學(xué)信息表實(shí)驗(yàn)室信息表科研動(dòng)態(tài)信息表科研項(xiàng)目信息表成人教育信息表學(xué)生工作信息表42 數(shù)據(jù)庫(kù)的邏輯結(jié)構(gòu)設(shè)計(jì)在access中建立數(shù)據(jù)庫(kù)文件mdb，此文件包含jjh_admin、jjh_activ、jjh_news、jjh_jiaoxue等數(shù)據(jù)表。下面是以表jjh_admin、jjh_activ為例說(shuō)明這些表的邏輯結(jié)構(gòu)。(1) 管理員信息表jjh_admin管理員信息包括id號(hào)

18、、用戶(hù)名、密碼、是超級(jí)管理員還是一般管理員。(2) 教務(wù)公告信息表jjh_activ教務(wù)公告信息表包括id號(hào)、公告標(biāo)題、公告發(fā)布作者、是否推薦、公告來(lái)源、圖片地址、公告內(nèi)容、點(diǎn)擊次數(shù)、發(fā)布時(shí)間。其邏輯結(jié)構(gòu)如表4-2所示。表4-2 表的邏輯結(jié)構(gòu)表名字段名稱(chēng)數(shù)據(jù)類(lèi)型說(shuō)明jjh_adminadmin_id自動(dòng)編號(hào)字段編號(hào)admin_name文本登陸用戶(hù)名admin_password文本登陸密碼admin_flag數(shù)字是否為超級(jí)管理員jjh_activactiv_id自動(dòng)編號(hào)字段編號(hào)activ_title文本公告標(biāo)題activ_auther文本公告作者activ_tui數(shù)字是否推薦activ_come

19、from文本公告來(lái)源activ_images文本公告圖片來(lái)源activ_content備注公告內(nèi)容activ_hits數(shù)字點(diǎn)擊次數(shù)activ_time日期時(shí)間公告發(fā)布日期43 后臺(tái)數(shù)據(jù)庫(kù)的配置本系統(tǒng)是在windows xp系統(tǒng)下開(kāi)發(fā)的，數(shù)據(jù)庫(kù)使用的是access 2003。新建數(shù)據(jù)庫(kù)并填充內(nèi)容，命名為mdb。因?yàn)榫W(wǎng)站中是用代碼實(shí)現(xiàn)的數(shù)據(jù)庫(kù)連接，所以這兒不用建立手動(dòng)建立數(shù)據(jù)源連接。5網(wǎng)站開(kāi)發(fā)平臺(tái)的功能實(shí)現(xiàn) 在整個(gè)網(wǎng)站開(kāi)發(fā)平臺(tái)中，網(wǎng)站的信息除了存儲(chǔ)在文本文件上外，其他都存在access數(shù)據(jù)庫(kù)中。要顯示數(shù)據(jù)庫(kù)中的數(shù)據(jù)，必須要連接數(shù)據(jù)庫(kù)，調(diào)用數(shù)據(jù)庫(kù)中的數(shù)據(jù)表。在這里主要采用了asp的ado技術(shù)來(lái)實(shí)現(xiàn)。

20、使用ado進(jìn)行數(shù)據(jù)庫(kù)的訪問(wèn)主要步驟如下：(1) 建立ado組件連接對(duì)象set conn=server.createobject("adodb.connection")(2) 打開(kāi)待訪問(wèn)數(shù)據(jù)庫(kù) 打開(kāi)數(shù)據(jù)庫(kù)有兩種方式:全路徑方式和dsn (data source name)數(shù)據(jù)源方式。在本系統(tǒng)中，我們用到了一個(gè)數(shù)據(jù)庫(kù)文件mdb，下面以mdb數(shù)據(jù)庫(kù)為例子，用全路徑方式來(lái)打開(kāi)該數(shù)據(jù)庫(kù)，用該方式不需要象dsn方式配置數(shù)據(jù)源，方便用戶(hù)使用。其方式如下: connstr="dbq="+server.mappath("./jjhmdb/mdb.mdb"

21、;)+" driver=microsoft access driver (*.mdb);" conn.open connstr其中driver= microsoft access driver (*.mdb)表示連接的數(shù)據(jù)庫(kù)是microsoft access, (3) 建立數(shù)據(jù)庫(kù)記錄集recordset對(duì)象，訪問(wèn)數(shù)據(jù)庫(kù)表 (4) 關(guān)閉記錄集，斷開(kāi)與數(shù)據(jù)庫(kù)的連接rs.close<% connstr="dbq="+server.mappath("jjhmdb/mdb.mdb")+"defaultdir=;driver=mi

22、crosoft access driver (*.mdb);" connstr為連接字符串 set conn=server.createobject("adodb.connection") conn.open connstr %>51 新聞動(dòng)態(tài)顯示 對(duì)于一個(gè)主要用來(lái)傳遞信息的網(wǎng)站，能將數(shù)據(jù)庫(kù)中的信息顯示在網(wǎng)頁(yè)中是一項(xiàng)很重要的技術(shù)。本網(wǎng)站中有多種新聞和公告需要在網(wǎng)頁(yè)中顯示，這就需要通過(guò)調(diào)用數(shù)據(jù)庫(kù)來(lái)動(dòng)態(tài)顯示數(shù)據(jù)庫(kù)中表的信息。都用到了在數(shù)據(jù)庫(kù)中實(shí)現(xiàn)記錄集分頁(yè)技術(shù)，附錄中介紹了這種技術(shù)，所以在網(wǎng)頁(yè)中和分頁(yè)有關(guān)的代碼就不再贅述。這兒就以學(xué)生工作信息頁(yè)面student.

23、asp為例，顯示表jjh_news中的新聞，如圖5.1所示。圖5.1 學(xué)生工作信息新聞下面對(duì)網(wǎng)頁(yè)中實(shí)現(xiàn)主要功能的代碼進(jìn)行分析：在student.asp頁(yè)面中，通過(guò)建立記錄集來(lái)顯示新聞，這里用表格對(duì)新聞條目進(jìn)行布局，具體代碼如下：(1) 打開(kāi)數(shù)據(jù)庫(kù)連接，代碼省略。(2) 打開(kāi)記錄集對(duì)象當(dāng)用戶(hù)點(diǎn)擊顯示的新聞標(biāo)題時(shí)，就會(huì)打開(kāi)一個(gè)新頁(yè)面，新頁(yè)面中顯示的是關(guān)于這條新聞的具體信息，這是通過(guò)參數(shù)傳遞實(shí)現(xiàn)的。其他頁(yè)面的新聞顯示代碼如上，只是操作的數(shù)據(jù)表和查詢(xún)語(yǔ)句有所差異。52 站內(nèi)搜索功能在首頁(yè)的左邊有個(gè)站內(nèi)搜索項(xiàng)目，如圖5.2所示。圖5.2 站內(nèi)搜索圖站內(nèi)搜索功能主要是指搜索站內(nèi)顯示的新聞信息。通過(guò)在類(lèi)型欄

24、目?jī)?nèi)輸入要搜索的新聞?lì)愋停佥斎胍@示的新聞的關(guān)鍵字，即新聞標(biāo)題，點(diǎn)擊提交后即能在一個(gè)新頁(yè)面顯示所搜索的新聞。在頁(yè)面中通過(guò)調(diào)用一個(gè)過(guò)程實(shí)現(xiàn)的，代碼為：<table> <tr> <td > 類(lèi) 型 :</td> <td ><select name="action"> <option selected>選擇類(lèi)型</option> <option value="activ" >教務(wù)信息</option> <option value=&q

25、uot;jiaoxue">教學(xué)管理</option> <option value="zhuanye">專(zhuān)業(yè)建設(shè)</option> <option value="kecheng">課程建設(shè)</option> (2) 表單將結(jié)果提交給search.asp，search.asp網(wǎng)頁(yè)接收表單信息后，調(diào)用數(shù)據(jù)庫(kù)，打開(kāi)記錄集，查詢(xún)是否有所搜索的內(nèi)容。然后將搜索的新聞?dòng)涗浽陧?yè)面中顯示。search.asp頁(yè)面的處理代碼為：<%接收表單變量： keyword=request("k

26、eyword")if request("action")="activ" thenfindword="jjh_activ where activ_title like '%"&keyword&"%' "jie="activ"do whileloop%>53 后臺(tái)登陸驗(yàn)證在網(wǎng)頁(yè)index.asp中實(shí)現(xiàn)用戶(hù)登陸和用戶(hù)名密碼驗(yàn)證，通過(guò)如圖5.3所示表單進(jìn)行登陸。圖5.3 用戶(hù)登陸圖對(duì)用戶(hù)名和密碼進(jìn)行驗(yàn)證處理的代碼如下：<%if request.fo

27、rm("ok")="登陸" then 接收表單信息admin_name=trim(request("admin_name")admin_password=trim(md5(request("admin_password")end ifset rs=server.createobject("adodb.recordset") 打開(kāi)記錄集end ifelseresponse.redirect "index.asp"end if %>在后臺(tái)管理的每個(gè)頁(yè)面中都有一個(gè)check.

28、asp網(wǎng)頁(yè)，這個(gè)網(wǎng)頁(yè)的功能是檢查用戶(hù)是否登陸，如果用戶(hù)沒(méi)有登陸而意圖直接進(jìn)入后臺(tái)管理頁(yè)面，則被強(qiáng)制轉(zhuǎn)向到index.asp網(wǎng)頁(yè)。54 后臺(tái)新聞管理管理員登陸后臺(tái)后可以對(duì)網(wǎng)頁(yè)中用到的新聞進(jìn)行添加、修改和刪除操作，后臺(tái)管理頁(yè)面主要是用框架進(jìn)行布局，在框架左側(cè)，點(diǎn)擊超連接則會(huì)在右側(cè)框架內(nèi)顯示相應(yīng)的管理頁(yè)面。在管理頁(yè)面中顯示每條新聞，又有每條新聞相應(yīng)的修改刪除操作，還可對(duì)新聞進(jìn)行添加。整個(gè)過(guò)程也是通過(guò)調(diào)用數(shù)據(jù)庫(kù)，對(duì)數(shù)據(jù)庫(kù)中的數(shù)據(jù)表進(jìn)行操作實(shí)現(xiàn)的。下面以news.asp頁(yè)面為例，介紹這些操作如何實(shí)現(xiàn)。頁(yè)面如圖5.4所示：圖5.4 后臺(tái)新聞管理圖用到的關(guān)鍵代碼如下：(1) 打開(kāi)記錄集：(2) 頁(yè)面中的需要

29、操作的文字設(shè)置本站新聞管理 <a href="news.asp?type=new">添加新聞</a>表格中顯示完每條記錄集后的修改、刪除操作:<td><a href="news.asp?type=edit&news_id=<%=rs("news_id")%>">修改</a> <a href="news.asp?type=del&news_id=<%=rs("news_id")%>">刪

30、除</a></td>(3) 根據(jù)傳遞的type參數(shù)來(lái)顯示表單，再用action參數(shù)傳遞對(duì)表單的操作： 添加新聞<% if request("type")="new" then%><form name="form1" method="post" action="news.asp?action=add">表單的具體代碼省略，下面是對(duì)表單結(jié)果的操作：<% 在這里，用于實(shí)現(xiàn)對(duì)上述數(shù)據(jù)表的操作，主要通過(guò)參數(shù)傳遞，再調(diào)用數(shù)據(jù)庫(kù)中相應(yīng)的數(shù)據(jù)表來(lái)實(shí)現(xiàn)添加、修

31、改和刪除的操作。6平臺(tái)的測(cè)試與維護(hù)61 平臺(tái)功能的測(cè)試611 新聞動(dòng)態(tài)顯示功能打開(kāi)網(wǎng)站首頁(yè)，通過(guò)鏈接打開(kāi)各個(gè)功能頁(yè)面，均能正確顯示數(shù)據(jù)庫(kù)中的記錄內(nèi)容。612 站內(nèi)搜索功能在首頁(yè)的左側(cè)站內(nèi)搜索板塊，先選擇所要搜索的新聞?lì)愋?，然后輸入關(guān)鍵字，點(diǎn)擊搜索，則在打開(kāi)的頁(yè)面中顯示標(biāo)題為所輸關(guān)鍵字的新聞?dòng)涗?。如果輸入的關(guān)鍵字在數(shù)據(jù)庫(kù)中找不到相應(yīng)的新聞標(biāo)題，則在打開(kāi)的頁(yè)面中提示“沒(méi)有查詢(xún)到你要的信息”。613 后臺(tái)登陸驗(yàn)證功能在地址欄內(nèi)輸入進(jìn)入后臺(tái)頁(yè)面的目錄，打開(kāi)index.asp頁(yè)面，在登陸表單中輸入管理員用戶(hù)名密碼，如果輸入的正確，則直接進(jìn)入后臺(tái)管理的框架頁(yè)面admin.asp，如果輸入的用戶(hù)名密碼不正確

32、，則打開(kāi)一個(gè)錯(cuò)誤頁(yè)面，需要重新輸入登陸信息。614 后臺(tái)新聞管理功能進(jìn)入后臺(tái)管理頁(yè)面后，點(diǎn)擊左邊導(dǎo)航欄的各個(gè)鏈接，進(jìn)入各個(gè)數(shù)據(jù)庫(kù)信息的管理頁(yè)面。在頁(yè)面中顯示數(shù)據(jù)庫(kù)中的記錄。點(diǎn)擊上方的添加新聞，在下面顯示添加新聞的表單，在每個(gè)輸入框中輸入數(shù)據(jù)后，點(diǎn)擊確定添加，則頁(yè)面中可看到自己添加的新聞已經(jīng)在表格中顯示。點(diǎn)擊一條新聞?dòng)涗浐蟮男薷逆溄?，出?lái)修改新聞的表單，在表單中修改新聞后點(diǎn)擊確定修改，則在頁(yè)面中顯示已經(jīng)修改的信息。點(diǎn)擊記錄后面的刪除鏈接。顯示刪除表單，點(diǎn)擊確定刪除后，則在頁(yè)面中可看到記錄已經(jīng)刪除。62 平臺(tái)的維護(hù)本平臺(tái)的維護(hù)主要是對(duì)后臺(tái)數(shù)據(jù)庫(kù)中信息的維護(hù)，需要進(jìn)行經(jīng)常的更新。教師應(yīng)把系部?jī)?nèi)最新的公告發(fā)布到網(wǎng)頁(yè)上，把教學(xué)管理信息，專(zhuān)業(yè)建設(shè)信息、實(shí)驗(yàn)室新聞，學(xué)生新聞等進(jìn)行更新。結(jié)束語(yǔ)未來(lái)的社會(huì)是網(wǎng)絡(luò)的社會(huì)，處在信息時(shí)代的校園里，系部網(wǎng)站更是不可缺少。而網(wǎng)絡(luò)教學(xué)將是未來(lái)教學(xué)方式有力的補(bǔ)充形式，它以多媒體技術(shù)和計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)為主體，自主的個(gè)性化