在asp.net 2.0中我們可以像asp.net 1.x一樣，有多種編程方式可以訪問數(shù)據(jù)，還可以通過新的數(shù)據(jù)源控件訪問。

這里有多個內(nèi)置的數(shù)據(jù)源控件，比如用來訪問關(guān)系數(shù)據(jù)庫數(shù)據(jù)的SqlDataSource控件，用來訪問類所提供的數(shù)據(jù)的ObjectDataSoruce控件等等。你還可以創(chuàng)建你自己的自定義數(shù)據(jù)源控件。

數(shù)據(jù)源控件作為你的aspx頁面和底層數(shù)據(jù)的代理。為了顯示數(shù)據(jù)源控件查詢到的數(shù)據(jù)，我們要添加其他Web控件到頁面上，并且將它和數(shù)據(jù)源控件綁定。要綁定一個Web控件到一個數(shù)據(jù)源控件，只需要簡單的設(shè)置這個Web控件的DataSourceID屬性值為數(shù)據(jù)源控件的ID屬性值。

為了獲取站點地圖中的數(shù)據(jù)，asp.net提供了SiteMapDataSource控件，它允許我們綁定一個Web控件來顯示我們的站點地圖。TreeView和Menu這兩個Web控件常常用來提供導(dǎo)航用戶界面。要綁定站點地圖中的數(shù)據(jù)到這兩個控件，添加一個SiteMapDataSource控件到頁面中，設(shè)置TreeView或者M(jìn)enu控件的DataSourceID屬性值為SiteMapDataSource控件的ID屬性值就可以了。舉個例子，我們可以用下面這些標(biāo)記將Menu控件到母板頁中：

< div id="navigation">  
    < asp:Menu ID="Menu1" runat="server" 
      DataSourceID="SiteMapDataSource1">  
    < /asp:Menu>  
 
    < asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />  
< /div>  

為了生成優(yōu)化的HTML，我們可以綁定SiteMapDataSource控件到Repeater控件，如下：

< div id="navigation">  
     < ul>  
         < li>< asp:HyperLink runat="server" ID="lnkHome" 
          NavigateUrl="~/Default.aspx">Home< /asp:HyperLink>< /li>  
   
         < asp:Repeater runat="server" ID="menu" 
           DataSourceID="SiteMapDataSource1">  
             < ItemTemplate>  
                 < li>  
                    < asp:HyperLink runat="server" 
                      NavigateUrl="< %# Eval("Url") %>">  
                      < %# Eval("Title") %>  
                    < /asp:HyperLink>  
                < /li>  
            < /ItemTemplate>  
        < /asp:Repeater>  
    < /ul>  
 
    < asp:SiteMapDataSource ID="SiteMapDataSource1" 
      runat="server" ShowStartingNode="false" />  
< /div> 

SiteMapDataSource控件每次返回站點地圖層次中的一級，從站點地圖中的根節(jié)點開始(在我們的站點地圖中是Home),然后是下一個級(Basic Reporting,Filtering Reports和Customized Formatting)等等。

當(dāng)將SiteMapDataSource綁定到Repeater時，它遍歷***級并且用ItemTemplate顯示***級的每個SiteMapNode實例。我們可以使用Eval(屬性名稱)訪問SiteMapNode的細(xì)節(jié)，這樣我們就可以得到SiteMapNode的Url和Title屬性給HyperLink控件。

下面顯示的是上面使用Repeater控件例子生成的HTML標(biāo)記： 

< li>  
     < a href="/Code/BasicReporting/Default.aspx">Basic Reporting< /a>  
 < /li>  
   
 < li>  
     < a href="/Code/Filtering/Default.aspx">Filtering Reports< /a>  
 < /li>  
   
 < li>  
    < a href="/Code/CustomFormatting/Default.aspx">  
     Customized Formatting< /a>  
< /li> 

從上面可以看出，站點地圖的第二級節(jié)點(Basic Reporting,Filtering Reports和Customized Formatting)被顯示而不是***個。

這是因為SiteMapDataSource控件的ShowStartingNode屬性被設(shè)為false，導(dǎo)致SiteMapDataSource跳過了站點地圖的根節(jié)點取而代之的是從站點地圖的層次的第二級開始返回信息。

為了顯示Basic Reporting,Filtering Reports和Customized Formatting的子SiteMapNode，我們可以向先前的Repeater的ItemTemplate里添加另外一個Repeater。第二個Repeater將綁定到SiteMapNode實例的子結(jié)點屬性，如下：

< asp:Repeater runat="server" ID="menu" DataSourceID="SiteMapDataSource1">  
    < ItemTemplate>  
        < li>  
            < asp:HyperLink runat="server" 
            NavigateUrl="< %# Eval("Url") %>">  
            < %# Eval("Title") %>< /asp:HyperLink>  
 
             < asp:Repeater runat="server" 
              DataSource="< %# ((SiteMapNode)  
             Container.DataItem).ChildNodes %>">  
                < HeaderTemplate>  
                    < ul>  
                < /HeaderTemplate>  
 
                < ItemTemplate>  
                    < li>  
                        < asp:HyperLink runat="server" 
                         NavigateUrl="< %# Eval("Url") %>">  
                         < %# Eval("Title") %>< /asp:HyperLink>  
                    < /li>  
                < /ItemTemplate>  
 
                < FooterTemplate>  
                    < /ul>  
                < /FooterTemplate>  
            < /asp:Repeater>  
        < /li>  
    < /ItemTemplate>  
< /asp:Repeater> 

這兩個Repeater生成的HTML標(biāo)記（為了節(jié)省篇幅一些標(biāo)記被移除了）：

< li>  
     < a href="/Code/BasicReporting/Default.aspx">Basic Reporting< /a>  
     < ul>  
        < li>  
           < a href="/Code/BasicReporting/SimpleDisplay.aspx">  
             Simple Display< /a>  
        < /li>  
        < li>  
           < a href="/Code/BasicReporting/DeclarativeParams.aspx">  
            Declarative Parameters< /a>  
       < /li>  
       < li>  
          < a href="/Code/BasicReporting/ProgrammaticParams.aspx">  
            Setting Parameter Values< /a>  
       < /li>  
    < /ul>  
< /li>  
 
< li>  
    < a href="/Code/Filtering/Default.aspx">Filtering Reports< /a>  
      
< /li>  
 
< li>  
    < a href="/Code/CustomFormatting/Default.aspx">  
      Customized Formatting< /a>  
      
< /li> 

使用的CSS風(fēng)格選擇自Rachel Andrew的書：The CSS Anthology: 101 Essential Tips, Tricks, & Hacks，< ul>和< li>元素的風(fēng)格將顯示如下：

圖11：用兩個Repeater和一些CSS顯示的菜單

這個菜單在母板頁中定義的，綁定了在Web.sitemap中定義的站點地圖，這意味著所有站點地圖的修改會立即反應(yīng)到所有使用了Site.master母板頁的頁面。

關(guān)掉視圖狀態(tài)

所有的asp.net控件可以隨意的保持它們的狀態(tài)到View State（譯注：當(dāng)原文中采用的是開頭字母大寫的ViewState將不翻譯）中，最終生成HTML時它被系列化并保存在一個隱藏的表單域中?？丶肰iewState來記憶它們在頁面返回時被程序改變的狀態(tài)，比如Web控件綁定的數(shù)據(jù)。如果視圖狀態(tài)允許信息可以在頁面返回時保持，它會增大發(fā)送到客戶端HTML代碼的尺寸，如果在沒有確切的監(jiān)控下會使頁面膨脹得很厲害。數(shù)據(jù)顯示控件－尤其是GridView控件－會顯著地增加大量的額外的標(biāo)記到頁面中。當(dāng)然，這些增長可能對寬帶用戶毫無影響，但是視圖狀態(tài)會給撥號上網(wǎng)的用戶增加幾秒鐘的延遲。

要觀察視圖狀態(tài)的影響，在瀏覽器里打開這個頁面然后查看頁面的源代碼(對于Internet Explorer,點擊”查看”菜單并且選擇源代碼選項)。你還可以打開頁面跟蹤選項以觀察這個頁面上每個控件的視圖狀態(tài)。視圖狀態(tài)的信息被系列化并放在位于跟隨在< form>標(biāo)簽后面的< div>元素里的名為_VIEWSTATE的隱藏表單域中。

視圖狀態(tài)只在頁面上使用了Form時才會被保持；如果你的aspx頁面沒有包含

< form runat=”server”>的聲明，那么***產(chǎn)生的HTML標(biāo)記中將不含有VIEWSTATE隱藏表單域。

母板頁產(chǎn)生的VIEWSTATE隱藏表單域大概有1800個字節(jié)。這些額外的數(shù)據(jù)主要是SiteMapDataSource控件為Repeater控件提供的數(shù)據(jù)內(nèi)容產(chǎn)生的。也許1800字節(jié)左右看起來還不算很多，但是使用了GridView并且使用了很多字段和記錄的視圖狀態(tài)很容易就膨脹10倍或更多。

可以將EnableViewState屬性設(shè)為false在頁面級或者控件級關(guān)閉視圖狀態(tài)，從而可以減少產(chǎn)生的標(biāo)記的大小。Web控件利用視圖狀態(tài)在頁面返回時保持要綁定到數(shù)據(jù)顯示控件的數(shù)據(jù)，當(dāng)關(guān)閉了數(shù)據(jù)顯示控件的視圖狀態(tài)后，在每次頁面返回時都必須重新綁定數(shù)據(jù)到控件。在asp.net 1.x的時候這個職責(zé)落到開發(fā)者身上；在asp.net 2.0里，頁面返回時，數(shù)據(jù)顯示控件會在必要的時候重新綁定數(shù)據(jù)。

設(shè)置Repeater控件的EnableViewState為false可以減少頁面的視圖狀態(tài)?？梢酝ㄟ^屬性窗口設(shè)置或者在代碼視圖里手動修改。通過這些改變,Repeater標(biāo)記將會像這樣： 

< asp:Repeater runat="server" ID="menu" DataSourceID="SiteMapDataSource1"   
EnableViewState="False">  
    < ItemTemplate>  
         < i>ItemTemplate contents omitted for brevity< /i>   
    < /ItemTemplate>  
< /asp:Repeater>  

經(jīng)過這些變化，頁面產(chǎn)生的視圖狀態(tài)減少到52個字節(jié)，減少了97％的視圖狀態(tài)數(shù)據(jù)！在這個指南系列里我會關(guān)閉所有數(shù)據(jù)控件的視圖狀態(tài)以減少產(chǎn)生標(biāo)記的大小。在大多數(shù)例子里會在沒有提示的情況下將EnableViewState屬性設(shè)為false。

僅有當(dāng)數(shù)據(jù)Web控件必須打開它的視圖狀態(tài)才能提供期望的功能的情況下我們才討論。

【編輯推薦】

1. ASP.NET MVC路徑選擇系統(tǒng)構(gòu)建
2. ASP.NET MVC框架中的URL路徑選擇場景
3. ASP.NET MVC 框架URL路徑選擇規(guī)則
4. ASP.NET MVC框架：使用強(qiáng)類型類來傳遞ViewData
5. 使用ASP.NET MVC框架創(chuàng)建電子商務(wù)網(wǎng)站