網(wǎng)頁(yè)設(shè)計(jì)與制作第10章數(shù)據(jù)庫(kù)應(yīng)用

第10章數(shù)據(jù)庫(kù)的應(yīng)用

學(xué)習(xí)目標(biāo)：要求掌握數(shù)據(jù)庫(kù)網(wǎng)頁(yè)的工作原理，熟悉Web系統(tǒng)的制作流程。掌握如何創(chuàng)建數(shù)據(jù)源與網(wǎng)頁(yè)的鏈接，創(chuàng)建記錄集，如何實(shí)現(xiàn)記錄集的綁定，掌握各類服務(wù)行為的功能與使用。通過(guò)本章的學(xué)習(xí)，能制作出簡(jiǎn)單的Web系統(tǒng)。

第10章數(shù)據(jù)庫(kù)的應(yīng)用10.1數(shù)據(jù)庫(kù)網(wǎng)頁(yè)基礎(chǔ)

10.2安裝因特網(wǎng)信息服務(wù)器(IIS)

10.3配置服務(wù)器

10.4重新定義站點(diǎn)

10.5創(chuàng)建數(shù)據(jù)庫(kù)的連接

10.6簡(jiǎn)單的Web應(yīng)用

10.7綜合實(shí)例——?jiǎng)?chuàng)建留言板

10.1數(shù)據(jù)庫(kù)網(wǎng)頁(yè)基礎(chǔ)在互聯(lián)網(wǎng)上，我們經(jīng)常去一些網(wǎng)站查詢信息，購(gòu)買商品，或者在網(wǎng)站上留言、聊天。這些網(wǎng)站是交互式的動(dòng)態(tài)網(wǎng)站，它包含了數(shù)據(jù)庫(kù)系統(tǒng)，用戶可以通過(guò)網(wǎng)站查詢數(shù)據(jù)庫(kù)的信息。隨著電子商務(wù)的發(fā)展，包含數(shù)據(jù)庫(kù)的網(wǎng)站越來(lái)越多，數(shù)據(jù)庫(kù)的網(wǎng)站的制作是專業(yè)網(wǎng)站設(shè)計(jì)人員必須掌握的技術(shù)。DreamweaverMX2004提供了功能強(qiáng)大的可視化開(kāi)發(fā)環(huán)境，在不熟悉ASP、JSP、PHP的情況下，也可以很快地制作出包含數(shù)據(jù)庫(kù)的動(dòng)態(tài)網(wǎng)站。10.1數(shù)據(jù)庫(kù)網(wǎng)頁(yè)基礎(chǔ)

10.1.1數(shù)據(jù)庫(kù)網(wǎng)頁(yè)的工作原理

10.1.2Web數(shù)據(jù)庫(kù)系統(tǒng)的制作流程10.1.1數(shù)據(jù)庫(kù)網(wǎng)頁(yè)的工作原理動(dòng)態(tài)網(wǎng)頁(yè)中包含一些應(yīng)用程序，有些程序在用戶的瀏覽器中運(yùn)行，而有些程序在Web服務(wù)器上運(yùn)行。用于設(shè)計(jì)在客戶機(jī)上或是瀏覽器環(huán)境下運(yùn)行的Web程序或腳本，稱為客戶端技術(shù)，例VBScript、JavaScript、JavaApplet、JavaPlugIn等。用于設(shè)計(jì)在服務(wù)器環(huán)境下運(yùn)行的Web程序稱為服務(wù)器端技術(shù)，例CGI應(yīng)用、ASP、JSP、PHP等。10.1.1數(shù)據(jù)庫(kù)網(wǎng)頁(yè)的工作原理數(shù)據(jù)庫(kù)網(wǎng)頁(yè)中的程序就是在Web服務(wù)器中運(yùn)行。當(dāng)用戶向?yàn)g覽器發(fā)出一個(gè)請(qǐng)求，訪問(wèn)某個(gè)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，Web服務(wù)器接受請(qǐng)求，分析網(wǎng)頁(yè)中的程序代碼，把對(duì)數(shù)據(jù)庫(kù)操作的指令送到數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序，對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作，得到的結(jié)果以記錄集的形式，通過(guò)數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序送回給Web服務(wù)器，Web服務(wù)器把數(shù)據(jù)插入到網(wǎng)頁(yè)中，形成靜態(tài)頁(yè)面，傳回給瀏覽器

10.1.1數(shù)據(jù)庫(kù)網(wǎng)頁(yè)的工作原理包含數(shù)據(jù)庫(kù)的動(dòng)態(tài)網(wǎng)頁(yè)工作原理如圖如下：

WEB服務(wù)器數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序數(shù)據(jù)庫(kù)記錄集請(qǐng)求響應(yīng)操作指令10.1.2Web數(shù)據(jù)庫(kù)系統(tǒng)的制作流程

數(shù)據(jù)庫(kù)網(wǎng)頁(yè)是可以訪問(wèn)后臺(tái)數(shù)據(jù)庫(kù)的網(wǎng)頁(yè)。所以制作數(shù)據(jù)庫(kù)網(wǎng)頁(yè)要先作靜態(tài)的頁(yè)面，再規(guī)劃后臺(tái)數(shù)據(jù)庫(kù)結(jié)構(gòu)，建立數(shù)據(jù)表，然后用ASP、JSP或PHP語(yǔ)言書(shū)寫代碼，插入到靜態(tài)頁(yè)面中。在DreamweaverMX2004中通過(guò)可視化開(kāi)發(fā)工具進(jìn)行操作，可在頁(yè)面中自動(dòng)插入代碼。10.2安裝因特網(wǎng)信息服務(wù)器(IIS)

如果只是制作靜態(tài)的網(wǎng)頁(yè)，就不必要安裝、配置服務(wù)器。因?yàn)榧兇獾腍TM代碼，客戶端的瀏覽器就可以解釋執(zhí)行，不需要服務(wù)器的支持。如果要在本地測(cè)試包含數(shù)據(jù)庫(kù)的動(dòng)態(tài)網(wǎng)頁(yè)，就必須安裝和配置服務(wù)器。IIS是Internet信息服務(wù)（InternetInformationServer）的縮寫。它是一種Web服務(wù)，主要包括WWW服務(wù)器、FTP服務(wù)器等。只要安裝了IIS并配置它，就可以在Intranet（局域網(wǎng)）或Internet（因特網(wǎng)）上發(fā)布信息。IIS是一個(gè)網(wǎng)站管理程序，它具有可靠性、可伸縮性、安全性以及可管理性等特點(diǎn)。是一個(gè)良好的通信平臺(tái)。Wndows2000server自帶IIS，Windows2000Profession、windowsxp則要通過(guò)添加組件的方法安裝IIS。第10章數(shù)據(jù)庫(kù)的應(yīng)用10.3配置服務(wù)器

成功安裝IIS后，接下來(lái)配置IIS，具體操作步驟如下。10.4重新定義站點(diǎn)

前面我們定義的站點(diǎn)，是支持靜態(tài)頁(yè)面的?，F(xiàn)在要制作數(shù)據(jù)庫(kù)網(wǎng)頁(yè)，必須重新定義站點(diǎn)。配置站點(diǎn)的【高級(jí)】選項(xiàng)。

10.5創(chuàng)建數(shù)據(jù)庫(kù)的連接10.5.1創(chuàng)建系統(tǒng)DSN的連接

10.5.2創(chuàng)建字符串的連接

10.5創(chuàng)建數(shù)據(jù)庫(kù)的連接我們常用的數(shù)據(jù)庫(kù)一般有3種：MicrosoftAccess、MicrosoftSQLsever和Oracle。對(duì)于中小型機(jī)構(gòu)網(wǎng)站的Web數(shù)據(jù)庫(kù)，可以選擇Access或是SQLServer數(shù)據(jù)庫(kù)。特別是數(shù)據(jù)量不大的情況下，Access是較好的選擇。Access包含在Office辦公自動(dòng)化軟件包中，其界面友好，使用簡(jiǎn)單，功能也比較強(qiáng)大，可以應(yīng)付一般的數(shù)據(jù)存儲(chǔ)和管理的需要。我們就以Access為例來(lái)講解ASP與數(shù)據(jù)庫(kù)的連接。ASP應(yīng)用程序可以通過(guò)開(kāi)放式數(shù)據(jù)庫(kù)鏈接（ODBC）驅(qū)動(dòng)程序或嵌入數(shù)據(jù)庫(kù)（OLEDB）提供程序鏈接到數(shù)據(jù)庫(kù)。該驅(qū)動(dòng)程序提供程序被用作解釋器，能夠使網(wǎng)頁(yè)應(yīng)用程序與數(shù)據(jù)庫(kù)進(jìn)行通信。10.5創(chuàng)建數(shù)據(jù)庫(kù)的連接鏈接數(shù)據(jù)庫(kù)的兩種方法：l

使用數(shù)據(jù)源名稱（DSN）l

使用自定義字符串鏈接到數(shù)據(jù)庫(kù)。DSN是應(yīng)用程序與數(shù)據(jù)庫(kù)之間的橋梁，是一個(gè)代表ODBC連接的符號(hào)，包含了數(shù)據(jù)庫(kù)文件名、所在位置、數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序、用戶ID、密碼等內(nèi)容。DSN有系統(tǒng)DSN、用戶DSN和文件DSN三種形式。系統(tǒng)DSN允許所有的用戶登錄到特定的服務(wù)器上去訪問(wèn)數(shù)據(jù)庫(kù)，它對(duì)當(dāng)前機(jī)器上所有用戶可見(jiàn)，即面向所有用戶；而用戶DSN則使用適當(dāng)?shù)陌踩矸葑C明以限制數(shù)據(jù)庫(kù)到特定用戶的連接，它只對(duì)當(dāng)前用戶可見(jiàn)，只能用于當(dāng)前機(jī)器上，即面向特定用戶；文件DSN將連接情況存儲(chǔ)在一個(gè)文件中，它提供了對(duì)多用戶的訪問(wèn)，可以由安裝了相同驅(qū)動(dòng)程序的用戶來(lái)共享，通過(guò)復(fù)制DSN文件，可以輕易地從一個(gè)服務(wù)器轉(zhuǎn)移到另一個(gè)服務(wù)器，方便DSN的移植。一般情況下，應(yīng)該選擇建立系統(tǒng)DSN。

10.5創(chuàng)建數(shù)據(jù)庫(kù)的連接10.5.1創(chuàng)建系統(tǒng)DSN的連接10.5.2創(chuàng)建字符串的連接鏈接字符串是手動(dòng)編碼的表達(dá)式，它標(biāo)識(shí)數(shù)據(jù)庫(kù)，列出鏈接到該數(shù)據(jù)庫(kù)所需的信息。如果DreamweaverMX2004沒(méi)有安裝在Web服務(wù)器上，那么用戶需要通過(guò)連接字符串建立數(shù)據(jù)庫(kù)連接。1．Access數(shù)據(jù)庫(kù)使用的鏈接字符串：Driver={MicrosoftAccessDriver(*.mdb)};DBQ=d:\mywebs\data\data.mdbDrive：用于指定數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序DBQ：用于指數(shù)據(jù)庫(kù)的路徑10.5創(chuàng)建數(shù)據(jù)庫(kù)的連接2．SQL數(shù)據(jù)庫(kù)使用的鏈接字符串：Driver={SQLServer};Server=dylan;Database=data;UID=admin;PWD=adminDriver：用于指定數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序Server：用于指定承載SQLServer數(shù)據(jù)庫(kù)的服務(wù)器。Database：指定SQLServer數(shù)據(jù)庫(kù)的名稱。UID：用于指定用戶名。PWD：用于指定用戶密碼。10.5創(chuàng)建數(shù)據(jù)庫(kù)的連接如果使用遠(yuǎn)程服務(wù)器，就要用相對(duì)路徑，使用到MapPath方法提供DBQ參數(shù)。例如MicrosoftAccess數(shù)據(jù)庫(kù)的虛擬路徑為/data/data.mdb，使用VBScript作為腳本語(yǔ)言，連接字符串可表示為：“Driver={MicrosoftAccessDriver(*.mdb)};DBQ=”&Server.MapPath(“/data/data.mdb”)&號(hào)用于串聯(lián)兩個(gè)字符串，第一個(gè)字符串用引號(hào)引起來(lái)，第二個(gè)字符串是則由Server.MapPath表達(dá)式返回。當(dāng)兩個(gè)字符串組合起來(lái)時(shí)，將創(chuàng)建以下字符串：Driver={MicrosoftAccessDriver(*.mdb)};DBQ=d:\mywebs\data\data.mdb10.6簡(jiǎn)單的Web應(yīng)用10.6.1創(chuàng)建記錄集

10.6.2．顯示記錄

10.6.3添加記錄

10.6.4更新記錄10.6.1創(chuàng)建記錄集

記錄集是由數(shù)據(jù)庫(kù)查詢從數(shù)據(jù)庫(kù)中提取出來(lái)的記錄集。查詢中包含一定的搜索準(zhǔn)則，這些準(zhǔn)則決定了哪些內(nèi)容將包含或不包含在數(shù)據(jù)庫(kù)集中，查詢可以產(chǎn)生一個(gè)只包含選定域或特定記錄的記錄集。10.6.2．顯示記錄

記錄集創(chuàng)建好后，就可以對(duì)它進(jìn)行操作。如何把記錄集中的數(shù)據(jù)顯示出來(lái)呢？可利用“應(yīng)用程序”工具欄中的插入“動(dòng)態(tài)表格”命令，也可以自定義顯示格式，然后在其中插入“動(dòng)態(tài)文本”。10.6.3添加記錄

向數(shù)據(jù)庫(kù)表中添加記錄，具體操作如下：(1)新建一動(dòng)態(tài)文檔，類型為VBScript，保存為insert.asp。(2)用上面介紹的方法為該頁(yè)面建立記錄集。(3)用以下方法之一打開(kāi)【插入記錄】對(duì)話框，如圖10-31所示。10.6.4更新記錄修改數(shù)據(jù)庫(kù)表中