DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> 用Dreamweaver打造Blog日歷事件
用Dreamweaver打造Blog日歷事件
編輯:Dreamweaver入門     

  本實例到實例 93 將通過 3 個實例講解 BLOG 的實現過程。本實例主要講解 BLOG 日歷事件的實現。

  效果說明

  圖 91-1 所示是 BLOG “ index.aspx ”的預覽,該頁面打開後,將出現當前系統日期的隨筆及該隨筆的所有評論。如果在日歷控件中選擇其他日期,則將顯示出相應日期的隨筆及該隨筆的所有評論。

用Dreamweaver打造Blog日歷事件

  創作構思

  在頁面中添加日歷控件,通過日歷控件的“ OnSelectionChanged ”事件來響應當前選擇的日期,並顯示該日期的隨筆及該隨筆的所有評論。

  操作步驟

  步驟一 BLOG 基本環境設置及數據庫

  ( 1 )復制光盤中的實例 91 內容。將光碟中“源文件 實例 91 ” 目錄下的所有文件復制到“ C: Inetpub wwwrootBLOG ”目錄下,在 IIS 服務器中設置默認網站的主目錄為“ C: InetpubwwwrootBLOG ”,請參考實例 1 中的方法。在 Dreamweaver 中新建站點“ BLOG ”,其站點目錄為“ C: InetpubwwwrootBLOG ”,方法參照實例 2 。

  ( 2 )用 Access 打開 bad.mdb 。運行 Access ,打開“ C: InetpubwwwrootBLOGdatad.mdb ”,可以看到數據庫“ bad.mdb ”中有“ admin ”、“ myblog ”和“ revert ” 3 個表。

  “ admin ”表用於存儲博客的用戶名及密碼,其字段設置如圖 91-2 所示。

用Dreamweaver打造Blog日歷事件

  “ myblog ”表用於存儲博客發表的隨筆,其字段設置圖 91-3 所示。

用Dreamweaver打造Blog日歷事件

  “ revert ”表用於存儲其他用戶對博客發表的隨筆的回復,其字段設置如圖 91-4 所示。

  ( 3 )建立數據庫連接“ blogconn ”,連接數據庫為“ C: Inetpubwwwroot BLOG dat ad.mdb ”,方法參照實例 75 。

  步驟二 添加日歷控件

  ( 1 )在 Dreamweaver 中打開“ index.aspx ”,如圖 91-5 所示。在圖中①圓角方框所示的位置添加日歷控件;在圖中②圓角方框所示的位置綁定目前日歷所示日期的博客隨筆;在圖中③圓角方框所示的位置綁定該隨筆的所有評論;在圖中④圓角方框所示的位置綁定相關控件,用於用戶對博客隨筆發表評論。

用Dreamweaver打造Blog日歷事件

  ( 2 ) 插入日歷控件“ Calendar ”。 將鼠標光標移到圖 91-5 所示的①圓角方框中,單擊【 ASP.NET 】快捷菜單中的【更多標簽】按鈕,在彈出的【標簽選擇器】對話框中選擇【 ASP.NET 標簽】下【 Web 服務器控件】中的【 asp : Calendar 】服務控件,然後單擊【插入】按鈕,如圖 91-6 所示。

用Dreamweaver打造Blog日歷事件

  ( 3 )設置日歷控件。在彈出的【標簽編輯器— Calendar 】對話框中設置相關樣式,如圖 91-7 所示。

用Dreamweaver打造Blog日歷事件

  提示:圖 91-7 中顯示的是常規設置,為了使日歷控件更加美觀,應該在其樣式中進行設置。

  ( 4 ) 關閉所有彈出的對話框,選擇日歷控件,在其標簽屬性面板中將【外觀】下的【 DayNameFormat 】屬性設為“ Full ”,如圖 91-8 中圓角方框所示。

用Dreamweaver打造Blog日歷事件

  ( 5 ) 保存“ index.aspx ”,然後在 IE 中浏覽效果,如圖 91-9 所示。

用Dreamweaver打造Blog日歷事件

  ( 6 )調整星期的顯示。在圖 91-9 中可以看到星期的顯示過長,如果只顯示“日、一、二、三、四、五、六”的話就會簡潔許多。要改變日歷的日期顯示,需要通過日歷控件的“ PreRender ”事件進行設置。在服務器控件呈現給頁面輸入之前,可通過“ PreRender ”事件執行任何更新。如果要修改星期的默認顯示,則需要修改線程的“ DayNames ”(即一周中每一天的完整名稱)屬性。

  首先給頁面添加“ System.Globalization ”(定義區域性相關信息的類,這些信息包括日歷等)和“ System.Threading ”(提供一些可以進行多線程編程的類和接口)兩個命名空間。

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