1.2 ASP服務(wù)器的安裝與配置

開發(fā)方面有得天獨(dú)厚的優(yōu)勢。同時JSP具有更好的跨平臺支持。JSP可以支持超過85%以上的操作系統(tǒng)，除了Windows外，它還支持Linux、UNIX等。

從嚴(yán)格意義上來講，JSP是建立在Java Servlet技術(shù)之上，Servlet工作在服務(wù)器端，當(dāng)收到來自客戶端的請求后，動態(tài)地生成響應(yīng)文檔，然后以HTML（或XML）頁面形式發(fā)送到客戶端瀏覽器。由于所有的操作都是在服務(wù)器端執(zhí)行的，網(wǎng)絡(luò)上傳給客戶端的只是生成和HTML網(wǎng)頁，對瀏覽器的要求極低。

由于使用Java Servlet技術(shù)實(shí)現(xiàn)，JSP可以被整合到多種應(yīng)用體系結(jié)構(gòu)中，以利用現(xiàn)有工具和技巧，具有健壯的存儲管理和安全性，同時，還具有Javs語言“一次編寫，隨處運(yùn)行”的特點(diǎn)。相對于ASP來說，JSP是在服務(wù)器端先編譯成Servlet包（以.class文件形式存儲），再動態(tài)執(zhí)行，這種編譯只在第一次訪問JSP內(nèi)容時進(jìn)行，以后在訪問時就可以快速地執(zhí)行。而ASP是解釋型的，每次訪問網(wǎng)頁時都是一邊解釋一邊執(zhí)行，即使訪問的是同一網(wǎng)頁內(nèi)容也是如此。

此外，JSP對許多功能進(jìn)行了封裝，因此JSP Web頁面的開發(fā)并不完全需要熟悉腳本語言開發(fā)的編程人員，可以使前臺的頁面開發(fā)人員與后臺的腳本開發(fā)人員分工合作來完成整個動態(tài)網(wǎng)站的開發(fā)。同時，還可以使用Java技術(shù)開發(fā)出自己的標(biāo)識庫或使用第三方提供的構(gòu)件來進(jìn)行有特色的、快速的動態(tài)網(wǎng)站開發(fā)。

目前，在國內(nèi)的動態(tài)網(wǎng)站開發(fā)中，ASP應(yīng)用最為廣泛，而JSP由于是一種較新的技術(shù)，國內(nèi)采用的較少。但在國外，JSP已經(jīng)是比較流行的一種技術(shù)，尤其是電子商務(wù)類的網(wǎng)站，多采用JSP。對于初學(xué)者來說，學(xué)習(xí)ASP的基礎(chǔ)比JSP要求低，易于入門，ASP中的腳本語言VBScript和JScript比JSP中的Java語言學(xué)習(xí)起來也更容易一些。

1.2.1 ASP服務(wù)器的組成

在上一節(jié)的學(xué)習(xí)中，知道了ASP動態(tài)網(wǎng)頁的執(zhí)行分為客戶端的請求和服務(wù)器端對動態(tài)網(wǎng)頁的解釋執(zhí)行。ASP動態(tài)網(wǎng)頁的執(zhí)行過程如圖1-5所示。

當(dāng)用戶從瀏覽器輸入了要訪問ASP動態(tài)網(wǎng)頁文件的URL地址后，瀏覽器就將這個URL請求發(fā)給Web服務(wù)器，如果服務(wù)器上安裝了ASP服務(wù)系統(tǒng)，當(dāng)檢查到是.asp后綴名時，就調(diào)用ASP服務(wù)程序。ASP服務(wù)程序讀出相應(yīng).asp文件，對其進(jìn)行解釋執(zhí)行，如果其中含有對數(shù)據(jù)庫的操作，則通過數(shù)據(jù)庫驅(qū)動程序來訪問數(shù)據(jù)庫。ASP解釋并執(zhí)行命令后，將結(jié)果（此時已是HTML格式的靜態(tài)網(wǎng)頁）回傳給Web服務(wù)器。然后，Web服務(wù)器再把結(jié)果發(fā)給客戶端瀏覽器，在瀏覽器看到的只是執(zhí)行的最終結(jié)果。

因此，在學(xué)習(xí)ASP之前，除了有一個可能瀏覽網(wǎng)頁的客戶端瀏覽器外，還需要搭建一個可以運(yùn)行ASP的服務(wù)器環(huán)境。在學(xué)習(xí)中，為了測試的方便，服務(wù)器和客戶端可以都運(yùn)行在同一臺計(jì)算機(jī)中，只是在瀏覽器中所訪問的URL地址格式如下：

http://localhost:端口號/路徑/網(wǎng)頁文件名

其中，localhost表示本地主機(jī)，端口號表示運(yùn)行Web服務(wù)的端口。端口號可省略，此時為默認(rèn)值80。

例如：

http://localhost/test.asp

上面URL表示通過默認(rèn)端口80訪問本地主機(jī)當(dāng)前網(wǎng)站根目錄下的test.asp文件。

http://localhost:8080/aspteach/index.asp

上面的URL表示通過端口8080訪問本地主機(jī)當(dāng)前網(wǎng)站根目錄下的aspteach目錄中的index.asp文件。這里的aspteach目錄可以是網(wǎng)站根目錄下的一個實(shí)際物理目錄，也可以是一個虛擬目錄（即該目錄真實(shí)路徑并不在網(wǎng)站根目錄下，只是通過IIS中的設(shè)置使其在應(yīng)用中就像是在網(wǎng)站根目錄下一樣）。

客戶端瀏覽器可以使用常用的網(wǎng)頁瀏覽器，如IE、FireFox（火狐）、Chrome（谷歌）等都可以。服務(wù)器端則需要專門的服務(wù)器軟件，包括操作系統(tǒng)、ASP服務(wù)程序、Web應(yīng)用程序服務(wù)器、后臺數(shù)據(jù)庫等。

本書所用到的ASP服務(wù)器中，操作系統(tǒng)使用的是Windows Server 2003，Web服務(wù)和ASP服務(wù)是使用的Windows Server 2003所帶的IIS 6.0，后臺數(shù)據(jù)庫使用了Microsoft SQL Server 2005和MS Access 2003（Microsoft Office 2003組件之一）。下面，將學(xué)習(xí)IIS 6.0與Microsoft SQL Server 2005的安裝。

1.2.2 IIS的安裝與網(wǎng)站的設(shè)置

IIS（Internet Information Server，互聯(lián)網(wǎng)信息服務(wù)）是Windows 2000/XP/2003/Vista/Windows 7的組件之一，如果安裝的是Windows 2000 Server或Windows Server 2003以上的操作系統(tǒng)，則在安裝時會提示安裝相應(yīng)版本的IIS。如果安裝的是Windows 2000 Professional等操作系統(tǒng)，默認(rèn)情況下不會安裝IIS，需要進(jìn)行手工安裝。

下面以Windows Server 2003為例，來說明IIS的安裝過程。

1.IIS的安裝

（1）單擊“開始”→“控制面板”→“添加刪除程序”菜單命令，打開“添加刪除程序”對話框，在該對話框中單擊“添加/刪除Windows組件”按鈕，在彈出的“Windows組件向?qū)А睂υ捒蛑械摹敖M件”列表框中選擇“應(yīng)用程序服務(wù)器”項(xiàng)，如圖1-6所示。在“Windows組件向?qū)А睂υ捒蛑袉螕簟霸敿?xì)信息”按鈕，打開“應(yīng)用程序服務(wù)器”對話框。在“應(yīng)用程序服務(wù)器”對話框中的“應(yīng)用程序服務(wù)器的子組件”列表框中選擇“Internet信息服務(wù)（IIS）”選項(xiàng)，如圖1-7所示。再單擊“詳細(xì)信息”按鈕，打開“Internet信息服務(wù)（IIS）”對話框。

（2）在“Internet信息服務(wù)（IIS）”對話框中的“Internet信息服務(wù)（IIS）的子組件”列表框中選擇“萬維網(wǎng)服務(wù)”選項(xiàng)，如圖1-8所示。注意，如果不是很熟悉，請不要改變其他各項(xiàng)的選擇狀態(tài)。單擊“詳細(xì)信息”按鈕，打開“萬維網(wǎng)服務(wù)”對話框。在“萬維網(wǎng)服務(wù)”對話框中的“萬維網(wǎng)服務(wù)的子組件”列表框中，依次選中“Active Server Pages”和“萬維網(wǎng)服務(wù)”選項(xiàng)，如圖1-9所示。

（3）單擊“確定”按鈕，返回上一級的“Internet信息服務(wù)（IIS）”對話框。以此類推，在各個對話框中均單擊“確定”按鈕，返回其上一級對話框，直到返回到“Windows組件向?qū)А睂υ捒颉?/p>

（4）在“Windows組件向?qū)А睂υ捒蛑袉螕簟跋乱徊健卑粹o，進(jìn)行IIS服務(wù)器的安裝。稍等一會，即可完成IIS服務(wù)器的安裝。

2.配置網(wǎng)站

安裝完成IIS服務(wù)器后，接下來需要進(jìn)行網(wǎng)站的配置。默認(rèn)情況下，IIS的網(wǎng)站根目錄為系統(tǒng)盤下的“\Interpub\wwwroot”目錄。本書中，為學(xué)習(xí)創(chuàng)建網(wǎng)站的全過程，沒有使用默認(rèn)目錄，因此，在進(jìn)行網(wǎng)站配置前，先要在資源管理器中創(chuàng)建個一個新的文件夾，作為Web網(wǎng)站的發(fā)布目錄。下面是配置網(wǎng)站的步驟。

（1）創(chuàng)建文件夾

在C:盤根目錄下創(chuàng)建名為aspteach的文件夾，該文件夾將作為新建網(wǎng)站的根目錄。

（2）新建Web網(wǎng)站

執(zhí)行“開始”→“管理工具”→“Internet信息服務(wù)（IIS）管理器”菜單命令，打開“Internet信息服務(wù)（IIS）管理器”對話框。在“Internet信息服務(wù)（IIS）管理器”對話框左側(cè)的窗口中，展開樹狀列表，可以看到“網(wǎng)站”中已經(jīng)存在一個默認(rèn)網(wǎng)站。該網(wǎng)站即為端口為80的萬維網(wǎng)默認(rèn)網(wǎng)站。由于在后面新建的網(wǎng)站也將使用80端口，為避免沖突，這里先將該網(wǎng)站停止運(yùn)行。在“默認(rèn)網(wǎng)站”項(xiàng)上單擊鼠標(biāo)右鍵，在彈出的菜單中單擊“停止”菜單命令即可停止默認(rèn)網(wǎng)站的運(yùn)行。

接下來開始創(chuàng)建本書所需要的網(wǎng)站。在“網(wǎng)站”項(xiàng)上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“新建”→“網(wǎng)站”命令，如圖1-10所示。

此時將彈出“網(wǎng)站創(chuàng)建向?qū)А睂υ捒颍谠搶υ捒蛑袉螕簟跋乱徊健卑粹o，進(jìn)入“網(wǎng)站描述”設(shè)置步驟，在文本框中輸入“aspteach”，如圖1-11所示。這里的網(wǎng)站描述即是網(wǎng)站在“Internet信息服務(wù)（IIS）管理器”中的名稱。

（3）設(shè)置IP地址和端口

單擊“下一步”按鈕進(jìn)入“IP地址和端口設(shè)置”步驟，如圖1-12所示。

網(wǎng)絡(luò)上的每一個Web網(wǎng)站都有一個唯一的標(biāo)識，從而使用戶能夠準(zhǔn)確地訪問。這一標(biāo)識由三部分組成，即IP地址、TCP端口號和主機(jī)頭名，每個網(wǎng)站必須有唯一的標(biāo)識組合。

“網(wǎng)站IP地址”用于指定新建網(wǎng)站的IP地址，如果沒有指定，則表示為默認(rèn)網(wǎng)站，運(yùn)行時，所有向該計(jì)算機(jī)的Web請求都將由該網(wǎng)站響應(yīng)。“網(wǎng)站TCP端口（默認(rèn)：80）”用于指定服務(wù)的端口，HTTP的默認(rèn)端口為80。可以將端口號改為任一未使用的端口，如果改動了端口號，則需要在URL中指定端口號才能訪問，這為用戶的訪問帶來不便。通常出于安全考慮或多個網(wǎng)站并存的目的，才會考慮改變端口號。而對于對外發(fā)布的公共網(wǎng)站，則通常不需要改變設(shè)置。主機(jī)頭可用于將不同的域名指向同一IP。

例如：

http://localhost/test.asp

上面URL表示通過默認(rèn)端口80訪問本地主機(jī)當(dāng)前網(wǎng)站根目錄下的test.asp文件。

http://localhost:8080/index.asp

上面URL表示通過端口8080訪問本地主機(jī)當(dāng)前網(wǎng)站根目錄下的index.asp文件。

在這里不需要進(jìn)行修改，使用默認(rèn)設(shè)置。在該對話框中單擊“下一步”按鈕，進(jìn)入“網(wǎng)站主目錄”設(shè)置步驟。

（4）設(shè)置網(wǎng)站主目錄

在“路徑”文本框中輸入“C:\aspteach”，即前面所創(chuàng)建的文件夾路徑，設(shè)置該文件夾為網(wǎng)站根目錄。如圖1-13所示。

單擊“下一步”按鈕，進(jìn)入“網(wǎng)站訪問權(quán)限”設(shè)置步驟。

（5）設(shè)置網(wǎng)站訪問權(quán)限

在這一步，將設(shè)置用戶對Web網(wǎng)站的訪問權(quán)限，默認(rèn)設(shè)置只選擇了“讀取”和“運(yùn)行腳本（如ASP）”項(xiàng)。由于在本書中將學(xué)習(xí)文件的上傳，因此需要具有“寫入”權(quán)限，因此，需要選擇“讀取”、“寫入”和“運(yùn)行腳本（如ASP）”項(xiàng)，如圖1-14所示。

單擊“下一步”按鈕，進(jìn)入最后的完成窗口，完成網(wǎng)站的設(shè)置，返回“Internet信息服務(wù)（IIS）管理器”對話框，如圖1-15所示。

（6）設(shè)置默認(rèn)文檔

在訪問網(wǎng)站時，通常使用的是如下格式的URL：

http://域名
http://IP地址

例如：

http://www.sina.com.cn
http://202.108.33.36/

瀏覽器訪問IIS的時候是這樣的：IP→端口→主機(jī)頭→該網(wǎng)站主目錄→該網(wǎng)站的默認(rèn)首文檔。在這種URL訪問格式中，沒有指明所要訪問的網(wǎng)頁，此時，Web網(wǎng)站將認(rèn)為用戶是訪問當(dāng)前網(wǎng)站的“默認(rèn)文檔”。“默認(rèn)文檔”通常使用特定網(wǎng)頁文件的名稱，如Default.htm、index.htm等，也可以是任意指定的網(wǎng)頁名稱。在這里，將設(shè)置網(wǎng)站下的index.asp為“默認(rèn)文檔”。

在aspteach網(wǎng)站項(xiàng)上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“屬性”命令，將打開網(wǎng)站的“屬性”對話框，如圖1-16所示。屬性對話框可以對網(wǎng)站屬性進(jìn)行設(shè)置，包括在創(chuàng)建網(wǎng)站時的屬性也可在這里進(jìn)行更改。

單擊“文檔”選項(xiàng)卡，在文檔選項(xiàng)卡中選中“啟用默認(rèn)內(nèi)容文檔”。可以看到在列表框中已有兩個默認(rèn)的文檔名Default.htm和Default.asp。在訪問網(wǎng)站時，如時沒有指定文件名，Web服務(wù)器會對列表框中列出的文件名從上向下在網(wǎng)站目錄中進(jìn)行查找，找到后就顯示該網(wǎng)頁文件。單擊“添加”按鈕，在彈出的“添加默認(rèn)文檔”對話框中輸入index.asp，然后單擊“確定”按鈕。可以看到index.asp已被加入到列表框，單擊列表框左側(cè)的按鈕，將index.asp設(shè)置為頂端第一個，如圖1-17所示。

這樣設(shè)置后，在使用http://localhost來訪問本地主機(jī)Web網(wǎng)站時，將顯示W(wǎng)eb網(wǎng)站下index.asp的內(nèi)容。

到這里，IIS的配置完成。接下來將啟動IIS網(wǎng)站。

（7）啟動網(wǎng)站

首先，需要在“Internet信息服務(wù)（IIS）管理器”對話框的“Web服務(wù)擴(kuò)展”中“允許”Active Server Pages的運(yùn)行，如圖1-18所示。

由于“IP地址和端口設(shè)置”項(xiàng)是選擇默認(rèn)的配置，因此，在同一個IP下只能啟動一個網(wǎng)站（關(guān)于主機(jī)頭與多網(wǎng)站的配置，可查看相關(guān)的Windows 2003網(wǎng)絡(luò)設(shè)置的資料）。由于不能同時啟動多個網(wǎng)站，因此需要先將原來啟動的“默認(rèn)網(wǎng)站”停止。

如果在前面步驟“（2）新建Web網(wǎng)站”時，停止了“默認(rèn)網(wǎng)站”的運(yùn)行，則新建的網(wǎng)站會自動啟動；如果沒有停止“默認(rèn)網(wǎng)站”的運(yùn)行則新創(chuàng)建的“aspteach”網(wǎng)站是停止的，沒有運(yùn)行。此時可按下面步驟來啟動網(wǎng)站。

將鼠標(biāo)放在“默認(rèn)網(wǎng)站”項(xiàng)上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“停止”命令，停止該網(wǎng)站的運(yùn)行。

將鼠標(biāo)放在“aspteach（已停止）”項(xiàng)上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“啟動”命令，即可啟動該網(wǎng)站。

最后有一點(diǎn)需要注意，如果是在Windows XP下，由于不能新建網(wǎng)站，這時可以設(shè)置默認(rèn)網(wǎng)站“屬性”，對網(wǎng)站“屬性”對話框中的“主目錄”選項(xiàng)卡下的“本地路徑”進(jìn)行修改，改為所需要指向網(wǎng)站的根目錄路徑，如圖1-19所示。

此外，也可以在默認(rèn)網(wǎng)站上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“新建”→“虛擬目錄”命令來創(chuàng)建虛擬目錄，“虛擬目錄”將新的網(wǎng)站目錄作為子目錄加到默認(rèn)網(wǎng)站中，訪問網(wǎng)頁時以下面的URL格式進(jìn)行。

http://localhost/虛擬目錄名/文件名

1.2.3 SQL Server 2005數(shù)據(jù)庫的安裝

作為電子商務(wù)中的必需部分，一個有用的動態(tài)網(wǎng)站是離不開數(shù)據(jù)庫的支持的，ASP可以通過ODBC（Open Database Connectivity，開放數(shù)據(jù)庫連接）來實(shí)現(xiàn)對后臺數(shù)據(jù)庫的訪問。

ASP可以訪問的數(shù)據(jù)庫有很多，包括Microsoft SQL Server、Microsoft Access、Oracle和DB2等。為了便于學(xué)習(xí)，本書中案例的數(shù)據(jù)部分采用使用較多的Microsoft SQL Server和Microsoft Access數(shù)據(jù)庫，其中，Microsoft Access是解決桌面應(yīng)用的小型數(shù)據(jù)庫，它包含在Microsoft Office套件中，在安裝Office時一起安裝。

Microsoft SQL Server是面向企業(yè)級應(yīng)用的大型數(shù)據(jù)庫，在商務(wù)網(wǎng)站應(yīng)用中非常廣泛。Microsoft SQL Server需要單獨(dú)進(jìn)行安裝，下面將學(xué)習(xí)安裝的Microsoft SQL Server 2005。

1.啟動安裝程序

在光驅(qū)中放入Microsoft SQL Server 2005安裝光盤，光盤自動運(yùn)行后彈出如圖1-20（a）所示的“開始”界面。如果光盤沒有自動運(yùn)行，可以雙擊執(zhí)行光盤根目錄下的splash.hta文件來進(jìn)行安裝。

在“開始”界面中單擊“基于x86的操作系統(tǒng)”按鈕，將彈出如圖1-20（b）所示的“安裝”界面。

2.最終用戶許可協(xié)議

在“安裝”界面中單擊“服務(wù)器組件、工具、聯(lián)機(jī)叢書和示例”項(xiàng)，將彈出如圖1-21所示的“最終用戶許可協(xié)議”步驟，必須同意該協(xié)議，才能進(jìn)行下一步的安裝。選中“我接受許可條款和條件”復(fù)選框，再單擊“下一步”按鈕，進(jìn)入“安裝必備組件”步驟，如圖1-22所示。

3.安裝必備組件

SQL Server 2005的安裝需要一些軟件組件的支持，這一步將檢查并安裝相關(guān)組件。單擊“安裝”按鈕進(jìn)行安裝。稍等一會，組件安裝完成后會顯示如圖1-23所示界面。單擊“下一步”按鈕，進(jìn)入SQL Server 2005安裝向?qū)Р襟E，如圖1-24所示。單擊“下一步”按鈕進(jìn)行SQL Server 2005的安裝。

4.安裝SQL Server 2005

（1）安裝SQL Server 2005時，還需要先進(jìn)行系統(tǒng)配置檢查，如圖1-25所示。

（2）檢查完畢后，單擊“下一步”按鈕，進(jìn)入“注冊信息”步驟。在該步驟中，需要按提示輸入姓名、公司、產(chǎn)品密鑰等信息，如圖1-26所示。

（3）輸入信息完成后，單擊“下一步”按鈕，進(jìn)入“要安裝的組件”步驟，選擇需要安裝的組件。這里，只需要選擇SQL Server Database Services項(xiàng)（必選）和“工作站組件、聯(lián)機(jī)叢書和開發(fā)工具”項(xiàng)即可，如圖1-27所示。

（4）選擇完成后，單擊“下一步”按鈕，進(jìn)入“實(shí)例名”設(shè)置步驟，這一步使用默認(rèn)設(shè)置，如圖1-28所示。

（5）單擊“下一步”按鈕，進(jìn)入“服務(wù)賬戶”設(shè)置步驟。在此步驟選擇“使用內(nèi)置系統(tǒng)賬戶”項(xiàng)和“SQL Server”項(xiàng)，如圖1-29所示。

（6）單擊“下一步”按鈕，進(jìn)入“身份驗(yàn)證模式”設(shè)置步驟。先選擇“混合模式（Windows身份驗(yàn)證和SQL Server身份驗(yàn)證”項(xiàng)，再在下面文本框中輸入超級管理員sa的密碼，本書中使用密碼為123456。兩次輸入相同的密碼，如圖1-30所示。

（7）單擊“下一步”按鈕，進(jìn)入“排序規(guī)則設(shè)置”步驟。這一步使用默認(rèn)設(shè)置。

（8）單擊“下一步”按鈕，進(jìn)入“錯誤和使用情況報(bào)告設(shè)置”步驟。這一步也使用默認(rèn)設(shè)置。

（9）單擊“下一步”按鈕，進(jìn)入“準(zhǔn)備安裝”步驟。單擊“安裝”按鈕，即可進(jìn)行安裝。

（10）安裝時，將顯示如圖1-31所示的安裝進(jìn)度界面。

（11）安裝完成后，單擊“下一步”按鈕，進(jìn)入“完成Microsoft SQL Server 2005安裝”步驟，如圖1-32所示。單擊“完成”按鈕，完成安裝。

現(xiàn)在，所需的ASP服務(wù)器環(huán)境安裝完成，完成ASP服務(wù)器的安裝與配置后，接下來創(chuàng)建一個ASP動態(tài)網(wǎng)頁，對服務(wù)器進(jìn)行測試。

1.2.4 測試ASP服務(wù)器

打開記事本，在記事本中輸入如下代碼：

<!--firstpage.asp-->
<html>
<!--下面的html語句用于每10秒刷新頁面-->
<meta http-equiv="refresh" content="10">
<body>
<p align='center'><font color = "red" >第一個ASP動態(tài)網(wǎng)頁!</font></p>
<% '從這一行開始ASP動態(tài)腳本編碼
    '創(chuàng)建變量d，并獲取當(dāng)前時間
    d=now()
    '輸出當(dāng)前時間
    response.Write("現(xiàn)在時間是")
    response.Write(d)
    '結(jié)束ASP腳本編碼
%>
</body>
</html>

輸入完成后，將文件取名為firstpage.asp，保存在C:\asptech目錄下。注意，保存時設(shè)置“文件類型”為“所有類型”，“編碼”格式為“ANSI”。

打開瀏覽器，在瀏覽器中輸入地址http://localhost/firstpage.asp打開網(wǎng)頁，結(jié)果如圖1-33所示，表示ASP服務(wù)器運(yùn)行正常。

下面，對這個程序中的主要內(nèi)容進(jìn)行簡單解釋。

程序的第一行是一個HTML注釋語句，注釋語句在瀏覽器中不會被執(zhí)行，僅用于對程序的說明。

<HTML>和</HTML>標(biāo)簽說明HTML網(wǎng)頁文件的范圍。

第三行也是一個注釋語句，它說明下面的這一行語句的用途。

<meta http-equiv="refresh" content="10">

上面語句用于每10秒向服務(wù)器商提出一次請求，刷新頁面。

<BODY>和</BODY>標(biāo)簽說明這里是文件的主體。<%與%>標(biāo)簽說明其中包含的是動態(tài)網(wǎng)頁代碼。

程序中有許多以半角單引號（'）開頭的語句，這些是ASP中VBScript腳本的注釋語句，它們不參與程序編譯，在瀏覽器中執(zhí)行的HTML中將看不到這些注釋語句。

語句“d=now()”是VBScript腳本語句，它用于將當(dāng)前系統(tǒng)時間賦給變量d。

語句“response.Write("現(xiàn)在時間是")”和“response.Write(d)”用于將括號中的參數(shù)（可以是字符串或變量）作為字符串輸出到HTML文檔中。

如果在瀏覽時查看網(wǎng)頁的源文件，可以看到ASP動態(tài)生成的HTML代碼，如圖1-34所示。

從圖中可以看到，原來ASP代碼中動態(tài)執(zhí)行的語句部分沒有了，取而代之的是動態(tài)執(zhí)行結(jié)果所得到的HTML代碼。例如，在語句“response.Write(d)”執(zhí)行后，在相應(yīng)位置輸出了變量d的值，即當(dāng)前系統(tǒng)時間“2011-5-1 14:16:33”。

第一個ASP動態(tài)網(wǎng)頁到這里學(xué)習(xí)完畢，從中可以了解到ASP網(wǎng)頁程序是HTML標(biāo)簽與ASP動態(tài)語句的結(jié)合體。ASP動態(tài)網(wǎng)頁在服務(wù)器中經(jīng)編譯執(zhí)行后，將得到的HTML代碼發(fā)送到客戶端瀏覽器中顯示出來，ASP動態(tài)語句作為頁面中的動態(tài)執(zhí)行部分，不會發(fā)送到客戶端瀏覽器中，在瀏覽器中看到的只是ASP動態(tài)語句的執(zhí)行結(jié)果。

1.2.5 網(wǎng)站開發(fā)工具Adobe Dreamweaver CS5

在上面的程序案例中，使用了記事本來編輯網(wǎng)頁，在一些比較小的，內(nèi)容不太復(fù)雜的網(wǎng)頁中使用這種方法是可行的，但是對于大型網(wǎng)站，內(nèi)容復(fù)雜的網(wǎng)頁，再使用記事本來進(jìn)行JSP開發(fā)就顯得效率低下，力不從心。

面對網(wǎng)絡(luò)的開發(fā)應(yīng)用，很多公司都推出了自己的網(wǎng)站開發(fā)工具，本書中采用的是Adobe公司的Adobe Dreamweaver CS5。Dreamweaver原為Macromedia公司所有，后來Macromedia公司被Adobe公司收購，所以稱為Adobe Dreamweaver。

當(dāng)前最新的Dreamweaver為Adobe Dreamweaver CS5，它是Adobe CS5套件中的一個部分。Adobe CS5分為大師典藏版、設(shè)計(jì)高級版、設(shè)計(jì)標(biāo)準(zhǔn)版、網(wǎng)絡(luò)高級版、產(chǎn)品高級版五大版本，各自包含不同的組件，總共有15個獨(dú)立程序和相關(guān)技術(shù)，具體包括Photoshop CS5、Dreamweaver CS5、Fireworks CS5、Illustrator CS5、InDesign CS5等。

Adobe CS5在Windows 2003中的安裝比較簡單，這里就不再詳述。

1.Adobe Dreamweaver CS5開發(fā)環(huán)境

安裝好Dreamweaver CS5后，運(yùn)行程序，打開Dreamweaver CS5開發(fā)環(huán)境，如圖1-35所示。

在設(shè)計(jì)狀態(tài)下，Dreamweaver CS5的設(shè)計(jì)環(huán)境如圖1-36所示。

由圖1-36可以看出，Dreamweaver CS5開發(fā)環(huán)境主要由菜單欄、工具欄、文檔窗口、屬性欄（也叫“屬性”面板或“屬性”檢查器）和右側(cè)可折疊的浮動面板等組成。

單擊“查看”→“工具欄”→“×××”菜單命令，可打開或關(guān)閉“文檔工具欄”等各個工具欄。

單擊“窗口”→“×××”菜單命令，可打開或關(guān)閉“屬性”欄和右側(cè)的各種浮動面板。

單擊“浮動面板組”右上角的按鈕，即可將“浮動面板”在面板狀態(tài)和圖標(biāo)狀態(tài)間進(jìn)行切換，如圖1-37所示。在設(shè)計(jì)時，為使文檔得到最大可視化效果，通常將浮動面板切換到圖標(biāo)狀態(tài)。

關(guān)于各個工具欄和浮動面板的具體功能，將在后面的學(xué)習(xí)中進(jìn)行詳細(xì)介紹，在此略過。

2.在Adobe Dreamweaver CS5中創(chuàng)建網(wǎng)站

在網(wǎng)站的開發(fā)中，第一步就是創(chuàng)建網(wǎng)站，接下來，將學(xué)習(xí)如何在Dreamweaver CS5中創(chuàng)建網(wǎng)站。

（1）設(shè)置站點(diǎn)根目錄

執(zhí)行“站點(diǎn)”→“新建站點(diǎn)”菜單命令，打開“站點(diǎn)設(shè)置對象”對話框，如圖1-38所示。

在“站點(diǎn)設(shè)置對象”對話框左側(cè)選中“站點(diǎn)”項(xiàng)，再在右面的“站點(diǎn)名稱”文本框中輸入aspteach，在“本地站點(diǎn)文件夾”文本框中輸入“C:\aspteach\”，即以前面所創(chuàng)建的IIS網(wǎng)站目錄為Dreamweaver中站點(diǎn)的根目錄。

（2）服務(wù)器設(shè)置

單擊左側(cè)的“服務(wù)器”項(xiàng)，再單擊右面服務(wù)器列表下方的“添加新服務(wù)器”按鈕（如圖1-39所示），此時將彈出新服務(wù)器屬性設(shè)置對話框，如圖1-40所示。

設(shè)置“服務(wù)器名稱”為“aspteach”。單擊“連接方法”右邊的下拉選項(xiàng)按鈕，在彈出的選項(xiàng)中選擇“本地/網(wǎng)絡(luò)”項(xiàng)，再設(shè)置“服務(wù)器文件夾”為“C:\aspteach”，設(shè)置“Web URL”為http://localhost/，如圖1-41所示。

單擊頂端的“高級”按鈕，切換到高級設(shè)置，在“測試服務(wù)器”下拉列表中選擇“ASP VBScript”項(xiàng)，如圖1-42所示。

完成服務(wù)器設(shè)置后，單擊“保存”按鈕，保存設(shè)置并返回“站點(diǎn)設(shè)置對象”對話框。此時的服務(wù)器列表框中將出現(xiàn)新添加的aspteach服務(wù)器，選中該服務(wù)器右側(cè)的“測試”復(fù)選框，如圖1-43所示。

至此，新站點(diǎn)創(chuàng)建完成。單擊“保存”按鈕，保存設(shè)置并返回Dreamweaver CS5開發(fā)環(huán)境。

此時可以在Dreamweaver CS5開發(fā)環(huán)境右側(cè)下方的“文件”面板中看到新建的站點(diǎn)，如圖1-44所示。

到這里，Dreamweaver CS5中的站點(diǎn)創(chuàng)建完成，以后，就可以在網(wǎng)站內(nèi)加入所需要的網(wǎng)頁，并對網(wǎng)頁進(jìn)行設(shè)計(jì)。

對于靜態(tài)的HTML網(wǎng)頁，Dreamweaver CS5支持“所見即所得”的功能，可以在設(shè)計(jì)視圖中直接進(jìn)行文字、圖像、表格、鏈接等HTML元素的設(shè)計(jì)。此外，Dreamweaver CS5也具有良好的動態(tài)網(wǎng)頁設(shè)計(jì)功能，還可以方便地在網(wǎng)頁中進(jìn)行數(shù)據(jù)庫信息查詢設(shè)計(jì)，不過這些動態(tài)功能都需要在連接上服務(wù)器，在瀏覽器中瀏覽時才能看到效果（關(guān)于Dreamweaver CS5的具體使用不在本書的學(xué)習(xí)范圍之內(nèi)，本書僅對學(xué)習(xí)所需要的相關(guān)內(nèi)容進(jìn)行介紹，其他內(nèi)容請參考相關(guān)資料進(jìn)行學(xué)習(xí)）。

3.測試Dreamweaver 站點(diǎn)

現(xiàn)在，將用一個實(shí)例演示如何在Dreamweaver CS5中進(jìn)行ASP動態(tài)網(wǎng)頁設(shè)計(jì)。

在這個案例中，將創(chuàng)建一個顯示時間的動態(tài)網(wǎng)頁，其中的時間可以按照上、下午的不同，變成綠色或紅色，如圖1-45所示。

“變色的時間”網(wǎng)頁的創(chuàng)建步驟如下。

（1）新建網(wǎng)頁

在Dreamweaver CS5的“文件”面板中的“站點(diǎn)”文件夾圖標(biāo)上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“新建文件”菜單命令，此時在網(wǎng)站中將創(chuàng)建一個新的空白網(wǎng)頁文件，默認(rèn)文件名為untitled.asp，先選中該文件項(xiàng)，再在文件名上單擊（或按F2鍵），此時文件名為可改狀態(tài)，現(xiàn)在可以為文件重命名，將該文件取名為ChangeTime.asp。

在“文件”面板中雙擊ChangeTime.asp文件圖標(biāo)，打開文件，如圖1-46所示。

如果打開時是空白的，表示網(wǎng)頁是在“設(shè)計(jì)視圖”。這是因?yàn)镈reamweaver CS5對于HTML網(wǎng)頁的編輯支持“所見即所得”的功能，對于HTML網(wǎng)頁，在設(shè)計(jì)視圖中所見的樣子基本上就是在瀏覽器中的效果。但對動態(tài)產(chǎn)生的ASP網(wǎng)頁，則是不合適的。單擊左上角“文檔”工具欄中的“代碼”按鈕切換到“代碼視圖”即可。

從圖中可以看到，Dreamweaver CS5已經(jīng)把網(wǎng)頁的代碼框架搭好了，要做的工作是對框架進(jìn)行修改，添加所需的代碼。

（2）代碼編輯

在“代碼”窗口中按下面的代碼進(jìn)行編輯。

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>變色的時間</title>
</head>
<body>
    <p align='center'><font size="5" color = "red" >變色的時間</font></p>
<%
    t=time()  '獲取系統(tǒng)時間
    h=hour(t)  '獲取小時數(shù)
    if h>12 then '小時數(shù)是否大于12
    '如果h>12，顯示藍(lán)色時間文字
%>
        <font size="4" color = " blue" >現(xiàn)在時間是：<%=t%></font>
<%
    else
    '否則，顯示綠色時間文字
%>
    <font size="4" color = " green " >現(xiàn)在時間是：<%=t%></font>
<%
    end if
%>
</body>
</html>

編輯完成后，保存文件，再單擊“文檔”工具欄中的圖標(biāo)或直接按F12鍵就可以在瀏覽器中進(jìn)行預(yù)覽，效果如圖1-45所示，則表示站點(diǎn)設(shè)置正確。如果不能得到正確結(jié)果，請按前面所述的站點(diǎn)設(shè)置步驟進(jìn)行檢查。

這個案例中，將網(wǎng)頁中的HTML語句放在了ASP編碼中進(jìn)行動態(tài)的輸出，if語句對當(dāng)前小時數(shù)進(jìn)行判斷后，將符合條件的HTML語句輸出到文檔中，再將得到的HTML文檔在發(fā)送到瀏覽器中顯示出來。

在瀏覽器中執(zhí)行“查看”→“源文件”命令，可以看到ASP網(wǎng)頁所輸出的HTML文檔，對于圖1-45（a）圖，得到的HTML文檔源文件如圖1-47所示。