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