【文章內(nèi)容簡(jiǎn)介】 Inter 都對(duì) JavaScript 對(duì)象作了補(bǔ)充，使得用戶可以很容易的創(chuàng)建一個(gè)動(dòng)態(tài)改變的頁(yè)面 . VBScript在這方面明顯的要落后于 JavaScript. 現(xiàn)在只有 Inter Explorer 支持 VBScript，另一著名的瀏覽器 Netscape Navigator 并不支持 VBScript，這也增加了 VBScript的局限性 . 當(dāng)然 Microsoft公司對(duì) VBScript作了非常好的支持，無(wú)論從客戶端和瀏覽器 IE 還是服務(wù)器端的 IIS(微軟自己開發(fā)的 WEB 服務(wù)器 )，在 VBScript 中可以使用 ActiveX 控件， 在服務(wù)器端的 ASP 中大量的使用了 VBScript，這些都是 JavaScript 所不能做到的 . 3 數(shù)據(jù)庫(kù)簡(jiǎn)介 1 數(shù)據(jù)庫(kù)技術(shù)簡(jiǎn)介 為了解決多用戶、多應(yīng)用共享數(shù)據(jù)的需求，出現(xiàn)了數(shù)據(jù)庫(kù)技術(shù) . 采用數(shù)據(jù)庫(kù)技術(shù)可以明顯的降低數(shù)據(jù)的冗余度，提高數(shù)據(jù)的共享性，并提供數(shù)據(jù)庫(kù)的恢復(fù)、并發(fā)控制、數(shù)據(jù)完整性和安全性的控制功能來(lái)確保數(shù)據(jù)庫(kù)中的數(shù)據(jù)始終是完整的、一致的和可靠的 . 數(shù)據(jù)庫(kù)的出現(xiàn)使信息系統(tǒng)的研究從以加工數(shù)據(jù)的程序?yàn)橹行霓D(zhuǎn)變到以共享的數(shù)據(jù)庫(kù)為中心來(lái)進(jìn)行 . 數(shù)據(jù)庫(kù)從產(chǎn)生到發(fā)展到現(xiàn)在，出現(xiàn)了多種類型 . 按其結(jié)構(gòu)主 要可以分為以下三種：層次數(shù)據(jù)庫(kù)、網(wǎng)狀數(shù)據(jù)庫(kù)和關(guān)系數(shù)據(jù)庫(kù) . 關(guān)系數(shù)據(jù)庫(kù)是使用最廣泛的一種數(shù)據(jù)庫(kù)， Microsoft SQL Server，Oracle, Sybase 等都是關(guān)系數(shù)據(jù)庫(kù) . 關(guān)系數(shù)據(jù)庫(kù)模型是由 Ted Codd于 1970 年提出的，他認(rèn)為數(shù)據(jù)庫(kù)應(yīng)當(dāng)以表的形式（即所謂的關(guān)系）組織數(shù)據(jù) . 關(guān)系數(shù)據(jù)庫(kù)以關(guān)系（表）來(lái)表示數(shù)據(jù)與數(shù)據(jù)之間的聯(lián)系，數(shù)據(jù)的邏輯關(guān)系是一張二維表 . 關(guān)系數(shù)據(jù)庫(kù)具有概念簡(jiǎn)單清晰、容易使用的特點(diǎn) . 在關(guān)系模型上發(fā)展而來(lái)的關(guān)系數(shù)據(jù)理論具有嚴(yán)格的數(shù)學(xué)基礎(chǔ)，能夠規(guī)范數(shù)據(jù)之間的各種關(guān)系，簡(jiǎn)化了數(shù)據(jù) 庫(kù)和程序的開發(fā)工作 . 2 Web 數(shù)據(jù)庫(kù) 隨著 WWW的迅速擴(kuò)展， WWW 上可用數(shù)據(jù)源的數(shù)量迅速增長(zhǎng)，人們?cè)噲D把 WWW上的數(shù)據(jù)源集成為一個(gè)完整的 Web數(shù)據(jù)庫(kù)，使這些數(shù)據(jù)源得到充分利用 . Web數(shù)據(jù)庫(kù)是一個(gè)新的研究領(lǐng)域，它是 Web和數(shù)據(jù)庫(kù)技術(shù)相結(jié)合的產(chǎn)物 . Web和數(shù)據(jù)庫(kù)的結(jié)合源于兩者各自的優(yōu)勢(shì)和缺陷 . 圖 23是 Web數(shù)據(jù)庫(kù)的結(jié)構(gòu)框圖 . 圖 3 Web數(shù)據(jù)庫(kù)結(jié)構(gòu)框圖 其中， Web服務(wù)器可以和數(shù)據(jù)庫(kù)放在同一臺(tái)機(jī)器上，也可以放在不同的機(jī)器上， 這主要取決于主機(jī)的性能和 Web數(shù)據(jù)庫(kù)提供的服務(wù)的對(duì)象 . 其工作原理如下 :用戶端瀏覽器 Browser通過(guò) HTML表單搜集參數(shù)，這些參數(shù)通過(guò) HTTP傳遞給 Web服務(wù)器，在服務(wù)器端通過(guò) CGI腳本分析參數(shù)，同時(shí)啟動(dòng)通路程序，把分析后的參數(shù)傳遞給通路程序 . 通路程序的功能就是將分析后的參數(shù)據(jù)轉(zhuǎn)化為 SQL命令，交 SQL服務(wù)器執(zhí)行 . 這里的一個(gè)關(guān)鍵就是實(shí)現(xiàn)通路程序 . 目前， Oracle, Informix, Sybase都實(shí)現(xiàn)了自己的通路程序 . 如果 Web服務(wù)器位于 Windows平臺(tái) (如WindowseNT),也可以使 用 ODBC來(lái)做通路 . 3 Web 數(shù)據(jù)庫(kù)應(yīng)用的一般結(jié)構(gòu) (B/S結(jié)構(gòu) ) 如果在 Inter/Intra環(huán)境下將應(yīng)用軟件構(gòu)建成兩層 C/S結(jié)構(gòu)，由于 Inter/Intra環(huán)境下特有的通信速度和安全性等原因，系統(tǒng)會(huì)出現(xiàn)一些問(wèn)題 . 為了解決這些問(wèn)題，軟件界提出了三層體系結(jié)構(gòu)的概念 . 把應(yīng)用分解為三個(gè)不同的邏輯層次，各有一套定義好的接口 . 第一層是表示層，典型情況下由某種圖形用戶接口組成 . 中間層由應(yīng)用邏輯組成 . 第三層是應(yīng)用所需的數(shù)據(jù) . 中間層（應(yīng)用邏輯層）基本上是由用戶通過(guò)表示層 調(diào)用的代碼，目的是用來(lái)檢索所要的數(shù)據(jù) . 當(dāng)表示層接收到這些數(shù)據(jù)后，便將其進(jìn)行格式化，顯示出來(lái) . 把應(yīng)用邏輯與用戶接口分開，大大地提高了設(shè)計(jì)應(yīng)用的靈活性 . 這樣無(wú)需個(gè) 別 應(yīng)用邏輯便可以建立和使用多種應(yīng)用接口，只要應(yīng)用邏輯層給表示層提供定義明晰的接口就 可以了 . 第三層是應(yīng)用所需要的數(shù)據(jù) . 這些數(shù)據(jù)可以由任何信息源組成 . 應(yīng)用所需的數(shù)據(jù)不限于僅僅是關(guān)系數(shù)據(jù)庫(kù)，也可以 是 許多不同的企業(yè)級(jí)數(shù)據(jù)源 . Web應(yīng)用在典型情況下遵循三層結(jié)構(gòu) . 第一層即表示層，在 Web應(yīng)用中它不僅包括 Web瀏覽器， 還 包括 Web服務(wù)器 . 其責(zé)任是把數(shù)據(jù)組裝成可表示的格式 . 第二層是應(yīng)用層 . 它通常由某種程序或一些組件組成 . 第三層向第二層提供所要的數(shù)據(jù) . 典型的 Web應(yīng)用首 先 由用戶提供數(shù)據(jù)（第一層），然后把數(shù)據(jù)發(fā)送給 Web服務(wù)器，運(yùn)行所要的服務(wù)程序（第二、三層），把準(zhǔn)備在 Web瀏覽器中表示的數(shù)據(jù)打包，然后將打包的數(shù)據(jù)送回到瀏覽器進(jìn)行顯示（第一層） . 服務(wù)器端 Web程序、組件和其它程序一樣，只是有幾點(diǎn)重要的區(qū)別 ： 程序能被 Web服務(wù)器調(diào)用 . 當(dāng)用戶由瀏覽器發(fā)出請(qǐng)求時(shí)， Web服務(wù)器必須能找到并執(zhí)行所請(qǐng)求 的程序 . 必須有能讓 Web服務(wù)器把表單數(shù)據(jù)傳遞給程序的途徑 . 當(dāng) Web服務(wù)器調(diào)用程序時(shí)，它需要傳遞 HTTP請(qǐng)求中的數(shù)據(jù)的途徑 . 調(diào)用程序時(shí)，必須有標(biāo)準(zhǔn)入口 . 當(dāng)程序處理完輸入數(shù)據(jù)時(shí)，它必須把結(jié)果進(jìn)行包裝，并把包裝好的結(jié)果返回給 Web服務(wù)器，然后由 WEB服務(wù)器把結(jié)果返回給瀏覽器 . 在幾年前， CGI（公共網(wǎng)關(guān)接口）是能夠把動(dòng)態(tài)數(shù)據(jù)帶到 Web上的唯一實(shí)際解決方法 ， 而如今， Web技術(shù)的發(fā)展已遠(yuǎn)遠(yuǎn)超過(guò)了最初 的 預(yù)料 . 作為一種全新的計(jì)算模式， B/S向我們展 現(xiàn)了它的巨大魅力：快速的程序發(fā)布 、 更新 ， 方便的界面調(diào)整 ， 程序更易維護(hù) . B/S現(xiàn)在已開始逐步取代傳統(tǒng)的 C/S方式，成為應(yīng)用開發(fā)的主流 . 正是如此巨大的需求促進(jìn)了 Web開發(fā)技術(shù)的飛速進(jìn)步 . 從JavaScript到 Java Applet到 Flash，從 Html到 Dhtml到 Xml，從 CGI到 PHP到 ， WEB開發(fā)技術(shù)已遠(yuǎn)非當(dāng)年的吳下阿蒙了 . 如今的 Web開發(fā)無(wú)論是前臺(tái)界面的表現(xiàn)形式與技術(shù)，還是后臺(tái)數(shù)據(jù)的計(jì)算、管理和維護(hù) ， 都已發(fā)生了深刻的變化 . 這些現(xiàn)代 Web技術(shù)為網(wǎng)站或應(yīng)用開發(fā)提供了 強(qiáng)有力的支持，他們正向著現(xiàn)代軟件技術(shù)所倡導(dǎo)的組件化、框架化穩(wěn)步 前 進(jìn) . 2 網(wǎng)站的總體設(shè)計(jì) 網(wǎng)站結(jié)構(gòu)設(shè)計(jì) 圍繞課題中心“教學(xué)課件網(wǎng)站”進(jìn)行設(shè)計(jì)，在制作前收集了大量的網(wǎng)站制作方面的學(xué)習(xí)資料，所以選材方面就有了定位，一級(jí)欄目分為 Flash多媒體課件、 Fireworks多媒體課件、 Dreamweaver多媒體課件、其它教程。這其中又包括各自的專題。具體流程圖及說(shuō)明如下： 圖 21 網(wǎng)站總體設(shè)計(jì)圖 數(shù)據(jù)庫(kù)設(shè) 計(jì) 根據(jù)系統(tǒng)功能設(shè)計(jì)要求和模塊劃分，因?yàn)槭钦n件網(wǎng)站，設(shè)計(jì)時(shí)以我比較熟悉的知識(shí)內(nèi)容（主要是網(wǎng)站方面的）進(jìn)行主要分類，再進(jìn)一步細(xì)化分類。本站的數(shù)據(jù)庫(kù)主要存儲(chǔ)四大類信息（一級(jí)資源欄目信息）、子類信息（二級(jí)資源欄目信息）、各種資源信息和管理員信息。 數(shù)據(jù)項(xiàng)和數(shù)據(jù)結(jié)構(gòu)如下： （ 1）一級(jí)欄目信息： Classid(自動(dòng)編號(hào) )和類型名稱 （ 2）二級(jí)欄目信息： Nclassid(自動(dòng)編號(hào) )、類型名稱和一級(jí)欄目 id （ 3）資源信息： Id(自動(dòng)編號(hào) )、下載類型、信息名稱、信息描述、下載 上傳 關(guān)鍵字搜索 一級(jí)欄目刪除 專題添加 專題更名 成功 失敗 課件搜索 分類課件管理 一級(jí)欄目添加 一級(jí)欄目更名 管理員登錄 教學(xué)課件資源庫(kù) 課件管理 添加 修改 刪除 各類課件顯 示 重新登錄 專題刪除 下載路徑、二級(jí)欄目 id、一級(jí)欄目 id、語(yǔ)言 種類、文件大小和瀏覽次數(shù)等。 （ 4）管理員信息： Id(自動(dòng)編號(hào) )、管理員名稱、管理員密碼和管理員級(jí)別。詳細(xì)內(nèi)容見附錄三。 連接數(shù)據(jù)庫(kù) 及調(diào)用 訪問(wèn)數(shù)據(jù)庫(kù)信息的第一步是和數(shù)據(jù)庫(kù)建立連接。 在我做的課件資源庫(kù)中連接數(shù)據(jù)庫(kù) 模塊為 頁(yè)面，該頁(yè)面的代碼如下： %dim conn dim dbpath set conn=() PROVIDER=SQLOLEDB。DATA SOURCE=(local)。UID=sa。PWD=sa。DATABASE=download % 這段代碼的主要作用是 使用 ASP 的 方法可以創(chuàng)建對(duì)象的 一個(gè) 實(shí)例 Connection，接下來(lái)再創(chuàng)建一個(gè)記錄集recordset， Recordset 對(duì)象是負(fù)責(zé)瀏覽與操作從數(shù)據(jù)庫(kù)取出來(lái)的數(shù)據(jù)， 可用于 檢索數(shù)據(jù)、檢查結(jié)果、更改數(shù)據(jù)庫(kù) ， Connection 對(duì)象只負(fù)責(zé)與數(shù)據(jù)庫(kù)進(jìn)行鏈接的動(dòng)作，并不能使用數(shù)據(jù)庫(kù)內(nèi)的數(shù)據(jù)，因此必須建立一個(gè)可以存取數(shù)據(jù)庫(kù)數(shù)據(jù)的 Recordset 對(duì)象 。 在每一頁(yè)面加入代碼： !include file=該代碼的主要作用是 連接數(shù)據(jù)庫(kù) 頁(yè)面 ，這樣就可以和庫(kù)中的表連接上了，就能完成動(dòng)態(tài)顯示功能。 課件顯示模塊 課件顯示模塊 主要完成功能是及時(shí)在網(wǎng)頁(yè)中顯示當(dāng)前最新的課件資料，使用戶方便下載所需課件資料。 圖 22 分類界面 圖 23 課件下載界面 課件下載功能 如圖 2 23所示，是 下載的全過(guò)程，圖 22中有一級(jí)欄目和一級(jí)欄目分類（二級(jí)欄目），每個(gè)分類中又有各自的內(nèi)容，這里的內(nèi)容可供下載學(xué)習(xí)，點(diǎn)擊進(jìn)入圖 23界面。如圖 23所示，畫出的圓圈部分，點(diǎn)擊，打開保存界面?？蓪嚎s包保存在本地機(jī)上，解壓后即可學(xué)習(xí)，觀看。 要 完成從網(wǎng)絡(luò)端到客戶端的下載。需要將所有信息的壓縮包名稱、編號(hào)放入表中，并將壓縮包放在站內(nèi)的文件夾內(nèi)，使用條件語(yǔ)句找到匹配內(nèi)容，彈出保存對(duì)話框。代碼如下： !include file= % set rs=() sql=select * from download where id=amp。request(id) sql,conn,1,1 if request(downid)=2 then url=amp。rs(filename1)amp。 elseif request(downid)=3 then url=amp。rs(filename2)amp。 elseif request(downid)=1 then url=amp。rs(filename)amp。 elseif request(downid)=4 then url=amp。rs(filename3)amp。 elseif request(downid)=5 then url=amp。rs(filename4)amp。 end if amp。urlamp。 set rs=nothing set conn=nothing% 課件上傳功能 本功能可以用 Email的方式進(jìn)行，沒有深入的學(xué)習(xí)研究，有待日后完善。 管理模塊 在課件顯示下載模塊之后，本模塊為本站的重點(diǎn)和難點(diǎn)，也 是最復(fù)雜的部分 ，它又分為欄目管理、課件管理、用戶管理。該功能只有管理員才能對(duì)其修改。 如圖所示， 在此根據(jù)頁(yè)面間的關(guān)系，通過(guò)命令調(diào)用后臺(tái)數(shù)據(jù)庫(kù)來(lái)實(shí)現(xiàn)人機(jī)交互。他包含兩個(gè) 部分，分別為：“一級(jí)欄目”和“二級(jí)欄目”。流程如下： 管理員登錄 審核帳號(hào) 管理員管理頁(yè)面 錯(cuò)誤 欄目管理 一級(jí)欄目管理 二級(jí)欄目管理 正確 25 欄目管理流程圖 欄目管理功能的實(shí)現(xiàn) 進(jìn)入“ 管理員登錄 ”頁(yè)面后系統(tǒng)首先調(diào)用 SQL 語(yǔ)句在數(shù)據(jù)庫(kù)表中進(jìn)行搜索，當(dāng)用戶名和密碼和表中一樣時(shí)便進(jìn)入“管理頁(yè)面”。這里主要以一級(jí)欄目部分為例介紹調(diào)用后臺(tái)數(shù)據(jù)庫(kù)的過(guò)程。 在“類別”中，以下拉列表框的形式進(jìn)行選擇，選中后可刪除，更名，并可添加新的類別。這里的類別就是調(diào)用數(shù)據(jù)庫(kù)中的表后，用SQL 語(yǔ)句 將匹配字段進(jìn)行修改（包括刪除，更名，添加），并將信息返回 。在此利用 Recordset 對(duì)象 記錄在數(shù)據(jù)庫(kù)中搜索到的信息，并將其信息內(nèi)容以預(yù)先定義的格式顯示在窗口中。 此功能的實(shí)現(xiàn)完全通過(guò)對(duì)各種參數(shù)定義結(jié)合 SQL 數(shù)據(jù)庫(kù)語(yǔ)言來(lái)完成，其設(shè)定的核心原代碼如下： 刪除核心代碼： sql=delete from class where classid= amp。 (subject) sql 添加核心代碼： rs(class) = (newTitle) 改名核心代碼： rs(class) = (reTitle) 在這之前，有數(shù)據(jù)庫(kù)的連接，參數(shù)的定義及各種情況的判斷條件。 課件管理 課件管理模塊包括：課件的添加、更名、刪除。如 圖 26課件管理界面 圖所示：圖中的字段與庫(kù)中表的字段是匹配的，分必填部分和無(wú)須填寫部分。 該頁(yè)僅向系統(tǒng)提交資源信息 ,顯示管理員添加資源信息成功的頁(yè)面效果 .如下圖： 錯(cuò)誤 ! 26 課件管理界面 課件管理 課件添加 課件添加成功 課件刪除 課件修改成功 課件修改 圖 27 課件管理流程圖 制作的出發(fā)點(diǎn)是應(yīng)對(duì)不同學(xué)習(xí)者的要求及教學(xué)內(nèi)容的新穎， 其功能的實(shí)現(xiàn)與“欄目管理部分”的實(shí)現(xiàn)過(guò)程基本相同。在準(zhǔn)備更新的時(shí)候，在“ 課件管理界面”中輸入相關(guān)內(nèi)容后，點(diǎn)擊添加按鈕即可。注意的是在下載地址中輸入的路徑為本地文件夾下的壓縮包名稱。 3 其它設(shè)計(jì) 方便用戶查閱資料，在主頁(yè)部分增加了搜索功能。在主頁(yè)的左邊放置了本日下載排名、本周下載排名、及全部下載排名 ，這樣可讓網(wǎng)站管理者了解那方面的資料是用戶需求大的，根據(jù)情況可以相應(yīng)增加排名最好的資料內(nèi)容。 界面設(shè)計(jì)（ 如下圖所示 ） 圖 31 主界面 主頁(yè)包括：頭頁(yè)面、內(nèi)容顯示區(qū)和尾頁(yè)面。頁(yè)面設(shè)計(jì)我個(gè)人的要求是干凈，整齊，一目了然，所以主色調(diào)我選擇了藍(lán)色系列。主頁(yè)總體設(shè)計(jì)是