我們把頭像地址跟數(shù)據(jù)庫(kù)中的數(shù)據(jù)關(guān)聯(lián)想來(lái)，也就是綁定ICON字段的數(shù)據(jù)到圖片地址：
1)選中那個(gè)頭像圖片，單擊屬性面板中如圖48所示的圖標(biāo)
2)在彈出的"Select Image Source"對(duì)話框中的"Select file name from"項(xiàng)選"Data sources"切換到從數(shù)據(jù)源選擇圖片源模式(圖49)
3)先把URL那一欄的內(nèi)容剪切，然后單擊ICON字段，再把剛才的內(nèi)容粘貼回來(lái)，修改成如圖50所示
這樣就完成了頭像的綁定，自己對(duì)照一下綁定前后圖片的路徑。是不是開(kāi)始覺(jué)得有點(diǎn)意思了？OK，不要停，繼續(xù)綁定Name字段到頭像下面的"訪客昵稱"：
1)選中"訪客昵稱"四字后按Ctrl+F10展開(kāi)Bindings(綁定)面板
2)從中選擇Name字段后單擊下面的"Insert"按鈕(圖51)
3)這時(shí)在Name字段右方出現(xiàn)格式化的倒三角形，點(diǎn)擊之后選擇"Encode - Server.HTMLEncode"
同理把Name字段綁定到"訪客發(fā)表于2003-9-27 4:04:49"中的"訪客"上、Date字段綁定到"訪客發(fā)表于2003-9-27 4:04:49"中的時(shí)間日期上、Content綁定到"留言內(nèi)容“、Reply綁定到"回復(fù)內(nèi)容"，在"回復(fù)內(nèi)容"后軟回車再綁定RDate字段：
仔細(xì)看看，好象還有"主頁(yè)"、"信箱"和"QQ"未綁定數(shù)據(jù)。按照我們的計(jì)劃，這三組文字應(yīng)該都是帶鏈接的，而鏈接地址跟訪客輸入的相關(guān)資料綁定，其實(shí)這個(gè)跟綁定頭像的方法有點(diǎn)相似：
1)選中"主頁(yè)"，并單擊屬性面板中的"Browse for File"按鈕,在彈出的"Select File"對(duì)話框中作如圖54的設(shè)置后點(diǎn)"OK"，最后回到屬性面板中把Target的值選為"_blank"，以在新窗口中打開(kāi)訪客主頁(yè)
2)同理縮寫(xiě)"信箱"的鏈接，稍有不同的是信箱的鏈接前面需要加上"mailto:"，如圖55
3)做"QQ"的鏈接又跟前面的稍有不同，因?yàn)槲覀儾榭碤Q用戶的資料地址是http://search.tencent.com/cgi-bin/friend/user_show_info?ln=******，所以我們要做的是把星號(hào)換成"QQ"字段的數(shù)據(jù)，如圖56
現(xiàn)在所有的數(shù)據(jù)都綁定完了，但是不要高興得太早，這樣的留言板永遠(yuǎn)只會(huì)顯示一條留言記錄，所以我們還需要設(shè)定重復(fù)域和翻頁(yè)
1)光標(biāo)定位到頭像所在單元格內(nèi)，然后點(diǎn)選表格二中的<tr>，如圖57所示
2)按Ctrl+F9展開(kāi)服務(wù)器行為面板，點(diǎn)擊"+”按鈕，在出現(xiàn)的下拉菜單中選擇"Repeat Region"，或者在"Application"工具組中點(diǎn)左起第四個(gè)圖標(biāo)，然后彈出"Repeat Region"對(duì)話框，這里都用默認(rèn)設(shè)置，所以直接點(diǎn)“OK”
3)選中表格二，然后應(yīng)用服務(wù)器行為"Show Region If Recordset Is Not Empty"，如圖58
這是為了在數(shù)據(jù)庫(kù)沒(méi)有記錄時(shí)不會(huì)出錯(cuò)的，相信在圖58中大家也注意到了第一項(xiàng)的"Show Region If Recordset Is Empty"，這個(gè)可以設(shè)置當(dāng)數(shù)據(jù)庫(kù)無(wú)記錄時(shí)顯示的內(nèi)容。
數(shù)據(jù)記錄多了之后肯定不能都讓它們?cè)谝豁?yè)里顯示，所以我們還需要給顯示留言加上翻頁(yè)功能。選擇"首頁(yè)"，按"Ctrl+F9"展開(kāi)服務(wù)器行為面板，
單擊上面的"+"號(hào)，在下拉菜單中選擇"Recordset Paging>>Move To First Recordset"(圖59)，同理給"上頁(yè)"、"下頁(yè)"和"尾頁(yè)"加上翻頁(yè)功能，分別對(duì)應(yīng)的服務(wù)器行為為"Move To Previous Recordset"、"Move To Next Recordset"和"Move To Last Recordset"，順便說(shuō)一下，這些服務(wù)器行為也可以在"Application"工具組里找到，而且還有一個(gè)直接插入"Recordset Navigation Bar"(導(dǎo)航欄)，可以自己試試看跟我們剛才所做的有什么區(qū)別。最后記住也給導(dǎo)航條應(yīng)用"Show Region If Recordset Is Not Empty"命令，沒(méi)有記錄的話翻頁(yè)就用不著了。
做到這里，我們的留言板首頁(yè)終于完成了，可以稍息一下，在IE中輸入"http://localhost/guestbook"看看勞動(dòng)成果......什么？什么也沒(méi)有？
當(dāng)然了，因我們的數(shù)據(jù)庫(kù)中還沒(méi)記錄，如果急著想看效果的話可以用ACCESS打開(kāi)數(shù)據(jù)庫(kù)直接添加記錄。
出處：閃吧
責(zé)任編輯：藍(lán)色
上一頁(yè) 連接數(shù)據(jù)庫(kù) [6] 下一頁(yè) 添加留言頁(yè) [8]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁(yè) 
第 7 頁(yè) 數(shù)據(jù)綁定 [7]
