第10章ASP動(dòng)態(tài)實(shí)例網(wǎng)站引言前面的章節(jié)介紹的是關(guān)于Dreamweavercs5的靜態(tài)頁(yè)面的設(shè)計(jì)與制作，重點(diǎn)在網(wǎng)頁(yè)規(guī)劃和布局、特效等效果的實(shí)現(xiàn)。而現(xiàn)在較常見(jiàn)的搜索引擎、網(wǎng)上購(gòu)票、網(wǎng)上購(gòu)物、留言板和論壇等，采用的是動(dòng)態(tài)網(wǎng)頁(yè)實(shí)現(xiàn)的。本章以創(chuàng)建一個(gè)小型實(shí)例網(wǎng)站為例，系統(tǒng)地介紹建立動(dòng)態(tài)網(wǎng)站的基礎(chǔ)知識(shí)，包括ASP介紹、安裝配置IIS服務(wù)器、創(chuàng)建表單等。那么靜態(tài)頁(yè)面和動(dòng)態(tài)頁(yè)面有什么區(qū)別呢?(1)靜態(tài)頁(yè)面：就是設(shè)計(jì)者把頁(yè)面上所有內(nèi)容都設(shè)置好，然后放到服務(wù)器上，無(wú)論何人何時(shí)何地打開(kāi)這個(gè)頁(yè)面，看到的內(nèi)容都是一樣的，一成不變。靜態(tài)網(wǎng)頁(yè)通常采用HTML標(biāo)記語(yǔ)言編寫，它的文件擴(kuò)展名是.htm或.html。當(dāng)客戶端向服務(wù)器端請(qǐng)求靜態(tài)HTML文件時(shí)，服務(wù)器端不經(jīng)過(guò)任何處理向客戶端直接發(fā)送HTML文件，然后客戶端瀏覽器處理文件中的HTML代碼，并將結(jié)果顯示在頁(yè)面上。(2)動(dòng)態(tài)頁(yè)面：它的內(nèi)容一般都是依靠服務(wù)器端的程序來(lái)生成的，不同人、不同需求、不同時(shí)間訪問(wèn)頁(yè)面，可能顯示的內(nèi)容就不同，例如購(gòu)票網(wǎng)站。網(wǎng)頁(yè)設(shè)計(jì)者在寫好服務(wù)器端的頁(yè)面程序后，不需要手工控制，頁(yè)面內(nèi)容會(huì)按照頁(yè)面程序的安排自動(dòng)更新。動(dòng)態(tài)網(wǎng)頁(yè)中包含了程序代碼，通過(guò)后臺(tái)數(shù)據(jù)庫(kù)與web服務(wù)器的信息交互，由后臺(tái)數(shù)據(jù)庫(kù)提供實(shí)時(shí)數(shù)據(jù)更新和實(shí)時(shí)查詢服務(wù)。建立動(dòng)態(tài)網(wǎng)頁(yè)通常涉及服務(wù)器端編程。目前，常用的服務(wù)器端編程技術(shù)主要有CGI（CommonGatewayInterface，公用網(wǎng)關(guān)接口）、ASP(ActiveServerPages)、PHP(HypertextPreprocessor)、JSP(JavaServerPages)等，不同的編程技術(shù)需要不同的系統(tǒng)環(huán)境支持。其中ASP運(yùn)行于Windows系列平臺(tái)，與PHP、JSP相比具有簡(jiǎn)單易學(xué)的特點(diǎn)。10.1ASP介紹ASP具有以下特點(diǎn)：(1)ASP網(wǎng)頁(yè)是在HTML網(wǎng)頁(yè)上嵌入ASP代碼的頁(yè)面，為了將ASP代碼和HTML標(biāo)記區(qū)分開(kāi)來(lái)，ASP腳本必須包含在分隔符<%%>之間(2)內(nèi)嵌ASP代碼的網(wǎng)頁(yè)一股保存為擴(kuò)展名為.asp的文件。(3)ASP代碼不區(qū)分大小寫。(4)一個(gè)ASP文件可以內(nèi)嵌多種腳本語(yǔ)言，例如VBScript、JavaScript。(5)ASP內(nèi)置了ADO(ActiveXDataObjects)組件，不用編寫大量代碼，可以輕松地實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的訪問(wèn)。(6)由于ASP代碼無(wú)法從來(lái)瀏覽器端察看，ASP確保了站點(diǎn)的安全性。10.2安裝配置IIS服務(wù)器建立動(dòng)態(tài)網(wǎng)站之前，首先要安裝和配置IIS(InternetInformationServer，因特網(wǎng)信息服務(wù))服務(wù)器，以便對(duì)動(dòng)態(tài)網(wǎng)頁(yè)進(jìn)行測(cè)試和瀏覽。下面以Windows7操作系統(tǒng)為例，介紹IIS的安裝和配置過(guò)程。10.2.1安裝IISIIS是windows2000以上操作系統(tǒng)的一個(gè)組件，如果默認(rèn)沒(méi)有安裝，則可以通過(guò)添加windows組件的方法將IIS安裝到系統(tǒng)中。下面以“window7”操作系統(tǒng)為例，介紹IIS具體操作，如下：(1)打開(kāi)控制面板，雙擊“程序”|“打開(kāi)或關(guān)閉windows功能”，如圖10-1所示。(2)在彈出的如圖10-2所示的“windows功能”對(duì)話框中，勾選“Internet信息服務(wù)”前面的復(fù)選框。(3)展開(kāi)“Internet信息服務(wù)”選項(xiàng)，查看詳細(xì)信息，選中全部IIS子組件，如圖10-3所示，單擊“確定”，完成安裝。(4)IIS安裝完成后，點(diǎn)擊桌面上“計(jì)算機(jī)”圖標(biāo)，點(diǎn)擊右鍵，選擇“管理”，彈出的“計(jì)算機(jī)管理”對(duì)話框如圖所示，在“服務(wù)和應(yīng)用程序”選項(xiàng)下，就增加了“Internet信息服務(wù)管理器”選項(xiàng)。10.2.2配置IISIIS安裝成功后，系統(tǒng)自動(dòng)創(chuàng)建了一個(gè)默認(rèn)的web站點(diǎn)，其默認(rèn)目錄為C:/interput/wwwroot。也可以創(chuàng)建一個(gè)新站點(diǎn)，然后對(duì)站點(diǎn)進(jìn)行配置，使其符合要求。例如，新建站點(diǎn)F:\myweb,下面介紹IIS的具體配置過(guò)程，操作如下：(1)雙擊“Internet信息服務(wù)管理器”，展開(kāi)web服務(wù)器的管理界面，如圖所示。選擇左數(shù)第二列下的“網(wǎng)站”|“DefaultWebSite(默認(rèn)網(wǎng)站)”。(2)鼠標(biāo)放在“DefaultWebSite”上，點(diǎn)擊右鍵，選擇“管理網(wǎng)站”|“高級(jí)設(shè)置”，如圖10-6所示。點(diǎn)擊“高級(jí)設(shè)置”，彈出對(duì)話框，如圖10-7所示。圖10-6展開(kāi)“DefaultWebSite”屬性圖10-7高級(jí)設(shè)置(3)在“高級(jí)設(shè)置”窗口中，將“常規(guī)”選項(xiàng)下的“物理路徑”設(shè)置到新建站點(diǎn)“F:\myweb”、“自動(dòng)啟動(dòng)”項(xiàng)選擇為“true”。將“失敗請(qǐng)求跟蹤”選項(xiàng)下的“目錄”選項(xiàng)路徑設(shè)置為“F:\myweb”、“已啟動(dòng)”項(xiàng)選擇為“true”，單擊“確定”完成設(shè)置。如圖10-8所示。圖10-8高級(jí)設(shè)置的配置(4)在“計(jì)算機(jī)管理”面板，左數(shù)第三列下“IIS”選項(xiàng)下有“默認(rèn)文檔”標(biāo)識(shí)，如圖10-9中方框部分。雙擊進(jìn)入“默認(rèn)文檔”的設(shè)置窗口，如圖10-10所示。設(shè)置網(wǎng)站的默認(rèn)網(wǎng)頁(yè)文檔，方便瀏覽者瀏覽。圖10-9默認(rèn)文檔的位置10-10默認(rèn)文檔(5)可以手動(dòng)添加默認(rèn)文檔，方法是：點(diǎn)擊圖10-11中右側(cè)“操作”下的“添加”選項(xiàng)，在彈出的“添加默認(rèn)文檔”對(duì)話中，輸入“名稱”，點(diǎn)擊“確定”即可。(6)默認(rèn)文檔的優(yōu)先級(jí)順序，可以通過(guò)圖10-12中右列的“上移”“下移”來(lái)進(jìn)行調(diào)整，通常將文檔“index.html”的瀏覽順序設(shè)置在最上方。10.2.3配置和測(cè)試站點(diǎn)【例10-1】在任意盤下新建文件夾myweb,然后在myweb下創(chuàng)建圖像文件夾images。站點(diǎn)配置的操作如下：(1)打開(kāi)Dreamweaver，選擇菜單“站點(diǎn)”|“新建站點(diǎn)”命令，在“站點(diǎn)設(shè)置對(duì)象”對(duì)話框中設(shè)置“站點(diǎn)名稱”為website,“本地站點(diǎn)文件夾”設(shè)置為“F:\myweb”，如圖10-13所示。(2)選擇“服務(wù)器”類別，單擊圖10-14中方框部分的“+”按鈕，實(shí)現(xiàn)添加新服務(wù)器。在出現(xiàn)的設(shè)置窗口中添加服務(wù)器名稱為“website”，連接方法為“本地/網(wǎng)絡(luò)”，服務(wù)器文件夾為“F:\myweb”,WebURL設(shè)置為http://localhost,如圖所示。(3)切換到“高級(jí)”選項(xiàng)卡下，將“測(cè)試服務(wù)器”下的“服務(wù)器模型”設(shè)置為“ASPVBScript”,如圖10-16所示。(4)單擊“保存”按鈕，返回到“站點(diǎn)設(shè)置對(duì)象”對(duì)話框中，可以看到在服務(wù)器列表中增加了新添加的服務(wù)器信息，勾選其中的“測(cè)試”選項(xiàng)，如圖10-17所示。(5)選擇“高級(jí)設(shè)置”|“本地信息”，將“默認(rèn)圖像文件夾”設(shè)置為“F:\myweb\images”,如圖10-18所示。單擊“保存”按鈕，完成動(dòng)態(tài)站點(diǎn)的配置。10.2.4配置IIS的虛擬目錄在IIS服務(wù)器中發(fā)布網(wǎng)站，如果需要同時(shí)發(fā)布多個(gè)站點(diǎn)，可以用虛擬目錄的方式實(shí)現(xiàn)。虛擬目錄可以設(shè)置多個(gè)，具體配置方法如下：(1)打開(kāi)“internet信息服務(wù)管理器”，選擇“DefaultWebSite”選項(xiàng)。(2)右鍵單擊“DefaultWebSite”選項(xiàng)，在彈出的菜單中選擇“添加虛擬目錄”選項(xiàng)，如圖所示。(3)在彈出的“添加虛擬目錄”對(duì)話框中，設(shè)置別名“website2”,物理路徑設(shè)置為另外一個(gè)站點(diǎn)內(nèi)容所在的文件夾，如圖10-21所示。(4)這樣就在“DefaultWebSite”下新建了一個(gè)虛擬目錄“website2”，如圖10-22所示(5)可以通過(guò)http://localhost/website2來(lái)訪問(wèn)設(shè)置的新網(wǎng)站。10.3創(chuàng)建實(shí)例網(wǎng)站本節(jié)將結(jié)合前面介紹的知識(shí)，構(gòu)建一個(gè)小型的實(shí)例網(wǎng)站—用戶留言板。首先介紹網(wǎng)站的功能與頁(yè)面，接著設(shè)計(jì)網(wǎng)站的體系結(jié)構(gòu)，然后針對(duì)具體功能進(jìn)行設(shè)計(jì)與配置。10.3.1網(wǎng)站功能及頁(yè)面1.網(wǎng)站功能本節(jié)的實(shí)例網(wǎng)站主要包括一下幾部分功能：用戶注冊(cè)：用戶通過(guò)注冊(cè)獲得一個(gè)可登錄網(wǎng)站的用戶名；用戶登錄：用戶登錄后才能使用網(wǎng)站的所有功能；發(fā)表留言：用戶發(fā)表自己的見(jiàn)解和想法；留言列表：查看所有發(fā)表的留言內(nèi)容；查看留言：查看某一條留言的詳細(xì)內(nèi)容；根據(jù)網(wǎng)站的功能組成，可以將整個(gè)網(wǎng)站系統(tǒng)劃分為二大子系統(tǒng)：用戶注冊(cè)系統(tǒng)和留言系統(tǒng)。下面介紹實(shí)現(xiàn)以上四個(gè)功能的頁(yè)面，以獲得對(duì)該實(shí)例網(wǎng)站的初步了解。2.網(wǎng)站頁(yè)面用戶最新進(jìn)入的是首頁(yè)(index.asp)，頁(yè)面上提供的有用戶登錄的界面和新用戶注冊(cè)的鏈接，如圖10-23所示。圖10-23首頁(yè)index.asp對(duì)于沒(méi)有注冊(cè)的新用戶，要選擇一個(gè)“新用戶注冊(cè)”來(lái)獲得一個(gè)用戶名，新用戶注冊(cè)界面registster.asp,如圖10-24所示。注冊(cè)成功后，就可以返回到首頁(yè)，用已經(jīng)注冊(cè)過(guò)的帳號(hào)進(jìn)行登錄。用戶登錄(index.asp)后就進(jìn)入發(fā)表留言的頁(yè)面(subject.asp)，如圖10-25所示。發(fā)表留言成功后，就跳轉(zhuǎn)到留言列表頁(yè)面(bbslist.asp)，查看所有的留言信息，如圖10-26所示。用戶如果對(duì)某一條留言感興趣，可以從bbslist.asp中點(diǎn)擊標(biāo)題，進(jìn)入查看其具體內(nèi)容頁(yè)面show.asp。圖10-26查看所有留言bbslist.asp本章小結(jié)本節(jié)介紹了一個(gè)小型的ASP網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)過(guò)程。需要注意的是：(1)在設(shè)計(jì)網(wǎng)站時(shí)，首先不是急于設(shè)計(jì)具體的網(wǎng)頁(yè)，而是先分析網(wǎng)站的功能，理清網(wǎng)站要向訪問(wèn)者提供哪些服務(wù)，訪問(wèn)者可以得到哪些信息，從而列出網(wǎng)站的功能清單，并畫出網(wǎng)站的業(yè)務(wù)處理流程。(2)下一步則是確定網(wǎng)站結(jié)構(gòu)，要將所有需要提供給用戶的功能合理地分配到各個(gè)頁(yè)面中，并采用合理的方式以超鏈接的形式將所有頁(yè)面連接起來(lái)。(3)在正式進(jìn)入網(wǎng)頁(yè)制作時(shí)，將各種類型的文件按照一定的