DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver構建Blog全程實錄(5):分欄及回復的實現
Dreamweaver構建Blog全程實錄(5):分欄及回復的實現
編輯:Dreamweaver相關     

  在第四章中完成的的首頁其實很不完善,一是筆記菜單分欄沒有鏈接,不能點擊;二是點擊筆記題標,不能鏈接到回復頁;三是點擊作者,不能鏈接作者的信息。這一章中將會完善這些功能。

5.1  筆記菜單分欄實現

  設計思路:修改模板bkblog.dwt.aspx中菜單分欄的超級鏈接,進而更新所有網頁;打開首頁時,浏覽按時間降序方式顯示所學習筆記的內容,點擊菜單分欄,又能根據分欄進行按時間降序方式分類顯示學習筆記內容。

  5.1.1 建立模板菜單

  (1)打開模板bkblog.dwt.aspx,選擇動態文本(menuda.LM),創建超級鏈接,鏈接到首頁(index.aspx),選擇【代碼顯示視圖】,把鼠標移至如圖5-1-1所示的紅色垂直線的地方。(下面沒有特別說明所有符號都是英文字符)

圖5-1-1  鼠標移至到鏈接屬性

  (2)輸入“?menanw=”(menanw就是的參數變量),切換到【綁定】面板,拖拉數據集(menuda)下的字段LMID到到剛才輸入的等於號後面,結果如圖5-1-2所示:

圖5-1-2 插入動態屬性(a.href)

  (3)切換到【服務器行為】面板,可以看已經增加一個服務器行為:動態屬性(a.href),如圖5-1-3所示:

圖5-1-3 服務器行為面板

  (4)選擇“主頁”菜單,創建鏈接到index.aspx;選擇“聯系我們”,創建鏈接到mailto:[email protected]

  (5)保存bkblog.dwt.aspx模板,這時會彈出如圖5-1-4所示的對話框。

圖5-1-4  更新模板文件對話框。

  (6)單擊“更新”按鈕,完成筆記菜單分欄,並更新首頁index.aspx。

  5.1.2  在首頁中實現分欄顯示

  (1)打開首頁index.aspx,切換到【服務器行為】面板,雙擊數據集(Ztre),在彈出的數據集對話框中,單擊“高級”按鈕,如圖5-1-5所示。選擇【SQL】文本區域中的SQL命令進行復制,建議把它粘貼到新建立的記事本或Word文本中,它在以後步驟中將會有很大作用(熟悉SQL語言,可以跳過此步驟)。

圖5-1-5  數據集高級對話框

  (2)單擊“簡單”按鈕,在【篩選】下拉菜單中選擇篩選字段為LMID,選“URL參數”作為參數傳遞方式,輸入參數變量為menanw,按“確定”鍵,結果如圖5-1-6所示:

圖5-1-6  修改Ztre數據集為篩選

  (3)對首頁進行IE浏覽,浏覽結果沒有記錄,如圖5-1-7所示

圖5-1-7  首頁浏覽圖

  (4)在首頁IE浏覽中,單擊鏈接“網絡編程”,結果如上章的圖4-3-3所示,顯示出所有網絡編程的學習筆記。

  “等等,這與原先的設計思路不符合!只有按分欄顯示,不能顯示所有學習筆記!”這裡還有個ASP.NET頁間數據傳遞的問題:Windows應用程序中的各Form窗體間數據傳遞可以通過定義全局變量(Public static 變量)等方法來實現。而這些方法卻無法用以ASP.NET中各Web頁面數據傳遞。例如:當點擊數據集導航條會有個Ztre_currentPage的數據傳遞,卻不能傳遞menanw的數據,也就是說當點擊數據集導航條的任何一個超級鏈接,menan傳遞的數據永遠是空值,這就不能既實現分欄顯示,又同時進行在分欄下的分頁顯示。這裡是采取session進行參數傳遞的方法解決。

  (5)為了把參數變量menanw傳遞給session("menanw"),切換到代碼視圖,在<html>標簽之前,插入如圖5-1-8紅色圈中所示的代碼。

圖5-1-8  給index.aspx插入頁面載入默認函數

  (6)在【服務器行為】面板中選擇數據集(Ztre),如圖5-1-9所示,帶黑色部分的就是數據集(Ztre)定義代碼。

圖5-1-9&n

123下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved