利用ASP建立動(dòng)態(tài)網(wǎng)站與應(yīng)用實(shí)例課件

第九章利用ASP建立動(dòng)態(tài)網(wǎng)站

第一節(jié)動(dòng)態(tài)網(wǎng)頁(yè)概述

第二節(jié)數(shù)據(jù)庫(kù)連接

第三節(jié)生成動(dòng)態(tài)頁(yè)第四節(jié)快速生成ASP應(yīng)用程序第五節(jié)應(yīng)用實(shí)例

習(xí)題九第九章利用ASP建立動(dòng)態(tài)網(wǎng)站第一節(jié)動(dòng)態(tài)網(wǎng)頁(yè)概述

Web應(yīng)用程序是一個(gè)包含多個(gè)頁(yè)的Web站點(diǎn)，這些頁(yè)的部分內(nèi)容或全部?jī)?nèi)容是未確定的。只有當(dāng)訪問(wèn)者請(qǐng)求Web服務(wù)器中的某個(gè)頁(yè)時(shí)，才確定該頁(yè)的最終內(nèi)容。因?yàn)轫?yè)的最終內(nèi)容根據(jù)訪問(wèn)者的操作請(qǐng)求的不同而變化，所以這種頁(yè)稱(chēng)為動(dòng)態(tài)頁(yè)。第一節(jié)動(dòng)態(tài)網(wǎng)頁(yè)概述

Web應(yīng)用程序是一個(gè)包含多個(gè)頁(yè)的Web站點(diǎn)，這些頁(yè)的一、動(dòng)態(tài)網(wǎng)頁(yè)處理過(guò)程

當(dāng)Web服務(wù)器接收到對(duì)靜態(tài)Web頁(yè)的請(qǐng)求時(shí)，服務(wù)器將該頁(yè)直接發(fā)送到瀏覽器。但是，當(dāng)Web服務(wù)器接收到對(duì)動(dòng)態(tài)頁(yè)的請(qǐng)求時(shí)，它將做出不同的反應(yīng)：它會(huì)將該頁(yè)傳遞給一個(gè)負(fù)責(zé)完成頁(yè)面處理的特殊軟件——應(yīng)用程序服務(wù)器。它讀取頁(yè)上的代碼，根據(jù)代碼中的指令完成頁(yè)，然后將代碼從頁(yè)上刪除，所得結(jié)果是一個(gè)靜態(tài)頁(yè)，應(yīng)用程序服務(wù)器將該頁(yè)傳遞回Web服務(wù)器，然后Web服務(wù)器將該頁(yè)發(fā)送到瀏覽器。當(dāng)該頁(yè)到達(dá)時(shí)，瀏覽器得到的全部?jī)?nèi)容都是HTML代碼。一、動(dòng)態(tài)網(wǎng)頁(yè)處理過(guò)程

當(dāng)Web服務(wù)器接收到對(duì)靜態(tài)We動(dòng)態(tài)網(wǎng)頁(yè)處理的過(guò)程如下：

（1）Web瀏覽器請(qǐng)求動(dòng)態(tài)頁(yè)。

（2）Web服務(wù)器查找該頁(yè)并將其傳遞給應(yīng)用程序服務(wù)器。

（3）應(yīng)用程序服務(wù)器查找該頁(yè)中的指令并完成頁(yè)。

（4）應(yīng)用程序服務(wù)器將完成的頁(yè)傳遞回Web服務(wù)器。

（5）Web服務(wù)器將完成的頁(yè)發(fā)送到請(qǐng)求瀏覽器。動(dòng)態(tài)網(wǎng)頁(yè)處理的過(guò)程如下：

（1）Web瀏覽器請(qǐng)求動(dòng)態(tài)二、相關(guān)術(shù)語(yǔ)

了解Web應(yīng)用程序的常用術(shù)語(yǔ)，對(duì)網(wǎng)站的建設(shè)很有幫助。

1．應(yīng)用程序服務(wù)器

應(yīng)用程序服務(wù)器是一種軟件，它幫助Web服務(wù)器處理包含服務(wù)器端腳本或標(biāo)記的Web頁(yè)。當(dāng)從服務(wù)器請(qǐng)求這樣一個(gè)頁(yè)時(shí)，Web服務(wù)器先將該頁(yè)傳遞給應(yīng)用程序服務(wù)器進(jìn)行處理，然后再將該頁(yè)發(fā)送到瀏覽器。常見(jiàn)的應(yīng)用程序服務(wù)器包括MacromediaColdFusion，MacromediaJRunServer，Microsoft.NET框架，IBMWebSphere，ApacheTomcat等。二、相關(guān)術(shù)語(yǔ)

了解Web應(yīng)用程序的常用術(shù)語(yǔ)，對(duì)網(wǎng)站的

2．?dāng)?shù)據(jù)庫(kù)

數(shù)據(jù)庫(kù)是存儲(chǔ)在表中的數(shù)據(jù)的集合。表的每一行組成一條記錄，每一列組成記錄中的一個(gè)域。

3．?dāng)?shù)據(jù)庫(kù)驅(qū)動(dòng)程序

數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序是在Web應(yīng)用程序和數(shù)據(jù)庫(kù)之間充當(dāng)解釋器的軟件。數(shù)據(jù)庫(kù)中的數(shù)據(jù)是以專(zhuān)用格式存儲(chǔ)的。數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序使Web應(yīng)用程序可以讀取和操作本來(lái)無(wú)法解密的數(shù)據(jù)。2．?dāng)?shù)據(jù)庫(kù)

數(shù)據(jù)庫(kù)是存儲(chǔ)在表中的數(shù)據(jù)的集合。表的每一

4．?dāng)?shù)據(jù)庫(kù)管理系統(tǒng)

數(shù)據(jù)庫(kù)管理系統(tǒng)（DBMS），又稱(chēng)數(shù)據(jù)庫(kù)系統(tǒng)，是用于創(chuàng)建和操作數(shù)據(jù)庫(kù)的軟件。常見(jiàn)的數(shù)據(jù)庫(kù)系統(tǒng)包括MicrosoftAccess，Oracle和MySQL。

5．?dāng)?shù)據(jù)庫(kù)查詢(xún)

數(shù)據(jù)庫(kù)查詢(xún)是從數(shù)據(jù)庫(kù)中提取記錄集的操作。查詢(xún)是由名為SQL的數(shù)據(jù)庫(kù)語(yǔ)言所表示的搜索條件組成的。例如，查詢(xún)可以指定在記錄集中只包含某些列或某些記錄。4．?dāng)?shù)據(jù)庫(kù)管理系統(tǒng)

數(shù)據(jù)庫(kù)管理系統(tǒng)（DBMS），又稱(chēng)

6．動(dòng)態(tài)頁(yè)

動(dòng)態(tài)頁(yè)是在發(fā)送到瀏覽器之前由應(yīng)用程序服務(wù)器自定義的Web頁(yè)。

7．記錄集

記錄集是從數(shù)據(jù)庫(kù)中一個(gè)或多個(gè)表中提取的一組數(shù)據(jù)。6．動(dòng)態(tài)頁(yè)

動(dòng)態(tài)頁(yè)是在發(fā)送到瀏覽器之前由應(yīng)用程序服務(wù)器

8．關(guān)系型數(shù)據(jù)庫(kù)

關(guān)系型數(shù)據(jù)庫(kù)是包含兩個(gè)或多個(gè)表的數(shù)據(jù)庫(kù)，這些表共享數(shù)據(jù)。下面的數(shù)據(jù)庫(kù)中有兩個(gè)表共享DepartmentID列，所以是關(guān)系型數(shù)據(jù)庫(kù)。

9．服務(wù)器技術(shù)

服務(wù)器技術(shù)是應(yīng)用程序服務(wù)器用來(lái)在運(yùn)行時(shí)，修改動(dòng)態(tài)頁(yè)的技術(shù)。8．關(guān)系型數(shù)據(jù)庫(kù)

關(guān)系型數(shù)據(jù)庫(kù)是包含兩個(gè)或多個(gè)表的數(shù)

DreamweaverMX2004支持以下服務(wù)器技術(shù)：

（1）MacromediaColdFusion。

（2）MicrosoftASP.NET。

（3）MicrosoftActiveServerPages（ASP）。

（4）SunJavaServerPage（JSP）。

（5）HypertextPreprocessor（PHP）。DreamweaverMX2004支持以下服務(wù)器技術(shù)

10．靜態(tài)頁(yè)

靜態(tài)頁(yè)是在發(fā)送到瀏覽器之前不會(huì)被應(yīng)用程序服務(wù)器修改的Web頁(yè)。

11．Web應(yīng)用程序

Web應(yīng)用程序是一個(gè)包含多個(gè)頁(yè)的Web站點(diǎn)，這些頁(yè)的部分內(nèi)容或全部?jī)?nèi)容是未確定的。只有當(dāng)訪問(wèn)者請(qǐng)求Web服務(wù)器中的某頁(yè)時(shí)，才確定該頁(yè)的最終內(nèi)容。因?yàn)轫?yè)的最終內(nèi)容根據(jù)訪問(wèn)者的操作請(qǐng)求的不同而變化，所以這種頁(yè)稱(chēng)為動(dòng)態(tài)頁(yè)。10．靜態(tài)頁(yè)

靜態(tài)頁(yè)是在發(fā)送到瀏覽器之前不會(huì)被應(yīng)用程

12．Web服務(wù)器

Web服務(wù)器是響應(yīng)來(lái)自Web瀏覽器的請(qǐng)求發(fā)送出Web頁(yè)的軟件。當(dāng)訪問(wèn)者單擊在瀏覽器中打開(kāi)的Web頁(yè)上的某個(gè)鏈接、在瀏覽器中選擇一個(gè)書(shū)簽，或在瀏覽器的地址文本框中輸入一個(gè)URL時(shí)，便生成一個(gè)頁(yè)請(qǐng)求。

常見(jiàn)的Web服務(wù)器包括MicrosoftInternetInformationServer，MicrosoftPersonalWebServer，ApacheHTTPServer，NetscapeEnterpriseServer和SunONEWebServer。12．Web服務(wù)器

Web服務(wù)器是響應(yīng)來(lái)自Web瀏覽

如果用戶計(jì)劃建立動(dòng)態(tài)Web應(yīng)用程序，可以從設(shè)置應(yīng)用程序服務(wù)器和進(jìn)行數(shù)據(jù)庫(kù)連接開(kāi)始著手。如果要將數(shù)據(jù)庫(kù)與Web應(yīng)用程序一起使用，必須首先連接到該數(shù)據(jù)庫(kù)。本節(jié)介紹如何創(chuàng)建數(shù)據(jù)庫(kù)連接。第二節(jié)數(shù)據(jù)庫(kù)連接

如果用戶計(jì)劃建立動(dòng)態(tài)Web應(yīng)用程序，可以從設(shè)置應(yīng)用程序一、使用DSN創(chuàng)建連接

ASP應(yīng)用程序必須通過(guò)開(kāi)放式數(shù)據(jù)庫(kù)連接（ODBC）驅(qū)動(dòng)程序（或?qū)ο箧溄樱┖颓度胧綌?shù)據(jù)庫(kù)（OLEDB）提供程序連接到數(shù)據(jù)庫(kù)。該驅(qū)動(dòng)程序或提供程序用作解釋器，能夠使Web應(yīng)用程序與數(shù)據(jù)庫(kù)進(jìn)行通信。一、使用DSN創(chuàng)建連接

ASP應(yīng)用程序必須通過(guò)開(kāi)放式用戶可以使用本地定義的DSN在DreamweaverMX2004中創(chuàng)建數(shù)據(jù)庫(kù)連接。如果要使用本地DSN，必須首先定義該DSN，其操作步驟如下：

（1）選擇“開(kāi)始”→“控制面板”命令，打開(kāi)“控制面板”窗口，單擊“性能和維護(hù)”圖標(biāo)，打開(kāi)“性能和維護(hù)”窗口，單擊“管理工具”圖標(biāo)，打開(kāi)“管理工具”窗口，雙擊“數(shù)據(jù)源（ODBC）”圖標(biāo)，彈出“ODBC數(shù)據(jù)源管理器”對(duì)話框，如圖9.2.1所示。用戶可以使用本地定義的DSN在DreamweaverM圖9.2.1“ODBC數(shù)據(jù)源管理器”對(duì)話框圖9.2.1“ODBC數(shù)據(jù)源管理器”對(duì)話框（2）打開(kāi)“系統(tǒng)DSN”選項(xiàng)卡，單擊“添加”按鈕，彈出“創(chuàng)建新數(shù)據(jù)源”對(duì)話框，如圖9.2.2所示。

圖9.2.2“創(chuàng)建新數(shù)據(jù)源”對(duì)話框（2）打開(kāi)“系統(tǒng)DSN”選項(xiàng)卡，單擊“添加”按鈕，彈出“（3）選擇數(shù)據(jù)源的類(lèi)型，單擊“完成”按鈕，彈出“ODBCMicrosoftAccess安裝”對(duì)話框，如圖9.2.3所示。單擊“選擇”按鈕，在彈出的“選擇數(shù)據(jù)庫(kù)”對(duì)話框中選擇網(wǎng)站數(shù)據(jù)庫(kù)所在位置。

圖9.2.3“ODBCMicrosoftAccess安裝”對(duì)話框（3）選擇數(shù)據(jù)源的類(lèi)型，單擊“完成”按鈕，彈出“ODBC（4）單擊“確定”按鈕，完成DSN的創(chuàng)建。

（5）打開(kāi)DreamweaverMX2004，創(chuàng)建一個(gè)ASP動(dòng)態(tài)頁(yè)。

（6）選擇“窗口”→“數(shù)據(jù)庫(kù)”命令，打開(kāi)“數(shù)據(jù)庫(kù)”面板。

（7）單擊按鈕，在彈出的下拉菜單中選擇“數(shù)據(jù)源名稱(chēng)（DSN）”命令，彈出“數(shù)據(jù)源名稱(chēng)（DSN）”對(duì)話框，如圖9.2.4所示。圖9.2.4“數(shù)據(jù)源名稱(chēng)（DSN）”對(duì)話框（4）單擊“確定”按鈕，完成DSN的創(chuàng)建。

（5）打（8）單擊“數(shù)據(jù)源名稱(chēng)”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇剛剛創(chuàng)建的系統(tǒng)DSN并在“連接名稱(chēng)”文本框中為該連接命名。

（9）單擊“確定”按鈕，完成連接的創(chuàng)建。（8）單擊“數(shù)據(jù)源名稱(chēng)”下拉列表框右側(cè)的小三角，在彈出的二、創(chuàng)建非DSN連接

用戶可以使用非DSN連接在Web應(yīng)用程序和數(shù)據(jù)庫(kù)之間創(chuàng)建ODBC或OLEDB連接。在DreamweaverMX2004中使用連接字符串來(lái)創(chuàng)建這類(lèi)連接，連接字符串包含Web應(yīng)用程序連接到數(shù)據(jù)庫(kù)所需的全部信息，其操作步驟如下：二、創(chuàng)建非DSN連接

用戶可以使用非DSN連接在We（1）在DreamweaverMX2004中打開(kāi)或新建一個(gè)ASP頁(yè)。

（2）選擇“窗口”→“數(shù)據(jù)庫(kù)”命令，打開(kāi)“數(shù)據(jù)庫(kù)”面板。

（3）單擊按鈕，在彈出的下拉菜單中選擇“自定義連接字符串”命令，彈出“自定義連接字符串”對(duì)話框，如圖9.2.5所示。

（4）設(shè)置完畢后，單擊“確定”按鈕。圖9.2.5“自定義連接字符串”對(duì)話框（1）在DreamweaverMX2004中打開(kāi)或新

使用DreamweaverMX2004中的Web應(yīng)用程序開(kāi)發(fā)工具，可以向頁(yè)面添加動(dòng)態(tài)內(nèi)容。

一、動(dòng)態(tài)頁(yè)設(shè)計(jì)流程

DreamweaverMX2004可以使用幾種流行的Web編程語(yǔ)言和服務(wù)器技術(shù)中的任意一種來(lái)創(chuàng)建動(dòng)態(tài)Web站點(diǎn)，這里介紹創(chuàng)建動(dòng)態(tài)Web站點(diǎn)所必須的步驟：第三節(jié)生成動(dòng)態(tài)頁(yè)

使用DreamweaverMX2004中的Web應(yīng)

1．設(shè)計(jì)頁(yè)面

設(shè)計(jì)任何Web站點(diǎn)時(shí)的一個(gè)關(guān)鍵步驟就是頁(yè)面視覺(jué)效果的設(shè)計(jì)。當(dāng)向網(wǎng)頁(yè)中添加動(dòng)態(tài)元素時(shí)，頁(yè)面的設(shè)計(jì)對(duì)于其可用性至關(guān)重要。制作動(dòng)態(tài)頁(yè)的前提便是首先設(shè)計(jì)一個(gè)美觀的靜態(tài)頁(yè)面。

2．創(chuàng)建動(dòng)態(tài)內(nèi)容源

動(dòng)態(tài)Web站點(diǎn)需要一個(gè)內(nèi)容源，它可以是數(shù)據(jù)庫(kù)、請(qǐng)求變量、服務(wù)器變量、表單變量或預(yù)存過(guò)程。在將數(shù)據(jù)顯示在網(wǎng)頁(yè)上之前，動(dòng)態(tài)Web站點(diǎn)需要從該內(nèi)容源提取這些數(shù)據(jù)。1．設(shè)計(jì)頁(yè)面

設(shè)計(jì)任何Web站點(diǎn)時(shí)的一個(gè)關(guān)鍵步驟就是

3．向Web頁(yè)添加動(dòng)態(tài)內(nèi)容

定義記錄集或其他數(shù)據(jù)源并將其添加到“綁定”面板后，可以將該記錄集所代表的動(dòng)態(tài)內(nèi)容插入到頁(yè)面中。Dreamweaver的菜單型（menu-driven）界面使得添加動(dòng)態(tài)內(nèi)容元素非常簡(jiǎn)單，只需從“綁定”面板中選擇動(dòng)態(tài)內(nèi)容源，然后將其插入到當(dāng)前頁(yè)面內(nèi)的適當(dāng)文本、圖像或表單對(duì)象中即可。3．向Web頁(yè)添加動(dòng)態(tài)內(nèi)容

定義記錄集或其他數(shù)據(jù)源并二、綁定記錄集

創(chuàng)建完數(shù)據(jù)源并成功地將其鏈接到站點(diǎn)后，便可以進(jìn)行綁定記錄集操作并進(jìn)行對(duì)記錄集的各種操作了。綁定記錄集的操作步驟如下：

（1）選擇“窗口”→“綁定”命令，打開(kāi)“綁定”面板。

（2）單擊按鈕，在彈出的下拉菜單中選擇“記錄集（查詢(xún)）”命令，彈出“記錄集”對(duì)話框，如圖9.3.1所示。二、綁定記錄集

創(chuàng)建完數(shù)據(jù)源并成功地將其鏈接到站點(diǎn)后圖9.3.1“記錄集”對(duì)話框（3）設(shè)置完成其他各選項(xiàng)后，單擊“測(cè)試”按鈕，測(cè)試所做的設(shè)置。

（4）單擊“確定”按鈕，完成記錄集的綁定。圖9.3.1“記錄集”對(duì)話框（3）設(shè)置完成其他各選項(xiàng)三、顯示數(shù)據(jù)庫(kù)記錄

顯示數(shù)據(jù)庫(kù)記錄涉及檢索儲(chǔ)存在數(shù)據(jù)庫(kù)或其他內(nèi)容源中的信息，以及將這些信息呈現(xiàn)到網(wǎng)頁(yè)上。DreamweaverMX2004提供了許多顯示動(dòng)態(tài)內(nèi)容的方法，并提供了若干內(nèi)置的服務(wù)器行為，使用戶可以增強(qiáng)動(dòng)態(tài)內(nèi)容的演示，并使用戶能夠更輕松地查找和導(dǎo)航從數(shù)據(jù)庫(kù)返回的信息。三、顯示數(shù)據(jù)庫(kù)記錄

顯示數(shù)據(jù)庫(kù)記錄涉及檢索儲(chǔ)存在數(shù)據(jù)

1．動(dòng)態(tài)表格

用戶可以使用動(dòng)態(tài)表格將數(shù)據(jù)庫(kù)中的記錄顯示出來(lái)，其操作步驟如下：

（1）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄皠?dòng)態(tài)數(shù)據(jù)”→“動(dòng)態(tài)表格”命令，彈出“動(dòng)態(tài)表格”對(duì)話框，如圖9.3.2所示。圖9.3.2“動(dòng)態(tài)表格”對(duì)話框1．動(dòng)態(tài)表格

用戶可以使用動(dòng)態(tài)表格將數(shù)據(jù)庫(kù)中的記錄顯（2）選擇需要顯示的記錄集名稱(chēng)并設(shè)置每頁(yè)顯示記錄的條數(shù)和表格的邊框。

（3）單擊“確定”按鈕，完成動(dòng)態(tài)表格的添加。

（4）根據(jù)需要?jiǎng)h除表中的列，更改表格的標(biāo)題。（2）選擇需要顯示的記錄集名稱(chēng)并設(shè)置每頁(yè)顯示記錄的條數(shù)和

2．記錄集導(dǎo)航條

當(dāng)設(shè)置每頁(yè)顯示的記錄數(shù)少于數(shù)據(jù)庫(kù)中的記錄總數(shù)時(shí)，便需要使用記錄集導(dǎo)航條來(lái)控制顯示當(dāng)前頁(yè)后面的記錄。在文檔中插入記錄集導(dǎo)航條的操作步驟如下：

（1）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄坝涗浖猪?yè)”→“記錄集導(dǎo)航條”命令，彈出“記錄集導(dǎo)航條”對(duì)話框，如圖9.3.3所示。

（2）選擇需要插入記錄集導(dǎo)航條的記錄集名稱(chēng)并設(shè)置導(dǎo)航條的顯示方式。

（3）單擊“確定”按鈕，完成記

錄集導(dǎo)航條的添加。

圖9.3.3“記錄集導(dǎo)航條”對(duì)話框2．記錄集導(dǎo)航條

當(dāng)設(shè)置每頁(yè)顯示的記錄數(shù)少于數(shù)據(jù)庫(kù)中四、插入數(shù)據(jù)庫(kù)記錄

插入數(shù)據(jù)庫(kù)記錄時(shí)，不必綁定記錄集，其操作步驟如下：

（1）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄安迦胗涗洝薄安迦胗涗洷韱蜗驅(qū)А泵?，彈出“插入記錄表單”?duì)話框，如圖9.3.4所示。圖9.3.4“插入記錄表單”對(duì)話框四、插入數(shù)據(jù)庫(kù)記錄

插入數(shù)據(jù)庫(kù)記錄時(shí)，不必綁定記錄集（2）單擊“連接”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇連接名；單擊“插入到表格”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇需要將記錄插入到的表格名；根據(jù)需要設(shè)置其他的選項(xiàng)。

（3）單擊“確定”按鈕，完成添加插入表單記錄的操作。（2）單擊“連接”下拉列表框右側(cè)的小三角，在彈出的下拉列五、更新數(shù)據(jù)庫(kù)記錄

更新數(shù)據(jù)庫(kù)記錄時(shí)，首先應(yīng)該綁定記錄集。插入更新數(shù)據(jù)庫(kù)記錄的操作步驟如下：

（1）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄案掠涗洝薄案掠涗洷韱蜗驅(qū)А泵?，彈出“更新記錄表單”?duì)話框，如圖9.3.5所示。

圖9.3.5“更新記錄表單”對(duì)話框五、更新數(shù)據(jù)庫(kù)記錄

更新數(shù)據(jù)庫(kù)記錄時(shí)，首先應(yīng)該綁定記（2）單擊“連接”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇連接名；單擊“要更新的表格”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇需要更新的表格；單擊“選取記錄自”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇記錄集名；根據(jù)需要更新表單字段的標(biāo)簽，顯示字段類(lèi)型等信息。

（3）單擊“確定”按鈕，完成更新數(shù)據(jù)庫(kù)記錄的添加。（2）單擊“連接”下拉列表框右側(cè)的小三角，在彈出的下拉列六、刪除數(shù)據(jù)庫(kù)記錄

刪除數(shù)據(jù)庫(kù)記錄時(shí)，首先應(yīng)該綁定記錄集，插入刪除數(shù)據(jù)庫(kù)記錄的操作步驟如下：

（1）選擇“插入”→“表單”→“表單”命令，在文檔中插入一個(gè)表單。

（2）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄皠h除記錄”命令，彈出“刪除記錄”對(duì)話框，如圖9.3.6所示。

六、刪除數(shù)據(jù)庫(kù)記錄

刪除數(shù)據(jù)庫(kù)記錄時(shí)，首先應(yīng)該綁定記圖9.3.6“刪除記錄”對(duì)話框（3）單擊“連接”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇連接名；單擊“從表格中刪除”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇需要?jiǎng)h除記錄的表格名；單擊“選取記錄自”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇記錄集名；根據(jù)需要設(shè)置其他選項(xiàng)。

（4）單擊“確定”按鈕，完成刪除記錄的添加。圖9.3.6“刪除記錄”對(duì)話框（3）單擊“連接”下拉七、篩選數(shù)據(jù)庫(kù)記錄

篩選數(shù)據(jù)庫(kù)記錄是在綁定記錄集時(shí)完成的，其操作步驟

如下：

（1）選擇“窗口”→“綁定”命令，打開(kāi)“綁定”面板。

（2）單擊按鈕，在彈出的下拉菜單中選擇“記錄集（查詢(xún)）”命令，彈出“記錄集”對(duì)話框（見(jiàn)圖9.3.1）。七、篩選數(shù)據(jù)庫(kù)記錄

篩選數(shù)據(jù)庫(kù)記錄是在綁定記錄集時(shí)完（3）單擊“篩選”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇需要篩選的數(shù)據(jù)表中的列，在其后面的下拉列表中選擇邏輯操作符，在其下面的下拉列表中選擇篩選的類(lèi)型，在其后面的文本框中輸入篩選的值，如圖9.3.7所示。

（4）設(shè)置完成其他選項(xiàng)后，單擊“測(cè)試”按鈕，測(cè)試所做的設(shè)置。

（5）單擊“確定”按鈕，完成記錄集的綁定。

圖9.3.7對(duì)記錄進(jìn)行篩選（3）單擊“篩選”下拉列表框右側(cè)的小三角，在彈出的下拉列

Web應(yīng)用程序通常賦予頁(yè)面一定的功能，例如使用戶可以搜索數(shù)據(jù)庫(kù)的頁(yè)面，使用戶可以插入、更新或刪除數(shù)據(jù)庫(kù)中的數(shù)據(jù)的頁(yè)面，以及限制對(duì)某一個(gè)Web站點(diǎn)的訪問(wèn)的頁(yè)面。使用DreamweaverMX2004可以迅速建立所有此類(lèi)頁(yè)面。第四節(jié)快速生成ASP應(yīng)用程序

Web應(yīng)用程序通常賦予頁(yè)面一定的功能，例如使用戶可以一、生成主詳細(xì)頁(yè)

開(kāi)發(fā)Web應(yīng)用程序時(shí)，使用主詳細(xì)頁(yè)集應(yīng)用程序?qū)ο罂梢钥焖偕芍髟敿?xì)頁(yè)。應(yīng)用程序?qū)ο笾恍柰ㄟ^(guò)完成一兩個(gè)對(duì)話框的設(shè)置來(lái)生成一組完整的動(dòng)態(tài)頁(yè)。

生成主詳細(xì)頁(yè)的操作步驟如下：

（1）選擇“文件”→“新建”命令，彈出“新建文檔”對(duì)話框，在左側(cè)“類(lèi)別”列表框中選擇“動(dòng)態(tài)頁(yè)”選項(xiàng)，在右側(cè)的“動(dòng)態(tài)頁(yè)”列表框中選擇一種動(dòng)態(tài)頁(yè)的類(lèi)型，單擊“創(chuàng)建”按鈕。

（2）為該文檔綁定一個(gè)記錄集。一、生成主詳細(xì)頁(yè)

開(kāi)發(fā)Web應(yīng)用程序時(shí)，使用主詳細(xì)頁(yè)（3）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄爸髟敿?xì)頁(yè)集”命令，彈出“插入主詳細(xì)頁(yè)集”對(duì)話框，如圖9.4.1所示。

（4）設(shè)置對(duì)話框中各個(gè)選項(xiàng)。

（5）單擊“確定”按鈕，完成主詳細(xì)頁(yè)的插入。

圖9.4.1“插入主詳細(xì)頁(yè)集”對(duì)話框（3）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄爸髟敿?xì)頁(yè)集”命令二、生成搜索頁(yè)和結(jié)果頁(yè)

Web上的搜索頁(yè)通常包含用戶在其中輸入搜索參數(shù)的表單域。搜索頁(yè)至少必須具有一個(gè)帶有“提交”按鈕的HTML表單。二、生成搜索頁(yè)和結(jié)果頁(yè)

Web上的搜索頁(yè)通常包含用戶生成搜索頁(yè)的操作步驟如下：

（1）打開(kāi)搜索頁(yè)或創(chuàng)建一個(gè)新頁(yè)，選擇“插入”→“表單”→“表單”命令。

（2）選擇“插入”→“表單”命令，在彈出的下拉菜單中選擇需要插入的表單對(duì)象。

（3）選擇“插入”→“表單”→“按鈕”命令，添加一個(gè)“提交”按鈕。生成搜索頁(yè)的操作步驟如下：

（1）打開(kāi)搜索頁(yè)或創(chuàng)建一（4）在標(biāo)簽選擇器中選擇標(biāo)記。

（5）在屬性面板中的“動(dòng)作”文本框中輸入將執(zhí)行數(shù)據(jù)庫(kù)搜索的結(jié)果頁(yè)的文件名。

（6）單擊“方法”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇一種將表單數(shù)據(jù)發(fā)送到服務(wù)器的類(lèi)型。（4）在標(biāo)簽選擇器中選擇標(biāo)記。

（5）在屬性面板完成了搜索頁(yè)的創(chuàng)建頁(yè)后，便需要完成顯示搜索結(jié)果的結(jié)果頁(yè)，首先要對(duì)記錄集進(jìn)行篩選，其操作步驟如下：

（1）新建一個(gè)動(dòng)態(tài)頁(yè)。

（2）打開(kāi)“綁定”面板，單擊按鈕，在彈出的下拉菜單中選擇“記錄集（查詢(xún)）”命令，彈出“記錄集”對(duì)話框。

（3）輸入記錄集的名稱(chēng)并選擇一個(gè)連接；在“表格”下拉列表中，選擇要在數(shù)據(jù)庫(kù)中搜索的表。完成了搜索頁(yè)的創(chuàng)建頁(yè)后，便需要完成顯示搜索結(jié)果的結(jié)果頁(yè)，（4）單擊“篩選”選項(xiàng)的第一個(gè)下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇一個(gè)要在其中搜索匹配記錄的數(shù)據(jù)庫(kù)表列；在它右邊的下拉列表中選擇選項(xiàng)；單擊第三個(gè)下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇“表單變量”選項(xiàng)；在其右邊的文本框中輸入生成搜索頁(yè)的“提交”按鈕的名稱(chēng)。

（5）單擊“確定”按鈕，完成記錄集的綁定。（4）單擊“篩選”選項(xiàng)的第一個(gè)下拉列表框右側(cè)的小三角，在綁定記錄集后結(jié)果頁(yè)便創(chuàng)建完成，其操作步驟如下：

（1）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄皠?dòng)態(tài)數(shù)據(jù)”→“動(dòng)態(tài)表格”命令，彈出“動(dòng)態(tài)表格”對(duì)話框。

（2）選擇需要顯示的記錄集名稱(chēng)并設(shè)置每頁(yè)顯示記錄的條數(shù)和表格的邊框。

（3）單擊“確定”按鈕，完成動(dòng)態(tài)表格的添加。

（4）根據(jù)需要?jiǎng)h除表中的列、更改表格的標(biāo)題。

（5）Dreamweaver將插入一個(gè)動(dòng)態(tài)表格，用于顯示搜索結(jié)果。

綁定記錄集后結(jié)果頁(yè)便創(chuàng)建完成，其操作步驟如下：

（1

本例制作一個(gè)新聞發(fā)布頁(yè)面，效果如圖9.5.1所示。

第五節(jié)應(yīng)用實(shí)例圖9.5.1效果圖

本例制作一個(gè)新聞發(fā)布頁(yè)面，效果如圖9.5.1所示。

第具體操作步驟如下：

（1）選擇“開(kāi)始”→“所有程序”→“MicrosoftOffice”→“MicrosoftOfficeAccess2003”命令，打開(kāi)“MicrosoftAccess”窗口。

（2）選擇“文件”→“新建”命令，打開(kāi)“任務(wù)窗格”面板，單擊“空數(shù)據(jù)庫(kù)”快捷方式，彈出“文件新建數(shù)據(jù)庫(kù)”對(duì)話框，選擇數(shù)據(jù)庫(kù)的保存位置并將該數(shù)據(jù)庫(kù)命名為“Data.mdb”，如圖9.5.2所示。單擊“創(chuàng)建”按鈕。具體操作步驟如下：

（1）選擇“開(kāi)始”→“所有程序”圖9.5.2“文件新建數(shù)據(jù)庫(kù)”對(duì)話框圖9.5.2“文件新建數(shù)據(jù)庫(kù)”對(duì)話框（3）在“Data：數(shù)據(jù)庫(kù)（Access2000文件格式）”窗口中雙擊“使用設(shè)計(jì)器創(chuàng)建表”圖標(biāo)，打開(kāi)“表1：表”窗口，輸入字段名并選擇其數(shù)據(jù)類(lèi)型，如圖9.5.3所示。

圖9.5.3輸入字段名稱(chēng)并選擇其數(shù)據(jù)類(lèi)型（3）在“Data：數(shù)據(jù)庫(kù)（Access2000文件格（4）將光標(biāo)定位在id行，單擊“表設(shè)計(jì)”工具欄中的“主鍵”按鈕將該列設(shè)為主鍵；將光標(biāo)定位在date行，在“默認(rèn)值”文本框中輸入“Now()”。

（5）單擊“關(guān)閉”按鈕，彈出“MicrosoftOfficeAccess”提示框，單擊“是”按鈕，彈出“另存為”對(duì)話框，在“表名稱(chēng)”文本框中輸入文本“news”，單擊“確定”按鈕。（4）將光標(biāo)定位在id行，單擊“表設(shè)計(jì)”工具欄中的“主鍵（6）在“Data：數(shù)據(jù)庫(kù)（Access2000文件格式）”窗口中雙擊剛創(chuàng)建的“news”表格，打開(kāi)“news：表”窗口。在“title”列中輸入新聞的標(biāo)題；在“subject”列中輸入新聞的類(lèi)別；在“content”列中輸入新聞的內(nèi)容。

（7）輸入完成后，單擊“關(guān)閉”按鈕，關(guān)閉窗口，數(shù)據(jù)表將自動(dòng)保存。（6）在“Data：數(shù)據(jù)庫(kù)（Access2000文件格（8）選擇“開(kāi)始”→“控制面板”命令，打開(kāi)“控制面板”窗口，單擊“性能和維護(hù)”圖標(biāo)，打開(kāi)“性能和維護(hù)”窗口，單擊“管理工具”圖標(biāo)，打開(kāi)“管理工具”窗口，雙擊“數(shù)據(jù)源（ODBC）”圖標(biāo)，彈出“ODBC數(shù)據(jù)源管理器”對(duì)話框。

（9）打開(kāi)“系統(tǒng)DSN”選項(xiàng)卡，單擊“添加”按鈕，彈出“創(chuàng)建新數(shù)據(jù)庫(kù)”對(duì)話框，在“名稱(chēng)”列表框中選擇“MicrosoftAccess存量Driver（*.mdb）”選項(xiàng)。（8）選擇“開(kāi)始”→“控制面板”命令，打開(kāi)“控制面板”窗（10）選擇數(shù)據(jù)源的類(lèi)型，單擊“完成”按鈕，彈出“ODBCMicrosoftAccess安裝”對(duì)話框，如圖9.5.4所示。單擊“選擇”按鈕，在彈出的“選擇數(shù)據(jù)庫(kù)”對(duì)話框中選擇Data.mdb文件。

圖9.5.4“ODBCMicrosoftAccess安裝”對(duì)話框（10）選擇數(shù)據(jù)源的類(lèi)型，單擊“完成”按鈕，彈出“ODB（11）單擊“確定”按鈕，完成DSN的創(chuàng)建。

（12）打開(kāi)DreamweaverMX2004，創(chuàng)建一個(gè)ASP動(dòng)態(tài)頁(yè)。

（13）選擇“窗口”→“數(shù)據(jù)庫(kù)”命令，打開(kāi)“數(shù)據(jù)庫(kù)”面板。（11）單擊“確定”按鈕，完成DSN的創(chuàng)建。

（12（14）單擊按鈕，在彈出的下拉菜單中選擇“數(shù)據(jù)源名稱(chēng)（DSN）”命令，彈出“數(shù)據(jù)源名稱(chēng)（DSN）”對(duì)話框，其設(shè)置如圖9.5.5所示。

圖9.5.5“數(shù)據(jù)源名稱(chēng)（DSN）”對(duì)話框（14）單擊按鈕，在彈出的下拉菜單中選擇“數(shù)據(jù)源名稱(chēng)（（15）單擊“數(shù)據(jù)源名稱(chēng)”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇剛剛創(chuàng)建的系統(tǒng)DSN并在“連接名稱(chēng)”文本框中為該連接命名。

（16）單擊“確定”按鈕，完成連接的創(chuàng)建。（15）單擊“數(shù)據(jù)源名稱(chēng)”下拉列表框右側(cè)的小三角，在彈出（17）選擇“文件”→“新建”命令，彈出“新建文檔”對(duì)話框。

（18）在“類(lèi)別”列表框中選擇“動(dòng)態(tài)頁(yè)”選項(xiàng)，在“動(dòng)態(tài)頁(yè)”列表框中選擇“ASPVBScript”選項(xiàng)，單擊“創(chuàng)建”按鈕。

（19）設(shè)置文檔標(biāo)題為“新聞”，單擊“保存”按鈕，為該文檔命名為“newsshow.asp”。（17）選擇“文件”→“新建”命令，彈出“新建文檔”對(duì)話（20）在“常用”插入工具欄中單擊“表格”按鈕，設(shè)置其為1行1例，寬度為600像素。在屬性面板中選擇對(duì)齊方式為“居中對(duì)齊”。

（21）打開(kāi)“CSS樣式”面板，單擊“附加樣式表”按鈕，將本書(shū)第四章實(shí)例中創(chuàng)建的CSS樣式表附加到文檔中。（20）在“常用”插入工具欄中單擊“表格”按鈕，設(shè)置其

（22）單擊“新建CSS樣式”按鈕，彈出“新建CSS樣式”對(duì)話框，在“選擇器類(lèi)型”選項(xiàng)中選中“類(lèi)（可應(yīng)用于任何標(biāo)簽）”單選按鈕，在“名稱(chēng)”文本框中輸入文本“.title1”，單擊“確定”按鈕。

（23）在“類(lèi)型”分類(lèi)中設(shè)置大小為“18像素”、粗細(xì)為“粗體”。在“區(qū)塊“分類(lèi)中設(shè)置文本對(duì)齊為“居中”，單擊“確定”按鈕。

（22）單擊“新建CSS樣式”按鈕，彈出“新建CSS（24）單擊“新建CSS樣式”按鈕，彈出“新建CSS樣式”對(duì)話框，在“選擇器類(lèi)型”選項(xiàng)中選中“類(lèi)（可應(yīng)用于任何標(biāo)簽）”單選按鈕，在“名稱(chēng)”文本框中輸入文本“.title2”，單擊“確定”按鈕。

（25）在“類(lèi)型”分類(lèi)中設(shè)置大小為“14像素”。在“區(qū)塊”分類(lèi)中設(shè)置文本對(duì)齊為“居中”，單擊“確定”按鈕。（24）單擊“新建CSS樣式”按鈕，彈出“新建CSS樣

（26）選擇“窗口”→“綁定”命令，打開(kāi)“綁定”面板，單擊

按鈕，在彈出的下拉菜單中選擇“記錄集（查詢(xún)）”命令，彈出“記錄集”對(duì)話框，設(shè)置其參數(shù)，如圖9.5.6所示。單擊“確定”按鈕。圖9.5.6“記錄集”對(duì)話框

（26）選擇“窗口”→“綁定”命令，打開(kāi)“綁定”面（27）在“綁定”面板中，單擊“記錄集（rsnewsshow）”選項(xiàng)左側(cè)的圖標(biāo)，選中“title”選項(xiàng)并將其拖放到表格中，如圖9.5.7所示。

圖9.5.7將“title”選項(xiàng)拖放到編輯區(qū)（27）在“綁定”面板中，單擊“記錄集（rsnewssh（28）選中記錄集項(xiàng)，單擊屬性面板中“樣式”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇選項(xiàng)。

（29）選擇“插入”→“HTML”→“水平線”命令，插入一條水平線。按回車(chē)鍵，輸入一個(gè)換行標(biāo)記。（28）選中記錄集項(xiàng)，單擊屬性面板中“樣（30）輸入文本“發(fā)布日期：”，在“綁定”面板中，選中“date”選項(xiàng)并將其拖放到文本“發(fā)布日期：”的后面，然后輸入兩個(gè)全角空格。

（31）在“綁定”面板中，選中“subject”選項(xiàng)并將其拖放到兩個(gè)全角空格的后面。（30）輸入文本“發(fā)布日期：”，在“綁定”面板中，選中“

（32）單擊標(biāo)簽選擇器中的標(biāo)記，選中該行，單擊屬性面板中“樣式”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇選項(xiàng)，再按回車(chē)鍵輸入一個(gè)換行標(biāo)記。

（33）在“綁定”面板中，選中“content”選項(xiàng)并將其拖放到換行標(biāo)記處。單擊屬性面板中“樣式”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇“光”選項(xiàng)。

（32）單擊標(biāo)簽選擇器中的標(biāo)記，選中該行，單擊屬性面（34）單擊“全部保存”按鈕。

（35）選擇“文件”→“新建”命令，彈出“新建文檔”對(duì)話框。

（36）在“類(lèi)別”列表框中選擇“動(dòng)態(tài)頁(yè)”選項(xiàng)，在“動(dòng)態(tài)頁(yè)”列表框中選擇“ASPVBScript”選項(xiàng)，單擊“創(chuàng)建”按鈕。（34）單擊“全部保存”按鈕。

（35）選擇“文件（37）設(shè)置文檔標(biāo)題為“新聞列表”，單擊“保存”按鈕，為該文檔命名為“newslist.asp”。

（38）打開(kāi)“CSS樣式面板”，單擊“附加樣式表”按鈕，將本書(shū)第四章實(shí)例中創(chuàng)建的CSS樣式表附加到文檔中。（37）設(shè)置文檔標(biāo)題為“新聞列表”，單擊“保存”按鈕，（39）單擊“新建CSS樣式”按鈕，彈出“新建CSS樣式”對(duì)話框，在“選擇器類(lèi)型”選項(xiàng)中選中“類(lèi)（可應(yīng)用于任何標(biāo)簽）”單選按鈕，“名稱(chēng)”文本框中輸入文本“.title3”，單擊“確定”按鈕。

（40）在“類(lèi)型”分類(lèi)中設(shè)置大小為“14像素”、粗細(xì)為“粗體”、顏色為“#3366CC”。在“區(qū)塊”分類(lèi)中設(shè)置文本對(duì)齊為“居中”，單擊“確定”按鈕。（39）單擊“新建CSS樣式”按鈕，彈出“新建CSS樣（41）選擇“窗口”→“綁定”命令，打開(kāi)“綁定”面板，單擊

按鈕，在彈出的下拉菜單中選擇“記錄集（查詢(xún)）”命令，彈出“記錄集”對(duì)話框，設(shè)置其參數(shù)，如圖9.5.8所示。單擊“確定”按鈕。圖9.5.8“記錄集”對(duì)話框（41）選擇“窗口”→“綁定”命令，打開(kāi)“綁定”面板，單（42）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄皠?dòng)態(tài)數(shù)據(jù)”→“動(dòng)態(tài)表格”命令，彈出“動(dòng)態(tài)表格”對(duì)話框，設(shè)置其參數(shù)，如圖9.5.9所示。單擊“確定”按鈕。圖9.5.9“動(dòng)態(tài)表格”對(duì)話框（42）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄皠?dòng)態(tài)數(shù)據(jù)”→“（43）用鼠標(biāo)右鍵單擊表格中的第1行第1列，在彈出的快捷菜單中選擇“表格”→“刪除列”命令；用鼠標(biāo)右鍵單擊表格中的第1行第5列，在彈出的快捷菜單中選擇“表格”→“刪除列”命令。

（44）雙擊表格的第1行第1列，輸入文本“新聞標(biāo)題”；雙擊表格的第1行第2列，輸入文本“發(fā)布日期”；雙擊表格的第1行第3列，輸入文本“新聞?lì)悇e”。（43）用鼠標(biāo)右鍵單擊表格中的第1行第1列，在彈出的快捷（45）選中表格的第1行，單擊屬性面板中“樣式”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇選項(xiàng)。

（46）在第2行第1列中，選中記錄集項(xiàng)，單擊屬性面板中“鏈接”下拉列表框右側(cè)的“瀏覽文件”按鈕，彈出“選擇文件”對(duì)話框；選中“newsshow.asp”文檔，單擊“參數(shù)”按鈕，彈“參數(shù)”對(duì)話框；在“名稱(chēng)”下面的文本框輸入文本“id”，單擊“值”下面的文本框右側(cè)的按鈕，彈出“動(dòng)態(tài)數(shù)據(jù)”對(duì)話框；選擇“id”選項(xiàng)，單擊“確定”按鈕返回“參數(shù)”對(duì)話框，單擊“確定”按鈕返回“選擇文件”對(duì)話框，單擊“確定”按鈕。在屬性面板中設(shè)置“目標(biāo)”為“_blank”。（45）選中表格的第1行，單擊屬性面板中“樣式”下拉列表（47）選中整個(gè)表格，在屬性面板中設(shè)置對(duì)齊方式為“居中對(duì)齊”。

（48）將光標(biāo)定位在表格后，選擇“插入”→“應(yīng)用程序?qū)ο蟆薄坝涗浖猪?yè)”→“記錄集導(dǎo)航條”命令，彈出“記錄集導(dǎo)航條”對(duì)話框，設(shè)置其參數(shù)，如圖9.5.10所示，單擊“確定”按鈕。

（49）單擊“全部保存”按鈕，最終效果如圖9.5.1所示。圖9.5.10“記錄集導(dǎo)航條”對(duì)話框（47）選中整個(gè)表格，在屬性面板中設(shè)置對(duì)齊方式為“居中對(duì)

一、填空題

1．?dāng)?shù)據(jù)庫(kù)是存儲(chǔ)在表中的____________的集合。表的每一行組成一條記錄，每一列組成記錄中的一個(gè)域。

2．ASP應(yīng)用程序必須通過(guò)____________連接驅(qū)動(dòng)程序和嵌入式數(shù)據(jù)庫(kù)提供程序連接到數(shù)據(jù)庫(kù)。

3．更新數(shù)據(jù)庫(kù)記錄時(shí)，首先應(yīng)該____________。

4．篩選數(shù)據(jù)庫(kù)記錄是在____________時(shí)完成的。習(xí)題九

一、填空題

1．?dāng)?shù)據(jù)庫(kù)是存儲(chǔ)在表中的_______二、簡(jiǎn)答題

1．簡(jiǎn)述動(dòng)態(tài)頁(yè)設(shè)計(jì)流程。

2．如何生成主詳細(xì)頁(yè)？

三、上機(jī)操作題

掌握如何在本地使用DSN創(chuàng)建連接以及插入、更新、刪除和篩選數(shù)據(jù)庫(kù)記錄。二、簡(jiǎn)答題

1．簡(jiǎn)述動(dòng)態(tài)頁(yè)設(shè)計(jì)流程。

2．如何生第九章利用ASP建立動(dòng)態(tài)網(wǎng)站

第一節(jié)動(dòng)態(tài)網(wǎng)頁(yè)概述

第二節(jié)數(shù)據(jù)庫(kù)連接

第三節(jié)生成動(dòng)態(tài)頁(yè)第四節(jié)快速生成ASP應(yīng)用程序第五節(jié)應(yīng)用實(shí)例

習(xí)題九第九章利用ASP建立動(dòng)態(tài)網(wǎng)站第一節(jié)動(dòng)態(tài)網(wǎng)頁(yè)概述

Web應(yīng)用程序是一個(gè)包含多個(gè)頁(yè)的Web站點(diǎn)，這些頁(yè)的部分內(nèi)容或全部?jī)?nèi)容是未確定的。只有當(dāng)訪問(wèn)者請(qǐng)求Web服務(wù)器中的某個(gè)頁(yè)時(shí)，才確定該頁(yè)的最終內(nèi)容。因?yàn)轫?yè)的最終內(nèi)容根據(jù)訪問(wèn)者的操作請(qǐng)求的不同而變化，所以這種頁(yè)稱(chēng)為動(dòng)態(tài)頁(yè)。第一節(jié)動(dòng)態(tài)網(wǎng)頁(yè)概述

Web應(yīng)用程序是一個(gè)包含多個(gè)頁(yè)的Web站點(diǎn)，這些頁(yè)的一、動(dòng)態(tài)網(wǎng)頁(yè)處理過(guò)程

當(dāng)Web服務(wù)器接收到對(duì)靜態(tài)Web頁(yè)的請(qǐng)求時(shí)，服務(wù)器將該頁(yè)直接發(fā)送到瀏覽器。但是，當(dāng)Web服務(wù)器接收到對(duì)動(dòng)態(tài)頁(yè)的請(qǐng)求時(shí)，它將做出不同的反應(yīng)：它會(huì)將該頁(yè)傳遞給一個(gè)負(fù)責(zé)完成頁(yè)面處理的特殊軟件——應(yīng)用程序服務(wù)器。它讀取頁(yè)上的代碼，根據(jù)代碼中的指令完成頁(yè)，然后將代碼從頁(yè)上刪除，所得結(jié)果是一個(gè)靜態(tài)頁(yè)，應(yīng)用程序服務(wù)器將該頁(yè)傳遞回Web服務(wù)器，然后Web服務(wù)器將該頁(yè)發(fā)送到瀏覽器。當(dāng)該頁(yè)到達(dá)時(shí)，瀏覽器得到的全部?jī)?nèi)容都是HTML代碼。一、動(dòng)態(tài)網(wǎng)頁(yè)處理過(guò)程

當(dāng)Web服務(wù)器接收到對(duì)靜態(tài)We動(dòng)態(tài)網(wǎng)頁(yè)處理的過(guò)程如下：

（1）Web瀏覽器請(qǐng)求動(dòng)態(tài)頁(yè)。

（2）Web服務(wù)器查找該頁(yè)并將其傳遞給應(yīng)用程序服務(wù)器。

（3）應(yīng)用程序服務(wù)器查找該頁(yè)中的指令并完成頁(yè)。

（4）應(yīng)用程序服務(wù)器將完成的頁(yè)傳遞回Web服務(wù)器。

（5）Web服務(wù)器將完成的頁(yè)發(fā)送到請(qǐng)求瀏覽器。動(dòng)態(tài)網(wǎng)頁(yè)處理的過(guò)程如下：

（1）Web瀏覽器請(qǐng)求動(dòng)態(tài)二、相關(guān)術(shù)語(yǔ)

了解Web應(yīng)用程序的常用術(shù)語(yǔ)，對(duì)網(wǎng)站的建設(shè)很有幫助。

1．應(yīng)用程序服務(wù)器

應(yīng)用程序服務(wù)器是一種軟件，它幫助Web服務(wù)器處理包含服務(wù)器端腳本或標(biāo)記的Web頁(yè)。當(dāng)從服務(wù)器請(qǐng)求這樣一個(gè)頁(yè)時(shí)，Web服務(wù)器先將該頁(yè)傳遞給應(yīng)用程序服務(wù)器進(jìn)行處理，然后再將該頁(yè)發(fā)送到瀏覽器。常見(jiàn)的應(yīng)用程序服務(wù)器包括MacromediaColdFusion，MacromediaJRunServer，Microsoft.NET框架，IBMWebSphere，ApacheTomcat等。二、相關(guān)術(shù)語(yǔ)

了解Web應(yīng)用程序的常用術(shù)語(yǔ)，對(duì)網(wǎng)站的

2．?dāng)?shù)據(jù)庫(kù)

數(shù)據(jù)庫(kù)是存儲(chǔ)在表中的數(shù)據(jù)的集合。表的每一行組成一條記錄，每一列組成記錄中的一個(gè)域。

3．?dāng)?shù)據(jù)庫(kù)驅(qū)動(dòng)程序

數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序是在Web應(yīng)用程序和數(shù)據(jù)庫(kù)之間充當(dāng)解釋器的軟件。數(shù)據(jù)庫(kù)中的數(shù)據(jù)是以專(zhuān)用格式存儲(chǔ)的。數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序使Web應(yīng)用程序可以讀取和操作本來(lái)無(wú)法解密的數(shù)據(jù)。2．?dāng)?shù)據(jù)庫(kù)

數(shù)據(jù)庫(kù)是存儲(chǔ)在表中的數(shù)據(jù)的集合。表的每一

4．?dāng)?shù)據(jù)庫(kù)管理系統(tǒng)

數(shù)據(jù)庫(kù)管理系統(tǒng)（DBMS），又稱(chēng)數(shù)據(jù)庫(kù)系統(tǒng)，是用于創(chuàng)建和操作數(shù)據(jù)庫(kù)的軟件。常見(jiàn)的數(shù)據(jù)庫(kù)系統(tǒng)包括MicrosoftAccess，Oracle和MySQL。

5．?dāng)?shù)據(jù)庫(kù)查詢(xún)

數(shù)據(jù)庫(kù)查詢(xún)是從數(shù)據(jù)庫(kù)中提取記錄集的操作。查詢(xún)是由名為SQL的數(shù)據(jù)庫(kù)語(yǔ)言所表示的搜索條件組成的。例如，查詢(xún)可以指定在記錄集中只包含某些列或某些記錄。4．?dāng)?shù)據(jù)庫(kù)管理系統(tǒng)

數(shù)據(jù)庫(kù)管理系統(tǒng)（DBMS），又稱(chēng)

6．動(dòng)態(tài)頁(yè)

動(dòng)態(tài)頁(yè)是在發(fā)送到瀏覽器之前由應(yīng)用程序服務(wù)器自定義的Web頁(yè)。

7．記錄集

記錄集是從數(shù)據(jù)庫(kù)中一個(gè)或多個(gè)表中提取的一組數(shù)據(jù)。6．動(dòng)態(tài)頁(yè)

動(dòng)態(tài)頁(yè)是在發(fā)送到瀏覽器之前由應(yīng)用程序服務(wù)器

8．關(guān)系型數(shù)據(jù)庫(kù)

關(guān)系型數(shù)據(jù)庫(kù)是包含兩個(gè)或多個(gè)表的數(shù)據(jù)庫(kù)，這些表共享數(shù)據(jù)。下面的數(shù)據(jù)庫(kù)中有兩個(gè)表共享DepartmentID列，所以是關(guān)系型數(shù)據(jù)庫(kù)。

9．服務(wù)器技術(shù)

服務(wù)器技術(shù)是應(yīng)用程序服務(wù)器用來(lái)在運(yùn)行時(shí)，修改動(dòng)態(tài)頁(yè)的技術(shù)。8．關(guān)系型數(shù)據(jù)庫(kù)

關(guān)系型數(shù)據(jù)庫(kù)是包含兩個(gè)或多個(gè)表的數(shù)

DreamweaverMX2004支持以下服務(wù)器技術(shù)：

（1）MacromediaColdFusion。

（2）MicrosoftASP.NET。

（3）MicrosoftActiveServerPages（ASP）。

（4）SunJavaServerPage（JSP）。

（5）HypertextPreprocessor（PHP）。DreamweaverMX2004支持以下服務(wù)器技術(shù)

10．靜態(tài)頁(yè)

靜態(tài)頁(yè)是在發(fā)送到瀏覽器之前不會(huì)被應(yīng)用程序服務(wù)器修改的Web頁(yè)。

11．Web應(yīng)用程序

Web應(yīng)用程序是一個(gè)包含多個(gè)頁(yè)的Web站點(diǎn)，這些頁(yè)的部分內(nèi)容或全部?jī)?nèi)容是未確定的。只有當(dāng)訪問(wèn)者請(qǐng)求Web服務(wù)器中的某頁(yè)時(shí)，才確定該頁(yè)的最終內(nèi)容。因?yàn)轫?yè)的最終內(nèi)容根據(jù)訪問(wèn)者的操作請(qǐng)求的不同而變化，所以這種頁(yè)稱(chēng)為動(dòng)態(tài)頁(yè)。10．靜態(tài)頁(yè)

靜態(tài)頁(yè)是在發(fā)送到瀏覽器之前不會(huì)被應(yīng)用程

12．Web服務(wù)器

Web服務(wù)器是響應(yīng)來(lái)自Web瀏覽器的請(qǐng)求發(fā)送出Web頁(yè)的軟件。當(dāng)訪問(wèn)者單擊在瀏覽器中打開(kāi)的Web頁(yè)上的某個(gè)鏈接、在瀏覽器中選擇一個(gè)書(shū)簽，或在瀏覽器的地址文本框中輸入一個(gè)URL時(shí)，便生成一個(gè)頁(yè)請(qǐng)求。

常見(jiàn)的Web服務(wù)器包括MicrosoftInternetInformationServer，MicrosoftPersonalWebServer，ApacheHTTPServer，NetscapeEnterpriseServer和SunONEWebServer。12．Web服務(wù)器

Web服務(wù)器是響應(yīng)來(lái)自Web瀏覽

如果用戶計(jì)劃建立動(dòng)態(tài)Web應(yīng)用程序，可以從設(shè)置應(yīng)用程序服務(wù)器和進(jìn)行數(shù)據(jù)庫(kù)連接開(kāi)始著手。如果要將數(shù)據(jù)庫(kù)與Web應(yīng)用程序一起使用，必須首先連接到該數(shù)據(jù)庫(kù)。本節(jié)介紹如何創(chuàng)建數(shù)據(jù)庫(kù)連接。第二節(jié)數(shù)據(jù)庫(kù)連接

如果用戶計(jì)劃建立動(dòng)態(tài)Web應(yīng)用程序，可以從設(shè)置應(yīng)用程序一、使用DSN創(chuàng)建連接

ASP應(yīng)用程序必須通過(guò)開(kāi)放式數(shù)據(jù)庫(kù)連接（ODBC）驅(qū)動(dòng)程序（或?qū)ο箧溄樱┖颓度胧綌?shù)據(jù)庫(kù)（OLEDB）提供程序連接到數(shù)據(jù)庫(kù)。該驅(qū)動(dòng)程序或提供程序用作解釋器，能夠使Web應(yīng)用程序與數(shù)據(jù)庫(kù)進(jìn)行通信。一、使用DSN創(chuàng)建連接

ASP應(yīng)用程序必須通過(guò)開(kāi)放式用戶可以使用本地定義的DSN在DreamweaverMX2004中創(chuàng)建數(shù)據(jù)庫(kù)連接。如果要使用本地DSN，必須首先定義該DSN，其操作步驟如下：

（1）選擇“開(kāi)始”→“控制面板”命令，打開(kāi)“控制面板”窗口，單擊“性能和維護(hù)”圖標(biāo)，打開(kāi)“性能和維護(hù)”窗口，單擊“管理工具”圖標(biāo)，打開(kāi)“管理工具”窗口，雙擊“數(shù)據(jù)源（ODBC）”圖標(biāo)，彈出“ODBC數(shù)據(jù)源管理器”對(duì)話框，如圖9.2.1所示。用戶可以使用本地定義的DSN在DreamweaverM圖9.2.1“ODBC數(shù)據(jù)源管理器”對(duì)話框圖9.2.1“ODBC數(shù)據(jù)源管理器”對(duì)話框（2）打開(kāi)“系統(tǒng)DSN”選項(xiàng)卡，單擊“添加”按鈕，彈出“創(chuàng)建新數(shù)據(jù)源”對(duì)話框，如圖9.2.2所示。

圖9.2.2“創(chuàng)建新數(shù)據(jù)源”對(duì)話框（2）打開(kāi)“系統(tǒng)DSN”選項(xiàng)卡，單擊“添加”按鈕，彈出“（3）選擇數(shù)據(jù)源的類(lèi)型，單擊“完成”按鈕，彈出“ODBCMicrosoftAccess安裝”對(duì)話框，如圖9.2.3所示。單擊“選擇”按鈕，在彈出的“選擇數(shù)據(jù)庫(kù)”對(duì)話框中選擇網(wǎng)站數(shù)據(jù)庫(kù)所在位置。

圖9.2.3“ODBCMicrosoftAccess安裝”對(duì)話框（3）選擇數(shù)據(jù)源的類(lèi)型，單擊“完成”按鈕，彈出“ODBC（4）單擊“確定”按鈕，完成DSN的創(chuàng)建。

（5）打開(kāi)DreamweaverMX2004，創(chuàng)建一個(gè)ASP動(dòng)態(tài)頁(yè)。

（6）選擇“窗口”→“數(shù)據(jù)庫(kù)”命令，打開(kāi)“數(shù)據(jù)庫(kù)”面板。

（7）單擊按鈕，在彈出的下拉菜單中選擇“數(shù)據(jù)源名稱(chēng)（DSN）”命令，彈出“數(shù)據(jù)源名稱(chēng)（DSN）”對(duì)話框，如圖9.2.4所示。圖9.2.4“數(shù)據(jù)源名稱(chēng)（DSN）”對(duì)話框（4）單擊“確定”按鈕，完成DSN的創(chuàng)建。

（5）打（8）單擊“數(shù)據(jù)源名稱(chēng)”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇剛剛創(chuàng)建的系統(tǒng)DSN并在“連接名稱(chēng)”文本框中為該連接命名。

（9）單擊“確定”按鈕，完成連接的創(chuàng)建。（8）單擊“數(shù)據(jù)源名稱(chēng)”下拉列表框右側(cè)的小三角，在彈出的二、創(chuàng)建非DSN連接

用戶可以使用非DSN連接在Web應(yīng)用程序和數(shù)據(jù)庫(kù)之間創(chuàng)建ODBC或OLEDB連接。在DreamweaverMX2004中使用連接字符串來(lái)創(chuàng)建這類(lèi)連接，連接字符串包含Web應(yīng)用程序連接到數(shù)據(jù)庫(kù)所需的全部信息，其操作步驟如下：二、創(chuàng)建非DSN連接

用戶可以使用非DSN連接在We（1）在DreamweaverMX2004中打開(kāi)或新建一個(gè)ASP頁(yè)。

（2）選擇“窗口”→“數(shù)據(jù)庫(kù)”命令，打開(kāi)“數(shù)據(jù)庫(kù)”面板。

（3）單擊按鈕，在彈出的下拉菜單中選擇“自定義連接字符串”命令，彈出“自定義連接字符串”對(duì)話框，如圖9.2.5所示。

（4）設(shè)置完畢后，單擊“確定”按鈕。圖9.2.5“自定義連接字符串”對(duì)話框（1）在DreamweaverMX2004中打開(kāi)或新

使用DreamweaverMX2004中的Web應(yīng)用程序開(kāi)發(fā)工具，可以向頁(yè)面添加動(dòng)態(tài)內(nèi)容。

一、動(dòng)態(tài)頁(yè)設(shè)計(jì)流程

DreamweaverMX2004可以使用幾種流行的Web編程語(yǔ)言和服務(wù)器技術(shù)中的任意一種來(lái)創(chuàng)建動(dòng)態(tài)Web站點(diǎn)，這里介紹創(chuàng)建動(dòng)態(tài)Web站點(diǎn)所必須的步驟：第三節(jié)生成動(dòng)態(tài)頁(yè)

使用DreamweaverMX2004中的Web應(yīng)

1．設(shè)計(jì)頁(yè)面

設(shè)計(jì)任何Web站點(diǎn)時(shí)的一個(gè)關(guān)鍵步驟就是頁(yè)面視覺(jué)效果的設(shè)計(jì)。當(dāng)向網(wǎng)頁(yè)中添加動(dòng)態(tài)元素時(shí)，頁(yè)面的設(shè)計(jì)對(duì)于其可用性至關(guān)重要。制作動(dòng)態(tài)頁(yè)的前提便是首先設(shè)計(jì)一個(gè)美觀的靜態(tài)頁(yè)面。

2．創(chuàng)建動(dòng)態(tài)內(nèi)容源

動(dòng)態(tài)Web站點(diǎn)需要一個(gè)內(nèi)容源，它可以是數(shù)據(jù)庫(kù)、請(qǐng)求變量、服務(wù)器變量、表單變量或預(yù)存過(guò)程。在將數(shù)據(jù)顯示在網(wǎng)頁(yè)上之前，動(dòng)態(tài)Web站點(diǎn)需要從該內(nèi)容源提取這些數(shù)據(jù)。1．設(shè)計(jì)頁(yè)面

設(shè)計(jì)任何Web站點(diǎn)時(shí)的一個(gè)關(guān)鍵步驟就是

3．向Web頁(yè)添加動(dòng)態(tài)內(nèi)容

定義記錄集或其他數(shù)據(jù)源并將其添加到“綁定”面板后，可以將該記錄集所代表的動(dòng)態(tài)內(nèi)容插入到頁(yè)面中。Dreamweaver的菜單型（menu-driven）界面使得添加動(dòng)態(tài)內(nèi)容元素非常簡(jiǎn)單，只需從“綁定”面板中選擇動(dòng)態(tài)內(nèi)容源，然后將其插入到當(dāng)前頁(yè)面內(nèi)的適當(dāng)文本、圖像或表單對(duì)象中即可。3．向Web頁(yè)添加動(dòng)態(tài)內(nèi)容

定義記錄集或其他數(shù)據(jù)源并二、綁定記錄集

創(chuàng)建完數(shù)據(jù)源并成功地將其鏈接到站點(diǎn)后，便可以進(jìn)行綁定記錄集操作并進(jìn)行對(duì)記錄集的各種操作了。綁定記錄集的操作步驟如下：

（1）選擇“窗口”→“綁定”命令，打開(kāi)“綁定”面板。

（2）單擊按鈕，在彈出的下拉菜單中選擇“記錄集（查詢(xún)）”命令，彈出“記錄集”對(duì)話框，如圖9.3.1所示。二、綁定記錄集

創(chuàng)建完數(shù)據(jù)源并成功地將其鏈接到站點(diǎn)后圖9.3.1“記錄集”對(duì)話框（3）設(shè)置完成其他各選項(xiàng)后，單擊“測(cè)試”按鈕，測(cè)試所做的設(shè)置。

（4）單擊“確定”按鈕，完成記錄集的綁定。圖9.3.1“記錄集”對(duì)話框（3）設(shè)置完成其他各選項(xiàng)三、顯示數(shù)據(jù)庫(kù)記錄

顯示數(shù)據(jù)庫(kù)記錄涉及檢索儲(chǔ)存在數(shù)據(jù)庫(kù)或其他內(nèi)容源中的信息，以及將這些信息呈現(xiàn)到網(wǎng)頁(yè)上。DreamweaverMX2004提供了許多顯示動(dòng)態(tài)內(nèi)容的方法，并提供了若干內(nèi)置的服務(wù)器行為，使用戶可以增強(qiáng)動(dòng)態(tài)內(nèi)容的演示，并使用戶能夠更輕松地查找和導(dǎo)航從數(shù)據(jù)庫(kù)返回的信息。三、顯示數(shù)據(jù)庫(kù)記錄

顯示數(shù)據(jù)庫(kù)記錄涉及檢索儲(chǔ)存在數(shù)據(jù)

1．動(dòng)態(tài)表格

用戶可以使用動(dòng)態(tài)表格將數(shù)據(jù)庫(kù)中的記錄顯示出來(lái)，其操作步驟如下：

（1）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄皠?dòng)態(tài)數(shù)據(jù)”→“動(dòng)態(tài)表格”命令，彈出“動(dòng)態(tài)表格”對(duì)話框，如圖9.3.2所示。圖9.3.2“動(dòng)態(tài)表格”對(duì)話框1．動(dòng)態(tài)表格

用戶可以使用動(dòng)態(tài)表格將數(shù)據(jù)庫(kù)中的記錄顯（2）選擇需要顯示的記錄集名稱(chēng)并設(shè)置每頁(yè)顯示記錄的條數(shù)和表格的邊框。

（3）單擊“確定”按鈕，完成動(dòng)態(tài)表格的添加。

（4）根據(jù)需要?jiǎng)h除表中的列，更改表格的標(biāo)題。（2）選擇需要顯示的記錄集名稱(chēng)并設(shè)置每頁(yè)顯示記錄的條數(shù)和

2．記錄集導(dǎo)航條

當(dāng)設(shè)置每頁(yè)顯示的記錄數(shù)少于數(shù)據(jù)庫(kù)中的記錄總數(shù)時(shí)，便需要使用記錄集導(dǎo)航條來(lái)控制顯示當(dāng)前頁(yè)后面的記錄。在文檔中插入記錄集導(dǎo)航條的操作步驟如下：

（1）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄坝涗浖猪?yè)”→“記錄集導(dǎo)航條”命令，彈出“記錄集導(dǎo)航條”對(duì)話框，如圖9.3.3所示。

（2）選擇需要插入記錄集導(dǎo)航條的記錄集名稱(chēng)并設(shè)置導(dǎo)航條的顯示方式。

（3）單擊“確定”按鈕，完成記

錄集導(dǎo)航條的添加。

圖9.3.3“記錄集導(dǎo)航條”對(duì)話框2．記錄集導(dǎo)航條

當(dāng)設(shè)置每頁(yè)顯示的記錄數(shù)少于數(shù)據(jù)庫(kù)中四、插入數(shù)據(jù)庫(kù)記錄

插入數(shù)據(jù)庫(kù)記錄時(shí)，不必綁定記錄集，其操作步驟如下：

（1）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄安迦胗涗洝薄安迦胗涗洷韱蜗驅(qū)А泵?，彈出“插入記錄表單”?duì)話框，如圖9.3.4所示。圖9.3.4“插入記錄表單”對(duì)話框四、插入數(shù)據(jù)庫(kù)記錄

插入數(shù)據(jù)庫(kù)記錄時(shí)，不必綁定記錄集（2）單擊“連接”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇連接名；單擊“插入到表格”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇需要將記錄插入到的表格名；根據(jù)需要設(shè)置其他的選項(xiàng)。

（3）單擊“確定”按鈕，完成添加插入表單記錄的操作。（2）單擊“連接”下拉列表框右側(cè)的小三角，在彈出的下拉列五、更新數(shù)據(jù)庫(kù)記錄

更新數(shù)據(jù)庫(kù)記錄時(shí)，首先應(yīng)該綁定記錄集。插入更新數(shù)據(jù)庫(kù)記錄的操作步驟如下：

（1）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄案掠涗洝薄案掠涗洷韱蜗驅(qū)А泵?，彈出“更新記錄表單”?duì)話框，如圖9.3.5所示。

圖9.3.5“更新記錄表單”對(duì)話框五、更新數(shù)據(jù)庫(kù)記錄

更新數(shù)據(jù)庫(kù)記錄時(shí)，首先應(yīng)該綁定記（2）單擊“連接”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇連接名；單擊“要更新的表格”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇需要更新的表格；單擊“選取記錄自”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇記錄集名；根據(jù)需要更新表單字段的標(biāo)簽，顯示字段類(lèi)型等信息。

（3）單擊“確定”按鈕，完成更新數(shù)據(jù)庫(kù)記錄的添加。（2）單擊“連接”下拉列表框右側(cè)的小三角，在彈出的下拉列六、刪除數(shù)據(jù)庫(kù)記錄

刪除數(shù)據(jù)庫(kù)記錄時(shí)，首先應(yīng)該綁定記錄集，插入刪除數(shù)據(jù)庫(kù)記錄的操作步驟如下：

（1）選擇“插入”→“表單”→“表單”命令，在文檔中插入一個(gè)表單。

（2）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄皠h除記錄”命令，彈出“刪除記錄”對(duì)話框，如圖9.3.6所示。

六、刪除數(shù)據(jù)庫(kù)記錄

刪除數(shù)據(jù)庫(kù)記錄時(shí)，首先應(yīng)該綁定記圖9.3.6“刪除記錄”對(duì)話框（3）單擊“連接”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇連接名；單擊“從表格中刪除”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇需要?jiǎng)h除記錄的表格名；單擊“選取記錄自”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇記錄集名；根據(jù)需要設(shè)置其他選項(xiàng)。

（4）單擊“確定”按鈕，完成刪除記錄的添加。圖9.3.6“刪除記錄”對(duì)話框（3）單擊“連接”下拉七、篩選數(shù)據(jù)庫(kù)記錄

篩選數(shù)據(jù)庫(kù)記錄是在綁定記錄集時(shí)完成的，其操作步驟

如下：

（1）選擇“窗口”→“綁定”命令，打開(kāi)“綁定”面板。

（2）單擊按鈕，在彈出的下拉菜單中選擇“記錄集（查詢(xún)）”命令，彈出“記錄集”對(duì)話框（見(jiàn)圖9.3.1）。七、篩選數(shù)據(jù)庫(kù)記錄

篩選數(shù)據(jù)庫(kù)記錄是在綁定記錄集時(shí)完（3）單擊“篩選”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇需要篩選的數(shù)據(jù)表中的列，在其后面的下拉列表中選擇邏輯操作符，在其下面的下拉列表中選擇篩選的類(lèi)型，在其后面的文本框中輸入篩選的值，如圖9.3.7所示。

（4）設(shè)置完成其他選項(xiàng)后，單擊“測(cè)試”按鈕，測(cè)試所做的設(shè)置。

（5）單擊“確定”按鈕，完成記錄集的綁定。

圖9.3.7對(duì)記錄進(jìn)行篩選（3）單擊“篩選”下拉列表框右側(cè)的小三角，在彈出的下拉列

Web應(yīng)用程序通常賦予頁(yè)面一定的功能，例如使用戶可以搜索數(shù)據(jù)庫(kù)的頁(yè)面，使用戶可以插入、更新或刪除數(shù)據(jù)庫(kù)中的數(shù)據(jù)的頁(yè)面，以及限制對(duì)某一個(gè)Web站點(diǎn)的訪問(wèn)的頁(yè)面。使用DreamweaverMX2004可以迅速建立所有此類(lèi)頁(yè)面。第四節(jié)快速生成ASP應(yīng)用程序

Web應(yīng)用程序通常賦予頁(yè)面一定的功能，例如使用戶可以一、生成主詳細(xì)頁(yè)

開(kāi)發(fā)Web應(yīng)用程序時(shí)，使用主詳細(xì)頁(yè)集應(yīng)用程序?qū)ο罂梢钥焖偕芍髟敿?xì)頁(yè)。應(yīng)用程序?qū)ο笾恍柰ㄟ^(guò)完成一兩個(gè)對(duì)話框的設(shè)置來(lái)生成一組完整的動(dòng)態(tài)頁(yè)。

生成主詳細(xì)頁(yè)的操作步驟如下：

（1）選擇“文件”→“新建”命令，彈出“新建文檔”對(duì)話框，在左側(cè)“類(lèi)別”列表框中選擇“動(dòng)態(tài)頁(yè)”選項(xiàng)，在右側(cè)的“動(dòng)態(tài)頁(yè)”列表框中選擇一種動(dòng)態(tài)頁(yè)的類(lèi)型，單擊“創(chuàng)建”按鈕。

（2）為該文檔綁定一個(gè)記錄集。一、生成主詳細(xì)頁(yè)

開(kāi)發(fā)Web應(yīng)用程序時(shí)，使用主詳細(xì)頁(yè)（3）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄爸髟敿?xì)頁(yè)集”命令，彈出“插入主詳細(xì)頁(yè)集”對(duì)話框，如圖9.4.1所示。

（4）設(shè)置對(duì)話框中各個(gè)選項(xiàng)。

（5）單擊“確定”按鈕，完成主詳細(xì)頁(yè)的插入。

圖9.4.1“插入主詳細(xì)頁(yè)集”對(duì)話框（3）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄爸髟敿?xì)頁(yè)集”命令二、生成搜索頁(yè)和結(jié)果頁(yè)

Web上的搜索頁(yè)通常包含用戶在其中輸入搜索參數(shù)的表單域。搜索頁(yè)至少必須具有一個(gè)帶有“提交”按鈕的HTML表單。二、生成搜索頁(yè)和結(jié)果頁(yè)

Web上的搜索頁(yè)通常包含用戶生成搜索頁(yè)的操作步驟如下：

（1）打開(kāi)搜索頁(yè)或創(chuàng)建一個(gè)新頁(yè)，選擇“插入”→“表單”→“表單”命令。

（2）選擇“插入”→“表單”命令，在彈出的下拉菜單中選擇需要插入的表單對(duì)象。

（3）選擇“插入”→“表單”→“按鈕”命令，添加一個(gè)“提交”按鈕。生成搜索頁(yè)的操作步驟如下：

（1）打開(kāi)搜索頁(yè)或創(chuàng)建一（4）在標(biāo)簽選擇器中選擇標(biāo)記。

（5）在屬性面板中的“動(dòng)作”文本框中輸入將執(zhí)行數(shù)據(jù)庫(kù)搜索的結(jié)果頁(yè)的文件名。

（6）單擊“方法”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇一種將表單數(shù)據(jù)發(fā)送到服務(wù)器的類(lèi)型。（4）在標(biāo)簽選擇器中選擇標(biāo)記。

（5）在屬性面板完成了搜索頁(yè)的創(chuàng)建頁(yè)后，便需要完成顯示搜索結(jié)果的結(jié)果頁(yè)，首先要對(duì)記錄集進(jìn)行篩選，其操作步驟如下：

（1）新建一個(gè)動(dòng)態(tài)頁(yè)。

（2）打開(kāi)“綁定”面板，單擊按鈕，在彈出的下拉菜單中選擇“記錄集（查詢(xún)）”命令，彈出“記錄集”對(duì)話框。

（3）輸入記錄集的名稱(chēng)并選擇一個(gè)連接；在“表格”下拉列表中，選擇要在數(shù)據(jù)庫(kù)中搜索的表。完成了搜索頁(yè)的創(chuàng)建頁(yè)后，便需要完成顯示搜索結(jié)果的結(jié)果頁(yè)，（4）單擊“篩選”選項(xiàng)的第一個(gè)下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇一個(gè)要在其中搜索匹配記錄的數(shù)據(jù)庫(kù)表列；在它右邊的下拉列表中選擇選項(xiàng)；單擊第三個(gè)下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇“表單變量”選項(xiàng)；在其右邊的文本框中輸入生成搜索頁(yè)的“提交”按鈕的名稱(chēng)。

（5）單擊“確定”按鈕，完成記錄集的綁定。（4）單擊“篩選”選項(xiàng)的第一個(gè)下拉列表框右側(cè)的小三角，在綁定記錄集后結(jié)果頁(yè)便創(chuàng)建完成，其操作步驟如下：

（1）選擇“插入”→“應(yīng)用程序?qū)ο蟆薄皠?dòng)態(tài)數(shù)據(jù)”→“動(dòng)態(tài)表格”命令，彈出“動(dòng)態(tài)表格”對(duì)話框。

（2）選擇需要顯示的記錄集名稱(chēng)并設(shè)置每頁(yè)顯示記錄的條數(shù)和表格的邊框。

（3）單擊“確定”按鈕，完成動(dòng)態(tài)表格的添加。

（4）根據(jù)需要?jiǎng)h除表中的列、更改表格的標(biāo)題。

（5）Dreamweaver將插入一個(gè)動(dòng)態(tài)表格，用于顯示搜索結(jié)果。

綁定記錄集后結(jié)果頁(yè)便創(chuàng)建完成，其操作步驟如下：

（1

本例制作一個(gè)新聞發(fā)布頁(yè)面，效果如圖9.5.1所示。

第五節(jié)應(yīng)用實(shí)例圖9.5.1效果圖

本例制作一個(gè)新聞發(fā)布頁(yè)面，效果如圖9.5.1所示。

第具體操作步驟如下：

（1）選擇“開(kāi)始”→“所有程序”→“MicrosoftOffice”→“MicrosoftOfficeAccess2003”命令，打開(kāi)“MicrosoftAccess”窗口。

（2）選擇“文件”→“新建”命令，打開(kāi)“任務(wù)窗格”面板，單擊“空數(shù)據(jù)庫(kù)”快捷方式，彈出“文件新建數(shù)據(jù)庫(kù)”對(duì)話框，選擇數(shù)據(jù)庫(kù)的保存位置并將該數(shù)據(jù)庫(kù)命名為“Data.mdb”，如圖9.5.2所示。單擊“創(chuàng)建”按鈕。具體操作步驟如下：

（1）選擇“開(kāi)始”→“所有程序”圖9.5.2“文件新建數(shù)據(jù)庫(kù)”對(duì)話框圖9.5.2“文件新建數(shù)據(jù)庫(kù)”對(duì)話框（3）在“Data：數(shù)據(jù)庫(kù)（Access2000文件格式）”窗口中雙擊“使用設(shè)計(jì)器創(chuàng)建表”圖標(biāo)，打開(kāi)“表1：表”窗口，輸入字段名并選擇其數(shù)據(jù)類(lèi)型，如圖9.5.3所示。

圖9.5.3輸入字段名稱(chēng)并選擇其數(shù)據(jù)類(lèi)型（3）在“Data：數(shù)據(jù)庫(kù)（Access2000文件格（4）將光標(biāo)定位在id行，單擊“表設(shè)計(jì)”工具欄中的“主鍵”按鈕將該列設(shè)為主鍵；將光標(biāo)定位在date行，在“默認(rèn)值”文本框中輸入“Now()”。

（5）單擊“關(guān)閉”按鈕，彈出“MicrosoftOfficeAccess”提示框，單擊“是”按鈕，彈出“另存為”對(duì)話框，在“表名稱(chēng)”文本框中輸入文本“news”，單擊“確定”按鈕。（4）將光標(biāo)定位在id行，單擊“表設(shè)計(jì)”工具欄中的“主鍵（6）在“Data：數(shù)據(jù)庫(kù)（Access2000文件格式）”窗口中雙擊剛創(chuàng)建的“news”表格，打開(kāi)“news：表”窗口。在“title”列中輸入新聞的標(biāo)題；在“subject”列中輸入新聞的類(lèi)別；在“content”列中輸入新聞的內(nèi)容。

（7）輸入完成后，單擊“關(guān)閉”按鈕，關(guān)閉窗口，數(shù)據(jù)表將自動(dòng)保存。（6）在“Data：數(shù)據(jù)庫(kù)（Access2000文件格（8）選擇“開(kāi)始”→“控制面板”命令，打開(kāi)“控制面板”窗口，單擊“性能和維護(hù)”圖標(biāo)，打開(kāi)“性能和維護(hù)”窗口，單擊“管理工具”圖標(biāo)，打開(kāi)“管理工具”窗口，雙擊“數(shù)據(jù)源（ODBC）”圖標(biāo)，彈出“ODBC數(shù)據(jù)源管理器”對(duì)話框。

（9）打開(kāi)“系統(tǒng)DSN”選項(xiàng)卡，單擊“添加”按鈕，彈出“創(chuàng)建新數(shù)據(jù)庫(kù)”對(duì)話框，在“名稱(chēng)”列表框中選擇“MicrosoftAccess存量Driver（*.mdb）”選項(xiàng)。（8）選擇“開(kāi)始”→“控制面板”命令，打開(kāi)“控制面板”窗（10）選擇數(shù)據(jù)源的類(lèi)型，單擊“完成”按鈕，彈出“ODBCMicrosoftAccess安裝”對(duì)話框，如圖9.5.4所示。單擊“選擇”按鈕，在彈出的“選擇數(shù)據(jù)庫(kù)”對(duì)話框中選擇Data.mdb文件。

圖9.5.4“ODBCMicrosoftAccess安裝”對(duì)話框（10）選擇數(shù)據(jù)源的類(lèi)型，單擊“完成”按鈕，彈出“ODB（11）單擊“確定”按鈕，完成DSN的創(chuàng)建。

（12）打開(kāi)DreamweaverMX2004，創(chuàng)建一個(gè)ASP動(dòng)態(tài)頁(yè)。

（13）選擇“窗口”→“數(shù)據(jù)庫(kù)”命令，打開(kāi)“數(shù)據(jù)庫(kù)”面板。（11）單擊“確定”按鈕，完成DSN的創(chuàng)建。

（12（14）單擊按鈕，在彈出的下拉菜單中選擇“數(shù)據(jù)源名稱(chēng)（DSN）”命令，彈出“數(shù)據(jù)源名稱(chēng)（DSN）”對(duì)話框，其設(shè)置如圖9.5.5所示。

圖9.5.5“數(shù)據(jù)源名稱(chēng)（DSN）”對(duì)話框（14）單擊按鈕，在彈出的下拉菜單中選擇“數(shù)據(jù)源名稱(chēng)（（15）單擊“數(shù)據(jù)源名稱(chēng)”下拉列表框右側(cè)的小三角，在彈出的下拉列表中選擇剛剛創(chuàng)建的系統(tǒng)DSN并在“連接名稱(chēng)”文本框中為該連接命名。

（16）單擊“確定”按鈕，完成連接的創(chuàng)建。（15）單擊“數(shù)據(jù)源名稱(chēng)”下拉列表框右側(cè)的小三角，在彈出（17）選擇“文件”→“新建”命令，彈出“新建文檔”對(duì)話框。

（18）在“類(lèi)別”列表框中選擇“動(dòng)態(tài)頁(yè)”選項(xiàng)，在“動(dòng)態(tài)頁(yè)”列表框中選擇“ASPVBScript”選項(xiàng)，單擊“創(chuàng)建”按鈕。

（19）設(shè)置文檔標(biāo)題為“新聞”，單擊“保存”按鈕，為該文檔命名為“newsshow.asp”。（17）選擇“文件”→“新建”命令，彈出“新建文檔”對(duì)話（20）在“常用”插入工具欄中單擊“表格”按鈕，設(shè)置其為1行1例，寬度為600像素。在屬性面板中選擇對(duì)齊方式為“居中對(duì)齊”。

（21）打開(kāi)“CSS樣式”面板，單擊“附加樣式表”按鈕，將本書(shū)第四章實(shí)例中創(chuàng)建的CSS樣式表附加到文檔中。（20）在“常用”插入工具欄中單擊“表格”按鈕，設(shè)置其

（22）單擊“新建CSS樣式”按鈕，彈出“新建CSS樣式”對(duì)話框，在“選擇器類(lèi)型”選項(xiàng)中選中“類(lèi)（可應(yīng)用于任何標(biāo)簽）”單選按鈕，在“名稱(chēng)”文本框中輸入文本“.title1”，單擊“確定”按鈕。

（23）在“類(lèi)型”分類(lèi)中設(shè)置大小為“18像素”、粗細(xì)為“粗體”。在“區(qū)塊“分類(lèi)中設(shè)置文本對(duì)齊為“居中”，單擊“確定”按鈕。

（22）單擊“新建CSS樣式”按鈕，彈出“新建CSS（24）單擊“新建CSS樣式”按鈕，彈出“新建CSS樣式”對(duì)話框，在“選擇器類(lèi)型”選項(xiàng)中選中“類(lèi)（可應(yīng)用于任何標(biāo)簽）”單選按鈕，在“名稱(chēng)”文本框中輸入文本“.title2”，單