[學(xué)習(xí)]網(wǎng)頁設(shè)計(jì)與制作第10章數(shù)據(jù)庫(kù)應(yīng)用

1、第10章 數(shù)據(jù)庫(kù)的應(yīng)用,學(xué)習(xí)目標(biāo)： 要求掌握數(shù)據(jù)庫(kù)網(wǎng)頁的工作原理，熟悉Web系統(tǒng)的制作流程。掌握如何創(chuàng)建數(shù)據(jù)源與網(wǎng)頁的鏈接，創(chuàng)建記錄集，如何實(shí)現(xiàn)記錄集的綁定，掌握各類服務(wù)行為的功能與使用。通過本章的學(xué)習(xí)，能制作出簡(jiǎn)單的Web系統(tǒng)。,第10章 數(shù)據(jù)庫(kù)的應(yīng)用,10.1 數(shù)據(jù)庫(kù)網(wǎng)頁基礎(chǔ) 10.2 安裝因特網(wǎng)信息服務(wù)器(IIS) 10.3 配置服務(wù)器 10.4 重新定義站點(diǎn) 10.5 創(chuàng)建數(shù)據(jù)庫(kù)的連接

2、10.6 簡(jiǎn)單的Web應(yīng)用 10.7 綜合實(shí)例——?jiǎng)?chuàng)建留言板,10.1 數(shù)據(jù)庫(kù)網(wǎng)頁基礎(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)，用戶可以通過網(wǎng)站查詢數(shù)據(jù)庫(kù)的信息。隨著電子商務(wù)的發(fā)展，包含數(shù)據(jù)庫(kù)的網(wǎng)站越來越多，數(shù)據(jù)庫(kù)的網(wǎng)站的制作是專業(yè)網(wǎng)站設(shè)計(jì)人員必須掌握的技術(shù)。Dreamweaver MX 2004提供了功能強(qiáng)大的可視化開發(fā)環(huán)境，在不熟悉ASP、JS

3、P、PHP的情況下，也可以很快地制作出包含數(shù)據(jù)庫(kù)的動(dòng)態(tài)網(wǎng)站。,10.1 數(shù)據(jù)庫(kù)網(wǎng)頁基礎(chǔ),10.1.1 數(shù)據(jù)庫(kù)網(wǎng)頁的工作原理 10.1.2 Web數(shù)據(jù)庫(kù)系統(tǒng)的制作流程,10.1.1 數(shù)據(jù)庫(kù)網(wǎng)頁的工作原理,動(dòng)態(tài)網(wǎng)頁中包含一些應(yīng)用程序，有些程序在用戶的瀏覽器中運(yùn)行，而有些程序在Web服務(wù)器上運(yùn)行。用于設(shè)計(jì)在客戶機(jī)上或是瀏覽器環(huán)境下運(yùn)行的Web程序或腳本，稱為客戶端技術(shù)，例VBScript、JavaScript、Java App

4、let、Java PlugIn等。用于設(shè)計(jì)在服務(wù)器環(huán)境下運(yùn)行的Web程序稱為服務(wù)器端技術(shù)，例CGI應(yīng)用、ASP、JSP、PHP等。,10.1.1 數(shù)據(jù)庫(kù)網(wǎng)頁的工作原理,數(shù)據(jù)庫(kù)網(wǎng)頁中的程序就是在Web服務(wù)器中運(yùn)行。當(dāng)用戶向?yàn)g覽器發(fā)出一個(gè)請(qǐng)求，訪問某個(gè)動(dòng)態(tài)網(wǎng)頁時(shí)，Web服務(wù)器接受請(qǐng)求，分析網(wǎng)頁中的程序代碼，把對(duì)數(shù)據(jù)庫(kù)操作的指令送到數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序，對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作，得到的結(jié)果以記錄集的形式，通過數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序送回給Web服務(wù)器，Web服務(wù)器

5、把數(shù)據(jù)插入到網(wǎng)頁中，形成靜態(tài)頁面，傳回給瀏覽器,10.1.1 數(shù)據(jù)庫(kù)網(wǎng)頁的工作原理,包含數(shù)據(jù)庫(kù)的動(dòng)態(tài)網(wǎng)頁工作原理如圖如下：,,10.1.2 Web數(shù)據(jù)庫(kù)系統(tǒng)的制作流程,數(shù)據(jù)庫(kù)網(wǎng)頁是可以訪問后臺(tái)數(shù)據(jù)庫(kù)的網(wǎng)頁。所以制作數(shù)據(jù)庫(kù)網(wǎng)頁要先作靜態(tài)的頁面，再規(guī)劃后臺(tái)數(shù)據(jù)庫(kù)結(jié)構(gòu)，建立數(shù)據(jù)表，然后用ASP、JSP或PHP語言書寫代碼，插入到靜態(tài)頁面中。在Dreamweaver MX 2004中通過可視化開發(fā)工具進(jìn)行操作，可在頁面中自動(dòng)插入代碼。,10.

6、2 安裝因特網(wǎng)信息服務(wù)器(IIS),如果只是制作靜態(tài)的網(wǎng)頁，就不必要安裝、配置服務(wù)器。因?yàn)榧兇獾腍TM代碼，客戶端的瀏覽器就可以解釋執(zhí)行，不需要服務(wù)器的支持。如果要在本地測(cè)試包含數(shù)據(jù)庫(kù)的動(dòng)態(tài)網(wǎng)頁，就必須安裝和配置服務(wù)器。IIS是Internet信息服務(wù)（Internet Information Server）的縮寫。它是一種Web服務(wù)，主要包括WWW服務(wù)器、FTP服務(wù)器等。只要安裝了IIS并配置它，就可以在Intranet（局域網(wǎng)）

7、或Internet（因特網(wǎng)）上發(fā)布信息。IIS是一個(gè)網(wǎng)站管理程序，它具有可靠性、可伸縮性、安全性以及可管理性等特點(diǎn)。是一個(gè)良好的通信平臺(tái)。Wndows 2000 server自帶IIS，Windows 2000 Profession、windows xp則要通過添加組件的方法安裝IIS。,第10章 數(shù)據(jù)庫(kù)的應(yīng)用,10.3 配置服務(wù)器 成功安裝IIS后，接下來配置IIS，具體操作步驟如下。,10.4 重新定義站點(diǎn),前面我

8、們定義的站點(diǎn)，是支持靜態(tài)頁面的?，F(xiàn)在要制作數(shù)據(jù)庫(kù)網(wǎng)頁，必須重新定義站點(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種：Microsoft Access、Microsoft SQL sever和Oracle。對(duì)于中小型機(jī)構(gòu)網(wǎng)站的Web數(shù)據(jù)庫(kù)，可以選擇Access或是SQL Server數(shù)據(jù)庫(kù)。特別是

9、數(shù)據(jù)量不大的情況下，Access是較好的選擇。Access包含在Office辦公自動(dòng)化軟件包中，其界面友好，使用簡(jiǎn)單，功能也比較強(qiáng)大，可以應(yīng)付一般的數(shù)據(jù)存儲(chǔ)和管理的需要。我們就以Access為例來講解ASP與數(shù)據(jù)庫(kù)的連接。ASP應(yīng)用程序可以通過開放式數(shù)據(jù)庫(kù)鏈接（ODBC）驅(qū)動(dòng)程序或嵌入數(shù)據(jù)庫(kù)（OLE DB）提供程序鏈接到數(shù)據(jù)庫(kù)。該驅(qū)動(dòng)程序提供程序被用作解釋器，能夠使網(wǎng)頁應(yīng)用程序與數(shù)據(jù)庫(kù)進(jìn)行通信。,10.5 創(chuàng)建數(shù)據(jù)庫(kù)的連接,鏈接數(shù)

10、據(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 允許

11、所有的用戶登錄到特定的服務(wù)器上去訪問數(shù)據(jù)庫(kù)，它對(duì)當(dāng)前機(jī)器上所有用戶可見，即面向所有用戶；而用戶 DSN 則使用適當(dāng)?shù)陌踩矸葑C明以限制數(shù)據(jù)庫(kù)到特定用戶的連接，它只對(duì)當(dāng)前用戶可見，只能用于當(dāng)前機(jī)器上，即面向特定用戶；文件DSN將連接情況存儲(chǔ)在一個(gè)文件中，它提供了對(duì)多用戶的訪問，可以由安裝了相同驅(qū)動(dòng)程序的用戶來共享，通過復(fù)制 DSN 文件，可以輕易地從一個(gè)服務(wù)器轉(zhuǎn)移到另一個(gè)服務(wù)器，方便DSN的移植。一般情況下，應(yīng)該選擇建立系統(tǒng) DSN。,1

12、0.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ù)所需的信息。如果Dreamweaver MX 2004沒有安裝在Web服務(wù)器上，那么用戶需要通過連接字符串建立數(shù)據(jù)庫(kù)連接。1．Access數(shù)據(jù)庫(kù)使用的鏈接字符串：Driver={Microsoft Access Driver (*.mdb)}; DBQ=d:\my

13、 webs\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={SQL Server};Server=dylan;Database=data;UID=admin;PWD=adminDriver：用于指定數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序Server：用于指定承載SQL Server數(shù)據(jù)庫(kù)的服務(wù)器。Database：指定SQL Se

14、rver數(shù)據(jù)庫(kù)的名稱。UID：用于指定用戶名。PWD：用于指定用戶密碼。,10.5 創(chuàng)建數(shù)據(jù)庫(kù)的連接,如果使用遠(yuǎn)程服務(wù)器，就要用相對(duì)路徑，使用到MapPath方法提供DBQ參數(shù)。例如Microsoft Access數(shù)據(jù)庫(kù)的虛擬路徑為/data/data.mdb，使用VBScript作為腳本語言，連接字符串可表示為：“Driver={Microsoft Access Driver (*.mdb)}; DBQ=”&Serve

15、r.MapPath(“/data/data.mdb”)&號(hào)用于串聯(lián)兩個(gè)字符串，第一個(gè)字符串用引號(hào)引起來，第二個(gè)字符串是則由Server.MapPath表達(dá)式返回。當(dāng)兩個(gè)字符串組合起來時(shí)，將創(chuàng)建以下字符串：Driver={Microsoft Access Driver (*.mdb)}; DBQ= d:\my webs\data\data.mdb,10.6 簡(jiǎn)單的Web應(yīng)用,10.6.1 創(chuàng)建記錄集 10.6.2．顯

16、示記錄 10.6.3 添加記錄 10.6.4 更新記錄,10.6.1 創(chuàng)建記錄集,記錄集是由數(shù)據(jù)庫(kù)查詢從數(shù)據(jù)庫(kù)中提取出來的記錄集。查詢中包含一定的搜索準(zhǔn)則，這些準(zhǔn)則決定了哪些內(nèi)容將包含或不包含在數(shù)據(jù)庫(kù)集中，查詢可以產(chǎn)生一個(gè)只包含選定域或特定記錄的記錄集。,10.6.2．顯示記錄,記錄集創(chuàng)建好后，就可以對(duì)它進(jìn)行操作。如何把記錄集中的數(shù)據(jù)顯示出來呢？可利用“應(yīng)用程序”工具欄中的插入“動(dòng)態(tài)表格”命令，也可以自定義顯示格式，然后

17、在其中插入“動(dòng)態(tài)文本”。,10.6.3 添加記錄,向數(shù)據(jù)庫(kù)表中添加記錄，具體操作如下：(1) 新建一動(dòng)態(tài)文檔，類型為VBScript，保存為insert.asp。(2) 用上面介紹的方法為該頁面建立記錄集。(3) 用以下方法之一打開【插入記錄】對(duì)話框，如圖10-31所示。,10.6.4 更新記錄,修改數(shù)據(jù)庫(kù)表中的記錄 。,10.6. 5、刪除記錄,刪除數(shù)據(jù)庫(kù)表中的記錄 。,10.7 綜合實(shí)例——?jiǎng)?chuàng)建留言板,前面我們講解了對(duì)數(shù)據(jù)庫(kù)