第6章面切換與導(dǎo)航

1、第6章面切換與導(dǎo)航第6章 頁面切換與導(dǎo)航 6.1 頁面切換與頁面間的數(shù)據(jù)傳遞 6.2 站點導(dǎo)航 第6章 頁面切換與導(dǎo)航 本章要點 網(wǎng)頁間的切換方法 網(wǎng)頁間的數(shù)據(jù)傳遞方法 頁面導(dǎo)航 6.1 頁面切換與頁面間的數(shù)據(jù)傳遞 網(wǎng)頁間的切換方法（1）利用超鏈接切換到新網(wǎng)頁，例如使用標(biāo)記或者HyperLink控件直接鏈接到其他網(wǎng)頁。（2）利用Button、ImageButton和LinkButton控件的PostBackUrl屬性切換到新網(wǎng)頁。（3）使用Response.Redirect方法切換到新的網(wǎng)頁。（4）使用Server.Transfer方法切換到新的網(wǎng)頁。 6.1.3 利用Response.Red

2、irect或Server.Transfer切換到新網(wǎng)頁 1Response.RedirectResponse.Redirect方法會使瀏覽器鏈接到一個指定的URL。當(dāng)服務(wù)器調(diào)用Response.Redirect方法時，該方法會創(chuàng)建一個應(yīng)答，應(yīng)答頭中指出目標(biāo)網(wǎng)頁已經(jīng)改變，同時指出新的目標(biāo)URL?？蛻舳藶g覽器從服務(wù)器收到該應(yīng)答，再利用應(yīng)答頭中的信息發(fā)出一個對新URL的請求。 這就是說，使用Response.Redirect方法時重定向操作發(fā)生在客戶端，共涉及兩次與服務(wù)器的通信（兩個來回）：第一次是對原始頁面的請求，得到一個應(yīng)答；第二次是請求應(yīng)答中聲明的新頁面，得到重定向之后的頁面。6.1.3 利用

3、Response.Redirect或Server.Transfer切換到新網(wǎng)頁2Server.TransferServer.Transfer方法直接在服務(wù)器端把執(zhí)行流程從當(dāng)前的網(wǎng)頁轉(zhuǎn)到同一個應(yīng)用程序的另一個網(wǎng)頁。調(diào)用Server.Transfer方法時，當(dāng)前的頁面終止執(zhí)行，然后將執(zhí)行流程轉(zhuǎn)入另一個頁面，但新的頁面仍使用前一頁面創(chuàng)建的應(yīng)答流。如果用Server.Transfer方法從一個頁面切換到另一個頁面，瀏覽器中的URL不會改變，因為重定向完全在服務(wù)器端進行，瀏覽器根本不知道服務(wù)器已經(jīng)執(zhí)行了一次頁面切換。 6.1.4 網(wǎng)頁間的數(shù)據(jù)傳遞 1使用QueryString傳遞數(shù)據(jù)切換到另一個網(wǎng)頁時直

4、接在網(wǎng)頁的URL后添加傳遞的參數(shù)，第一個參數(shù)前用“?”將其和網(wǎng)頁名稱分隔開，參數(shù)之間用“&”分隔，每個參數(shù)的形式為“變量名=值”。而在另一個網(wǎng)頁中使用Request.QueryStringstringName接收傳遞的參數(shù)。 【例6-1】演示如何直接在網(wǎng)頁名稱后附帶參數(shù)傳遞數(shù)據(jù)。 6.1.4 網(wǎng)頁間的數(shù)據(jù)傳遞 2利用Session對象傳遞或共享數(shù)據(jù)由于每個用戶都可以有自己的Session，而創(chuàng)建的Session對象并不局限于某一個網(wǎng)頁，所以可以使用Session對象在多個頁面之間共享數(shù)據(jù)。 【例6-2】演示如何利用Session對象傳遞數(shù)據(jù)。 6.1.4 網(wǎng)頁間的數(shù)據(jù)傳遞 3利用Pre

5、viousPage屬性獲取數(shù)據(jù)如果兩個ASP.NET網(wǎng)頁屬于同一個應(yīng)用程序，當(dāng)在源網(wǎng)頁中利用Server.transfer或者按鈕控件的【PostBackUrl】屬性切換到目標(biāo)網(wǎng)頁時，目標(biāo)網(wǎng)頁可以使用PreviousPage屬性來獲取源網(wǎng)頁中的公共屬性或控件值。如果獲取源網(wǎng)頁中的公共屬性，需要在目標(biāo)網(wǎng)頁的源代碼中添加代碼：但是，如果目標(biāo)網(wǎng)頁不需要獲取源網(wǎng)頁的公共屬性，而僅僅獲取源網(wǎng)頁中的控件值，則不需要添加這行代碼。 【例6-3】利用PreviousPage屬性獲取源網(wǎng)頁的控件值。 6.2 站點導(dǎo)航 站點導(dǎo)航（1）使用站點地圖描述站點的邏輯結(jié)構(gòu)。添加或移除頁面時，開發(fā)人員可以簡單地通過修改站點

6、地圖來管理頁導(dǎo)航。（2）提供導(dǎo)航控件在網(wǎng)頁上顯示導(dǎo)航菜單。導(dǎo)航菜單以站點地圖為基礎(chǔ)。（3）可以以代碼方式使用ASP.NET站點導(dǎo)航，以創(chuàng)建自定義導(dǎo)航控件或修改在導(dǎo)航菜單中顯示的信息的位置。在VS 2005中，提供的導(dǎo)航控件有SiteMapPath控件、Menu控件和TreeView控件。一般情況下，開發(fā)人員利用站點地圖和SiteMapPath控件實現(xiàn)自動導(dǎo)航，利用Menu控件或者TreeView控件實現(xiàn)自定義導(dǎo)航。 6.2.1 利用站點地圖和SiteMapPath控件實現(xiàn)站點導(dǎo)航 站點地圖是指描述站點邏輯結(jié)構(gòu)的XML文件，該文件的擴展名為.sitemap。 SiteMapPath控件以顯示導(dǎo)航

7、路徑的方式顯示當(dāng)前頁在站點中的位置，定義好站點地圖以后，只需要將該控件拖放到站點地圖中包含的.aspx頁面上，它就會自動實現(xiàn)導(dǎo)航，不需要開發(fā)者編寫任何代碼。 注意：只有包含在站點地圖中的網(wǎng)頁才能被SiteMapPath控件導(dǎo)航；如果將SiteMapPath控件放置在站點地圖中未列出的網(wǎng)頁中，該控件將不會顯示任何信息。 6.2.1 利用站點地圖和SiteMapPath控件實現(xiàn)站點導(dǎo)航 SiteMapPath控件的常用屬性 CurrentNodeStyle：定義當(dāng)前節(jié)點的樣式，包括字體、顏色、樣式等NodeStyle：定義導(dǎo)航路徑上所有節(jié)點的樣式ParentLevelsDisplayed：指定在導(dǎo)

8、航路徑上顯示的相對于當(dāng)前節(jié)點的父節(jié)點層數(shù)。默認(rèn)值為-1，表示父級別數(shù)沒有限制PathDirection：指定導(dǎo)航路徑上各節(jié)點的顯示順序。默認(rèn)值為RootToCurrent，即按從左到右的順序顯示從根節(jié)點到當(dāng)前節(jié)點的路徑。另一選項為CurrentToRoot，即按相反的順序顯示導(dǎo)航路徑6.2.1 利用站點地圖和SiteMapPath控件實現(xiàn)站點導(dǎo)航PathSeparator：指定導(dǎo)航路徑中節(jié)點之間分隔符。默認(rèn)值為“”，也可自定義為其他符號PathSeparatorStyle：定義分隔符的樣式RenderCurrentNodeAsLink：是否將導(dǎo)航路徑上當(dāng)前頁名稱顯示為超鏈接。默認(rèn)值為false

9、RootNodeStyle：定義根節(jié)點的樣式ShowToolTips：當(dāng)鼠標(biāo)懸停于導(dǎo)航路徑的某個節(jié)點時，是否顯示相應(yīng)的工具提示信息。默認(rèn)值為true，即當(dāng)鼠標(biāo)懸停于某節(jié)點上時，顯示該節(jié)點在站點地圖中定義的Description屬性值6.2.1 利用站點地圖和SiteMapPath控件實現(xiàn)站點導(dǎo)航 【例6-4】創(chuàng)建站點地圖，然后利用SiteMapPath控件實現(xiàn)自動導(dǎo)航。 6.2.2 利用Menu控件實現(xiàn)自定義導(dǎo)航 Menu控件主要用于創(chuàng)建一個菜單，讓用戶快速選擇不同頁面，從而完成導(dǎo)航功能。該控件可以包含一個主菜單和多個子菜單。菜單有靜態(tài)和動態(tài)兩種顯示模式。靜態(tài)顯示模式是指定義的菜單始終完全顯示，動態(tài)顯示模式指需要用戶將鼠標(biāo)停留在菜單項上時才顯示子菜單。 6.2.2 利用Menu控件實現(xiàn)自定義導(dǎo)航 【例6-5】假定網(wǎng)站包含下面的頁面。個人資料：包含個人簡介（p1.aspx）、學(xué)習(xí)經(jīng)歷（p2.aspx）、業(yè)余愛好（p3.aspx）。學(xué)習(xí)資料：包含學(xué)習(xí)資料1（x1.aspx）、學(xué)習(xí)資料2（x2.aspx）。備忘錄：包含備忘錄1（b1.aspx）、備忘錄2（b2.aspx）、備忘錄3（b3.aspx）、備忘錄4（b4.aspx）。 利用Menu控件在網(wǎng)頁中添加一個菜單，實現(xiàn)自定義導(dǎo)航功能。 6.2.3 利用TreeView控件實現(xiàn)自定義導(dǎo)航 TreeView控件以樹形