網(wǎng)頁制作：項(xiàng)目14-制作交互式網(wǎng)頁-

主講：網(wǎng)頁設(shè)計(jì)與制作——Dreamweaver8工程十四制作交互式網(wǎng)頁任務(wù)一定義站點(diǎn)并創(chuàng)立數(shù)據(jù)庫連接任務(wù)二制作用戶查詢頁面工程十四：制作交互式網(wǎng)頁網(wǎng)頁設(shè)計(jì)與制作Dreamweaver8任務(wù)三制作后臺管理頁面任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)任務(wù)一制作頁眉本任務(wù)主要介紹3個方面的內(nèi)容，這也是在開始交互式網(wǎng)頁制作之前，首先需要做的工作。1.定義可以使用腳本語言的站點(diǎn)。2.創(chuàng)立后臺數(shù)據(jù)庫。3.創(chuàng)立數(shù)據(jù)庫連接。Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作一定義站點(diǎn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作

本操作主要介紹在dreamweaver中定義使用腳本語言站點(diǎn)的的方法。通過本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：

1.在dreamweaver中定義站點(diǎn)應(yīng)該設(shè)置的內(nèi)容具體包括站點(diǎn)名字，站點(diǎn)的HTTP地址，使用的效勞器技術(shù)〔如“ASPVBScript〞〕，是否在本地進(jìn)行編輯和測試，文件的存儲位置，瀏覽站點(diǎn)根目錄的URL〔如果有IP地址即設(shè)置該地址，如果沒有那么設(shè)置為://localhost/〕等，最后測試設(shè)置是否成功。工程十四：制作交互式網(wǎng)頁定義站點(diǎn)操作動畫任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作一

定義站點(diǎn)2.常用的Web開發(fā)語言制作網(wǎng)頁常用的Web開發(fā)語言有ASP、JSP、PHP、和ColdFusion等?！?〕ASP〔ActiveServerPages〕是由Microsoft公司推出的專業(yè)的Web開發(fā)語言。ASP可以使用VBScript、JavaScript等語言編寫，具有簡單易學(xué)、功能強(qiáng)大等優(yōu)點(diǎn)，因此受到廣闊Web開發(fā)人員的青睞。〔2〕JSP〔JavaServerPages〕是由Sun公司倡導(dǎo)、許多公司參與并一起建立的一種動態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn)。JSP能夠適應(yīng)市場上包括ApacheWebServer、IIS在內(nèi)的大多數(shù)效勞器產(chǎn)品，逐漸成為Internet上的主流開發(fā)工具?！?〕PHP是編程語言和應(yīng)用程序效勞器的結(jié)合，它的真正價值在于它是一個應(yīng)用程序效勞器。PHP遵循GUN約定，任何人都可以免費(fèi)使用，并自由修改源代碼。用戶可通過PHP站點(diǎn)和郵件列表等方式獲得技術(shù)上的支持。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作二創(chuàng)立數(shù)據(jù)庫連接Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作本操作主要介紹創(chuàng)立數(shù)據(jù)庫連接的方法。通過本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：1.數(shù)據(jù)庫連接的方式及連接字符串

要在網(wǎng)頁中使用數(shù)據(jù)庫，首先必須成功連接數(shù)據(jù)庫。就連接數(shù)據(jù)庫而言，一般采用兩種方式：ODBC和OLEDB。目前使用OLEDB原始驅(qū)動面向ACCESS、SQL兩種數(shù)據(jù)庫的連接字符串已被廣泛使用。對于Access97數(shù)據(jù)庫的連接字符串有以下兩種格式：①"Provider=Microsoft.Jet.OLEDB.3.5;DataSource="&Server.MapPath("數(shù)據(jù)庫文件的相對路徑")②"Provider=Microsoft.Jet.OLEDB.3.5;DataSource=數(shù)據(jù)庫文件的物理路徑"工程十四：制作交互式網(wǎng)頁創(chuàng)立數(shù)據(jù)庫連接操作動畫任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作二創(chuàng)立數(shù)據(jù)庫連接Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作對于Access2000數(shù)據(jù)庫的連接字符串有以下兩種格式：①"Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath("數(shù)據(jù)庫文件的相對路徑")②"Provider=Microsoft.Jet.OLEDB.4.0;DataSource=數(shù)據(jù)庫文件的物理路徑“對于SQL數(shù)據(jù)庫的連接字符串格式："PROVIDER=SQLOLEDB;DATASOURCE=SQL效勞器名稱或IP地址;UID=用戶名;PWD=數(shù)據(jù)庫密碼;DATABASE=數(shù)據(jù)庫名稱"不同的Access版本會使用不同的連接字符串，而連接字符串是向下兼容的，也就是說如果使用針對Access97的連接字符串，對于Access2000也是有效的。而如果使用Access2000的連接字符串，對于Access97那么是無效的。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作二創(chuàng)立數(shù)據(jù)庫連接Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作代碼中的“〔〕〞指的是文件的虛擬路徑，使用它可以不理會文件具體存在效勞器的哪一個分區(qū)下面，只要使用相對于網(wǎng)站根目錄或者相對于文檔的路徑就可以了。使用ODBC原始驅(qū)動面向ACCESS數(shù)據(jù)庫的字符串連接格式：①"DRIVER={MicrosoftAccessDriver(*.mdb)};DBQ="&Server.MapPath("數(shù)據(jù)庫文件的相對路徑")②"DRIVER={MicrosoftAccessDriver(*.mdb)};DBQ=數(shù)據(jù)庫文件的物理路徑“使用ODBC原始驅(qū)動面向SQL數(shù)據(jù)庫的字符串連接格式："DRIVER={SQLServer};SERVER=SQL效勞器名稱或IP地址;UID=用戶名;PWD=數(shù)據(jù)庫密碼;DATABASE=數(shù)據(jù)庫名稱"工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作二創(chuàng)立數(shù)據(jù)庫連接Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作2.在dreamweaver中創(chuàng)立數(shù)據(jù)庫連接的方法〔1〕首先需要創(chuàng)立一個動態(tài)網(wǎng)頁或者翻開一個已經(jīng)存在的動態(tài)網(wǎng)頁，然后在主菜單中選擇【窗口】／【數(shù)據(jù)庫】命令翻開【數(shù)據(jù)庫】面板。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作二創(chuàng)立數(shù)據(jù)庫連接Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作〔2〕在【數(shù)據(jù)庫】面板中單擊“+〞按鈕，在彈出的菜單中選擇【自定義連接字符串】命令，翻開【自定義連接字符串】對話框，進(jìn)行參數(shù)設(shè)置。在該對話框中：可以自定義【連接名稱】，一般將其命名為“conn〞。在【連接字符串】文本框中輸入連接字符串，本工程是："Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath("/data/Data_db.mdb")。如果連接字符串中使用的是虛擬路徑(/data/Data_db.mdb)，那么必須選擇【使用測試效勞器上的驅(qū)動程序】選項(xiàng)。如果鏈接字符串中使用的是物理路徑，那么必須點(diǎn)選【使用此計(jì)算機(jī)上的驅(qū)動程序】單項(xiàng)選擇按鈕。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作二創(chuàng)立數(shù)據(jù)庫連接Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作〔3〕單擊【測試】按鈕，彈出“成功創(chuàng)立連接腳本〞的消息提示框，說明設(shè)置成功。測試成功后，在【自定義連接字符串】對話框中單擊【確定】按鈕關(guān)閉對話框，然后在【數(shù)據(jù)庫】面板中展開創(chuàng)立的連接，會看到數(shù)據(jù)庫中包含的表名及表中的各字段。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作二創(chuàng)立數(shù)據(jù)庫連接Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作〔4〕成功創(chuàng)立連接后，系統(tǒng)自動在站點(diǎn)管理器的文件列表中創(chuàng)立專門用于存放連接字符串的文檔“conn.asp〞及其文件夾“Connections〞，翻開該文件并切換到【代碼】視圖，可以看到創(chuàng)立的連接字符串在文檔中顯示出來。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)

本任務(wù)主要介紹設(shè)置圖書出版信息查詢系統(tǒng)的用戶查詢頁面相關(guān)功能的內(nèi)容，包括數(shù)據(jù)列表、分類查詢和圖書查詢結(jié)果詳細(xì)頁等。Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作任務(wù)二設(shè)置主體頁面工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作一制作數(shù)據(jù)列表Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作通過本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：

1.理解記錄集的概念在交互式網(wǎng)頁中使用后臺數(shù)據(jù)庫時，必須首先創(chuàng)立一個存儲檢索數(shù)據(jù)的記錄集。記錄集在存儲內(nèi)容的數(shù)據(jù)庫和生成頁面的應(yīng)用程序效勞器之間起一種橋梁作用。記錄集由數(shù)據(jù)庫查詢返回的數(shù)據(jù)組成，并且臨時存儲在應(yīng)用程序效勞器的內(nèi)存中，以便進(jìn)行快速數(shù)據(jù)檢索。當(dāng)效勞器不再需要記錄集時，便將其丟棄。工程十四：制作交互式網(wǎng)頁制作數(shù)據(jù)列表操作動畫任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作一制作數(shù)據(jù)列表Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作記錄集本身是從指定數(shù)據(jù)庫中檢索到的數(shù)據(jù)集合，它可以包括完整的數(shù)據(jù)表，也可以包括表的行和列的子集。這些行和列通過在記錄集中定義的數(shù)據(jù)庫查詢進(jìn)行檢索。讀者可將記錄集想象成一個動態(tài)變化的表格，這個表格的數(shù)據(jù)是從數(shù)據(jù)庫中按照一定的規(guī)那么篩選出來的。即使針對同一個數(shù)據(jù)表，規(guī)那么不同，產(chǎn)生的記錄集也不同。2.創(chuàng)立記錄集的方法在Dreamweaver中，根據(jù)不同的需求通過【記錄集】對話框可構(gòu)建不同的記錄集。首先通過以下任意一種方式翻開【記錄集】對話框，然后進(jìn)行參數(shù)設(shè)置?！?〕在主菜單中選擇【插入】／【應(yīng)用程序?qū)ο蟆浚居涗浖棵?。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作一制作數(shù)據(jù)列表Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作〔2〕在【插入】／【應(yīng)用程序】面板中單擊〔記錄集〕按鈕。〔3〕在【應(yīng)用程序】／【效勞器行為】面板中單擊“+〞按鈕，在彈出的菜單中選擇【記錄集】命令。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作一制作數(shù)據(jù)列表Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作設(shè)置完畢后單擊【測試】按鈕，在【測試SQL指令】對話框中出現(xiàn)記錄選定表中的記錄說明創(chuàng)立記錄集成功。記錄集創(chuàng)立成功后便在【效勞器行為】面板中添加了一個記錄集。每次根據(jù)不同的查詢需要創(chuàng)立不同的記錄集，有時在一個頁面中需要創(chuàng)立多個記錄集。在【效勞器行為】面板中，單擊按鈕可以將選定的效勞器行為刪除。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作一制作數(shù)據(jù)列表Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作3.編輯記錄集的方法首先在【效勞器行為】面板中選擇需要編輯的記錄集名稱，然后在其【屬性】面板中單擊【編輯】按鈕翻開【記錄集】對話框?qū)υ杏涗浖瘏?shù)設(shè)置進(jìn)行編輯。也可以直接在【效勞器行為】面板中雙擊記錄集名稱直接翻開【記錄集】對話框?qū)?shù)設(shè)置進(jìn)行修改。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作一制作數(shù)據(jù)列表Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作4.插入動態(tài)文本的方法記錄集負(fù)責(zé)從數(shù)據(jù)庫中按照預(yù)先設(shè)置的規(guī)那么取出數(shù)據(jù)，而要將數(shù)據(jù)插入到文檔中，就需要通過動態(tài)數(shù)據(jù)的形式，其中最常用的是動態(tài)文本。將光標(biāo)置于要插入動態(tài)文本的位置，然后在主菜單中選擇【插入】／【應(yīng)用程序?qū)ο蟆浚緞討B(tài)數(shù)據(jù)】／【動態(tài)文本】命令，翻開【動態(tài)文本】對話框。展開需要使用的記錄集，如“記錄集〔RsBook〕〞，從中選擇要插入的字段名，如“BookName〞，根據(jù)需要可以設(shè)置插入字段的【格式】，如“修整－兩側(cè)〞。如果有多個動態(tài)文本需要插入，可以按照相同的方法依次進(jìn)行。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作一制作數(shù)據(jù)列表Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作一制作數(shù)據(jù)列表Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作5.添加記錄集計(jì)數(shù)導(dǎo)航狀態(tài)的方法在主菜單中選擇【插入】／【應(yīng)用程序?qū)ο蟆浚撅@示記錄計(jì)數(shù)】／【記錄集導(dǎo)航狀態(tài)】命令翻開記錄集導(dǎo)航狀態(tài)對話框，在記錄集下拉列表中選擇記錄集名稱，如“RsBook〞。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作一制作數(shù)據(jù)列表Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作6.添加記錄集分頁的方法在數(shù)據(jù)較多的情況下，通常使用分頁技術(shù)來進(jìn)行分頁顯示。方法是：在主菜單中選擇【插入】／【應(yīng)用程序?qū)ο蟆浚居涗浖猪摗浚居涗浖瘜?dǎo)航條】命令，翻開【記錄集導(dǎo)航條】對話框，在【記錄集】列表中選擇記錄集名稱，如“RsBook〞，并設(shè)置【顯示方式】，如“文本〞。如選擇“圖像〞選項(xiàng)，那么會自動添加4幅圖像，用作翻頁指示。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作一制作數(shù)據(jù)列表Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作7.添加重復(fù)區(qū)域的方法記錄集導(dǎo)航條并不是完整的分頁功能，還必須為動態(tài)數(shù)據(jù)添加重復(fù)區(qū)域才能構(gòu)成完整的分頁功能。重復(fù)區(qū)域是指將當(dāng)前包含動態(tài)數(shù)據(jù)的區(qū)域沿垂直方向循環(huán)顯示，在記錄集導(dǎo)航條的幫助下完成對大數(shù)據(jù)量頁面的分頁顯示技術(shù)。方法是：選定表格中的數(shù)據(jù)顯示行，然后在主菜單中選擇【插入】／【應(yīng)用程序?qū)ο蟆浚局貜?fù)的區(qū)域】命令，翻開【重復(fù)區(qū)域】對話框。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)操作一制作數(shù)據(jù)列表Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作在【記錄集】下拉列表中選擇記錄集，如“RsBook〞，在【顯示】選項(xiàng)后面的文本框中輸入一頁顯示的記錄數(shù)，如“10〞，單擊【確定】按鈕關(guān)閉對話框，此時所選擇的數(shù)據(jù)行被定義為重復(fù)區(qū)域。如果將【顯示】選項(xiàng)設(shè)置為“所有記錄〞，那么“記錄集導(dǎo)航條〞將失去作用。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作二制作分類查詢本操作的主要任務(wù)是制作主頁面左側(cè)的分類查詢，通過單擊圖書分類名稱可翻開網(wǎng)頁文件“result.asp〞瀏覽該類中包含的圖書內(nèi)容，單擊書名可翻開網(wǎng)頁文件“result2.asp〞來查看該書的詳細(xì)信息。通過本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：1.關(guān)于頁面間URL參數(shù)的傳遞在制作分類查詢時，用到了URL參數(shù)變量：QueryString。QueryString主要用來檢索附加到發(fā)送頁面URL的信息。查詢字符串由一個或多個“名稱/值〞組成，這些“名稱/值〞使用一個問號〔？〕附加到URL后面。如果查詢字符串中包括多個“名稱/值〞時，那么用符號〔&〕將它們合并在一起。

工程十四：制作交互式網(wǎng)頁制作分類操作動畫任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作二制作分類查詢例如，可以在網(wǎng)頁文檔“result.asp〞中使用：“Rsbook__MMColParam=Request.QueryString("Classnumber")〞語句來獲取URL中傳遞的變量值，如：“://localhost/result.asp?classnumber=2〞中的“2〞。如果傳遞的URL參數(shù)中只包含簡單的數(shù)字，也可以將QueryString省略，只采用Request("Classnumber")的形式。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作二制作分類查詢2.實(shí)現(xiàn)頁面間URL參數(shù)傳遞的操作方法以本操作為例進(jìn)行說明。在主頁文檔“index.asp〞中，用鼠標(biāo)選中左側(cè)欄目“分類查詢〞下面的動態(tài)文本“{RsC}〞，然后在【屬性】面板中單擊【鏈接】后面的按鈕，翻開【選擇文件】對話框，在文件列表中選擇查詢結(jié)果文件“result.asp〞。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作二制作分類查詢?nèi)味凇具x擇文件】對話框中單擊【URL:】后面的〔參數(shù)〕按鈕，翻開【參數(shù)】對話框，在【名稱】文本框中輸入“classnumber〞，在【值】文本框中單擊右側(cè)的按鈕翻開【動態(tài)數(shù)據(jù)】對話框，選擇“RsClass〞中的“classnumber〞選項(xiàng)，然后單擊〔確定〕按鈕返回【參數(shù)】對話框。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作二制作分類查詢經(jīng)過設(shè)置【URL:】參數(shù)選項(xiàng)，【URL:】后面的文本框中出現(xiàn)了下面一條語句：“result.asp?classnumber=<%=(RsClass.Fields.Item("classnumber").Value)%>〞，當(dāng)單擊主頁面中的圖書分類名稱標(biāo)題時，將翻開文件“result.asp〞，同時將該分類標(biāo)題的“classnumber〞參數(shù)傳遞給“result.asp〞，從而使該頁面只顯示符合該條件的記錄。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作二制作分類查詢3.接收其他頁面?zhèn)鬟f過來的參數(shù)的方法以文件“result.asp〞為例，在主菜單中選擇【插入】／【應(yīng)用程序?qū)ο蟆浚居涗浖棵罘_【記錄集】對話框創(chuàng)立記錄集“Rsbook〞。該記錄集是以【參數(shù)】對話框中設(shè)置的傳遞參數(shù)為條件創(chuàng)立的。即在【篩選】選項(xiàng)的第1個列表中選擇數(shù)據(jù)表“book〞中的字段“Classnumber〞，在第2個列表中選擇“=〞運(yùn)算符，在第3個列表中選擇“URL參數(shù)〞變量類型，文本框中的“classnumber〞是在【參數(shù)】對話框中設(shè)置的傳遞參數(shù)。記錄集創(chuàng)立完畢后，通過動態(tài)文本方法可把內(nèi)容顯示在頁面中。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作二制作分類查詢工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作三制作高級查詢本操作的主要任務(wù)是制作主頁面中左側(cè)的高級查詢，通過在表單域中輸入書名或書名關(guān)鍵字，并單擊〔查詢〕按鈕翻開網(wǎng)頁文件“search.asp〞來顯示查詢到的圖書，單擊書名可翻開網(wǎng)頁文件“result2.asp〞查看該書的詳細(xì)信息。通過本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：1.關(guān)于頁面間Form參數(shù)的傳遞在制作高級查詢時，用到了表單變量Form。Form主要用來檢索表單信息，該信息包含在使用POST方法的HTML表單所發(fā)送的HTTP請求的正文中。例如，采用Request.Form("BookName")來獲取表單域“BookName〞中的值。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作三制作高級查詢2.實(shí)現(xiàn)頁面間Form參數(shù)傳遞的方法以本操作的內(nèi)容為例進(jìn)行說明。在主頁文檔“index.asp〞中，選中“高級查詢〞下面的表單“form2〞，在【屬性】面板的【動作】文本框中輸入查詢文件名稱“search.asp〞。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作三制作高級查詢翻開文檔“search.asp〞，通過主菜單中的【插入】／【應(yīng)用程序?qū)ο蟆浚居涗浖棵罘_【記錄集】對話框來創(chuàng)立記錄集“Rsbook〞。在【篩選】選項(xiàng)的第1個列表中選擇數(shù)據(jù)表中的字段“BookName〞，在第2個列表中選擇“包含〞運(yùn)算符，在第3個列表中選擇“表單變量〞變量類型，文本框中的“BookName〞是主頁文檔“高級查詢〞下面書名文本域的名稱。記錄集創(chuàng)立完畢后，通過動態(tài)文本方法可把內(nèi)容顯示在頁面中。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作三制作高級查詢3.在【記錄集】對話框的高級狀態(tài)編輯SQL語句數(shù)據(jù)庫查詢是用結(jié)構(gòu)化查詢語言〔SQL〕編寫的，使用Dreamweaver可以在不了解SQL的情況下創(chuàng)立簡單查詢，例如，在主頁文檔“index.asp〞中創(chuàng)立的記錄集“RsBook〞，其對應(yīng)的SQL語句是“SELECTAuthor,BookName,ID,ISBN,PriceFROMbookORDERBYIDDESC〞，該語句表示從表“book〞中查詢所有記錄，顯示的字段是“Author〞、“BookName〞、“ID〞、“ISBN〞和“Price〞，按降序排列。但如果想創(chuàng)立復(fù)雜的SQL查詢，那么需要學(xué)習(xí)SQL并手動編寫代碼輸入到Dreamweaver的SQL語句中。在【記錄集】對話框中單擊【高級】按鈕可以進(jìn)入對話框的高級狀態(tài)，在其中可以查看和修改SQL語句，同時還可以編輯參數(shù)。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作三制作高級查詢工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作三制作高級查詢4.插入動態(tài)表格的方法通過主菜單中的【插入】／【應(yīng)用程序?qū)ο蟆浚緞討B(tài)數(shù)據(jù)】／【動態(tài)文本】命令可以有選擇地將記錄集中的字段插入到文檔中適當(dāng)?shù)奈恢?，如果想通過一次操作就可將記錄集中的所有數(shù)據(jù)全部顯示在文檔中，可以通過主菜單中的【插入】／【應(yīng)用程序?qū)ο蟆浚緞討B(tài)數(shù)據(jù)】／【動態(tài)表格】命令翻開【動態(tài)表格】對話框進(jìn)行設(shè)置即可。但這種方式直接生成的表格中字段的顯示順序會不太符合實(shí)際需要，可以手動進(jìn)行調(diào)整，也可刪除不需要顯示的字段。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作任務(wù)三制作后臺管理頁面

本任務(wù)主要來設(shè)置圖書出版信息查詢系統(tǒng)后臺管理頁面的相關(guān)功能，包括添加圖書信息、修改和刪除圖書信息以及限制對頁的訪問、用戶登錄和注銷等內(nèi)容。

工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作一添加圖書信息

本操作主要介紹如何將表單中的圖書信息添加到數(shù)據(jù)庫相應(yīng)的表中。通過本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：

1.把數(shù)據(jù)庫表中的內(nèi)容顯示在菜單域中的方法就本操作實(shí)例而言，表單中的“圖書類別〞項(xiàng)是一個菜單域，在數(shù)據(jù)庫中有一個表是專門用來存放圖書類別的，因此，需要將數(shù)據(jù)庫表中的圖書類別顯示在此菜單域中以供錄入數(shù)據(jù)時選擇圖書類別。具體方法如下：

工程十四：制作交互式網(wǎng)頁添加圖書信息操作動畫任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作一添加圖書信息工程十四：制作交互式網(wǎng)頁通過主菜單中的【插入】／【應(yīng)用程序?qū)ο蟆浚居涗浖棵顒?chuàng)立圖書類別記錄集“RsClass〞，在頁面中選中圖書類別后面的菜單域，在【屬性】面板中單擊〔動態(tài)〕按鈕翻開【動態(tài)列表/菜單】對話框，在對話框中將【來自記錄集的選項(xiàng)】設(shè)置為記錄集“RsClass〞，將【值】選項(xiàng)設(shè)置為“classnumber〞，將【標(biāo)簽】選項(xiàng)設(shè)置為“name〞。任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作一添加圖書信息工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作一添加圖書信息2.向數(shù)據(jù)庫中插入記錄的方法首先需要創(chuàng)立表單，本操作已經(jīng)制作好。各個表單域的名稱均與數(shù)據(jù)庫中相應(yīng)表的字段名稱保持一致。然后在主菜單中選擇【插入】／【應(yīng)用程序?qū)ο蟆浚静迦胗涗洝浚静迦胗涗洝棵?，翻開【插入記錄】對話框進(jìn)行參數(shù)設(shè)置即可。具體為：在【連接】下拉列表中選擇已創(chuàng)立的數(shù)據(jù)庫連接“conn〞，在【插入到表格】下拉列表中選擇數(shù)據(jù)表“book〞，在【獲取值自】下拉列表中選擇表單的名稱“form1〞，在【表單元素】中選擇每一行，然后在【列】中選擇數(shù)據(jù)表中與之相對應(yīng)的字段名，在【提交為】列表中選擇該表單元素的數(shù)據(jù)類型。

工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作一添加圖書信息

由于數(shù)據(jù)表的字段與各表單元素的名稱、數(shù)據(jù)類型是一致的，因此數(shù)據(jù)表的字段與表單元素之間有很強(qiáng)的對應(yīng)關(guān)系。對話框中默認(rèn)的對應(yīng)關(guān)系與實(shí)際的對應(yīng)關(guān)系非常相近，只需對個別不正確的對應(yīng)關(guān)系做一下修改即可。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作二更新圖書信息已經(jīng)添加到數(shù)據(jù)表中的記錄有時需要修改，修改記錄也需要事先創(chuàng)立記錄集，然后通過記錄集將表單中的更新數(shù)據(jù)保存到數(shù)據(jù)庫中。通過本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：1.更新數(shù)據(jù)庫記錄的操作過程首先根據(jù)條件創(chuàng)立記錄集，并通過動態(tài)數(shù)據(jù)的形式把數(shù)據(jù)表中的數(shù)據(jù)顯示在頁面中，然后選擇需要修改的數(shù)據(jù)把其參數(shù)傳遞給修改頁面，修改完畢后通過效勞器行為中的更新記錄對數(shù)據(jù)進(jìn)行更新。在本操作中，具體情況是：在文檔“editbook.asp〞中瀏覽圖書記錄，如果發(fā)現(xiàn)需要修改的記錄可單擊其后面的“修改〞超級鏈接翻開文檔“editbook2.asp〞進(jìn)行修改并確認(rèn)即可。工程十四：制作交互式網(wǎng)頁更新圖書信息操作動畫任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作二更新圖書信息2.設(shè)置頁面中的動態(tài)表單元素的方法用鼠標(biāo)選中“庫存：〞后面的菜單域，然后在【屬性】面板中單擊【動態(tài)】按鈕，翻開【動態(tài)列表/菜單】對話框，在【靜態(tài)選項(xiàng)】中添加“有書〞和“暫無〞兩項(xiàng)內(nèi)容，并單擊【選取值等于】文本框右側(cè)的按鈕翻開【動態(tài)數(shù)據(jù)】對話框，設(shè)置選取值。按照相同的方法設(shè)置“附盤類型：〞后面的菜單域，8. 仍然按照類似的方法設(shè)置“圖書類別：〞后面的菜單域。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作二更新圖書信息工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作二更新圖書信息3.插入更新記錄效勞器行為的方法在主菜單中選擇【插入】／【應(yīng)用程序?qū)ο蟆浚靖掠涗洝浚靖掠涗洝棵睿_【更新記錄】對話框進(jìn)行參數(shù)設(shè)置。具體為：在【連接】下拉列表中選擇“conn〞，在【要更新的表格】下拉列表中選擇“book〞，在【選取記錄自】下拉列表中選擇“RsBook〞，在【唯一鍵列】下拉列表中選擇“ID〞，在【在更新后，轉(zhuǎn)到】文本框中輸入“editbook.asp〞，在【獲取值自】下拉列表中選擇“form1〞，在【表單元素】中選擇每一行，然后在【列】中選擇數(shù)據(jù)表中與之相對應(yīng)的字段名，在【提交為】列表中選擇該表單元素的數(shù)據(jù)類型。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作二更新圖書信息工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作二更新圖書信息工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作三刪除圖書信息

已經(jīng)添加到數(shù)據(jù)表中的記錄有時需要刪除，刪除記錄可以使用主菜單中的【插入】／【應(yīng)用程序?qū)ο蟆浚緞h除記錄】命令，刪除記錄也是通過記錄集和表單共同完成的，兩者缺一也無法實(shí)現(xiàn)。在本操作中將不使用上面所提及的方法，而是使用另一種方法，即主菜單中的【插入】／【應(yīng)用程序?qū)ο蟆浚久睢縼硗瓿蛇@一任務(wù)。通過本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：

1.刪除數(shù)據(jù)庫記錄的操作過程首先根據(jù)條件創(chuàng)立記錄集，并通過動態(tài)數(shù)據(jù)的形式把數(shù)據(jù)表中的數(shù)據(jù)顯示在頁面中，然后選擇需要刪除的數(shù)據(jù)，通過效勞器行為中的刪除記錄對數(shù)據(jù)進(jìn)行刪除。在本操作中，具體情況是：在文檔“editbook.asp〞中瀏覽圖書記錄時，如果發(fā)現(xiàn)需要刪除的記錄可單擊其后面的“刪除〞超級鏈接翻開文檔“del.asp〞進(jìn)行刪除操作。工程十四：制作交互式網(wǎng)頁刪除圖書信息操作動畫任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作三刪除圖書信息2.通過刪除命令刪除記錄的方法翻開文檔“editbook.asp〞，用鼠標(biāo)選中文本“刪除〞，然后在【屬性】面板中單擊【鏈接】右側(cè)的〔文件夾〕按鈕，翻開【選擇文件】對話框，在文件列表中選擇文件“del.asp〞。在【選擇文件】對話框中單擊【URL:】后面的〔參數(shù)〕按鈕，翻開【參數(shù)】對話框，在【名稱】文本框中輸入“ID〞，單擊【值】文本框右側(cè)的〔動態(tài)數(shù)據(jù)〕按鈕翻開【動態(tài)數(shù)據(jù)】對話框，選擇“RsBook〞中的“ID〞選項(xiàng)。

翻開文檔“del.asp〞，然后在主菜單中選擇【插入】／【應(yīng)用程序?qū)ο蟆浚久睢棵?，翻開【命令】對話框。在【類型】下拉列表中選擇“刪除〞，這時在【SQL】右側(cè)的列表框中出現(xiàn)SQL語句“DELETEFROMWHERE〞。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作三刪除圖書信息在【數(shù)據(jù)庫項(xiàng)】列表中展開“表格〞，選中數(shù)據(jù)表“book〞，然后單擊〔delete〕按鈕，接著展開數(shù)據(jù)表“book〞，選中字段“ID〞，并單擊〔where〕按鈕，這時上面的SQL語句變成了“DELETEFROMbookWHEREID〞。

在“WHEREID〞的后面輸入“=MM_UserID〞，然后單擊【變量】后面的〔+〕按鈕添加變量，在【名稱】文本框中輸入“MM_UserID〞，在【類型】文本框中輸入“Numeric〞，在【大小】文本框中輸入“1〞，在【運(yùn)行值】文本框中輸入“Request("ID")〞。工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作三刪除圖書信息工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作四限制對頁的訪問網(wǎng)站的后臺管理頁面自然不希望瀏覽者隨便訪問，只有管理人員通過用戶登錄后才可訪問，因此需要使用【限制對頁的訪問】效勞器行為來限制頁面的訪問權(quán)限。本操作主要介紹使用效勞器行為來限制頁面訪問權(quán)限的根本方法。通過本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：限制對頁的訪問的設(shè)置方法在主菜單中選擇【插入】／【應(yīng)用程序?qū)ο蟆浚居脩羯矸蒡?yàn)證】／【限制對頁的訪問】命令翻開【限制對頁的訪問】對話框。在【基于以下內(nèi)容進(jìn)行限制】選項(xiàng)中選擇需要的選項(xiàng)，如“用戶名和密碼〞，即訪問該頁必須經(jīng)過用戶名和密碼驗(yàn)證。在【如果訪問被拒絕，那么轉(zhuǎn)到】文本框中輸入要返回的文檔名稱，如“index.asp〞，即訪問被拒絕后轉(zhuǎn)到主頁進(jìn)行登錄。工程十四：制作交互式網(wǎng)頁限制對頁的訪問操作動畫任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作四限制對頁的訪問工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作五用戶登錄和注銷通過本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：

1.設(shè)置用戶登錄的方法翻開主頁文件“index.asp〞，然后在主菜單中選擇【插入】／【應(yīng)用程序?qū)ο蟆浚居脩羯矸蒡?yàn)證】／【登錄用戶】命令，翻開【登錄用戶】對話框。將登錄表單“form1〞中表單域與數(shù)據(jù)表“user〞中的字段相對應(yīng)，也就是將【用戶名字段】與【用戶名列】對應(yīng)，【密碼字段】與【密碼列】對應(yīng)，然后將【如果登錄成功，轉(zhuǎn)到】設(shè)置為“Loginsuccess.asp〞，將【如果登錄失敗，轉(zhuǎn)到】設(shè)置為“Loginfail.htm〞。工程十四：制作交互式網(wǎng)頁用戶登錄和注銷操作動畫任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作五用戶登錄和注銷工程十四：制作交互式網(wǎng)頁任務(wù)一任務(wù)二小結(jié)任務(wù)三實(shí)訓(xùn)Dreamweaver8網(wǎng)頁設(shè)計(jì)與制作操作五用戶登錄和注銷2.創(chuàng)立