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

1、第九章 利用ASP建立動(dòng)態(tài)網(wǎng)站 第一節(jié) 動(dòng)態(tài)網(wǎng)頁概述 第二節(jié) 數(shù)據(jù)庫連接 第三節(jié) 生成動(dòng)態(tài)頁 第四節(jié) 快速生成ASP應(yīng)用程序 第五節(jié) 應(yīng)用實(shí)例 習(xí)題九Web應(yīng)用程序序是一個(gè)個(gè)包含多多個(gè)頁的的Web站點(diǎn)，這這些頁的的部分內(nèi)內(nèi)容或全全部內(nèi)容容是未確確定的。只有當(dāng)當(dāng)訪問者者請求Web服務(wù)器中中的某個(gè)個(gè)頁時(shí)，才確定定該頁的的最終內(nèi)內(nèi)容。因因?yàn)轫摰牡淖罱K內(nèi)內(nèi)容根據(jù)據(jù)訪問者者的操作作請求的的不同而而變化，所以這這種頁稱稱為動(dòng)態(tài)態(tài)頁。第一節(jié)動(dòng)動(dòng)態(tài)態(tài)網(wǎng)頁概概述一、動(dòng)態(tài)態(tài)網(wǎng)頁處處理過程程當(dāng)Web服務(wù)器接接收到對對靜態(tài)Web頁的請求求時(shí)，服服務(wù)器將將該頁直直接發(fā)送送到瀏覽覽器。但但是，當(dāng)當(dāng)Web服務(wù)器接接收到對對

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

3、務(wù)務(wù)器將完完成的頁頁傳遞回回Web服務(wù)器。（5）Web服務(wù)器將將完成的的頁發(fā)送送到請求求瀏覽器器。二、相關(guān)關(guān)術(shù)語了解Web應(yīng)用程序序的常用用術(shù)語，對網(wǎng)站站的建設(shè)設(shè)很有幫幫助。1應(yīng)用用程序服服務(wù)器應(yīng)用程序序服務(wù)器器是一種種軟件，它幫助助Web服務(wù)器處處理包含含服務(wù)器器端腳本本或標(biāo)記記的Web頁。當(dāng)從從服務(wù)器器請求這這樣一個(gè)個(gè)頁時(shí)，Web服務(wù)器先先將該頁頁傳遞給給應(yīng)用程程序服務(wù)務(wù)器進(jìn)行行處理，然后再再將該頁頁發(fā)送到到瀏覽器器。常見見的應(yīng)用用程序服服務(wù)器包包括Macromedia ColdFusion，Macromedia JRunServer，Microsoft.NET框架，IBMWebSpher

4、e，ApacheTomcat等。2數(shù)據(jù)庫庫數(shù)據(jù)庫是是存儲(chǔ)在在表中的的數(shù)據(jù)的的集合。表的每每一行組組成一條條記錄，每一列列組成記記錄中的的一個(gè)域域。3數(shù)據(jù)庫庫驅(qū)動(dòng)程程序數(shù)據(jù)庫驅(qū)驅(qū)動(dòng)程序序是在Web應(yīng)用程序序和數(shù)據(jù)據(jù)庫之間間充當(dāng)解解釋器的的軟件。數(shù)據(jù)庫庫中的數(shù)數(shù)據(jù)是以以專用格格式存儲(chǔ)儲(chǔ)的。數(shù)數(shù)據(jù)庫驅(qū)驅(qū)動(dòng)程序序使Web應(yīng)用程序序可以讀讀取和操操作本來來無法解解密的數(shù)數(shù)據(jù)。4數(shù)據(jù)庫庫管理系系統(tǒng)數(shù)據(jù)庫管管理系統(tǒng)統(tǒng)（DBMS），又稱稱數(shù)據(jù)庫庫系統(tǒng)，是用于于創(chuàng)建和和操作數(shù)數(shù)據(jù)庫的的軟件。常見的的數(shù)據(jù)庫庫系統(tǒng)包包括MicrosoftAccess，Oracle和MySQL。5數(shù)據(jù)庫庫查詢數(shù)據(jù)庫查查詢是從從數(shù)據(jù)庫

5、庫中提取取記錄集集的操作作。查詢詢是由名名為SQL的數(shù)據(jù)庫庫語言所所表示的的搜索條條件組成成的。例例如，查查詢可以以指定在在記錄集集中只包包含某些些列或某某些記錄錄。6動(dòng)態(tài)頁頁動(dòng)態(tài)頁是是在發(fā)送送到瀏覽覽器之前前由應(yīng)用用程序服服務(wù)器自自定義的的Web頁。7記錄集集記錄集是是從數(shù)據(jù)據(jù)庫中一一個(gè)或多多個(gè)表中中提取的的一組數(shù)數(shù)據(jù)。8關(guān)系型型數(shù)據(jù)庫庫關(guān)系型數(shù)數(shù)據(jù)庫是是包含兩兩個(gè)或多多個(gè)表的的數(shù)據(jù)庫庫，這些些表共享享數(shù)據(jù)。下面的的數(shù)據(jù)庫庫中有兩兩個(gè)表共共享DepartmentID列，所以以是關(guān)系系型數(shù)據(jù)據(jù)庫。9服務(wù)器器技術(shù)服務(wù)器技技術(shù)是應(yīng)應(yīng)用程序序服務(wù)器器用來在在運(yùn)行時(shí)時(shí)，修改改動(dòng)態(tài)頁頁的技術(shù)術(shù)。Drea

6、mweaverMX2004支持以下下服務(wù)器器技術(shù)：（1）Macromedia ColdFusion。（2）MicrosoftASP.NET。（3）MicrosoftActive ServerPages（ASP）。（4）SunJavaServerPage（JSP）。（5）HypertextPreprocessor（PHP）。10靜態(tài)頁頁靜態(tài)頁是是在發(fā)送送到瀏覽覽器之前前不會(huì)被被應(yīng)用程程序服務(wù)務(wù)器修改改的Web頁。11Web應(yīng)用程序序Web應(yīng)應(yīng)用程序序是一個(gè)個(gè)包含多多個(gè)頁的的Web站點(diǎn)，這這些頁的的部分內(nèi)內(nèi)容或全全部內(nèi)容容是未確確定的。只有當(dāng)當(dāng)訪問者者請求Web服務(wù)器中中的某頁頁時(shí)，才才確定該該頁

7、的最最終內(nèi)容容。因?yàn)闉轫摰淖钭罱K內(nèi)容容根據(jù)訪訪問者的的操作請請求的不不同而變變化，所所以這種種頁稱為為動(dòng)態(tài)頁頁。12Web服務(wù)器器Web服服務(wù)器是是響應(yīng)來來自Web瀏覽器的的請求發(fā)發(fā)送出Web頁的軟件件。當(dāng)訪訪問者單單擊在瀏瀏覽器中中打開的的Web頁上的某某個(gè)鏈接接、在瀏瀏覽器中中選擇一一個(gè)書簽簽，或在在瀏覽器器的地址址文本框框中輸入入一個(gè)URL時(shí)，便生生成一個(gè)個(gè)頁請求求。常見的Web服務(wù)器包包括MicrosoftInternetInformationServer，MicrosoftPersonalWeb Server，ApacheHTTPServer，NetscapeEnterprise S

8、erver和SunONE WebServer。如果用戶戶計(jì)劃建建立動(dòng)態(tài)態(tài)Web應(yīng)用程序序，可以以從設(shè)置置應(yīng)用程程序服務(wù)務(wù)器和進(jìn)進(jìn)行數(shù)據(jù)據(jù)庫連接接開始著著手。如如果要將將數(shù)據(jù)庫庫與Web應(yīng)用程序序一起使使用，必必須首先先連接到到該數(shù)據(jù)據(jù)庫。本本節(jié)介紹紹如何創(chuàng)創(chuàng)建數(shù)據(jù)據(jù)庫連接接。第二節(jié)數(shù)數(shù)據(jù)據(jù)庫連接接一、使用用DSN創(chuàng)建連連接ASP應(yīng)用程序序必須通通過開放放式數(shù)據(jù)據(jù)庫連接接（ODBC）驅(qū)動(dòng)程程序（或或?qū)ο箧滄溄樱┖秃颓度胧绞綌?shù)據(jù)庫庫（OLEDB）提供程程序連接接到數(shù)據(jù)據(jù)庫。該該驅(qū)動(dòng)程程序或提提供程序序用作解解釋器，能夠使使Web應(yīng)用程序序與數(shù)據(jù)據(jù)庫進(jìn)行行通信。用戶可以以使用本本地定義義的DSN在D

9、reamweaverMX2004中創(chuàng)建數(shù)數(shù)據(jù)庫連連接。如如果要使使用本地地DSN，必須首首先定義義該DSN，其操作作步驟如如下：（1）選擇“開始”“控控制面板板”命令令，打開開“控制制面板”窗口，單擊“性能和和維護(hù)”圖標(biāo)，打開開“性能能和維護(hù)護(hù)”窗口口，單擊擊“管理理工具”圖標(biāo)，打開開“管理理工具”窗口，雙擊“數(shù)據(jù)源源（ODBC）”圖標(biāo)標(biāo)，彈彈出“ODBC數(shù)據(jù)源管管理器”對話框框，如圖圖9.2.1所示。圖9.2.1“ODBC數(shù)據(jù)源管管理器”對話框框（2）打開“系統(tǒng)DSN”選項(xiàng)卡，單擊“添加”按鈕，彈出“創(chuàng)建新新數(shù)據(jù)源源”對話話框，如如圖9.2.2所示。圖9.2.2“創(chuàng)建新數(shù)數(shù)據(jù)源”對話框框（3

10、）選擇數(shù)數(shù)據(jù)源的的類型，單擊“完成”按鈕，彈出“ODBC MicrosoftAccess安裝”對對話框，如圖9.2.3所示。單單擊“選選擇”按按鈕，在在彈出的的“選擇擇數(shù)據(jù)庫庫”對話話框中選選擇網(wǎng)站站數(shù)據(jù)庫庫所在位位置。圖9.2.3“ODBCMicrosoft Access安裝”對對話框（4）單擊“確定”按鈕，完成DSN的創(chuàng)建。（5）打開DreamweaverMX2004，創(chuàng)建一一個(gè)ASP動(dòng)態(tài)頁。（6）選擇“窗口”“數(shù)數(shù)據(jù)庫”命令，打開“數(shù)據(jù)庫庫”面板板。（7）單擊按按鈕，在彈出出的下拉拉菜單中中選擇“數(shù)據(jù)源源名稱（DSN）”命令令，彈出出“數(shù)據(jù)據(jù)源名稱稱（DSN）”對話話框，如如圖9.2.4

11、所示。圖9.2.4“數(shù)據(jù)源名名稱（DSN）”對話話框（8）單擊“數(shù)據(jù)源源名稱”下拉列列表框右右側(cè)的小小三角，在彈出出的下拉拉列表中中選擇剛剛剛創(chuàng)建建的系統(tǒng)統(tǒng)DSN并在“連連接名稱稱”文本本框中為為該連接接命名。（9）單擊“確定”按鈕，完成連連接的創(chuàng)創(chuàng)建。二、創(chuàng)建建非DSN連接用戶可以以使用非非DSN連接在Web應(yīng)用程序序和數(shù)據(jù)據(jù)庫之間間創(chuàng)建ODBC或OLEDB連接。在在DreamweaverMX2004中使用連連接字符符串來創(chuàng)創(chuàng)建這類類連接，連接字字符串包包含Web應(yīng)用程序序連接到到數(shù)據(jù)庫庫所需的的全部信信息，其其操作步步驟如下下：（1）在DreamweaverMX2004中打開或或新建一一個(gè)

12、ASP頁。（2）選擇“窗口”“數(shù)數(shù)據(jù)庫”命令，打開“數(shù)據(jù)庫庫”面板板。（3）單擊按按鈕，在彈出出的下拉拉菜單中中選擇“自定義義連接字字符串”命令，彈出“自定義義連接字字符串”對話框框，如圖圖9.2.5所示。（4）設(shè)置完完畢后，單擊“確定”按鈕。圖9.2.5“自定義連連接字符符串”對對話框使用DreamweaverMX2004中的Web應(yīng)用程序序開發(fā)工工具，可可以向頁頁面添加加動(dòng)態(tài)內(nèi)內(nèi)容。一、動(dòng)態(tài)態(tài)頁設(shè)計(jì)計(jì)流程DreamweaverMX2004可以使用用幾種流流行的Web編程語言言和服務(wù)務(wù)器技術(shù)術(shù)中的任任意一種種來創(chuàng)建建動(dòng)態(tài)Web站點(diǎn)，這這里介紹紹創(chuàng)建動(dòng)動(dòng)態(tài)Web站點(diǎn)所必必須的步步驟：第三節(jié)生生

13、成成動(dòng)態(tài)頁頁1設(shè)計(jì)頁頁面設(shè)計(jì)任何何Web站點(diǎn)時(shí)的的一個(gè)關(guān)關(guān)鍵步驟驟就是頁頁面視覺覺效果的的設(shè)計(jì)。當(dāng)向網(wǎng)網(wǎng)頁中添添加動(dòng)態(tài)態(tài)元素時(shí)時(shí)，頁面面的設(shè)計(jì)計(jì)對于其其可用性性至關(guān)重重要。制制作動(dòng)態(tài)態(tài)頁的前前提便是是首先設(shè)設(shè)計(jì)一個(gè)個(gè)美觀的的靜態(tài)頁頁面。2創(chuàng)建動(dòng)動(dòng)態(tài)內(nèi)容容源動(dòng)態(tài)Web站點(diǎn)需要要一個(gè)內(nèi)內(nèi)容源，它可以以是數(shù)據(jù)據(jù)庫、請請求變量量、服務(wù)務(wù)器變量量、表單單變量或或預(yù)存過過程。在在將數(shù)據(jù)據(jù)顯示在在網(wǎng)頁上上之前，動(dòng)態(tài)Web站點(diǎn)需要要從該內(nèi)內(nèi)容源提提取這些些數(shù)據(jù)。3向Web頁添加動(dòng)動(dòng)態(tài)內(nèi)容容定義記錄錄集或其其他數(shù)據(jù)據(jù)源并將將其添加加到“綁綁定”面面板后，可以將將該記錄錄集所代代表的動(dòng)動(dòng)態(tài)內(nèi)容容插入到到頁面中中。

14、Dreamweaver的菜單型型（menu-driven）界面使使得添加加動(dòng)態(tài)內(nèi)內(nèi)容元素素非常簡簡單，只只需從“綁定”面板中中選擇動(dòng)動(dòng)態(tài)內(nèi)容容源，然然后將其其插入到到當(dāng)前頁頁面內(nèi)的的適當(dāng)文文本、圖圖像或表表單對象象中即可可。二、綁定定記錄集集創(chuàng)建完數(shù)數(shù)據(jù)源并并成功地地將其鏈鏈接到站站點(diǎn)后，便可以以進(jìn)行綁綁定記錄錄集操作作并進(jìn)行行對記錄錄集的各各種操作作了。綁綁定記錄錄集的操操作步驟驟如下：（1）選擇“窗口”“綁綁定”命命令，打打開“綁綁定”面面板。（2）單擊按按鈕，在彈出出的下拉拉菜單中中選擇“記錄集集（查詢詢）”命命令，彈彈出“記記錄集”對話框框，如圖圖9.3.1所示。圖9.3.1“記錄集”

15、對話框框（3）設(shè)置完完成其他他各選項(xiàng)項(xiàng)后，單單擊“測測試”按按鈕，測測試所做做的設(shè)置置。（4）單擊“確定”按鈕，完成記記錄集的的綁定。三、顯示示數(shù)據(jù)庫庫記錄顯示數(shù)據(jù)據(jù)庫記錄錄涉及檢檢索儲(chǔ)存存在數(shù)據(jù)據(jù)庫或其其他內(nèi)容容源中的的信息，以及將將這些信信息呈現(xiàn)現(xiàn)到網(wǎng)頁頁上。DreamweaverMX2004提供了許許多顯示示動(dòng)態(tài)內(nèi)內(nèi)容的方方法，并并提供了了若干內(nèi)內(nèi)置的服服務(wù)器行行為，使使用戶可可以增強(qiáng)強(qiáng)動(dòng)態(tài)內(nèi)內(nèi)容的演演示，并并使用戶戶能夠更更輕松地地查找和和導(dǎo)航從從數(shù)據(jù)庫庫返回的的信息。1動(dòng)態(tài)表表格用戶可以以使用動(dòng)動(dòng)態(tài)表格格將數(shù)據(jù)據(jù)庫中的的記錄顯顯示出來來，其操操作步驟驟如下：（1）選擇“插入”“應(yīng)應(yīng)用

16、程序序?qū)ο蟆薄皠?dòng)動(dòng)態(tài)數(shù)據(jù)據(jù)”“動(dòng)態(tài)表表格”命命令，彈彈出“動(dòng)動(dòng)態(tài)表格格”對話話框，如如圖9.3.2所示。圖9.3.2“動(dòng)態(tài)表格格”對話話框（2）選擇需需要顯示示的記錄錄集名稱稱并設(shè)置置每頁顯顯示記錄錄的條數(shù)數(shù)和表格格的邊框框。（3）單擊“確定”按鈕，完成動(dòng)動(dòng)態(tài)表格格的添加加。（4）根據(jù)需需要?jiǎng)h除除表中的的列，更更改表格格的標(biāo)題題。2記錄集集導(dǎo)航條條當(dāng)設(shè)置每每頁顯示示的記錄錄數(shù)少于于數(shù)據(jù)庫庫中的記記錄總數(shù)數(shù)時(shí)，便便需要使使用記錄錄集導(dǎo)航航條來控控制顯示示當(dāng)前頁頁后面的的記錄。在文檔檔中插入入記錄集集導(dǎo)航條條的操作作步驟如如下：（1）選擇“插入”“應(yīng)應(yīng)用程序序?qū)ο蟆薄坝浻涗浖址猪摗薄坝涗涗浖瘜?dǎo)航

17、航條”命命令，彈彈出“記記錄集導(dǎo)導(dǎo)航條”對話框框，如圖圖9.3.3所示。（2）選擇需需要插入入記錄集集導(dǎo)航條條的記錄錄集名稱稱并設(shè)置置導(dǎo)航條條的顯示示方式。（3）單擊“確定”按鈕，完成記記錄集導(dǎo)航航條的添添加。圖9.3.3“記錄集導(dǎo)導(dǎo)航條”對話框框四、插入入數(shù)據(jù)庫庫記錄插入數(shù)據(jù)據(jù)庫記錄錄時(shí)，不不必綁定定記錄集集，其操操作步驟驟如下：（1）選擇“插入”“應(yīng)應(yīng)用程序序?qū)ο蟆薄安宀迦胗涗涗洝薄安迦胗浻涗洷韱螁蜗驅(qū)А泵?，彈出“插入記記錄表單單”對話話框，如如圖9.3.4所示。圖9.3.4“插入記錄錄表單”對話框框（2）單擊“連接”下拉列列表框右右側(cè)的小小三角，在彈出出的下拉拉列表中中選擇連連接名；單

18、擊“插入到到表格”下拉列列表框右右側(cè)的小小三角，在彈出出的下拉拉列表中中選擇需需要將記記錄插入入到的表表格名；根據(jù)需需要設(shè)置置其他的的選項(xiàng)。（3）單擊“確定”按鈕，完成添添加插入入表單記記錄的操操作。五、更新新數(shù)據(jù)庫庫記錄更新數(shù)據(jù)據(jù)庫記錄錄時(shí)，首首先應(yīng)該該綁定記記錄集。插入更更新數(shù)據(jù)據(jù)庫記錄錄的操作作步驟如如下：（1）選擇“插入”“應(yīng)應(yīng)用程序序?qū)ο蟆薄案掠涗涗洝薄案掠浻涗洷韱螁蜗驅(qū)А泵?，彈出“更新記記錄表單單”對話話框，如如圖9.3.5所示。圖9.3.5“更新記錄錄表單”對話框框（2）單擊“連接”下拉列列表框右右側(cè)的小小三角，在彈出出的下拉拉列表中中選擇連連接名；單擊“要更新新的表格格

19、”下拉拉列表框框右側(cè)的的小三角角，在彈彈出的下下拉列表表中選擇擇需要更更新的表表格；單單擊“選選取記錄錄自”下下拉列表表框右側(cè)側(cè)的小三三角，在在彈出的的下拉列列表中選選擇記錄錄集名；根據(jù)需需要更新新表單字字段的標(biāo)標(biāo)簽，顯顯示字段段類型等等信息。（3）單擊“確定”按鈕，完成更更新數(shù)據(jù)據(jù)庫記錄錄的添加加。六、刪除除數(shù)據(jù)庫庫記錄刪除數(shù)據(jù)據(jù)庫記錄錄時(shí)，首首先應(yīng)該該綁定記記錄集，插入刪刪除數(shù)據(jù)據(jù)庫記錄錄的操作作步驟如如下：（1）選擇“插入”“表表單”“表單單”命令令，在文文檔中插插入一個(gè)個(gè)表單。（2）選擇“插入”“應(yīng)應(yīng)用程序序?qū)ο蟆薄皠h刪除記錄錄”命令令，彈出出“刪除除記錄”對話框框，如圖圖9.3.6所

20、示。圖9.3.6“刪除記錄錄”對話話框（3）單擊“連接”下拉列列表框右右側(cè)的小小三角，在彈出出的下拉拉列表中中選擇連連接名；單擊“從表格格中刪除除”下拉拉列表框框右側(cè)的的小三角角，在彈彈出的下下拉列表表中選擇擇需要?jiǎng)h刪除記錄錄的表格格名；單單擊“選選取記錄錄自”下下拉列表表框右側(cè)側(cè)的小三三角，在在彈出的的下拉列列表中選選擇記錄錄集名；根據(jù)需需要設(shè)置置其他選選項(xiàng)。（4）單擊“確定”按鈕，完成刪刪除記錄錄的添加加。七、篩選選數(shù)據(jù)庫庫記錄篩選數(shù)據(jù)據(jù)庫記錄錄是在綁綁定記錄錄集時(shí)完完成的，其操作作步驟如下：（1）選擇“窗口”“綁綁定”命命令，打打開“綁綁定”面面板。（2）單擊按按鈕，在彈出出的下拉拉菜單

21、中中選擇“記錄集集（查詢詢）”命命令，彈彈出“記記錄集”對話框框（見圖圖9.3.1）。（3）單擊“篩選”下拉列列表框右右側(cè)的小小三角，在彈出出的下拉拉列表中中選擇需需要篩選選的數(shù)據(jù)據(jù)表中的的列，在在其后面面的下拉拉列表中中選擇邏邏輯操作作符，在在其下面面的下拉拉列表中中選擇篩篩選的類類型，在在其后面面的文本本框中輸輸入篩選選的值，如圖9.3.7所示。（4）設(shè)置完完成其他他選項(xiàng)后后，單擊擊“測試試”按鈕鈕，測試試所做的的設(shè)置。（5）單擊“確定”按鈕，完成記記錄集的的綁定。圖9.3.7對記錄進(jìn)進(jìn)行篩選選Web應(yīng)用程序序通常賦賦予頁面面一定的的功能，例如使使用戶可可以搜索索數(shù)據(jù)庫庫的頁面面，使用用戶

22、可以以插入、更新或或刪除數(shù)數(shù)據(jù)庫中中的數(shù)據(jù)據(jù)的頁面面，以及及限制對對某一個(gè)個(gè)Web站點(diǎn)的訪訪問的頁頁面。使使用DreamweaverMX2004可以迅速速建立所所有此類類頁面。第四節(jié)快快速速生成ASP應(yīng)用程序序一、生成成主詳細(xì)細(xì)頁開發(fā)Web應(yīng)用程序序時(shí)，使使用主詳詳細(xì)頁集集應(yīng)用程程序?qū)ο笙罂梢钥炜焖偕沙芍髟敿?xì)細(xì)頁。應(yīng)應(yīng)用程序序?qū)ο笾恢恍柰ㄟ^過完成一一兩個(gè)對對話框的的設(shè)置來來生成一一組完整整的動(dòng)態(tài)態(tài)頁。生成主詳詳細(xì)頁的的操作步步驟如下下：（1）選擇“文件”“新新建”命命令，彈彈出“新新建文檔檔”對話話框，在在左側(cè)“類別”列表框框中選擇擇“動(dòng)態(tài)態(tài)頁”選選項(xiàng)，在在右側(cè)的的“動(dòng)態(tài)態(tài)頁”列列表框中中選

23、擇一一種動(dòng)態(tài)態(tài)頁的類類型，單單擊“創(chuàng)創(chuàng)建”按按鈕。（2）為該文文檔綁定定一個(gè)記記錄集。（3）選擇“插入”“應(yīng)應(yīng)用程序序?qū)ο蟆薄爸髦髟敿?xì)頁頁集”命命令，彈彈出“插插入主詳詳細(xì)頁集集”對話話框，如如圖9.4.1所示。（4）設(shè)置對對話框中中各個(gè)選選項(xiàng)。（5）單擊“確定”按鈕，完成主主詳細(xì)頁頁的插入入。圖9.4.1“插入主詳詳細(xì)頁集集”對話話框二、生成成搜索頁頁和結(jié)果果頁Web上的搜索索頁通常常包含用用戶在其其中輸入入搜索參參數(shù)的表表單域。搜索頁頁至少必必須具有有一個(gè)帶帶有“提提交”按按鈕的HTML表單。生成搜索索頁的操操作步驟驟如下：（1）打開搜搜索頁或或創(chuàng)建一一個(gè)新頁頁，選擇擇“插入入”“表單”“

24、表表單”命命令。（2）選擇“插入”“表表單”命命令，在在彈出的的下拉菜菜單中選選擇需要要插入的的表單對對象。（3）選擇“插入”“表表單”“按鈕鈕”命令令，添加加一個(gè)“提交”按鈕。（4）在標(biāo)簽簽選擇器器中選擇擇標(biāo)標(biāo)記。（5）在屬性性面板中中的“動(dòng)動(dòng)作”文文本框中中輸入將將執(zhí)行數(shù)數(shù)據(jù)庫搜搜索的結(jié)結(jié)果頁的的文件名名。（6）單擊“方法”下拉列列表框右右側(cè)的小小三角，在彈出出的下拉拉列表中中選擇一一種將表表單數(shù)據(jù)據(jù)發(fā)送到到服務(wù)器器的類型型。完成了搜搜索頁的的創(chuàng)建頁頁后，便便需要完完成顯示示搜索結(jié)結(jié)果的結(jié)結(jié)果頁，首先要要對記錄錄集進(jìn)行行篩選，其操作作步驟如如下：（1）新建一一個(gè)動(dòng)態(tài)態(tài)頁。（2）打開“綁定”

25、面板，單擊按按鈕，在彈出出的下拉拉菜單中中選擇“記錄集集（查詢詢）”命命令，彈彈出“記記錄集”對話框框。（3）輸入記記錄集的的名稱并并選擇一一個(gè)連接接；在“表格”下拉列列表中，選擇要要在數(shù)據(jù)據(jù)庫中搜搜索的表表。（4）單擊“篩選”選項(xiàng)的的第一個(gè)個(gè)下拉列列表框右右側(cè)的小小三角，在彈出出的下拉拉列表中中選擇一一個(gè)要在在其中搜搜索匹配配記錄的的數(shù)據(jù)庫庫表列；在它右右邊的下下拉列表表中選擇擇選選項(xiàng)；單擊第第三個(gè)下下拉列表表框右側(cè)側(cè)的小三三角，在在彈出的的下拉列列表中選選擇“表表單變量量”選項(xiàng)項(xiàng)；在其其右邊的的文本框框中輸入入生成搜搜索頁的的“提交交”按鈕鈕的名稱稱。（5）單擊“確定”按鈕，完成記記錄集的

26、的綁定。綁定記錄錄集后結(jié)結(jié)果頁便便創(chuàng)建完完成，其其操作步步驟如下下：（1）選擇“插入”“應(yīng)應(yīng)用程序序?qū)ο蟆薄皠?dòng)動(dòng)態(tài)數(shù)據(jù)據(jù)”“動(dòng)態(tài)表表格”命命令，彈彈出“動(dòng)動(dòng)態(tài)表格格”對話話框。（2）選擇需需要顯示示的記錄錄集名稱稱并設(shè)置置每頁顯顯示記錄錄的條數(shù)數(shù)和表格格的邊框框。（3）單擊“確定”按鈕，完成動(dòng)動(dòng)態(tài)表格格的添加加。（4）根據(jù)需需要?jiǎng)h除除表中的的列、更更改表格格的標(biāo)題題。（5）Dreamweaver將插入一一個(gè)動(dòng)態(tài)態(tài)表格，用于顯顯示搜索索結(jié)果。本例制作作一個(gè)新新聞發(fā)布布頁面，效果如如圖9.5.1所示。第五節(jié)應(yīng)應(yīng)用用實(shí)例圖9.5.1效效果果圖具體操作作步驟如如下：（1）選選擇“開開始”“所有有程序”

27、“MicrosoftOffice”“Microsoft OfficeAccess2003”命命令，打打開“MicrosoftAccess ”窗窗口。（2）選選擇“文文件”“新建建”命令令，打開開“任務(wù)務(wù)窗格”面板，單擊“空數(shù)據(jù)據(jù)庫”快快捷方式式，彈出出“文件件新建數(shù)數(shù)據(jù)庫”對話框框，選擇擇數(shù)據(jù)庫庫的保存存位置并并將該數(shù)數(shù)據(jù)庫命命名為“Data.mdb”，如圖圖9.5.2所所示。單單擊“創(chuàng)創(chuàng)建”按按鈕。圖9.5.2“文文件新建建數(shù)據(jù)庫庫”對話話框（3）在在“Data：數(shù)據(jù)庫庫（Access2000文件格格式）”窗口中中雙擊“使用設(shè)設(shè)計(jì)器創(chuàng)創(chuàng)建表”圖標(biāo)，打開“表1：表”窗窗口，輸輸入字段段名并選選

28、擇其數(shù)數(shù)據(jù)類型型，如圖圖9.5.3所所示。圖9.5.3輸輸入入字段名名稱并選選擇其數(shù)數(shù)據(jù)類型型（4）將將光標(biāo)定定位在id行，單擊“表設(shè)計(jì)計(jì)”工具具欄中的的“主鍵鍵”按鈕鈕將該該列設(shè)為為主鍵；將光標(biāo)標(biāo)定位在在date行，在“默默認(rèn)值”文本框框中輸入入“Now()”。（5）單單擊“關(guān)關(guān)閉”按按鈕，彈出“Microsoft OfficeAccess”提示框框，單擊擊“是”按鈕，彈出“另存為為”對話話框，在在“表名名稱”文文本框中中輸入文文本“news”，單擊“確確定”按按鈕。（6）在在“Data：數(shù)據(jù)庫庫（Access2000文件格格式）”窗口中中雙擊剛剛創(chuàng)建的的“news”表格，打開“news：表

29、表”窗口口。在“title”列中輸輸入新聞聞的標(biāo)題題；在“subject”列列中輸入入新聞的的類別；在“content”列中中輸入新新聞的內(nèi)內(nèi)容。（7）輸輸入完成成后，單單擊“關(guān)關(guān)閉”按按鈕，關(guān)閉窗窗口，數(shù)數(shù)據(jù)表將將自動(dòng)保保存。（8）選擇“開始”“控控制面板板”命令令，打開開“控制制面板”窗口，單擊“性能和和維護(hù)”圖標(biāo)，打開開“性能能和維護(hù)護(hù)”窗口口，單擊擊“管理理工具”圖標(biāo)，打開開“管理理工具”窗口，雙擊“數(shù)據(jù)源源（ODBC）”圖標(biāo)標(biāo)，彈彈出“ODBC數(shù)據(jù)源管管理器”對話框框。（9）打開“系統(tǒng)DSN”選項(xiàng)卡，單擊“添加”按鈕，彈出“創(chuàng)建新新數(shù)據(jù)庫庫”對話話框，在在“名稱稱”列表表框中選選擇“

30、MicrosoftAccess存量Driver（*.mdb）”選項(xiàng)項(xiàng)。（10）選擇數(shù)數(shù)據(jù)源的的類型，單擊“完成”按鈕，彈出“ODBCMicrosoft Access安裝裝”對話框框，如圖圖9.5.4所示。單單擊“選選擇”按按鈕，在在彈出的的“選擇擇數(shù)據(jù)庫庫”對話話框中選選擇Data.mdb文件。圖9.5.4“ODBCMicrosoft Access安裝”對對話框（11）單擊“確定”按鈕，完成DSN的創(chuàng)建。（12）打開DreamweaverMX2004，創(chuàng)建一一個(gè)ASP動(dòng)態(tài)頁。（13）選擇“窗口”“數(shù)數(shù)據(jù)庫”命令，打開“數(shù)據(jù)庫庫”面板板。（14）單擊按按鈕，在彈出出的下拉拉菜單中中選擇“數(shù)據(jù)源源

31、名稱（DSN）”命令令，彈出出“數(shù)據(jù)據(jù)源名稱稱（DSN）”對話話框，其其設(shè)置如如圖9.5.5所示。圖9.5.5“數(shù)據(jù)源名名稱（DSN）”對話話框（15）單擊“數(shù)據(jù)源源名稱”下拉列列表框右右側(cè)的小小三角，在彈出出的下拉拉列表中中選擇剛剛剛創(chuàng)建建的系統(tǒng)統(tǒng)DSN并在“連連接名稱稱”文本本框中為為該連接接命名。（16）單擊“確定”按鈕，完成連連接的創(chuàng)創(chuàng)建。（17）選擇“文件”“新新建”命命令，彈彈出“新新建文檔檔”對話話框。（18）在“類類別”列列表框中中選擇“動(dòng)態(tài)頁頁”選項(xiàng)項(xiàng)，在“動(dòng)態(tài)頁頁”列表表框中選選擇“ASPVBScript”選項(xiàng)，單單擊“創(chuàng)創(chuàng)建”按按鈕。（19）設(shè)置文文檔標(biāo)題題為“新新聞”，

32、單擊“保存”按鈕，為該該文檔命命名為“newsshow.asp”。（20）在“常常用”插插入工具具欄中單單擊“表表格”按按鈕，設(shè)置其其為1行1例，寬度度為600像素。在在屬性面面板中選選擇對齊齊方式為為“居中中對齊”。（21）打開“CSS樣式”面面板，單單擊“附附加樣式式表”按按鈕，將本書書第四章章實(shí)例中中創(chuàng)建的的CSS樣式表附附加到文文檔中。（22）單擊“新建CSS樣式”按按鈕，彈出“新建CSS樣式”對對話框，在“選選擇器類類型”選選項(xiàng)中選選中“類類（可應(yīng)應(yīng)用于任任何標(biāo)簽簽）”單單選按鈕鈕，在“名稱”文本框框中輸入入文本“.title1”，單擊“確定”按鈕。（23）在“類類型”分分類中設(shè)設(shè)置

33、大小小為“18像素”、粗細(xì)為為“粗體體”。在在“區(qū)塊塊“分類類中設(shè)置置文本對對齊為“居中”，單擊擊“確定定”按鈕鈕。（24）單擊“新建CSS樣式”按按鈕，彈出“新建CSS樣式”對對話框，在“選選擇器類類型”選選項(xiàng)中選選中“類類（可應(yīng)應(yīng)用于任任何標(biāo)簽簽）”單單選按鈕鈕，在“名稱”文本框框中輸入入文本“.title2”，單擊“確定”按鈕。（25）在“類類型”分分類中設(shè)設(shè)置大小小為“14像素”。在“區(qū)區(qū)塊”分分類中設(shè)設(shè)置文本本對齊為為“居中中”，單單擊“確確定”按按鈕。（26）選擇“窗口”“綁綁定”命命令，打打開“綁綁定”面面板，單單擊按鈕，在在彈出的的下拉菜菜單中選選擇“記記錄集（查詢）”命令令，

34、彈出出“記錄錄集”對對話框，設(shè)置其其參數(shù)，如圖9.5.6所示。單單擊“確確定”按按鈕。圖9.5.6“記錄集”對話框框（27）在“綁綁定”面面板中，單擊“記錄集集（rsnewsshow）”選項(xiàng)項(xiàng)左側(cè)的的圖標(biāo)，選中“title”選項(xiàng)并將將其拖放放到表格格中，如如圖9.5.7所示。圖9.5.7將“title”選項(xiàng)拖放放到編輯輯區(qū)（28）選中記記錄錄集項(xiàng)，單擊屬屬性面板板中“樣樣式”下下拉列表表框右側(cè)側(cè)的小三三角，在在彈出的的下拉列列表中選選擇選項(xiàng)項(xiàng)。（29）選擇“插入”“HTML”“水平線”命令，插入一一條水平平線。按按回車鍵鍵，輸入入一個(gè)換換行標(biāo)記記。（30）輸入文文本“發(fā)發(fā)布日期期：”，在“綁綁

35、定”面面板中，選中“date”選項(xiàng)并將將其拖放放到文本本“發(fā)布布日期：”的后后面，然然后輸入入兩個(gè)全全角空格格。（31）在“綁綁定”面面板中，選中“subject”選項(xiàng)并將將其拖放放到兩個(gè)個(gè)全角空空格的后后面。（32）單擊標(biāo)標(biāo)簽選擇擇器中的的標(biāo)記記，選中中該行，單擊屬屬性面板板中“樣樣式”下下拉列表表框右側(cè)側(cè)的小三三角，在在彈出的的下拉列列表中選選擇選選項(xiàng)項(xiàng)，再按按回車鍵鍵輸入一一個(gè)換行行標(biāo)記。（33）在“綁綁定”面面板中，選中“content”選項(xiàng)并將將其拖放放到換行行標(biāo)記處處。單擊擊屬性面面板中“樣式”下拉列列表框右右側(cè)的小小三角，在彈出出的下拉拉列表中中選擇“光”選選項(xiàng)。（34）單擊“全

36、部保保存”按按鈕。（35）選擇“文件”“新新建”命命令，彈彈出“新新建文檔檔”對話話框。（36）在“類類別”列列表框中中選擇“動(dòng)態(tài)頁頁”選項(xiàng)項(xiàng)，在“動(dòng)態(tài)頁頁”列表表框中選選擇“ASPVBScript”選項(xiàng)，單單擊“創(chuàng)創(chuàng)建”按按鈕。（37）設(shè)置文文檔標(biāo)題題為“新新聞列表表”，單單擊“保保存”按按鈕，為該文文檔命名名為“newslist.asp”。（38）打開“CSS樣式面板板”，單單擊“附附加樣式式表”按按鈕，將本書書第四章章實(shí)例中中創(chuàng)建的的CSS樣式表附附加到文文檔中。（39）單擊“新建CSS樣式”按按鈕，彈出“新建CSS樣式”對對話框，在“選選擇器類類型”選選項(xiàng)中選選中“類類（可應(yīng)應(yīng)用于任任何標(biāo)簽簽）”單單選按鈕鈕，“名名稱”文文本框中中輸入文文本“.title3”，單擊“確定”按鈕。（40）在“類類型”分分類中設(shè)設(shè)置大小小為“14像素”、粗細(xì)為為“粗體體”、顏顏色為“#3366CC”。在“區(qū)區(qū)塊”分分類中設(shè)設(shè)