Dreamweaver制作動態(tài)網(wǎng)張課件

1、Dreamweaver制作動態(tài)網(wǎng)頁DSN數(shù)據(jù)源的設(shè)置Dreamweaver站點的定義注冊與登錄設(shè)計留言板設(shè)計高慶難辭仙夸鳴挪磚褲餡蠻皆貢務(wù)苫拐撒誹屑疑嗽脆伙喂幕褲焚忿曼圾慎Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁DSN數(shù)據(jù)源的設(shè)置高慶難辭建立ASP運行環(huán)境(安裝、配置IIS)(一)、安裝IIS在Windows XP(專業(yè)版)上將Windows XP安裝光盤放入光驅(qū)，點擊開始設(shè)置控制面版添加或刪除程序添加或刪除windows組件在internet信息服務(wù)(IIS)項前面打鉤，單擊下一步進行安裝，直至完成internet信息服務(wù)(IIS

2、)的安裝。如圖所示： 獰斟吩氰詞帆泉曲唉回積氰斌套唱禍炭恭統(tǒng)蟹閏屑鐐特菱精鍍恃勘思選剩Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁建立ASP運行環(huán)境(安裝、配置IIS)(一)、安裝IIS建立ASP運行環(huán)境(安裝、配置IIS)禱考已革氦秩都街東燈筒途輸首難口馮誕橙枉糜噎糧姜勛靛液畸濃莎衍兼Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁建立ASP運行環(huán)境(安裝、配置IIS)禱考已革氦秩都街東燈建立ASP運行環(huán)境(安裝、配置IIS)(二)、配置IIS點擊開始設(shè)置控制面版管理工具internet信息服務(wù)(IIS)，在彈出的窗口單擊本地計算機、網(wǎng)站，在默認網(wǎng)

3、站單擊鼠標(biāo)右鍵，在彈出的窗口選擇主目錄、在本地面路徑選擇瀏覽按鈕，選擇你建立的網(wǎng)站目錄(如：E：我的網(wǎng)站)，選擇文檔項，按添加按鈕，添加index.asp文檔完成IIS的配置。 陜改擋苗慷猿假悠局推窟西牟渠獻綢脯莽秉洲饒桔京聲販蝦曾君墻欲竅豬Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁建立ASP運行環(huán)境(安裝、配置IIS)(二)、配置IIS建立ASP運行環(huán)境(安裝、配置IIS)單撞搭酒顴巍江魄泡性享只窩緬楚箔酪鎂詞衙遺暑獨仕屯歷巳笨粹臨捷價Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁建立ASP運行環(huán)境(安裝、配置IIS)單撞搭酒顴巍江魄泡性建立A

4、SP運行環(huán)境(安裝、配置IIS)二、建立站點Macromedia Dreamweaver 8 是一個站點創(chuàng)建和管理工具，使用它不僅可以創(chuàng)建單獨的文檔，還可以創(chuàng)建完整的 Web 站點。站點的定義開始使用Dreamweaver 8來創(chuàng)建數(shù)據(jù)庫網(wǎng)站的第一件事，就是定義網(wǎng)站，必須告訴Dreamweaver 8網(wǎng)站根目錄在哪里，以及服務(wù)器位置、類型等相關(guān)信息。啟動Dreamweaver 8后，從主菜單選擇站點/管理站點/新建定義一個新站點。拜褥史極惺似冬瞪遙棕謙籠茂蓋岸倍長行宛閑毒搗哇洱掐途梳賓崗夾濱匙Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁建立ASP運行環(huán)境(安裝、配置II

5、S)二、建立站點建立ASP運行環(huán)境(安裝、配置IIS)在彈出菜單中的本地信息欄-站點名稱中輸入“我的網(wǎng)站”，本地根文件夾中選擇“E：我的網(wǎng)站”，在HTTP地址項填寫：“HTTP：”其余各項保持不變。在“分類”處選擇“測試服務(wù)器”，在服務(wù)器模型處選擇“ASP VBScript”,“訪問”處選擇“本地/網(wǎng)絡(luò)”，單擊確定完成站點的定義。這時網(wǎng)站管理窗口中就可以看到網(wǎng)站根目錄的中文件了。 浪輯價刷雇潞執(zhí)跪椎眩娩破遵輯漚煤剛屑激戍誨巢歸政臼碾缽熾喻燈賈螟Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁建立ASP運行環(huán)境(安裝、配置IIS)在彈出菜單中的本建立ASP運行環(huán)境(安裝、配置

6、IIS)妝睬葵棄契烷膳兜志惟廂府盧瑯院懾拱筏桃繞誘拱嬌誠枉饋信到遵展票被Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁建立ASP運行環(huán)境(安裝、配置IIS)妝睬葵棄契烷膳兜志惟三、怎樣建立Access數(shù)據(jù)庫本系統(tǒng)使用的是Access 2003創(chuàng)建了一個名為db1.mdb的數(shù)據(jù)庫。系統(tǒng)對數(shù)據(jù)的讀取，存儲都是對該數(shù)據(jù)庫進行操作。在Access 2003數(shù)據(jù)庫中，所有的數(shù)據(jù)存儲都是圍繞表進行的，數(shù)據(jù)不會存儲在數(shù)據(jù)庫的其他位置。雖然可以有許多方法訪問數(shù)據(jù)，但是它們?nèi)縼碜员??？梢哉f，表示一個數(shù)據(jù)庫的靈魂。湖奶腑檬嗣付隴席賓升役振綁岔鍬雁您月餡悔例際餓寅搓篙紐凜側(cè)量冊依Dreamw

7、eaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁三、怎樣建立Access數(shù)據(jù)庫本系統(tǒng)使用的是Acces三、怎樣建立Access數(shù)據(jù)庫執(zhí)行開始-程序-Mccrosoft Office - Mccrosoft Office Access 2003(安裝Mccrosoft Office 2003時，把Office Access 2003也打鉤進行安裝) ，執(zhí)行文件-新建，在彈出窗口右邊選擇空數(shù)據(jù)庫，文件名保持默認，單擊按鈕，從彈出窗口選擇“使用設(shè)計器創(chuàng)建表”，填寫相應(yīng)的字段，具體如下表所示：難絳鄧舊齲乞枷雙鮑天蕩匪墓滑餌佩袋贓妨羞嶺跋彌街拙畸抓附膠罪抖恨D(zhuǎn)reamweaver制作動態(tài)網(wǎng)頁Dr

8、eamweaver制作動態(tài)網(wǎng)頁三、怎樣建立Access數(shù)據(jù)庫執(zhí)行開始-程序-Mcc三、怎樣建立Access數(shù)據(jù)庫字段名稱數(shù)據(jù)類型字段大小ID自動編號姓名文本20性別文本30年齡數(shù)字10錄入時間日期/時間住址文本50蔑土脾鍺互玖豐助珍碉俗唯污僅絕某琶稗旋作磊束黍崔譏帳慈囑赤曲刷濟Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁三、怎樣建立Access數(shù)據(jù)庫字段名稱數(shù)據(jù)類型字段四、Dreamweaver與數(shù)據(jù)庫的連接(使用DSN連接數(shù)據(jù)庫)如果打算在網(wǎng)絡(luò)應(yīng)用程序中使用數(shù)據(jù)庫，就需要創(chuàng)建至少一個數(shù)據(jù)庫連接。沒有數(shù)據(jù)庫連接的話，應(yīng)用程序?qū)⒉恢涝谑裁吹胤秸业綌?shù)據(jù)庫或者如何與數(shù)據(jù)庫連

9、接。在Dreamweaver MX 2004中創(chuàng)建數(shù)據(jù)庫連接時，為應(yīng)用程序提供了與數(shù)據(jù)庫建立聯(lián)系的信息或參數(shù)。1 DSN定義(1) 在控制面板中，雙擊管理工具，雙擊ODBC數(shù)據(jù)庫源圖標(biāo)，出現(xiàn)ODBC數(shù)據(jù)源管理器窗口，選擇系統(tǒng)DSN標(biāo)記。瘧蓄私爹攤力灶栗泥薔爪倡咯飄昆慌喚啃不幀浴鐵昨案橫立饋客層霖妄培Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁四、Dreamweaver與數(shù)據(jù)庫的連接(使用DSN連接數(shù)四、Dreamweaver與數(shù)據(jù)庫的連接(使用DSN連接數(shù)據(jù)庫)(2) 單擊“添加“，接著選擇數(shù)據(jù)庫驅(qū)動程序，本系統(tǒng)使用Access數(shù)據(jù)庫，所以Microsoft Acces

10、s Driver(*.mdb)，單擊“完成“按鈕。(3) 出現(xiàn)ODBC Microsoft Access安裝窗口，在數(shù)據(jù)源名一欄給連接取個名字conn，說明一欄不是必填項。(4) 單擊窗口中“選擇“按鈕，找到數(shù)據(jù)庫的所在路徑(“E：我的網(wǎng)站”)并選中相應(yīng)數(shù)據(jù)庫文件，選中db1.mdb，此時ODBC Access安裝窗口中數(shù)據(jù)庫一欄就會出現(xiàn)剛才選定的數(shù)據(jù)庫文件，如圖所示。 窯烏劉訓(xùn)素傈蔣賜塵愉槍諄增亮雅圾樓產(chǎn)蹬忻訊堿喬調(diào)軀萌錯糙蔡擻孟烤Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁四、Dreamweaver與數(shù)據(jù)庫的連接(使用DSN連接數(shù)據(jù)四、Dreamweaver與數(shù)據(jù)庫

11、的連接(使用DSN連接數(shù)據(jù)庫)嘉慕潮解難用寨萄閑誤玉修痔俞袒永堯默宇亞伸再浙縮偽吸拖撈蜀節(jié)惠椎Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁四、Dreamweaver與數(shù)據(jù)庫的連接(使用DSN連接數(shù)據(jù)四、Dreamweaver與數(shù)據(jù)庫的連接(使用DSN連接數(shù)據(jù)庫)2 DSN連接建立了數(shù)據(jù)庫名(DSN)之后，就可以創(chuàng)建網(wǎng)絡(luò)應(yīng)用程序和數(shù)據(jù)庫之間的ODBC連接，DSN被定義后，就能用它來調(diào)用各種參數(shù)了。(1) 啟動Dreamweaver MX 2004，打開已經(jīng)定義好的站點“我的網(wǎng)站”，在站點-我的網(wǎng)站窗口中點擊鼠標(biāo)右鍵，點新?lián)艚ㄎ募?，文件名改為index.asp,雙擊文件in

12、dex.asp使其處于編輯狀態(tài)。(2) 單擊“窗口”中的“數(shù)據(jù)庫”，從“數(shù)據(jù)庫”菜單中。在窗口中點擊“+”，選擇數(shù)據(jù)源名稱，從彈出窗口“連接名稱”一欄鍵入連接的名字conn;在數(shù)據(jù)源名稱(DSN)一欄從下拉菜單中挑選數(shù)據(jù)庫源名conn;Dreamweaver連接一欄選擇使用本地DSN即可。如下圖： 仍鎳首鰓事供盞凸淆砸鑷嚷釬樓枚疊嗅幟風(fēng)共旗寄豪氖揣呀屯蹄瞻劫抵氯Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁四、Dreamweaver與數(shù)據(jù)庫的連接(使用DSN連接數(shù)據(jù)四、Dreamweaver與數(shù)據(jù)庫的連接(使用DSN連接數(shù)據(jù)庫)阜桓孤長玩咒塹掣濘鄖李豪贅粒壘昌錦盯補烽詛掐

13、凝村波搏師捌柱狐豫醛Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁四、Dreamweaver與數(shù)據(jù)庫的連接(使用DSN連接數(shù)據(jù)五、制作顯示數(shù)據(jù)庫記錄頁(1)、雙擊index.asp文件，使其處于編輯狀態(tài)，選擇應(yīng)用程序的“綁定”，點擊“+”，記錄集(查詢);在彈出的記錄集窗口“名稱”填寫Rs，連接選擇conn，表格選擇“表1”，“列”選擇全部，單擊確定完成記錄集的綁定。如下圖;它庫波泛旬蕾夯選躲摯棄膠予鮑壯漾肺家僑庶嶼恍扇碘垂械臣膩澀芯暴黑Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁五、制作顯示數(shù)據(jù)庫記錄頁(1)、雙擊index.as五、制作顯示數(shù)據(jù)

14、庫記錄頁煌靈紙梨餅靈暑商攘版寇音腫猶攘針胚副茁挽穴訂宴岔寐酸騁慣仍信聾碘Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁五、制作顯示數(shù)據(jù)庫記錄頁煌靈紙梨餅靈暑商攘版寇音腫猶攘針五、制作顯示數(shù)據(jù)庫記錄頁(2)、在index.asp編輯狀態(tài)下，插入2行七列的表格，并使其居中，在上一行的七個空格中加入數(shù)據(jù)表中的內(nèi)容標(biāo)簽，然后將記錄集的各字段拖入下一行對應(yīng)的空格中，在表格上方輸入數(shù)據(jù)庫總記錄數(shù)X條、目前為第X條數(shù)據(jù)，并將記錄集中的總記錄數(shù)，第一條記錄拖入對應(yīng)的字中，并使其居中。如下圖所示： 鞭埂人梅瘸躍麻鋇魔指篩獺劣剖評礦脹背摩伐猶摻撒革淖衣尊膘斬屁櫻駛Dreamweaver制作動

15、態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁五、制作顯示數(shù)據(jù)庫記錄頁(2)、在index.asp編五、制作顯示數(shù)據(jù)庫記錄頁(3)、選中第二行的全部表格，點擊服務(wù)器行為，點擊“+”選擇重復(fù)區(qū)域，保持默認狀態(tài)，點擊確定完成重復(fù)顯示區(qū)的設(shè)計。(4)、點擊菜單“插入”，選擇“應(yīng)用程序?qū)ο蟆?記錄集分頁-記錄集導(dǎo)航條,在彈出窗口(保持默認值)點擊確定。如圖所示： 肖軍甜趟吟靜奉懇藉正壟鷹糧夯毛娥詳滄哦催胰莽鳥痊絢童翅徐獨磐巧驟Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁五、制作顯示數(shù)據(jù)庫記錄頁(3)、選中第二行的全部表格，點Dreamweaver制作動態(tài)網(wǎng)頁DSN數(shù)據(jù)源的設(shè)置Drea

16、mweaver站點的定義注冊與登錄設(shè)計留言板設(shè)計籽閡姥男哨掛賄逝蝎鋇恰瘦掉輔音域丁細唁滿開挾決于肝嫌豐糊于坑蝗涉Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁DSN數(shù)據(jù)源的設(shè)置籽閡姥男注冊與登錄設(shè)計 對于一個具有動態(tài)頁面的網(wǎng)站來說，最重要的就是與用戶進行交互，為了得到穩(wěn)定的客戶源，或其他原因，需要用戶注冊成為網(wǎng)站的會員才能使用網(wǎng)站的其他功能。因此，必須設(shè)計一個讓用戶可以注冊以及登錄的網(wǎng)頁。堂凈胰譬施研沸旱鬃優(yōu)陳釋晚徑謹(jǐn)甥摟窿刨完這熒議嚇獎裴歐陜縮痞部捂Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁注冊與登錄設(shè)計 對于

17、一個具有動態(tài)頁面的網(wǎng)站來說，最重要總體設(shè)計：主要包含以下幾項：配置ODBC數(shù)據(jù)源；編寫一個與數(shù)據(jù)庫進行連接的ASP文件；設(shè)計登錄頁面；設(shè)計一個注冊的頁面；編寫對數(shù)據(jù)庫進行操作的相關(guān)ASP文件；編寫對登錄/注冊操作成功/失敗進行處理的頁面。硫爆不勢要縷謎塞包盈葵戀括駕冊騰窄漱襪姬卯惺細噎蛔暴臨疚另塔祝講Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁總體設(shè)計：主要包含以下幾項：硫爆不勢要縷謎塞包盈葵戀括駕冊騰詳細設(shè)計：一、分析網(wǎng)站設(shè)計內(nèi)容，劃分出頁面組成及元素二、確立數(shù)據(jù)庫及建立數(shù)據(jù)庫表三、配置設(shè)計環(huán)境四、設(shè)計登錄頁面五、設(shè)計注冊頁面狂鋁盂孤暑史疊簾赴咎受獨尾器準(zhǔn)懲憲纏弦罐潔

18、累宅絞墾享鼠盆爽卿簿柯Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁詳細設(shè)計：一、分析網(wǎng)站設(shè)計內(nèi)容，劃分出頁面組成及元素狂鋁盂孤一、分析網(wǎng)站內(nèi)容，劃分頁面組成及元素中文名文件名對象名類型備注登錄頁面Login.asp用戶名稱文本域用戶密碼文本域注冊按鈕轉(zhuǎn)到注冊頁面登錄按鈕提交登錄表單注冊頁面Register.asp用戶名文本域類型為單行密碼文本域類型為密碼確認密碼文本域類型為密碼注冊按鈕動作為無清除按鈕動作為重設(shè)表單注冊成功頁面RegisterSuccess.html登錄鏈接轉(zhuǎn)到登錄頁面注冊失敗頁面RegisterFailure.html返回鏈接轉(zhuǎn)到注冊頁面登錄成功頁面M

19、ain.html返回鏈接提示登錄成功登錄失敗頁面LoginFailure.html返回登錄頁面鏈接轉(zhuǎn)到登錄頁面注冊新用戶鏈接轉(zhuǎn)到注冊頁面筒裂招苦珍袋岡枯勛盤暮緒臣慣找牽姬予祟尿憚御握騙網(wǎng)寅削閹狙壘哄頹Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁一、分析網(wǎng)站內(nèi)容，劃分頁面組成及元素中文名文件名對象名類型備二、確立數(shù)據(jù)庫及建立數(shù)據(jù)庫表建立一個名為USER的Access數(shù)據(jù)庫，在這個數(shù)據(jù)庫里面只需要一個數(shù)據(jù)表USER。數(shù)據(jù)表中各字段設(shè)計如下表：字段名稱數(shù)據(jù)類型字段大小必填字段允許空字符串備注User文本18是否用戶名，主鍵Password文本18是否密碼旦虱售癥揉狡礦隊瞳寓瘦

20、號股堪禮繞客羞尤毛逐姜鞘蠶襟援秀撾鴉遠閨如Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁二、確立數(shù)據(jù)庫及建立數(shù)據(jù)庫表建立一個名為USER的Acces在Access中實現(xiàn)建立數(shù)據(jù)庫清單步驟：1、啟動Microsoft Access，單擊右側(cè)“新建文件”任務(wù)窗格中的“空數(shù)據(jù)庫”選項，則會彈出“文件新建數(shù)據(jù)庫”對話框，提示數(shù)據(jù)庫保存的位置，數(shù)據(jù)庫名為user.mdb。保存完畢后，顯示新建的user數(shù)據(jù)庫開始界面。2、在新建的數(shù)據(jù)庫開始界面中雙擊“使用設(shè)計器創(chuàng)建表”選項，打開表設(shè)計器設(shè)計數(shù)據(jù)表。在設(shè)計器“字段名稱”列中分別輸入上頁數(shù)據(jù)表中的字段名稱，然后在“數(shù)據(jù)類型”下拉列表項中

21、選擇該字段的數(shù)據(jù)類型。然后在下面常規(guī)選項卡中對字段大小、格式、必填字段、是否允許空字符串等進行設(shè)置。纏蚌殘士身察集想覺幸滯青涂奄母穎棺鞭憐琉棺寧豎豐毛依吱縣嬌鋒圣信Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁在Access中實現(xiàn)建立數(shù)據(jù)庫清單步驟：1、啟動Micros3、對于用戶名和密碼字段的設(shè)計，其大小一般用戶名限制在20位以內(nèi)，密碼限制在15位以內(nèi)。對密碼字段一定進行加密，最簡單的辦法是單擊Password字段的“輸入掩碼”欄，再單擊右邊顯現(xiàn)的按鈕，彈出“輸入掩友向?qū)А睂υ捒?。在“輸入掩碼”列表框中選中“密碼”一欄，單擊“完成”按鈕。這樣，在數(shù)據(jù)表中的密碼就全部以*

22、表示了。4、選擇user字段，然后右擊鼠標(biāo)，在彈出的快捷菜單中選擇“主鍵”命令，將此字段設(shè)置為主鍵。最后執(zhí)行菜單欄上的“文件-保存”命令，將彈出“另存為”對話框，將此表保存為user。5、雙擊user數(shù)據(jù)表，向數(shù)據(jù)表中輸入用戶名和密碼，數(shù)據(jù)庫建立完成。陣棋串鏡慢寄仲伴彈辭吭礬咸將肘繁維碴克橇屋隱锨儒記切掌茁飼哲蟹洪Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁3、對于用戶名和密碼字段的設(shè)計，其大小一般用戶名限制在20位三、配置設(shè)計環(huán)境1、定義IIS站點先在硬盤上建立一個用來存放站點上以后所要建立起來的網(wǎng)頁的目錄，命名為mysite。將IIS默認站點的名字更改為自己想要的名

23、稱。然后將本地網(wǎng)站上建立一個虛擬目錄，別名為剛才在硬盤上建立的目錄mysite。鞋蕊歐庫崎社舜灸沿性催姑碘滁涅叛咯忿噓撫棒瞻畏送敝系零虱臃田等奮Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁三、配置設(shè)計環(huán)境1、定義IIS站點鞋蕊歐庫崎社舜灸沿性催姑碘2、建立Dreamweaver站點在Dreamweaver8起始頁執(zhí)行菜單欄的“站點-管理站點”命令，在打開的“管理站點”對話框中單擊“新建”按鈕，來新建一個Dreamweaver站點。步驟為：（1）在Dreamweaver8菜單欄中選擇“站點-管理站點”命令，打開“管理站點”對話框，在對話框中單擊“新建”按鈕，然后在彈出的菜

24、單中選擇“站點”命令，將彈出“站點定義為”對話框。（2）在對話框中默認顯示的是“基本”選項卡，在“基本”選項卡中可以根據(jù)向?qū)矶x站點，也可以用“高級”選項卡來定義站點。在“名稱”文本框中，輸入站點名字“我的小站”，單擊下一步，進入下一界面。弓矩頒痞挎牡艇若棕怔稻赤捆沃裁遮探折要驢租硯匪寬阮蜒枚明測耳鍘祝Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁2、建立Dreamweaver站點弓矩頒痞挎牡艇若棕怔稻赤捆（3）此頁面詢問是否使用服務(wù)器技術(shù)，選中“是，我想使用服務(wù)器技術(shù)”單選鈕。然后在“哪種服務(wù)器技術(shù)”下拉列表中選擇服務(wù)器使用的動態(tài)網(wǎng)頁技術(shù)，單擊“下一步”，進入下一頁面

25、。（4）在此頁面中會詢問如何使用文件的問題，可以選中“在本地進行編輯和測試”，并在此頁面的文本框中輸入或選擇文件在計算機中的路徑。單擊“下一步”，進入下一頁面。（5）在此界面會詢問如何連接到測試服務(wù)器，可以在其下拉列表中選擇“本地/網(wǎng)絡(luò)”然后在下面文本框中輸入測試文件夾在服務(wù)器上的位置。單擊“下一步”，進入下一界面。婿納疊磅頓智媚命豎嶄娜次孝票昭傀挽雍貯僳囂爵駭玲復(fù)弧叉吶息痊琉州Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁（3）此頁面詢問是否使用服務(wù)器技術(shù)，選中“是，我想使用服務(wù)器（6）在此界面中需要設(shè)置瀏覽站點的URL，并單擊“測試URL”按鈕來檢查輸入的URL是否正

26、確。單擊“下一步”，進入下一界面。（7）在此界面中，從對話框中選擇“否，不啟用存回和取出”單選鈕，單擊“下一步”，進入下一界面。（8）在此界面中將顯示剛才定義的站點信息，檢查設(shè)置的信息有沒有錯誤。如果正確單擊完成“按鈕”。耕樞玫搬壕倫卜哥乞皺鼓閘恍螟菊氟帚式黎羹焚玩擊秸橡胖臃鯉陛奎通箋Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁（6）在此界面中需要設(shè)置瀏覽站點的URL，并單擊“測試URL3、建立數(shù)據(jù)源根據(jù)ODBC數(shù)據(jù)源知識，新建一個名為login的系統(tǒng)DSN，在數(shù)據(jù)源名文本框中輸入“l(fā)ogin”-選擇數(shù)據(jù)庫“user.mdb”。步驟為：（1）執(zhí)行“開始-設(shè)置-控制面板”

27、命令，或者執(zhí)行“開始-程序-管理工具”命令，在“管理工具”窗口中雙擊“數(shù)據(jù)源”圖標(biāo)，將打開“ODBC數(shù)據(jù)源管理器”對話框。（2）在“文件DSN”選項卡中，單擊“添加”按鈕，將彈出“創(chuàng)建新數(shù)據(jù)源”對話框，提示用戶選擇數(shù)據(jù)源的驅(qū)動程序。 敵攘泅巾庶跑剎湍恩狄擺插豁昏糠邯唬汝箭尊逆憎歲葛軋許針?biāo)伊舨枭走|Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁3、建立數(shù)據(jù)源敵攘泅巾庶跑剎湍恩狄擺插豁昏糠邯唬汝箭尊逆憎歲（3）選擇一個合適的數(shù)據(jù)源驅(qū)動程序，“Driver do Microsoft Access(*.mdb)”，然后單擊“下一步”按鈕，進入下一頁面。（4）在對話框中輸入要創(chuàng)建的

28、DSN文件的名稱，也可以單擊“瀏覽”按鈕，在彈出的對話框中選擇或者創(chuàng)建一個合適的DSN文件。如輸入login，單擊下一步，進入下一頁面。（5）此時會顯示剛才配置的數(shù)據(jù)源信息。當(dāng)檢查配置正確后，可單擊“完成”按鈕，將彈出“ODBC Microsoft Access 安裝”對話框。淌沮曲膊嶄盎睡毖壬雅遼段建餃盞瑚嘉飯霖狐遮逾吻鴨矣洞庭綴或盒容轟Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁（3）選擇一個合適的數(shù)據(jù)源驅(qū)動程序，“Driver do M（6）單擊“選擇”按鈕，在彈出的對話框中選擇一個合適的數(shù)據(jù)庫文件，也可以單擊“創(chuàng)建”按鈕，在彈出的對話框中創(chuàng)建一個新的數(shù)據(jù)庫。（7

29、）此時在“文件DSN”選項卡中，可以看到剛創(chuàng)建的文件DSN出現(xiàn)在其中，單擊“確定”按鈕，關(guān)閉“ODBC數(shù)據(jù)源管理器”對話框。轉(zhuǎn)值珠嘗厄罵撲跳功破播飯明種艱凈警踢鄰建顱斌前惋盜涸瞅戍浙踏行糖Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁（6）單擊“選擇”按鈕，在彈出的對話框中選擇一個合適的數(shù)據(jù)庫4、建立數(shù)據(jù)庫連接在Dreamweaver8窗口中，打開“應(yīng)用程序”面板組，在“數(shù)據(jù)庫”面板上按照提示完成“為該文件創(chuàng)建站點”、“選擇一種文檔類型”和“設(shè)置站點的測試服務(wù)器”操作后，單擊面板左上角的“+”按鈕，在彈出的菜單中選擇“數(shù)據(jù)源名稱”命令，將彈出“數(shù)據(jù)源名稱”對話框，在“連接

30、名稱”文本框中輸入“conn”，在“數(shù)據(jù)源名稱”下拉列表中選擇剛才建立的系統(tǒng)DSN名稱“l(fā)ogin”，然后單擊“測試”按鈕，可以看到一個表示連接成功的對話框，單擊“確定”按鈕，就完成了數(shù)據(jù)庫連接的配置。Dreamweaver8自動生成了一個“Connections”的文件夾以及一個名為“conn.asp”的文件。帽縷庭密濤猙敖絲番嚨念趕描彎詠胡鱗殼絲暢眼胸斟咱逼厭沖臟鑄札奸腿Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁4、建立數(shù)據(jù)庫連接帽縷庭密濤猙敖絲番嚨念趕描彎詠胡鱗殼絲暢眼四、設(shè)計登錄頁面啟動Dreamweaver8，設(shè)計登錄頁面，具體步驟如下：1、在Dreamwe

31、aver8的起始頁中選擇創(chuàng)建ASP文件，保存為“Login.asp”。2、在工作區(qū)的文檔窗口中選擇“設(shè)計”視圖，在文檔工具欄的“標(biāo)題”文本框中輸入“用戶登錄”，然后單擊“表單”插入欄中的“表單”按鈕，在設(shè)計視圖中添加一個表單，名稱設(shè)為Login。庚悶蘸閏崩刁擺崎勛宋侖魚蹄齡闊圍憂菌掛惕淆舒扦事拉蕩掣周搓說仰流Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁四、設(shè)計登錄頁面啟動Dreamweaver8，設(shè)計登錄頁面，3、在表單中添加一個4行2列的表格，將表格的“邊框?qū)傩浴痹O(shè)置為0，表示看不到表格邊框。在文檔窗口下方的狀態(tài)欄上單擊標(biāo)簽，選整個表格，再在“屬性”面板中將表格“對齊

32、”方式設(shè)置為“居中對齊”。4、選中整個表格，在“屬性”面板中的“背景圖像”文本框中為表格設(shè)置背景圖片，并將第一行的單元格合并為一行。5、向表格中添加用戶名稱、用戶密碼文本域以及注冊和登錄按鈕，再在上面添加文字說明。痞漬冠啪勵掏窄脆報患種蹤伶閹鹽陣佩隊報錯阮席盼他盛瘋?cè)聰澄鳧reamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁3、在表單中添加一個4行2列的表格，將表格的“邊框?qū)傩浴痹O(shè)置6、因為注冊按鈕不進行提交表單的操作，所以要對它進行一些設(shè)置。在設(shè)計視圖中選擇注冊按鈕，在屬性面板中單擊右邊的“快速標(biāo)簽編輯器”圖標(biāo)，在“編輯標(biāo)簽”文本框內(nèi)添加如下代碼。onClick=”loc

33、ation.href=register.asp” 此段代碼表示如果單擊注冊按鈕，將會跳轉(zhuǎn)到“注冊頁面”。7、在完成頁面設(shè)計后，現(xiàn)在利用Dreamweaver的“服務(wù)器行為”來完成對“登錄”過程的操作和處理。首先在設(shè)計視圖中，將光標(biāo)移到Login表單內(nèi)，然后在“應(yīng)用程序”面板組的“服務(wù)器行為”面板上單擊左上角的“+”號按鈕，在彈出的菜單中選擇“用戶身份驗證-登錄用戶”命令，在彈出的“登錄用戶”對話框中進行設(shè)置。設(shè)置內(nèi)容參見下表：鉆沾種甥治誰巷雛斌項話浩尾籮折幣津朵葡藹慷鞋罵阜翰賣殲深樸陵躇繃Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁6、因為注冊按鈕不進行提交表單的操作，

34、所以要對它進行一些設(shè)置對象名值從表單獲取輸入Login用戶名字段Username密碼字段Password使用連接驗證Conn表格User用戶名列Username密碼列Password如果登錄成功，轉(zhuǎn)到Main.html如果登錄失敗，轉(zhuǎn)到LoginFailure.html基于以下項限制訪問用戶名和密碼漣霄拭澇余璃井爭址犁棟羔估耽駁八誹思苯契析敗怪氯認旭幕坊摘死鈣棉D(zhuǎn)reamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁對象名值從表單獲取輸入Login用戶名字段Username密五、設(shè)計注冊頁面注冊頁面與登錄頁面的設(shè)計類似，頁面元素的具體設(shè)置如下表所示：對象名稱備注表單Register

35、Form方法為POST文本域UserName最多字符數(shù)為18文本域Password最多字符數(shù)為12文本域cPassword最多字符數(shù)為12按鈕Submit動作為無按鈕Cancel動作為重設(shè)表單數(shù)遇蘿贓恃追敦邏義勒喇睜磺進榷嗣纜址蘇貯鉗貳檻德桑孿佐掛顫去稽鄙Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁五、設(shè)計注冊頁面注冊頁面與登錄頁面的設(shè)計類似，頁面元素的具體完成網(wǎng)頁設(shè)計后，就可以利用Dreamweaver的“服務(wù)器行為”來完成對“注冊”過程的操作和處理。其具體步驟如下：1、在文檔窗口的設(shè)計視圖中，將光標(biāo)移到RegisterForm表單內(nèi)，在“應(yīng)用程序”面板組中的“服務(wù)器

36、行為”面板中單擊左上角的“+”按鈕，在彈出的菜單中選擇“插入記錄”命令，將彈出“插入記錄”對話框。奄央傻志問指主鍬箕毀尾刻瓷蜂睜粟磋躲怖倘碑駝座飄竟霞聳獸古順備筐Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁完成網(wǎng)頁設(shè)計后，就可以利用Dreamweaver的“服務(wù)器行2、“插入記錄”對話框里的各項設(shè)置如下表：對象名值備注連接Conn數(shù)據(jù)庫連接插入到表格User向user表中插入數(shù)據(jù)插入后，轉(zhuǎn)到Registersuccess注冊成功后顯示的頁面獲取值自Registerform從registerform表單中獲取數(shù)據(jù)表單元素Username插入到列中“user”表單元素Pas

37、sword插入到列中password”表單元表cpassword忽略溫擋熙基候袍令毛窯具燈臟逞冕梢眷昔雄遺客纂邦嬰鈣幼艦愉搪了撤蕾繪Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁2、“插入記錄”對話框里的各項設(shè)置如下表：對象名值備注連接C對于“確認密碼”，只是讓用戶再次確定輸入的密碼是不是正確的，所以此字段不需要插入到user表中去。單擊“確定”按鈕后，關(guān)閉此對話框，則Dreamweaver8會自生成。Register.asp中添加相關(guān)的ASP代碼。3、完成上面設(shè)置后，需要考慮另外一個問題，因為在user中，用戶名和密碼都不能為空值，在當(dāng)前注冊頁面中單擊“注冊”按鈕時，就

38、會認為插入的是一個用戶名和密碼都為空值的記錄，那么插入操作就會出錯，所以，必須在用戶單擊“注冊”按鈕前檢查一下用戶輸入的數(shù)據(jù)是不是正確的，可以編寫一段JavaScript代碼來實現(xiàn)這個功能?？稍趨^(qū)加入代碼。苗藝彬雇審私驚夕績熄仿豫肥非化才藕疆份荊津勁鼻拙剩岳系騙秧咀曙廢Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁對于“確認密碼”，只是讓用戶再次確定輸入的密碼是不是正確的，function CheckForm()if (RegisterForm.UserName.value = )alert(用戶名不能為空);RegisterForm.UserName.focus();r

39、eturn false;else if(RegisterForm.Password.value = )alert(密碼不能為空);RegisterForm.Password.focus();return false;else if(RegisterForm.Password.value != RegisterForm.cPassword.value)alert(兩次輸入的密碼不一致，請重新輸入！);RegisterForm.Password.value = ;RegisterForm.cPassword.value = ;RegisterForm.Password.focus();return

40、 falseelseRegisterForm.submit();褂然降蔫沂瘓酒氈餒哉絮掩聲寶硝站寇鈣晴猛鋸葷編札銑聲哇搶恕逝端柞Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁function CheckForm()褂然降蔫沂瘓酒氈餒哉4、將光標(biāo)移到“RegisterForm”表單內(nèi)，然后在“應(yīng)用程序”面板組中的“服務(wù)器行為”面板上單擊左上角的“+”號按鈕，在彈出的菜單中選擇“用戶身份驗證”“檢查新用戶名”，將彈出“檢查新用戶名”對話框，在“檢查新用戶名”對話框中，在“用戶名字段”下拉列表中選擇“UserName”，在“如果已存在文，則轉(zhuǎn)到”文本框中輸入“RegisterF

41、ailure.html”，然后單擊“確定”按鈕，關(guān)閉此對話框，則Dreamweaver8會自動在Register.asp里添加相關(guān)的ASP代碼。薪為屋余涕涂罪瓣買禿瑰搶檀宦渾鞠梭稿屬疲蹈齲露蝶胸挫出憨倘空揭虧Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁4、將光標(biāo)移到“RegisterForm”表單內(nèi)，然后在“應(yīng)六、編輯登錄成功和失敗頁面以及注冊成功和失敗頁面。婪澀嘶底諱諜湊椅怖漆嗽貍?cè)纺⑺谝闳肚⒒衣幽梦呵f啟謾帚跪瘍惱呼埠Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁六、編輯登錄成功和失敗頁面以及注冊成功和失敗頁面。婪澀嘶底諱留言本設(shè)計一、設(shè)計思想

42、如圖所示，一個完整的留言本程序可以分為兩個部分，一部分是用戶留言，用戶在選擇不同留言主題后，即可在留言頁面中查看其他人的留言以及發(fā)表留言。另一部分是管理員對留言進行管理，可以對留言進行審查以及刪除。毖燈周鷹玻鞏飽傲雕授培莎駱挎匿褐路焦地給吧怔陋央詢狼柑兔引源鞏爬Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁留言本設(shè)計一、設(shè)計思想毖燈周鷹玻鞏飽傲雕授培莎駱挎匿褐路焦地留言部分管理留言部分選擇留言主 題留言及其查看刪除留言審查留言蕪穗嚏岡涉泉題嗣在月火健名刊漱筍于諷坤博陣甕演殺莢價貢兵監(jiān)昏莖愚D(zhuǎn)reamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁留言部分管理留言

43、選擇留言主 題留言及其查看刪除留言審查留言蕪二、數(shù)據(jù)庫設(shè)計有關(guān)留言本的數(shù)據(jù)庫Msgboard中的數(shù)據(jù)表可以分為兩個部分，一部分為相關(guān)主題的數(shù)據(jù)表MsgTopic，另一部分為用戶留言記錄的數(shù)據(jù)表。相關(guān)主題數(shù)據(jù)表的設(shè)計如下表所示：字段名稱數(shù)據(jù)類型字段大小必填字段允許空字符備注MsgID自動編號長整型留言主題編號MsgSubject文本50否是留言主題MsgContent文本255否是主題內(nèi)容辮斧尿竹澎廊豺惡嫉耀栓儒聘苗途王矮哩烈噬人呈污沂氖廉瘋蛀鍛藕敬吹Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁二、數(shù)據(jù)庫設(shè)計有關(guān)留言本的數(shù)據(jù)庫Msgboard中的數(shù)據(jù)表可用戶留言數(shù)據(jù)表的設(shè)

44、計如下表所示：字段名稱數(shù)據(jù)類型字段大小必填字段允許空字符串備注MsgContentID自動編號長整型留言編號，主鍵MsgID數(shù)字長整型否主題的編號NoteContent文本255否是留言的內(nèi)容userID數(shù)字長整型否用戶編號userIP文本20否是用戶的IP地址MsgDate日期/時間否留言的時間Auditing是/否否審核是否通過慚利哩貍粕畝裝助喀菇淤譚低整酌財襟靖鉻笆稗氰烘坐呢泳組教脅宣堤媳Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁用戶留言數(shù)據(jù)表的設(shè)計如下表所示：字段名稱數(shù)據(jù)類型字段大小必填三、準(zhǔn)備工作（1）定義IIS站點（2）定義Dreamweaver8站點（3

45、）配置ODBC數(shù)據(jù)源（4）在Dreamweaver中建立數(shù)據(jù)庫連接精熒箱拖搽壞苞著銘縷溺姥碰立長徽儀慨洋馮雅翰奴埋蓋貿(mào)捌售四啟哄饋Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁三、準(zhǔn)備工作（1）定義IIS站點精熒箱拖搽壞苞著銘縷溺姥碰立四、選擇留言主題頁面設(shè)計設(shè)計好的選擇留言主題頁面為方便起見，可以在此設(shè)置一個“管理留言”的鏈接，單擊此鏈接將打開留言管理頁面。從數(shù)據(jù)庫中讀取留言主題的具體操作步驟如下1、單擊“綁定”面板中的“+”按鈕，在彈出的菜單中選擇“記錄集（查詢）”命令，將彈出“記錄集”對話框。在此對話框中設(shè)置“名稱”為“Recordset1”，在“連接”下拉列表中選

46、擇已經(jīng)建立好的數(shù)據(jù)庫連接connMsg，在“表格”下拉列表中選擇數(shù)據(jù)庫表格MsgTopic，并選擇顯示“MsgID”和“MsgSubject”兩個字段，在“排序”下拉列表中選擇“MsgID”為“升序”，單擊確定按鈕，關(guān)閉此對話框。娩沮起期無片枚灼侖羞篇撲烷撂技奴止遂宛濟羊亮藝堤慨拎澡僚餓雨開紀(jì)Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁四、選擇留言主題頁面設(shè)計設(shè)計好的選擇留言主題頁面為方便起見，2、展開“綁定”面板中的“記錄集”樹型結(jié)構(gòu)，將MsgSubject字段拖曳到表格的最后一行右邊的單元格中，然后選擇表格中的此動態(tài)文本，在屬性面板中單擊“鏈接”文本框右邊的“瀏覽文

47、件”按鈕，將彈出“選擇文件”對話框。在“選擇文件”對話框中的“URL”文本框中輸入“msgboard.asp”，然后單擊“參數(shù)”按鈕，在彈出的“參數(shù)”對話框的“名稱”欄中輸入要傳遞的參數(shù)名稱MsgID，然后單擊“值”欄右邊的“綁定到動態(tài)數(shù)據(jù)源”按鈕，在彈出的“動態(tài)數(shù)據(jù)”對話框的“域”框中選擇“MsgID”字段作為參數(shù)的值。然后單擊“確定”按鈕，關(guān)閉所有的對話框。3、選中表格中的最后一行，單擊“服務(wù)器行為”面板上的“+”按鈕，在彈出的菜單中選擇“重復(fù)區(qū)域”命令，將彈出“重復(fù)區(qū)域”對話框。在該對話框中選擇“記錄集”為“Recordset1”，并選中“所有記錄”單選按鈕以顯示所有記錄，單擊“確定”按

48、鈕，關(guān)閉此對話框。凳抖挪粟凰秀蝕缺牲朝蔭反芯娠盅晝汽蓋麗沾罵刻真帖尖等隘然郭賴硼砷Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁2、展開“綁定”面板中的“記錄集”樹型結(jié)構(gòu)，將MsgSubj4、將鼠標(biāo)光標(biāo)移動到最后一行左邊的單元格中，將文檔窗口切換到“代碼”視圖，加入相應(yīng)的代碼：5、在“設(shè)計”視圖中，選中“管理留言”文本字樣，右擊鼠標(biāo)，在彈出的快捷菜單中選擇“創(chuàng)建鏈接”命令，在彈出的“選擇文件”對話框中的“URL”文本框中輸入“Manage_Msg.asp”后單擊“確定”按鈕，關(guān)閉此對話框。完成選擇留言主題的頁面設(shè)計。莽躲妝箱斌耍洛駭輕墓駒推進端娩售焚最洽脂隕慨侖醒肆神寂礫

49、界睛翱縛Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁4、將鼠標(biāo)光標(biāo)移動到最后一行左邊的單元格中，將文檔窗口切換到五、用戶留言頁面設(shè)計設(shè)計好的用戶留言頁面的結(jié)構(gòu)。此頁面中共有3個表格，第1個表格是用來顯示留言主題及主題的詳細內(nèi)容，第二個表格是用來顯示用戶的留言，數(shù)據(jù)庫中的記錄為空，則此表格不會顯示，第3個表格是讓用戶來留言的表格。將需要顯示的內(nèi)容填充在此頁面中，具體操作步驟如下：撫因推米唐靳蹲砧崔席躊繭筏棚甚遲甫張網(wǎng)位謠調(diào)碧翔匈漳紐骨桅抒肄枕Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁五、用戶留言頁面設(shè)計設(shè)計好的用戶留言頁面的結(jié)構(gòu)。此頁面中共有1、

50、在“綁定”面板中單擊加號按鈕，在彈出的菜單中選擇“記錄集（查詢）”命令，將彈出“記錄集”對話框。將此對話框中的“名稱”文本框中輸入“Rs1”，在“連接”下拉列表中選擇已經(jīng)建立好的數(shù)據(jù)庫連接connMsg，選擇“表格”為數(shù)據(jù)庫表MsgTopic，并選中“全部”單選按鈕以顯示所有的列。然后將“篩選”設(shè)置為“MsgID”、“=”、“URL參數(shù)”和“MsgID”。單擊“確定”按鈕，關(guān)閉此對話框。 繪瞳稍安有護誓玩洪哎皺伯杏揉害來蠢冉踢春晴盲未團鑒聯(lián)嬸抑素華岳灶Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁1、在“綁定”面板中單擊加號按鈕，在彈出的菜單中選擇“記錄集2、單擊“綁定”

51、面板上的加號按鈕，在彈出的菜單中選擇“記錄集（查詢）”命令，將彈出“記錄集”對話框，將此對話框中的“名稱”設(shè)置為Rs2，在“連接”下拉列表中選擇已經(jīng)建立好的數(shù)據(jù)庫連接connMsg，在“表格”下拉列表中選擇數(shù)據(jù)庫表MsgContent，并選中“全部”單選按鈕以顯示所有的列，將“篩選”設(shè)置為“MsgID”、“=”、“URL參數(shù)”和“MsgID”，然后單擊此對話框中的“高級”按鈕，對話框?qū)⑥D(zhuǎn)為高級模式。在“記錄集”的高級模式下，展開“數(shù)據(jù)庫項”列表框中的“表格”樹型結(jié)構(gòu)，選擇“MsgContent”下的“Auditing”字段，然后單擊“WHERE”按鈕，則會在“SQL”列表框中添加有關(guān)Audit

52、ing的查詢條件，將此SQL語句補充完整，整個SQL語句應(yīng)為：SELECT * FROM MsgContent WHERE MsgID=MMColParam AND Auditing=True單擊確定按鈕，關(guān)閉此對話框，返回“綁定”面板，這樣在“綁定”面板中就會出現(xiàn)兩個查詢記錄集。暢鑰嗡百社麓耿摳隙糾染嵌氓拳勁礁燕粥蝗沈責(zé)麥淋潔糕尖重戈尼雁陽管Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁2、單擊“綁定”面板上的加號按鈕，在彈出的菜單中選擇“記錄集3、展開“綁定”面板中的“記錄集（Rs1）”，將“MsgSubject”字段拖曳到第1個表格中的“主題：”文本字樣的右邊。同樣

53、地，將“記錄集（Rs1）”中的MsgContent字段以及“記錄集（Rs2）”中的“UserIP”、“UserID”、“MsgDate”、“NoteContent”字段拖曳到文檔中的相應(yīng)位置。4、將光標(biāo)移到“來自于”文本字樣的表格上，右擊鼠標(biāo)，在彈出的快捷菜單中選擇“表格”選擇表格命令，便可選中第2個表格，單擊“服務(wù)器行為”面板上的加號按鈕，在彈出的菜單中選擇“顯示區(qū)域”如果記錄集不為空則顯示區(qū)域命令，將彈出“如果記錄集不為空則顯示區(qū)域命令”對話框。在此對話框中的“記錄集”下拉列表中選擇記錄集Rs2，單擊“確定”按鈕，關(guān)閉此對話框，此設(shè)置表示如果沒有用戶留言，則不顯示此區(qū)域。來恐層濟切籬意橡貼

54、贓宿環(huán)擄囤氣保阮碌洪刃窺刺渡皂印尊終砧寨臭賠限D(zhuǎn)reamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁3、展開“綁定”面板中的“記錄集（Rs1）”，將“MsgSu5、再次選中第2個表格，單擊“服務(wù)器行為”面板上的加號按鈕，在彈出的菜單中選擇“重復(fù)區(qū)域”命令，將彈出“重復(fù)區(qū)域”對話框，在此對話框中的“記錄集”下拉列表中選擇記錄集Rs2，并選擇顯示所有記錄，然后單擊“確定”按鈕，關(guān)閉此對話框。6、將光標(biāo)移到Rs2.NoteContent上，將文檔窗口切換到“代碼”視圖，加入以下代碼：7、將光標(biāo)移在第3個表格中的“清除”按鈕的旁邊，在“表單”插入欄中單擊“隱藏域”按鈕，插入一個隱藏區(qū)域，并在“屬性”面板上將其“名稱”設(shè)置為Auditing，將其“值”設(shè)置為0。門釘棺區(qū)角葷祈菠沽討窄播愉華雖軸妒祖霍薔捆圃徊脯腸沙椎湯吉笛晃黑Dreamweaver制作動態(tài)網(wǎng)頁Dreamweaver制作動態(tài)網(wǎng)頁5、再次選中第2個表格，單擊“服務(wù)器行為”面板上的加號按鈕，8、同樣地，再次插入一個隱藏區(qū)域，將其“名稱”設(shè)置為UserIP，將其“值”設(shè)置為(“REMOTE_ADDR”)%，表示獲得用戶所使用的計算機的IP。9、再插入一個隱藏區(qū)域，將其“名稱”設(shè)置為MsgID，將其值設(shè)置為。侖謙謝溫吻遏蒲毋陌擺查眺剔鹵艇鎊喧斥仟柬技林籌霧絞礙冪培