Dreamweaver制作動(dòng)態(tài)網(wǎng)頁(yè)

1、Dreamweaver制作動(dòng)態(tài)網(wǎng)頁(yè)DSN數(shù)據(jù)源的設(shè)置Dreamweaver站點(diǎn)的定義注冊(cè)與登錄設(shè)計(jì)留言板設(shè)計(jì)建立ASP運(yùn)行環(huán)境(安裝、配置IIS)(一)、安裝IIS在Windows XP(專業(yè)版)上將Windows XP安裝光盤放入光驅(qū)，點(diǎn)擊開始設(shè)置控制面版添加或刪除程序添加或刪除windows組件在internet信息服務(wù)(IIS)項(xiàng)前面打鉤，單擊下一步進(jìn)行安裝，直至完成internet信息服務(wù)(IIS)的安裝。如圖所示： 建立ASP運(yùn)行環(huán)境(安裝、配置IIS)建立ASP運(yùn)行環(huán)境(安裝、配置IIS)(二)、配置IIS點(diǎn)擊開始設(shè)置控制面版管理工具internet信息服務(wù)(IIS)，在彈出的窗口

2、單擊本地計(jì)算機(jī)、網(wǎng)站，在默認(rèn)網(wǎng)站單擊鼠標(biāo)右鍵，在彈出的窗口選擇主目錄、在本地面路徑選擇瀏覽按鈕，選擇你建立的網(wǎng)站目錄(如：E：我的網(wǎng)站)，選擇文檔項(xiàng)，按添加按鈕，添加index.asp文檔完成IIS的配置。 建立ASP運(yùn)行環(huán)境(安裝、配置IIS)建立ASP運(yùn)行環(huán)境(安裝、配置IIS)二、建立站點(diǎn)Macromedia Dreamweaver 8 是一個(gè)站點(diǎn)創(chuàng)建和管理工具，使用它不僅可以創(chuàng)建單獨(dú)的文檔，還可以創(chuàng)建完整的 Web 站點(diǎn)。站點(diǎn)的定義開始使用Dreamweaver 8來(lái)創(chuàng)建數(shù)據(jù)庫(kù)網(wǎng)站的第一件事，就是定義網(wǎng)站，必須告訴Dreamweaver 8網(wǎng)站根目錄在哪里，以及服務(wù)器位置、類型等相關(guān)信

3、息。啟動(dòng)Dreamweaver 8后，從主菜單選擇站點(diǎn)/管理站點(diǎn)/新建定義一個(gè)新站點(diǎn)。建立ASP運(yùn)行環(huán)境(安裝、配置IIS)在彈出菜單中的本地信息欄-站點(diǎn)名稱中輸入“我的網(wǎng)站”，本地根文件夾中選擇“E：我的網(wǎng)站”，在HTTP地址項(xiàng)填寫：“HTTP：”其余各項(xiàng)保持不變。在“分類”處選擇“測(cè)試服務(wù)器”，在服務(wù)器模型處選擇“ASP VBScript”,“訪問”處選擇“本地/網(wǎng)絡(luò)”，單擊確定完成站點(diǎn)的定義。這時(shí)網(wǎng)站管理窗口中就可以看到網(wǎng)站根目錄的中文件了。 建立ASP運(yùn)行環(huán)境(安裝、配置IIS)三、怎樣建立Access數(shù)據(jù)庫(kù)本系統(tǒng)使用的是Access 2003創(chuàng)建了一個(gè)名為db1.mdb的數(shù)據(jù)庫(kù)。系統(tǒng)

4、對(duì)數(shù)據(jù)的讀取，存儲(chǔ)都是對(duì)該數(shù)據(jù)庫(kù)進(jìn)行操作。在Access 2003數(shù)據(jù)庫(kù)中，所有的數(shù)據(jù)存儲(chǔ)都是圍繞表進(jìn)行的，數(shù)據(jù)不會(huì)存儲(chǔ)在數(shù)據(jù)庫(kù)的其他位置。雖然可以有許多方法訪問數(shù)據(jù)，但是它們?nèi)縼?lái)自表。可以說，表示一個(gè)數(shù)據(jù)庫(kù)的靈魂。三、怎樣建立Access數(shù)據(jù)庫(kù)執(zhí)行開始-程序-Mccrosoft Office - Mccrosoft Office Access 2003(安裝Mccrosoft Office 2003時(shí)，把Office Access 2003也打鉤進(jìn)行安裝) ，執(zhí)行文件-新建，在彈出窗口右邊選擇空數(shù)據(jù)庫(kù)，文件名保持默認(rèn)，單擊按鈕，從彈出窗口選擇“使用設(shè)計(jì)器創(chuàng)建表”，填寫相應(yīng)的字段，具體如下表

5、所示：三、怎樣建立Access數(shù)據(jù)庫(kù)字段名稱數(shù)據(jù)類型字段大小ID自動(dòng)編號(hào)姓名文本20性別文本30年齡數(shù)字10錄入時(shí)間日期/時(shí)間住址文本50四、Dreamweaver與數(shù)據(jù)庫(kù)的連接(使用DSN連接數(shù)據(jù)庫(kù))如果打算在網(wǎng)絡(luò)應(yīng)用程序中使用數(shù)據(jù)庫(kù)，就需要?jiǎng)?chuàng)建至少一個(gè)數(shù)據(jù)庫(kù)連接。沒有數(shù)據(jù)庫(kù)連接的話，應(yīng)用程序?qū)⒉恢涝谑裁吹胤秸业綌?shù)據(jù)庫(kù)或者如何與數(shù)據(jù)庫(kù)連接。在Dreamweaver MX 2004中創(chuàng)建數(shù)據(jù)庫(kù)連接時(shí)，為應(yīng)用程序提供了與數(shù)據(jù)庫(kù)建立聯(lián)系的信息或參數(shù)。1 DSN定義(1) 在控制面板中，雙擊管理工具，雙擊ODBC數(shù)據(jù)庫(kù)源圖標(biāo)，出現(xiàn)ODBC數(shù)據(jù)源管理器窗口，選擇系統(tǒng)DSN標(biāo)記。四、Dreamweav

6、er與數(shù)據(jù)庫(kù)的連接(使用DSN連接數(shù)據(jù)庫(kù))(2) 單擊“添加“，接著選擇數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序，本系統(tǒng)使用Access數(shù)據(jù)庫(kù)，所以Microsoft Access Driver(*.mdb)，單擊“完成“按鈕。(3) 出現(xiàn)ODBC Microsoft Access安裝窗口，在數(shù)據(jù)源名一欄給連接取個(gè)名字conn，說明一欄不是必填項(xiàng)。(4) 單擊窗口中“選擇“按鈕，找到數(shù)據(jù)庫(kù)的所在路徑(“E：我的網(wǎng)站”)并選中相應(yīng)數(shù)據(jù)庫(kù)文件，選中db1.mdb，此時(shí)ODBC Access安裝窗口中數(shù)據(jù)庫(kù)一欄就會(huì)出現(xiàn)剛才選定的數(shù)據(jù)庫(kù)文件，如圖所示。 四、Dreamweaver與數(shù)據(jù)庫(kù)的連接(使用DSN連接數(shù)據(jù)庫(kù))四、Dre

7、amweaver與數(shù)據(jù)庫(kù)的連接(使用DSN連接數(shù)據(jù)庫(kù))2 DSN連接建立了數(shù)據(jù)庫(kù)名(DSN)之后，就可以創(chuàng)建網(wǎng)絡(luò)應(yīng)用程序和數(shù)據(jù)庫(kù)之間的ODBC連接，DSN被定義后，就能用它來(lái)調(diào)用各種參數(shù)了。(1) 啟動(dòng)Dreamweaver MX 2004，打開已經(jīng)定義好的站點(diǎn)“我的網(wǎng)站”，在站點(diǎn)-我的網(wǎng)站窗口中點(diǎn)擊鼠標(biāo)右鍵，點(diǎn)新?lián)艚ㄎ募募臑閕ndex.asp,雙擊文件index.asp使其處于編輯狀態(tài)。(2) 單擊“窗口”中的“數(shù)據(jù)庫(kù)”，從“數(shù)據(jù)庫(kù)”菜單中。在窗口中點(diǎn)擊“+”，選擇數(shù)據(jù)源名稱，從彈出窗口“連接名稱”一欄鍵入連接的名字conn;在數(shù)據(jù)源名稱(DSN)一欄從下拉菜單中挑選數(shù)據(jù)庫(kù)源名con

8、n;Dreamweaver連接一欄選擇使用本地DSN即可。如下圖： 四、Dreamweaver與數(shù)據(jù)庫(kù)的連接(使用DSN連接數(shù)據(jù)庫(kù))五、制作顯示數(shù)據(jù)庫(kù)記錄頁(yè)(1)、雙擊index.asp文件，使其處于編輯狀態(tài)，選擇應(yīng)用程序的“綁定”，點(diǎn)擊“+”，記錄集(查詢);在彈出的記錄集窗口“名稱”填寫Rs，連接選擇conn，表格選擇“表1”，“列”選擇全部，單擊確定完成記錄集的綁定。如下圖;五、制作顯示數(shù)據(jù)庫(kù)記錄頁(yè)五、制作顯示數(shù)據(jù)庫(kù)記錄頁(yè)(2)、在index.asp編輯狀態(tài)下，插入2行七列的表格，并使其居中，在上一行的七個(gè)空格中加入數(shù)據(jù)表中的內(nèi)容標(biāo)簽，然后將記錄集的各字段拖入下一行對(duì)應(yīng)的空格中，在表格上

9、方輸入數(shù)據(jù)庫(kù)總記錄數(shù)X條、目前為第X條數(shù)據(jù)，并將記錄集中的總記錄數(shù)，第一條記錄拖入對(duì)應(yīng)的字中，并使其居中。如下圖所示： 五、制作顯示數(shù)據(jù)庫(kù)記錄頁(yè)(3)、選中第二行的全部表格，點(diǎn)擊服務(wù)器行為，點(diǎn)擊“+”選擇重復(fù)區(qū)域，保持默認(rèn)狀態(tài)，點(diǎn)擊確定完成重復(fù)顯示區(qū)的設(shè)計(jì)。(4)、點(diǎn)擊菜單“插入”，選擇“應(yīng)用程序?qū)ο蟆?記錄集分頁(yè)-記錄集導(dǎo)航條,在彈出窗口(保持默認(rèn)值)點(diǎn)擊確定。如圖所示： Dreamweaver制作動(dòng)態(tài)網(wǎng)頁(yè)DSN數(shù)據(jù)源的設(shè)置Dreamweaver站點(diǎn)的定義注冊(cè)與登錄設(shè)計(jì)留言板設(shè)計(jì)注冊(cè)與登錄設(shè)計(jì) 對(duì)于一個(gè)具有動(dòng)態(tài)頁(yè)面的網(wǎng)站來(lái)說，最重要的就是與用戶進(jìn)行交互，為了得到穩(wěn)定的客戶源，或其他原因，需要

10、用戶注冊(cè)成為網(wǎng)站的會(huì)員才能使用網(wǎng)站的其他功能。因此，必須設(shè)計(jì)一個(gè)讓用戶可以注冊(cè)以及登錄的網(wǎng)頁(yè)?？傮w設(shè)計(jì)：主要包含以下幾項(xiàng)：配置ODBC數(shù)據(jù)源；編寫一個(gè)與數(shù)據(jù)庫(kù)進(jìn)行連接的ASP文件；設(shè)計(jì)登錄頁(yè)面；設(shè)計(jì)一個(gè)注冊(cè)的頁(yè)面；編寫對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作的相關(guān)ASP文件；編寫對(duì)登錄/注冊(cè)操作成功/失敗進(jìn)行處理的頁(yè)面。詳細(xì)設(shè)計(jì)：一、分析網(wǎng)站設(shè)計(jì)內(nèi)容，劃分出頁(yè)面組成及元素二、確立數(shù)據(jù)庫(kù)及建立數(shù)據(jù)庫(kù)表三、配置設(shè)計(jì)環(huán)境四、設(shè)計(jì)登錄頁(yè)面五、設(shè)計(jì)注冊(cè)頁(yè)面一、分析網(wǎng)站內(nèi)容，劃分頁(yè)面組成及元素中文名文件名對(duì)象名類型備注登錄頁(yè)面Login.asp用戶名稱文本域用戶密碼文本域注冊(cè)按鈕轉(zhuǎn)到注冊(cè)頁(yè)面登錄按鈕提交登錄表單注冊(cè)頁(yè)面Regis

11、ter.asp用戶名文本域類型為單行密碼文本域類型為密碼確認(rèn)密碼文本域類型為密碼注冊(cè)按鈕動(dòng)作為無(wú)清除按鈕動(dòng)作為重設(shè)表單注冊(cè)成功頁(yè)面RegisterSuccess.html登錄鏈接轉(zhuǎn)到登錄頁(yè)面注冊(cè)失敗頁(yè)面RegisterFailure.html返回鏈接轉(zhuǎn)到注冊(cè)頁(yè)面登錄成功頁(yè)面Main.html返回鏈接提示登錄成功登錄失敗頁(yè)面LoginFailure.html返回登錄頁(yè)面鏈接轉(zhuǎn)到登錄頁(yè)面注冊(cè)新用戶鏈接轉(zhuǎn)到注冊(cè)頁(yè)面二、確立數(shù)據(jù)庫(kù)及建立數(shù)據(jù)庫(kù)表建立一個(gè)名為USER的Access數(shù)據(jù)庫(kù)，在這個(gè)數(shù)據(jù)庫(kù)里面只需要一個(gè)數(shù)據(jù)表USER。數(shù)據(jù)表中各字段設(shè)計(jì)如下表：字段名稱數(shù)據(jù)類型字段大小必填字段允許空字符串備注U

12、ser文本18是否用戶名，主鍵Password文本18是否密碼在Access中實(shí)現(xiàn)建立數(shù)據(jù)庫(kù)清單步驟：1、啟動(dòng)Microsoft Access，單擊右側(cè)“新建文件”任務(wù)窗格中的“空數(shù)據(jù)庫(kù)”選項(xiàng)，則會(huì)彈出“文件新建數(shù)據(jù)庫(kù)”對(duì)話框，提示數(shù)據(jù)庫(kù)保存的位置，數(shù)據(jù)庫(kù)名為user.mdb。保存完畢后，顯示新建的user數(shù)據(jù)庫(kù)開始界面。2、在新建的數(shù)據(jù)庫(kù)開始界面中雙擊“使用設(shè)計(jì)器創(chuàng)建表”選項(xiàng)，打開表設(shè)計(jì)器設(shè)計(jì)數(shù)據(jù)表。在設(shè)計(jì)器“字段名稱”列中分別輸入上頁(yè)數(shù)據(jù)表中的字段名稱，然后在“數(shù)據(jù)類型”下拉列表項(xiàng)中選擇該字段的數(shù)據(jù)類型。然后在下面常規(guī)選項(xiàng)卡中對(duì)字段大小、格式、必填字段、是否允許空字符串等進(jìn)行設(shè)置。3、對(duì)于

13、用戶名和密碼字段的設(shè)計(jì)，其大小一般用戶名限制在20位以內(nèi)，密碼限制在15位以內(nèi)。對(duì)密碼字段一定進(jìn)行加密，最簡(jiǎn)單的辦法是單擊Password字段的“輸入掩碼”欄，再單擊右邊顯現(xiàn)的按鈕，彈出“輸入掩友向?qū)А睂?duì)話框。在“輸入掩碼”列表框中選中“密碼”一欄，單擊“完成”按鈕。這樣，在數(shù)據(jù)表中的密碼就全部以*表示了。4、選擇user字段，然后右擊鼠標(biāo)，在彈出的快捷菜單中選擇“主鍵”命令，將此字段設(shè)置為主鍵。最后執(zhí)行菜單欄上的“文件-保存”命令，將彈出“另存為”對(duì)話框，將此表保存為user。5、雙擊user數(shù)據(jù)表，向數(shù)據(jù)表中輸入用戶名和密碼，數(shù)據(jù)庫(kù)建立完成。三、配置設(shè)計(jì)環(huán)境1、定義IIS站點(diǎn)先在硬盤上建立

14、一個(gè)用來(lái)存放站點(diǎn)上以后所要建立起來(lái)的網(wǎng)頁(yè)的目錄，命名為mysite。將IIS默認(rèn)站點(diǎn)的名字更改為自己想要的名稱。然后將本地網(wǎng)站上建立一個(gè)虛擬目錄，別名為剛才在硬盤上建立的目錄mysite。2、建立Dreamweaver站點(diǎn)在Dreamweaver8起始頁(yè)執(zhí)行菜單欄的“站點(diǎn)-管理站點(diǎn)”命令，在打開的“管理站點(diǎn)”對(duì)話框中單擊“新建”按鈕，來(lái)新建一個(gè)Dreamweaver站點(diǎn)。步驟為：（1）在Dreamweaver8菜單欄中選擇“站點(diǎn)-管理站點(diǎn)”命令，打開“管理站點(diǎn)”對(duì)話框，在對(duì)話框中單擊“新建”按鈕，然后在彈出的菜單中選擇“站點(diǎn)”命令，將彈出“站點(diǎn)定義為”對(duì)話框。（2）在對(duì)話框中默認(rèn)顯示的是“基本

15、”選項(xiàng)卡，在“基本”選項(xiàng)卡中可以根據(jù)向?qū)?lái)定義站點(diǎn)，也可以用“高級(jí)”選項(xiàng)卡來(lái)定義站點(diǎn)。在“名稱”文本框中，輸入站點(diǎn)名字“我的小站”，單擊下一步，進(jìn)入下一界面。（3）此頁(yè)面詢問是否使用服務(wù)器技術(shù)，選中“是，我想使用服務(wù)器技術(shù)”單選鈕。然后在“哪種服務(wù)器技術(shù)”下拉列表中選擇服務(wù)器使用的動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)，單擊“下一步”，進(jìn)入下一頁(yè)面。（4）在此頁(yè)面中會(huì)詢問如何使用文件的問題，可以選中“在本地進(jìn)行編輯和測(cè)試”，并在此頁(yè)面的文本框中輸入或選擇文件在計(jì)算機(jī)中的路徑。單擊“下一步”，進(jìn)入下一頁(yè)面。（5）在此界面會(huì)詢問如何連接到測(cè)試服務(wù)器，可以在其下拉列表中選擇“本地/網(wǎng)絡(luò)”然后在下面文本框中輸入測(cè)試文件夾在服務(wù)

16、器上的位置。單擊“下一步”，進(jìn)入下一界面。（6）在此界面中需要設(shè)置瀏覽站點(diǎn)的URL，并單擊“測(cè)試URL”按鈕來(lái)檢查輸入的URL是否正確。單擊“下一步”，進(jìn)入下一界面。（7）在此界面中，從對(duì)話框中選擇“否，不啟用存回和取出”單選鈕，單擊“下一步”，進(jìn)入下一界面。（8）在此界面中將顯示剛才定義的站點(diǎn)信息，檢查設(shè)置的信息有沒有錯(cuò)誤。如果正確單擊完成“按鈕”。3、建立數(shù)據(jù)源根據(jù)ODBC數(shù)據(jù)源知識(shí)，新建一個(gè)名為login的系統(tǒng)DSN，在數(shù)據(jù)源名文本框中輸入“l(fā)ogin”-選擇數(shù)據(jù)庫(kù)“user.mdb”。步驟為：（1）執(zhí)行“開始-設(shè)置-控制面板”命令，或者執(zhí)行“開始-程序-管理工具”命令，在“管理工具”窗

17、口中雙擊“數(shù)據(jù)源”圖標(biāo)，將打開“ODBC數(shù)據(jù)源管理器”對(duì)話框。（2）在“文件DSN”選項(xiàng)卡中，單擊“添加”按鈕，將彈出“創(chuàng)建新數(shù)據(jù)源”對(duì)話框，提示用戶選擇數(shù)據(jù)源的驅(qū)動(dòng)程序。 （3）選擇一個(gè)合適的數(shù)據(jù)源驅(qū)動(dòng)程序，“Driver do Microsoft Access(*.mdb)”，然后單擊“下一步”按鈕，進(jìn)入下一頁(yè)面。（4）在對(duì)話框中輸入要?jiǎng)?chuàng)建的DSN文件的名稱，也可以單擊“瀏覽”按鈕，在彈出的對(duì)話框中選擇或者創(chuàng)建一個(gè)合適的DSN文件。如輸入login，單擊下一步，進(jìn)入下一頁(yè)面。（5）此時(shí)會(huì)顯示剛才配置的數(shù)據(jù)源信息。當(dāng)檢查配置正確后，可單擊“完成”按鈕，將彈出“ODBC Microsoft A

18、ccess 安裝”對(duì)話框。（6）單擊“選擇”按鈕，在彈出的對(duì)話框中選擇一個(gè)合適的數(shù)據(jù)庫(kù)文件，也可以單擊“創(chuàng)建”按鈕，在彈出的對(duì)話框中創(chuàng)建一個(gè)新的數(shù)據(jù)庫(kù)。（7）此時(shí)在“文件DSN”選項(xiàng)卡中，可以看到剛創(chuàng)建的文件DSN出現(xiàn)在其中，單擊“確定”按鈕，關(guān)閉“ODBC數(shù)據(jù)源管理器”對(duì)話框。4、建立數(shù)據(jù)庫(kù)連接在Dreamweaver8窗口中，打開“應(yīng)用程序”面板組，在“數(shù)據(jù)庫(kù)”面板上按照提示完成“為該文件創(chuàng)建站點(diǎn)”、“選擇一種文檔類型”和“設(shè)置站點(diǎn)的測(cè)試服務(wù)器”操作后，單擊面板左上角的“+”按鈕，在彈出的菜單中選擇“數(shù)據(jù)源名稱”命令，將彈出“數(shù)據(jù)源名稱”對(duì)話框，在“連接名稱”文本框中輸入“conn”，在“

19、數(shù)據(jù)源名稱”下拉列表中選擇剛才建立的系統(tǒng)DSN名稱“l(fā)ogin”，然后單擊“測(cè)試”按鈕，可以看到一個(gè)表示連接成功的對(duì)話框，單擊“確定”按鈕，就完成了數(shù)據(jù)庫(kù)連接的配置。Dreamweaver8自動(dòng)生成了一個(gè)“Connections”的文件夾以及一個(gè)名為“conn.asp”的文件。四、設(shè)計(jì)登錄頁(yè)面啟動(dòng)Dreamweaver8，設(shè)計(jì)登錄頁(yè)面，具體步驟如下：1、在Dreamweaver8的起始頁(yè)中選擇創(chuàng)建ASP文件，保存為“Login.asp”。2、在工作區(qū)的文檔窗口中選擇“設(shè)計(jì)”視圖，在文檔工具欄的“標(biāo)題”文本框中輸入“用戶登錄”，然后單擊“表單”插入欄中的“表單”按鈕，在設(shè)計(jì)視圖中添加一個(gè)表單，名

20、稱設(shè)為L(zhǎng)ogin。3、在表單中添加一個(gè)4行2列的表格，將表格的“邊框?qū)傩浴痹O(shè)置為0，表示看不到表格邊框。在文檔窗口下方的狀態(tài)欄上單擊標(biāo)簽，選整個(gè)表格，再在“屬性”面板中將表格“對(duì)齊”方式設(shè)置為“居中對(duì)齊”。4、選中整個(gè)表格，在“屬性”面板中的“背景圖像”文本框中為表格設(shè)置背景圖片，并將第一行的單元格合并為一行。5、向表格中添加用戶名稱、用戶密碼文本域以及注冊(cè)和登錄按鈕，再在上面添加文字說明。6、因?yàn)樽?cè)按鈕不進(jìn)行提交表單的操作，所以要對(duì)它進(jìn)行一些設(shè)置。在設(shè)計(jì)視圖中選擇注冊(cè)按鈕，在屬性面板中單擊右邊的“快速標(biāo)簽編輯器”圖標(biāo)，在“編輯標(biāo)簽”文本框內(nèi)添加如下代碼。onClick=”location.

21、href=register.asp” 此段代碼表示如果單擊注冊(cè)按鈕，將會(huì)跳轉(zhuǎn)到“注冊(cè)頁(yè)面”。7、在完成頁(yè)面設(shè)計(jì)后，現(xiàn)在利用Dreamweaver的“服務(wù)器行為”來(lái)完成對(duì)“登錄”過程的操作和處理。首先在設(shè)計(jì)視圖中，將光標(biāo)移到Login表單內(nèi)，然后在“應(yīng)用程序”面板組的“服務(wù)器行為”面板上單擊左上角的“+”號(hào)按鈕，在彈出的菜單中選擇“用戶身份驗(yàn)證-登錄用戶”命令，在彈出的“登錄用戶”對(duì)話框中進(jìn)行設(shè)置。設(shè)置內(nèi)容參見下表：對(duì)象名值從表單獲取輸入Login用戶名字段Username密碼字段Password使用連接驗(yàn)證Conn表格User用戶名列Username密碼列Password如果登錄成功，轉(zhuǎn)到Ma

22、in.html如果登錄失敗，轉(zhuǎn)到LoginFailure.html基于以下項(xiàng)限制訪問用戶名和密碼五、設(shè)計(jì)注冊(cè)頁(yè)面注冊(cè)頁(yè)面與登錄頁(yè)面的設(shè)計(jì)類似，頁(yè)面元素的具體設(shè)置如下表所示：對(duì)象名稱備注表單RegisterForm方法為POST文本域UserName最多字符數(shù)為18文本域Password最多字符數(shù)為12文本域cPassword最多字符數(shù)為12按鈕Submit動(dòng)作為無(wú)按鈕Cancel動(dòng)作為重設(shè)表單完成網(wǎng)頁(yè)設(shè)計(jì)后，就可以利用Dreamweaver的“服務(wù)器行為”來(lái)完成對(duì)“注冊(cè)”過程的操作和處理。其具體步驟如下：1、在文檔窗口的設(shè)計(jì)視圖中，將光標(biāo)移到RegisterForm表單內(nèi)，在“應(yīng)用程序”面板組

23、中的“服務(wù)器行為”面板中單擊左上角的“+”按鈕，在彈出的菜單中選擇“插入記錄”命令，將彈出“插入記錄”對(duì)話框。2、“插入記錄”對(duì)話框里的各項(xiàng)設(shè)置如下表：對(duì)象名值備注連接Conn數(shù)據(jù)庫(kù)連接插入到表格User向user表中插入數(shù)據(jù)插入后，轉(zhuǎn)到Registersuccess注冊(cè)成功后顯示的頁(yè)面獲取值自Registerform從registerform表單中獲取數(shù)據(jù)表單元素Username插入到列中“user”表單元素Password插入到列中password”表單元表cpassword忽略對(duì)于“確認(rèn)密碼”，只是讓用戶再次確定輸入的密碼是不是正確的，所以此字段不需要插入到user表中去。單擊“確定”按

24、鈕后，關(guān)閉此對(duì)話框，則Dreamweaver8會(huì)自生成。Register.asp中添加相關(guān)的ASP代碼。3、完成上面設(shè)置后，需要考慮另外一個(gè)問題，因?yàn)樵趗ser中，用戶名和密碼都不能為空值，在當(dāng)前注冊(cè)頁(yè)面中單擊“注冊(cè)”按鈕時(shí)，就會(huì)認(rèn)為插入的是一個(gè)用戶名和密碼都為空值的記錄，那么插入操作就會(huì)出錯(cuò)，所以，必須在用戶單擊“注冊(cè)”按鈕前檢查一下用戶輸入的數(shù)據(jù)是不是正確的，可以編寫一段JavaScript代碼來(lái)實(shí)現(xiàn)這個(gè)功能?？稍趨^(qū)加入代碼。function CheckForm()if (RegisterForm.UserName.value = )alert(用戶名不能為空);RegisterForm.

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

26、ord.focus();return falseelseRegisterForm.submit();4、將光標(biāo)移到“RegisterForm”表單內(nèi)，然后在“應(yīng)用程序”面板組中的“服務(wù)器行為”面板上單擊左上角的“+”號(hào)按鈕，在彈出的菜單中選擇“用戶身份驗(yàn)證”“檢查新用戶名”，將彈出“檢查新用戶名”對(duì)話框，在“檢查新用戶名”對(duì)話框中，在“用戶名字段”下拉列表中選擇“UserName”，在“如果已存在文，則轉(zhuǎn)到”文本框中輸入“RegisterFailure.html”，然后單擊“確定”按鈕，關(guān)閉此對(duì)話框，則Dreamweaver8會(huì)自動(dòng)在Register.asp里添加相關(guān)的ASP代碼。六、編輯登錄

27、成功和失敗頁(yè)面以及注冊(cè)成功和失敗頁(yè)面。留言本設(shè)計(jì)一、設(shè)計(jì)思想如圖所示，一個(gè)完整的留言本程序可以分為兩個(gè)部分，一部分是用戶留言，用戶在選擇不同留言主題后，即可在留言頁(yè)面中查看其他人的留言以及發(fā)表留言。另一部分是管理員對(duì)留言進(jìn)行管理，可以對(duì)留言進(jìn)行審查以及刪除。留言部分管理留言部分選擇留言主 題留言及其查看刪除留言審查留言二、數(shù)據(jù)庫(kù)設(shè)計(jì)有關(guān)留言本的數(shù)據(jù)庫(kù)Msgboard中的數(shù)據(jù)表可以分為兩個(gè)部分，一部分為相關(guān)主題的數(shù)據(jù)表MsgTopic，另一部分為用戶留言記錄的數(shù)據(jù)表。相關(guān)主題數(shù)據(jù)表的設(shè)計(jì)如下表所示：字段名稱數(shù)據(jù)類型字段大小必填字段允許空字符備注MsgID自動(dòng)編號(hào)長(zhǎng)整型留言主題編號(hào)MsgSubje

28、ct文本50否是留言主題MsgContent文本255否是主題內(nèi)容用戶留言數(shù)據(jù)表的設(shè)計(jì)如下表所示：字段名稱數(shù)據(jù)類型字段大小必填字段允許空字符串備注MsgContentID自動(dòng)編號(hào)長(zhǎng)整型留言編號(hào)，主鍵MsgID數(shù)字長(zhǎng)整型否主題的編號(hào)NoteContent文本255否是留言的內(nèi)容userID數(shù)字長(zhǎng)整型否用戶編號(hào)userIP文本20否是用戶的IP地址MsgDate日期/時(shí)間否留言的時(shí)間Auditing是/否否審核是否通過三、準(zhǔn)備工作（1）定義IIS站點(diǎn)（2）定義Dreamweaver8站點(diǎn)（3）配置ODBC數(shù)據(jù)源（4）在Dreamweaver中建立數(shù)據(jù)庫(kù)連接四、選擇留言主題頁(yè)面設(shè)計(jì)設(shè)計(jì)好的選擇留言主

29、題頁(yè)面為方便起見，可以在此設(shè)置一個(gè)“管理留言”的鏈接，單擊此鏈接將打開留言管理頁(yè)面。從數(shù)據(jù)庫(kù)中讀取留言主題的具體操作步驟如下1、單擊“綁定”面板中的“+”按鈕，在彈出的菜單中選擇“記錄集（查詢）”命令，將彈出“記錄集”對(duì)話框。在此對(duì)話框中設(shè)置“名稱”為“Recordset1”，在“連接”下拉列表中選擇已經(jīng)建立好的數(shù)據(jù)庫(kù)連接connMsg，在“表格”下拉列表中選擇數(shù)據(jù)庫(kù)表格MsgTopic，并選擇顯示“MsgID”和“MsgSubject”兩個(gè)字段，在“排序”下拉列表中選擇“MsgID”為“升序”，單擊確定按鈕，關(guān)閉此對(duì)話框。2、展開“綁定”面板中的“記錄集”樹型結(jié)構(gòu)，將MsgSubject字段

30、拖曳到表格的最后一行右邊的單元格中，然后選擇表格中的此動(dòng)態(tài)文本，在屬性面板中單擊“鏈接”文本框右邊的“瀏覽文件”按鈕，將彈出“選擇文件”對(duì)話框。在“選擇文件”對(duì)話框中的“URL”文本框中輸入“msgboard.asp”，然后單擊“參數(shù)”按鈕，在彈出的“參數(shù)”對(duì)話框的“名稱”欄中輸入要傳遞的參數(shù)名稱MsgID，然后單擊“值”欄右邊的“綁定到動(dòng)態(tài)數(shù)據(jù)源”按鈕，在彈出的“動(dòng)態(tài)數(shù)據(jù)”對(duì)話框的“域”框中選擇“MsgID”字段作為參數(shù)的值。然后單擊“確定”按鈕，關(guān)閉所有的對(duì)話框。3、選中表格中的最后一行，單擊“服務(wù)器行為”面板上的“+”按鈕，在彈出的菜單中選擇“重復(fù)區(qū)域”命令，將彈出“重復(fù)區(qū)域”對(duì)話框。在

31、該對(duì)話框中選擇“記錄集”為“Recordset1”，并選中“所有記錄”單選按鈕以顯示所有記錄，單擊“確定”按鈕，關(guān)閉此對(duì)話框。4、將鼠標(biāo)光標(biāo)移動(dòng)到最后一行左邊的單元格中，將文檔窗口切換到“代碼”視圖，加入相應(yīng)的代碼：5、在“設(shè)計(jì)”視圖中，選中“管理留言”文本字樣，右擊鼠標(biāo)，在彈出的快捷菜單中選擇“創(chuàng)建鏈接”命令，在彈出的“選擇文件”對(duì)話框中的“URL”文本框中輸入“Manage_Msg.asp”后單擊“確定”按鈕，關(guān)閉此對(duì)話框。完成選擇留言主題的頁(yè)面設(shè)計(jì)。五、用戶留言頁(yè)面設(shè)計(jì)設(shè)計(jì)好的用戶留言頁(yè)面的結(jié)構(gòu)。此頁(yè)面中共有3個(gè)表格，第1個(gè)表格是用來(lái)顯示留言主題及主題的詳細(xì)內(nèi)容，第二個(gè)表格是用來(lái)顯示用戶

32、的留言，數(shù)據(jù)庫(kù)中的記錄為空，則此表格不會(huì)顯示，第3個(gè)表格是讓用戶來(lái)留言的表格。將需要顯示的內(nèi)容填充在此頁(yè)面中，具體操作步驟如下：1、在“綁定”面板中單擊加號(hào)按鈕，在彈出的菜單中選擇“記錄集（查詢）”命令，將彈出“記錄集”對(duì)話框。將此對(duì)話框中的“名稱”文本框中輸入“Rs1”，在“連接”下拉列表中選擇已經(jīng)建立好的數(shù)據(jù)庫(kù)連接connMsg，選擇“表格”為數(shù)據(jù)庫(kù)表MsgTopic，并選中“全部”單選按鈕以顯示所有的列。然后將“篩選”設(shè)置為“MsgID”、“=”、“URL參數(shù)”和“MsgID”。單擊“確定”按鈕，關(guān)閉此對(duì)話框。 2、單擊“綁定”面板上的加號(hào)按鈕，在彈出的菜單中選擇“記錄集（查詢）”命令，

33、將彈出“記錄集”對(duì)話框，將此對(duì)話框中的“名稱”設(shè)置為Rs2，在“連接”下拉列表中選擇已經(jīng)建立好的數(shù)據(jù)庫(kù)連接connMsg，在“表格”下拉列表中選擇數(shù)據(jù)庫(kù)表MsgContent，并選中“全部”單選按鈕以顯示所有的列，將“篩選”設(shè)置為“MsgID”、“=”、“URL參數(shù)”和“MsgID”，然后單擊此對(duì)話框中的“高級(jí)”按鈕，對(duì)話框?qū)⑥D(zhuǎn)為高級(jí)模式。在“記錄集”的高級(jí)模式下，展開“數(shù)據(jù)庫(kù)項(xiàng)”列表框中的“表格”樹型結(jié)構(gòu)，選擇“MsgContent”下的“Auditing”字段，然后單擊“WHERE”按鈕，則會(huì)在“SQL”列表框中添加有關(guān)Auditing的查詢條件，將此SQL語(yǔ)句補(bǔ)充完整，整個(gè)SQL語(yǔ)句應(yīng)為

34、：SELECT * FROM MsgContent WHERE MsgID=MMColParam AND Auditing=True單擊確定按鈕，關(guān)閉此對(duì)話框，返回“綁定”面板，這樣在“綁定”面板中就會(huì)出現(xiàn)兩個(gè)查詢記錄集。3、展開“綁定”面板中的“記錄集（Rs1）”，將“MsgSubject”字段拖曳到第1個(gè)表格中的“主題：”文本字樣的右邊。同樣地，將“記錄集（Rs1）”中的MsgContent字段以及“記錄集（Rs2）”中的“UserIP”、“UserID”、“MsgDate”、“NoteContent”字段拖曳到文檔中的相應(yīng)位置。4、將光標(biāo)移到“來(lái)自于”文本字樣的表格上，右擊鼠標(biāo)，在彈出的

35、快捷菜單中選擇“表格”選擇表格命令，便可選中第2個(gè)表格，單擊“服務(wù)器行為”面板上的加號(hào)按鈕，在彈出的菜單中選擇“顯示區(qū)域”如果記錄集不為空則顯示區(qū)域命令，將彈出“如果記錄集不為空則顯示區(qū)域命令”對(duì)話框。在此對(duì)話框中的“記錄集”下拉列表中選擇記錄集Rs2，單擊“確定”按鈕，關(guān)閉此對(duì)話框，此設(shè)置表示如果沒有用戶留言，則不顯示此區(qū)域。5、再次選中第2個(gè)表格，單擊“服務(wù)器行為”面板上的加號(hào)按鈕，在彈出的菜單中選擇“重復(fù)區(qū)域”命令，將彈出“重復(fù)區(qū)域”對(duì)話框，在此對(duì)話框中的“記錄集”下拉列表中選擇記錄集Rs2，并選擇顯示所有記錄，然后單擊“確定”按鈕，關(guān)閉此對(duì)話框。6、將光標(biāo)移到Rs2.NoteConte

36、nt上，將文檔窗口切換到“代碼”視圖，加入以下代碼：7、將光標(biāo)移在第3個(gè)表格中的“清除”按鈕的旁邊，在“表單”插入欄中單擊“隱藏域”按鈕，插入一個(gè)隱藏區(qū)域，并在“屬性”面板上將其“名稱”設(shè)置為Auditing，將其“值”設(shè)置為0。8、同樣地，再次插入一個(gè)隱藏區(qū)域，將其“名稱”設(shè)置為UserIP，將其“值”設(shè)置為(“REMOTE_ADDR”)%，表示獲得用戶所使用的計(jì)算機(jī)的IP。9、再插入一個(gè)隱藏區(qū)域，將其“名稱”設(shè)置為MsgID，將其值設(shè)置為。10、在“服務(wù)器行為”面板中單擊加號(hào)按鈕，在彈出的菜單中選擇“插入記錄”命令，將彈出“插入記錄”對(duì)話框。在此對(duì)話框中將“連接”設(shè)置為已經(jīng)建立好的數(shù)據(jù)庫(kù)連接conn