DreamweaverMX打造留言本(三)

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

OK，接下來就是信箱和首頁位址了，和前面的做法稍微不同，如圖（7-18）和（7-19）所示。

7-18

7-19

同樣，要注意有個順序，先選取郵箱這個圖片，再從下面的屬性面板點選Link按鈕。出現如圖（7-20）所示的對話框，這裡的意思就是如果點擊這張圖片的話連接到哪裡去。

7-20

以前呢，我們這個功能是連接到本地的某個頁面去，但在DW MX裡我們能透過選擇Data Sources連接到動態的頁面去。這裡我們從記錄集中email的字段，並記得在前面加上“mailto:”這裡為什麼要加這個呢？是因為這個「mailto」是個html標籤，也就是連線以OUTLOOK開啟來寄信。

同時，記得要為這個email圖片加上alt屬性，即alt="<%=(guestbook.fields.item("f_name").value)%>的郵箱是<%=(guestbook.fields.item(" f_email").value)%>,點擊這裡給他/她發信"。

主頁位址的連接方法如圖（7-21）所示。

7-21

綁定好連線後記得對圖片加上alt屬性，改成alt="<%=(guestbook.fields.item("f_name").value)%>的郵箱是<%=(guestbook.fields.item( "f_homepage").value)%>,點這裡寄信給他/她"

是的，這裡的確有點煩燥，不過加油吧，勝利在向我們招手呢。：）
看看現在的效果吧，如圖（7-22）所示。

7-22

接下來要做的呢，就是給回覆該主題和編輯、刪除加上連接，並動態化。這裡運用的伺服器行為是跳到細節頁（Go To Detail Page）。在前面我們建立了回复頁（rep.asp），編輯頁（edit.asp）和刪除頁（del.asp），在這裡我們也不一一詳述如何進行連接了，效果如圖（7-23 ，7-24，7-25）所示。

7-23

7-24

7-25

做好上面這三步驟後還要記得做一件事哦，如果我們留言內容有很多條怎麼辦？？這裡要用DW MX伺服器行為中的Repeat Region（重複區域），選取顯示留言的整個大表格，Application-->Server Behaviors-->Repeat Region，如圖（7-26）所示。

7-26
我們定義它為每頁顯示14筆記錄，這樣看起來簡練一點，點選OK按鈕。

做到這一步的時候不得不考慮一個問題了，瀏覽的用戶怎麼知道我有多少條留言記錄？？其實當我們在建立記錄集的時候，DW MX早就為我們考慮好這些了，如圖（7-27）所示。

7-27

First record index:索引中的第一筆記錄。
Last record index:索引中的最後一筆記錄。
total records:所有記錄總和。

有了這些，我們要做的只是把他們拖到頁上去，加上對應的說明文字就行了，如圖（7-28）所示。

7-28

堅持，就要成功了！我們還需要一個導行條，因為前面我們用到了Repeat Region（重複區域），如圖（7-29）所示。

7-29
Insert-->Application Objects-->Recordset Navigation Bar（插入-->應用程式物件-->記錄集導行條），點擊後出現如圖（7-30）所示對話方塊。

7-30

Recordset:這裡選擇要導行的記錄集。
Display Using:這裡選擇導行條的顯示方式，text為文字，images為圖片，這裡我們選擇images。

點選OK按鈕，顯示效果如圖（7-31）所示。

7-31

可能它太大了，我們可以把這個表格縮一下，選中這個表格後在屬性面板裡把它的width="50%"改成width="15%"就行了，最終效果如圖（7-32 ）所示。

7-32

現在進行最後完善階段，把「發表新主題」連接到new.asp頁面，下面的「管理人員入口」連接到login.asp頁面，「退出登陸！」上運用一個伺服器行為，這個功能其實是為超級用戶準備的。如圖（7-33）所示。

7-33
User Authentication:使用者鑑定。
Log Out user:登陸使用者退出。

點選後出現如圖（7-44）所示對話框。

7-44

Log Out When:哪種方式退出登陸，Link clicked：點擊這個連線後就退出。 Page Loads：當頁面關閉後就算退出。
When Done, Go To:退出後轉到哪個頁面，這裡我們定義到index.asp首頁。

還有在上面看到的{Session.MM_username}其實也是為超級用戶準備的，當你沒有登陸的時候就顯示“歡迎您”，如果有超級用戶登陸了，則會顯示“歡迎您ＸＸ！”。這裡我們要建立一個Session變量，如圖（7-34）所示，至於這個Session變數的問題，我們在後面的章節會詳細介紹。：）

7-34

7-35

點擊後出現如圖（7-35）所示的對話框，在對話框裡輸入MM_username。這個MM_username變數是DW MX在運用登陸的伺服器行為（我們將在後面詳細介紹）後自動產生的。同時把它拖到「歡迎您！」之間的感嘆號之前。啊，讓我們來一起吼吼～～～～～～終於把最難的這部分做完了，恭喜啊，呵...