【正文】 　姓名：在姓名對(duì)應(yīng)的表格里添加文本字段，在屬性面板上取名為name見(jiàn)圖4，這樣做是為了與數(shù)據(jù)庫(kù)的字段名字相對(duì)應(yīng)?！　　　　　D4　姓名對(duì)應(yīng)的表單域命名　　　OICQ、EMAIL、個(gè)人主頁(yè)的表單域的添加方法同上，均為文本字段，分別命名為：OICQ|oicq，EMAIL|mail,個(gè)人主頁(yè)|homepage?！　☆^像：在相對(duì)應(yīng)的單元格里分別插入用戶(hù)頭像圖片，然后添加對(duì)應(yīng)的單選按鈕命名為：tx?！　　　⌒詣e：在姓名對(duì)應(yīng)的表格里添加兩個(gè)單選按鈕，選中性別男單選按鈕：在屬性面板為它改名為sex選定值為男，初始狀態(tài)－已勾選，　　　設(shè)置見(jiàn)圖5。 選中性別女單選按鈕：在屬性面板為它改名為sex選定值為女，初始狀態(tài)－未選中，方法同上。　　　　　　圖5　性別男：對(duì)應(yīng)表單域單選按鈕的設(shè)置　　　提交與重置按鈕：在最下面的單元格添加兩個(gè)按鈕，選中提交按鈕：在屬性面板為它改名為Submit，標(biāo)簽選提交，動(dòng)作－提交表單，　　　設(shè)置見(jiàn)圖6。 選中重置按鈕：在屬性面板為它改名為Submit2，標(biāo)簽選重置，動(dòng)作－重設(shè)表單，方法同上?！　　　　　D6　提交按鈕屬性　　　添加隱藏區(qū)域：在提交按鈕旁單擊添加隱藏區(qū)域，在屬性面板里為它改名為IP，在值里添加代碼 %= Request(remote_addr) % 　　這段代碼是獲取客戶(hù)端IP的，見(jiàn)圖7。　　　　　　圖7　隱藏區(qū)域設(shè)置　　　留言?xún)?nèi)容：在留言?xún)?nèi)容對(duì)應(yīng)的單元格里添加文本區(qū)域在屬性面板里為它改名為liuyan，全部添加完的表單域，見(jiàn)圖8?！　　　　　D8　添加好的表單域　　　三、定義提交按鈕的服務(wù)器行為　　　選中的整個(gè)表格，打開(kāi)服務(wù)器行為面板，單擊“+”按鈕選擇菜單下的插入記錄，見(jiàn)圖9。　　　　　　圖9　服務(wù)器行為－插入記錄　　　設(shè)置表單域與數(shù)據(jù)庫(kù)字段名一一對(duì)應(yīng)，在表單元素里分別依次選中元素，在下面的列里選擇與數(shù)據(jù)庫(kù)相對(duì)應(yīng)的域，見(jiàn)圖10。 　　　　　　圖10　插入記錄對(duì)話(huà)框　　　四、定義表單提交的錯(cuò)誤檢查（行為面板）　　　簽寫(xiě)留言時(shí)為了避免有錯(cuò)誤信息的寫(xiě)入，添加表單提交的錯(cuò)誤檢查功能。打開(kāi)設(shè)計(jì)面板下的行為面板，單擊+選擇檢查表單，見(jiàn)圖11?！　　　　　D11　設(shè)計(jì)－行為－檢查表單　　　設(shè)置表單域和檢查事件：name選擇必需的，ociq選擇數(shù)字，mail選擇必需的和電子郵件，homepage不選，liuyan選擇必需的，見(jiàn)圖12?！　　　　　D12　檢查表單對(duì)話(huà)框 第十二課上一課我們講了簽寫(xiě)留言提交表單和檢查表單。 　　　　一、控制一頁(yè)顯示留言數(shù)和翻頁(yè)按鈕　　先介紹應(yīng)用程序下的按鈕：記錄集導(dǎo)航條：翻頁(yè)功能按鈕，記錄集導(dǎo)航條狀態(tài)：顯示留言數(shù)量功能按鈕，見(jiàn)圖1?！　　　　　D1　應(yīng)用程序－記錄集導(dǎo)航條/記錄集導(dǎo)航狀態(tài)　　光標(biāo)移到頁(yè)面下方，單擊記錄集導(dǎo)航狀態(tài)就會(huì)彈出記錄集導(dǎo)航狀態(tài)對(duì)話(huà)框，見(jiàn)圖2?！　　　　　D2　記錄集導(dǎo)航狀態(tài)對(duì)話(huà)框　　　再回車(chē)另起一行，單擊記錄集導(dǎo)航條就會(huì)彈出記錄導(dǎo)航對(duì)話(huà)框，記錄導(dǎo)航條將以文字方式顯示，見(jiàn)圖3。　　　　　　圖3　記錄集導(dǎo)航條對(duì)話(huà)框　　這樣我們就完成了顯示留言數(shù)量和翻頁(yè)按鈕，見(jiàn)圖4?！　　　　　D4　已加好翻面和顯示留言數(shù)功能　　二、留言?xún)?nèi)容顯示問(wèn)題　　　當(dāng)然，你會(huì)想到：如果我們輸入一些html代碼，會(huì)怎么樣呢？ 我們來(lái)輸入一行html代碼試一下，輸入： font color=0000FF size=7 測(cè)試 /font ，結(jié)果見(jiàn)圖5，這個(gè)當(dāng)然是不安全的。也就是為什么決大部分論壇不支持html的原因?！　　　　　D5　測(cè)試結(jié)果 　　　再測(cè)試看看，用戶(hù)的留言如果很長(zhǎng)，表格會(huì)自動(dòng)撐大（文字不會(huì)自動(dòng)換行）??！見(jiàn)圖6?！　　　　　D6　撐大的表格　　　2.、為了解決以上問(wèn)題，我們將原來(lái)綁定到留言單元格中的記錄集字段（ %=()% ）刪除，添加“文本區(qū)域”，添加好后的文本區(qū)域見(jiàn)圖7。　　　　　　圖7　添加好的文本區(qū)域　　然后選中剛才添加的文本區(qū)域，在屬性面板里點(diǎn)擊打開(kāi)動(dòng)態(tài)數(shù)據(jù)對(duì)話(huà)框，添加動(dòng)態(tài)留言文本字段y_liuyan，見(jiàn)圖8?！　　　　　D8　為文本區(qū)域添加動(dòng)態(tài)數(shù)據(jù)　　　現(xiàn)在可以在留言試試看，表格自動(dòng)換行，而且不支持html代碼了，留言?xún)?nèi)容的顯示問(wèn)題也可以借助Dreamweaver MX的插件來(lái)實(shí)現(xiàn)的。 第十三課上節(jié)課我們講了頁(yè)面的翻頁(yè)和顯示留言數(shù)，解決了留言?xún)?nèi)容顯示問(wèn)題。 　　　　一、實(shí)現(xiàn)留言用戶(hù)的頭像選擇與顯示　　　選其中一張用戶(hù)頭像圖片，在屬性面板里復(fù)制源文件URL鏈接地址，見(jiàn)圖1?！　　　　　D1　選中頭像與圖像屬性　　　再選中與頭像對(duì)應(yīng)的單選按鈕在屬性面板的選定值處粘貼剛才復(fù)制的圖片URL地址，單選按鈕名稱(chēng)為tx，初始狀態(tài)－未選中，見(jiàn)圖2?！　　　　　D2　頭像表單域選定值　　　其它單選按鈕設(shè)置同上（單選按鈕－tx，選定值－對(duì)應(yīng)的圖片路徑，初始狀態(tài)－未選中）注意圖片路徑與單選按鈕的選定值一一對(duì)應(yīng)。　　　　在綁定面板下選擇記錄集中touxiang字段，見(jiàn)圖3。　　　　　　圖3　綁定頭像動(dòng)態(tài)數(shù)據(jù)按住鼠標(biāo)拖動(dòng)　　　，再釋放鼠標(biāo)即可，拖動(dòng)完成后屬性面板上變成記錄集中的touxiang動(dòng)態(tài)字段了，（頭像路徑）見(jiàn)圖4?！　　　　　D4　綁定動(dòng)態(tài)數(shù)據(jù)拖動(dòng)到頭像上　　　二、OICQ、Email、個(gè)人主頁(yè)和IP顯示的實(shí)現(xiàn)　　　為了避免E－mail、主頁(yè)地址過(guò)長(zhǎng)，把表格撐大，影響效果，我們用四張圖片來(lái)取代他們（點(diǎn)擊此處下載圖片）　　　修改頁(yè)面如圖4右上角，修改表格，在單元格加上對(duì)應(yīng)的圖片。　　　　設(shè)置OICQ圖像的超級(jí)鏈接：選中OICQ圖片在屬性面板中為它添加鏈鏈，點(diǎn)擊鏈接后的瀏覽文件，見(jiàn)圖5?！　　　　　D5　為OICQ添加鏈接　　　點(diǎn)擊瀏覽文件后打開(kāi)選擇文件對(duì)話(huà)框，第一步選擇文件名稱(chēng)為數(shù)據(jù)源，第二步選擇y_oicq動(dòng)態(tài)字段，在URL參數(shù)中會(huì)顯示OICQ的動(dòng)態(tài)字段，第三步復(fù)制下面紅色的鏈接，粘貼到URL參數(shù)的前面（下面綠色字段的前面），OICQ的完整鏈接應(yīng)該是下面URL的紅色部份加綠色部分，　　　 %=((y_oicq).Value)% ，見(jiàn)圖6?！　　　　　D6　選擇URL為數(shù)據(jù)源　　　這個(gè)時(shí)候?qū)傩悦姘逯械逆溄泳蜁?huì)顯示我們剛才添加的URL參數(shù)了，這里我們還要把目標(biāo)改為_(kāi)blank就是鏈接在新窗口中打開(kāi)，見(jiàn)圖7?！　　　　　D7　目標(biāo)改為_(kāi)blank 　　設(shè)置OICQ圖像的號(hào)碼提示信息：選中OICQ圖像，切換到代碼視圖。將光標(biāo)定位在 　　　　　　圖8　在title標(biāo)簽中添加記錄集動(dòng)態(tài)文本　　　做這步的目的是為了實(shí)現(xiàn)鼠標(biāo)移到OICQ圖像上時(shí)將顯示OICQ號(hào)碼提示信息，否則不顯示，如圖　　　　E－MAIL、主頁(yè)和IP的圖像的超級(jí)鏈接請(qǐng)參考OICQ圖像的超級(jí)鏈接，方法相同；提示信息同樣也在URL參數(shù)前加上下面的紅色部分鏈接?！　　　mail鏈接：　mailto:　　主 頁(yè) 鏈接：　://　　I P 鏈接： 　　　，不是很難吧，現(xiàn)在就可以測(cè)試你親手做的留言板了：）第十四課，從這節(jié)課開(kāi)始做管理部分的頁(yè)面?！　　　∫?、　　　首先要插入一個(gè)表單，在表單內(nèi)插入表格，表格布局見(jiàn)圖1。　　　　　　圖1　管理員登陸界面　　　添加服務(wù)器行為：打開(kāi)應(yīng)用程序下的服務(wù)器行為面板，單擊“+”按鈕選擇用戶(hù)身份驗(yàn)證下的登錄用戶(hù)，見(jiàn)圖2?！　　　　　D2　服務(wù)器行為登錄用戶(hù)　　用戶(hù)登錄設(shè)置：首先在使用鏈接驗(yàn)證里選擇數(shù)據(jù)源（我們這里數(shù)據(jù)源名稱(chēng)是 hlbook），然后在如果登陸成功，（這是下面將要做的管理頁(yè)面），最后在如果登錄失敗，（就是登錄不成功就轉(zhuǎn)到管理員登錄頁(yè)面）見(jiàn)圖3?！　　　　　D3　登錄用戶(hù)對(duì)話(huà)框設(shè)置 　　　4 、，雙擊_guest數(shù)據(jù)庫(kù)表，在g_name字段下寫(xiě)個(gè)用戶(hù)名（用戶(hù)名隨意），在g_password字段下寫(xiě)個(gè)用戶(hù)密碼（用戶(hù)密碼自定義）見(jiàn)圖4?！　　　　　D4　在數(shù)據(jù)庫(kù)里添加用戶(hù)名與密碼　　　二、　　　首先把進(jìn)入管理改為退出管理，表格下再添加一些文字回復(fù)、刪除、編輯，見(jiàn)圖5?！　　　　　D5　　　　添加服務(wù)器行為：打開(kāi)應(yīng)用程序下的服務(wù)器行為面板，單擊“+”按鈕選擇用戶(hù)身份驗(yàn)證下的限制對(duì)頁(yè)的訪(fǎng)問(wèn)，見(jiàn)圖6?！　　　　　D6　服務(wù)器行為用戶(hù)身份驗(yàn)證限制對(duì)頁(yè)的訪(fǎng)問(wèn)　　　限制對(duì)頁(yè)的訪(fǎng)問(wèn)對(duì)話(huà)框設(shè)置見(jiàn)圖7。管理員在登陸時(shí)輸入正確的用戶(hù)名和密碼才能登陸到管理頁(yè)面?！　　　　　D7　限制對(duì)頁(yè)的訪(fǎng)問(wèn)對(duì)話(huà)框　　　選中剛才添加的退出管理幾個(gè)文字，添加器行為，打開(kāi)應(yīng)用程序下的服務(wù)器行為面板，單擊“+”按鈕選擇用戶(hù)身份驗(yàn)證下的注銷(xiāo)用戶(hù)。這是為退出管理而添加的一個(gè)功能，見(jiàn)圖8?！　　　　　D8　注銷(xiāo)用戶(hù)　　　注銷(xiāo)用戶(hù)對(duì)框設(shè)置見(jiàn)圖9。管理員退出以后就直接跳轉(zhuǎn)到顯示留言頁(yè)面?！　　　　　D9　注銷(xiāo)用戶(hù)對(duì)話(huà)框 第十五課,這節(jié)課我們繼續(xù)來(lái)做編輯，回復(fù)，刪除3個(gè)管理頁(yè)面?！　　　∫?、編輯用戶(hù)留言（更新記錄）頁(yè)面的創(chuàng)建：　　　　首先在插入面板添加一個(gè)表單，在表單內(nèi)添加表格與表單域，布局見(jiàn)圖1?！　　　　　D1　單元格與表單域　　在綁定面板里單擊“+”按鈕選擇記錄集，打開(kāi)記錄集對(duì)話(huà)框，記錄集對(duì)話(huà)框設(shè)置見(jiàn)圖2。　　　　　　圖2　記錄集設(shè)置　　　選中姓名對(duì)應(yīng)的文本字段，在屬性面板里改名為name，然后點(diǎn)擊按鈕，打開(kāi)動(dòng)態(tài)數(shù)據(jù)對(duì)話(huà)框，為姓名文本字段添加動(dòng)態(tài)數(shù)據(jù)，選取記錄集中的y_name字段，動(dòng)態(tài)數(shù)據(jù)對(duì)話(huà)框設(shè)置見(jiàn)圖3?！　　　　　D3　添加動(dòng)態(tài)數(shù)據(jù)　　　OICQ、E－MAIL、個(gè)人主頁(yè)、留言?xún)?nèi)容動(dòng)態(tài)數(shù)據(jù)綁定的方法與姓名綁定的方法相同，按照上面的方法一一對(duì)應(yīng)綁定即可?！　　　∵x中單選按鈕女，在屬性面板里為它改名為sex選定值為女；再選中單選按鈕男，在屬性面板為它改名為sex選定值為男，然后再點(diǎn)擊動(dòng)態(tài)按鈕，打開(kāi)動(dòng)態(tài)單選按鈕對(duì)話(huà)框，在動(dòng)態(tài)單選按鈕對(duì)話(huà)框中單擊，打開(kāi)動(dòng)態(tài)數(shù)據(jù)對(duì)話(huà)框，選取記錄集中的y_xingbie字段，見(jiàn)圖4?！　　　　　D4　設(shè)置單選按鈕　　　因?yàn)槟信畣芜x按鈕的名稱(chēng)均為sex，所以只綁定一次就可以了，全部綁定到相應(yīng)的表單域如圖5?！　　　　　D5　動(dòng)態(tài)數(shù)據(jù)綁定完成　　　添加限制訪(fǎng)問(wèn)頁(yè)行為：打開(kāi)服務(wù)器行為面板，單擊“+”按鈕選擇用戶(hù)身份驗(yàn)證下的限制對(duì)頁(yè)面的訪(fǎng)問(wèn)，打開(kāi)限制對(duì)頁(yè)的訪(fǎng)問(wèn)對(duì)話(huà)框，限制對(duì)頁(yè)的訪(fǎng)問(wèn)對(duì)話(huà)框設(shè)置，見(jiàn)圖6?！　　　　　D6　限制對(duì)頁(yè)的訪(fǎng)問(wèn)對(duì)話(huà)框　　頁(yè)面的數(shù)據(jù)更新，打開(kāi)服務(wù)器行為面板，單擊“+”按鈕選擇更新記錄，打開(kāi)更新記錄對(duì)話(huà)框，更新設(shè)置見(jiàn)圖7。　　　　　　圖7　更新記錄對(duì)話(huà)框設(shè)置　　　編輯留言實(shí)際上就是更新數(shù)據(jù)庫(kù)中的內(nèi)容，編輯留言頁(yè)面我們就做完了。　　　　二、管理員回復(fù)功能頁(yè)面的創(chuàng)建：　　首先插入表單，在表單內(nèi)添加表格與表單域，布局見(jiàn)圖8。　　　　　　圖8　管理員回復(fù)頁(yè)　　　綁定記錄集：在綁定面板單擊“+”按鈕，選擇添加記錄集，綁定記錄集方法同編輯頁(yè)面第2節(jié)?！　　　√砑觿?dòng)態(tài)數(shù)據(jù)：姓名、EMAIL、留言?xún)?nèi)容、回復(fù)內(nèi)容添加動(dòng)態(tài)數(shù)據(jù)的方法同編輯頁(yè)面第3節(jié)?！　　　√砑酉拗圃L(fǎng)問(wèn)頁(yè)行為：限制訪(fǎng)問(wèn)頁(yè)行為添加方法同編輯頁(yè)面的第6節(jié)?！　　　№?yè)面的數(shù)據(jù)更新：更新記錄方法同編輯頁(yè)面的第7節(jié)。　　 　　三、刪除用戶(hù)留言（刪除記錄）頁(yè)面的創(chuàng)建：　　　　首先插入表單，在表單內(nèi)添加單元格與表單域，布局見(jiàn)圖9?！　　　　　D9　刪除留言表單與布局表格　　　綁定記錄集：在綁定面板單擊“+”按鈕，選擇添加記錄集，綁定記錄集方法同編輯頁(yè)面第2節(jié)?！　　　√砑觿?dòng)態(tài)數(shù)據(jù)：姓名、留言?xún)?nèi)容添加動(dòng)態(tài)數(shù)據(jù)的方法同編輯頁(yè)面第3節(jié)。　　 　　添加限制訪(fǎng)問(wèn)頁(yè)行為：限制訪(fǎng)問(wèn)頁(yè)行為添加方法同編輯頁(yè)面的第6節(jié)?！　　　№?yè)面的服務(wù)器行為：打開(kāi)服務(wù)器行為面板，單擊“+”選擇刪除記錄，打開(kāi)刪除記錄對(duì)話(huà)框，刪除記錄對(duì)話(huà)框設(shè)置見(jiàn)圖10?！　　　　　D10　刪除記錄對(duì)話(huà)框　　　四、管理頁(yè)面添加服務(wù)器行為：實(shí)現(xiàn)跳轉(zhuǎn)到詳細(xì)信息頁(yè)（）　　　選中“編輯”這兩個(gè)文字，打開(kāi)服務(wù)器行為面板，單擊“+”選擇轉(zhuǎn)到詳細(xì)信息頁(yè)，打開(kāi)轉(zhuǎn)到詳細(xì)信息頁(yè)對(duì)話(huà)框，轉(zhuǎn)到詳細(xì)信息頁(yè)對(duì)話(huà)框設(shè)置見(jiàn)圖11。　　　　　　圖11　編輯轉(zhuǎn)到詳細(xì)信息頁(yè)對(duì)話(huà)框　　　傳遞URL參數(shù)為y_id，它是mdb數(shù)據(jù)庫(kù)里我們定義的ID字段類(lèi)型是自動(dòng)編號(hào)，自動(dòng)編號(hào)在數(shù)據(jù)庫(kù)里是不會(huì)重復(fù)的，將來(lái)我們要編輯留言板中的某條留言的時(shí)候。 　　　　分別選中“回復(fù)”和“刪除”文字，依次打開(kāi)服務(wù)器行為面板，單擊“ + ”選擇轉(zhuǎn)到詳細(xì)信息頁(yè)，打開(kāi)轉(zhuǎn)到詳細(xì)信息頁(yè)的對(duì)話(huà)框，　　　“回復(fù)” ；“刪除”。轉(zhuǎn)到詳細(xì)信息頁(yè)對(duì)話(huà)框設(shè)置見(jiàn)圖12?！　　　　　D12　回復(fù)和刪除轉(zhuǎn)到詳細(xì)信息頁(yè)對(duì)話(huà)框　　　留言板管理部分的頁(yè)面全部做完了，整個(gè)留言板系統(tǒng)全部做好了，用DreamweaverMX開(kāi)發(fā)的這個(gè)留言板系統(tǒng)，結(jié)合了前,后臺(tái)設(shè)計(jì)環(huán)境，采用了ASP VBScript服務(wù)器端腳本技術(shù)，功能豐富，充滿(mǎn)個(gè)性，尤其是不用你編寫(xiě)一句程序代碼就能實(shí)現(xiàn)動(dòng)態(tài)交互功能，收獲不小吧：） 77 / 7