DreamweaverMX打造留言本(二)

作者：Eve Cole 更新時間：2009-05-31 21:07:17

在前面我們提到，先要保證留言的正常顯示就要做到在有留言的時候才顯示留言，如果沒有留言則顯示“暫無留言”，那這些在DW MX裡怎麼做呢？？這裡呢，我們要學習一個新的伺服器行為show region（顯示區域），也就是根據庫裡的資料來顯示不同的資料。

先說說它的基本概念吧，拿我們上面的留言內容來打個比方：如果我留言內容為空，則顯示什麼；如果留言內容不為空，則又顯示什麼。如圖（7-9）所示。

7-9

勾選整個留言內容表格後運用Application-->Server Behaviors-->Show Region-->Show Region If Recordset Is Not Empty(當記錄集不為空)，也就是當留言內容不為空時顯示此表格。說到這裡就不得不說說其它幾個伺服器行為了。

Show Region If Recordset Is Empty（如果記錄集為空）：當記錄集為空時，顯示選取的區域。
show Region If Recordset Is Not Empty（如果記錄集不為空）：當記錄集中包含記錄時，顯示所選區域。

Show Region If First Record（如果是第一筆記錄）：當處於記錄集中的第一筆記錄時，顯示選取的區域。
Show Region If Not First Record（如果不是第一筆記錄）：當沒有處於記錄集中第一筆記錄時，顯示所選的區域。
Show Region If Last Record（如果是最後一筆記錄）：當處於記錄集中最後一筆記錄時，顯示所選的區域。
Show Region If Not Last Record（如果不是最後一筆記錄）：當沒有處於記錄集中最後一筆記錄時，顯示所選的區域。

點選它，出現如圖（7-10）所示對話框。

7-10

在這個對話框中選擇與本行為對應的記錄集，在這個頁面我們只建立了一個記錄集，名字為guestbook。應用伺服器行為後的效果如圖（7-11）所示。

7-11
為了防止當沒有留言內容的時候會出錯，在這裡我們還要運用Show Region If Recordset Is Empty(當記錄集為空時)行為，把它運用到“暫無留言”的表格上，最終效果如圖（7-12）所示。

7-12

下一步，讓我們來完善它，透過在顯示留言的大表格裡插入一些小表格，排好，並插入相關圖片（這裡放的是網上最常見的小圖片。：）），如圖（7- 13）所示。這裡是一些最基本的Dreamweaver表格功夫，詳情請參閱本系列教學其它章節。

7-13

現在要做的呢，就是把資料庫裡的資料拖到對應表格裡，如把使用者名稱拖到姓名後面的單元格里，留言內容要放到留言內容後的單元格里，記得把f_name拖到發表於前面，f_time拖到發於後面，這樣顯示的時候就變成了「ＸＸ發表於ＸＸ」。見圖（7-14）所示。

7-14

這裡有個小小的bug，即我們所顯示的留言無法進行格式化，即你會發現在你的留言中無論有多少個回車，在顯示的時候都不會換行，並且兩個以上的空格都會變成一個空格。這個問題可以利用spdformat.mxt外掛來解決（點這裡下載外掛！）。安裝好插件後，方法如圖（7-48）所示。留言內容和站長回覆都要運用這個插件。

7-48
可能又人要問了，那我資料庫裡那些OICQ之類的怎麼做啊。這個呢，不知道大家知不知道html裡img標籤的一個alt屬性，也就是滑鼠移上去的時候顯示對應的說明文字。這裡呢，我們把它和圖片做對應的動態綁定。至於主頁地址則做成點擊後聯接到相應的地址就行了，郵箱呢就點擊後打開OUTLOOK對留言者發信。

具體方面如圖（7-15）所示。

7-15

這裡有個先後順序之分，先選取OICQ的圖片，再從右邊的記錄集裡選定對應的資料集（這裡選取資料庫裡存放OICQ號碼的欄位（f_oicq），再從Bind To:下拉選單中選擇img.alt，也就是我們在前面講到的img標籤屬性，再點擊後面的Bind就行了，如果綁定正確的話則會產生和前面記錄集一樣的顏色，以標明在這裡應用了一個伺服器行為，如圖（7-16）所示。

7-16

開啟原始碼和設計視圖，你會發現剛才插入的東東在程式碼裡是alt="<%=(guestbook.fields.item("f_oicq").value)%>",COPY這段程式碼放到它的前面，並把其中的f_oicq改成f_name（資料庫裡發人的姓名欄位），使它的最終程式碼為alt="<%=(guestbook.fields.item("f_name").value)%>的OICQ號碼是<%=(guestbook.fields.item("f_oicq").value)%>"，這樣當它顯示的時候便為“ＸＸ的OICQ號碼是ＸＸ”，都動態綁定了，多好啊，呵。。

7-17