ASP-NET教學(xué)課件第10章--主題、母版、用戶控件和Web部件

1、12了解主題并掌握建立和使用主題的方法了解主題并掌握建立和使用主題的方法理解母版頁并能建立母版頁理解母版頁并能建立母版頁掌握利用母版頁創(chuàng)建一致網(wǎng)頁布局的方法掌握利用母版頁創(chuàng)建一致網(wǎng)頁布局的方法掌握建立和使用用戶控件的方法掌握建立和使用用戶控件的方法熟悉利用熟悉利用Web部件實(shí)現(xiàn)個(gè)性化用戶界面的方法部件實(shí)現(xiàn)個(gè)性化用戶界面的方法 310.1 主題主題10.1.1 主題概述主題概述10.1.2 自定義主題自定義主題10.1.3 使用主題使用主題10.2 母版頁母版頁10.2.1 母版頁概述母版頁概述10.2.2 創(chuàng)建母版頁創(chuàng)建母版頁10.2.3 創(chuàng)建內(nèi)容頁創(chuàng)建內(nèi)容頁10.3 用戶控件用戶控件10.3

2、.1 用戶控件概述用戶控件概述10.3.2 創(chuàng)建用戶控件創(chuàng)建用戶控件10.3.3 使用用戶控件使用用戶控件10.4 Web部件部件10.4.1 Web部件概述部件概述10.4.2 使用使用Web部件部件10.4.3 顯示模式顯示模式10.5 小結(jié)小結(jié)4在在Web應(yīng)用程序中，通常所有的頁面都有應(yīng)用程序中，通常所有的頁面都有統(tǒng)一的外觀和操作方式。統(tǒng)一的外觀和操作方式。ASP.NET 3.5通通過應(yīng)用主題，來提供統(tǒng)一的外觀。過應(yīng)用主題，來提供統(tǒng)一的外觀。主題包括外觀文件、主題包括外觀文件、CSS文件和圖片文件文件和圖片文件等。等。5主題是主題是CSS的擴(kuò)展。的擴(kuò)展。主題包含外觀文件、主題包含外觀文件

3、、CSS文件、圖片文文件、圖片文件及其它資源（至少應(yīng)包含外觀文件）。件及其它資源（至少應(yīng)包含外觀文件）。主題在存儲(chǔ)時(shí)與一個(gè)主題文件夾對(duì)應(yīng)。主題在存儲(chǔ)時(shí)與一個(gè)主題文件夾對(duì)應(yīng)。6主題分為全局主題和應(yīng)用程序主題主題分為全局主題和應(yīng)用程序主題全局主題：應(yīng)用于服務(wù)器中的所有全局主題：應(yīng)用于服務(wù)器中的所有Web應(yīng)用程應(yīng)用程序，存儲(chǔ)于序，存儲(chǔ)于C:WINDOWSMicrosoft.NETFrameworkv2.0.50727ASP.NETClientFilesThemes文件夾下文件夾下（假設(shè)操作系統(tǒng)安裝于（假設(shè)操作系統(tǒng)安裝于C盤）。盤）。應(yīng)用程序主題：應(yīng)用于單個(gè)應(yīng)用程序主題：應(yīng)用于單個(gè)Web應(yīng)用程序。存應(yīng)

4、用程序。存儲(chǔ)于儲(chǔ)于Web應(yīng)用程序的應(yīng)用程序的App_Themes文件夾中。文件夾中。每個(gè)每個(gè)App_Themes文件夾中的子文件夾都對(duì)應(yīng)文件夾中的子文件夾都對(duì)應(yīng)一個(gè)應(yīng)用程序主題。一個(gè)應(yīng)用程序主題。 7自定義主題就是建立主題文件夾，然后添加外觀文件（.skin）、樣式文件（.css）、圖片文件到主題文件夾中。主題和外觀文件添加CSS到主題添加圖片文件到主題注意：主題文件夾包含在注意：主題文件夾包含在App_Themes中中8一個(gè)主題必須包含外觀文件。一個(gè)主題必須包含外觀文件。創(chuàng)建主題：右擊項(xiàng)目，創(chuàng)建主題：右擊項(xiàng)目，“添加添加ASP.NET文件夾文件夾”“主題主題”，在網(wǎng)站根文件下，在網(wǎng)站根文件下

5、自動(dòng)添加文件夾自動(dòng)添加文件夾App_Themes，并在該文，并在該文件夾下建立主題文件夾（可重命名如件夾下建立主題文件夾（可重命名如Red） 添加外觀文件：右擊主題文件夾添加外觀文件：右擊主題文件夾Red“添加新項(xiàng)添加新項(xiàng)”“外觀文件外觀文件”（可（可重命名如重命名如Red.skin ）9%-默認(rèn)的外觀模板。以下外觀僅作為示例提供。默認(rèn)的外觀模板。以下外觀僅作為示例提供。1. 命名的控件外觀。命名的控件外觀。SkinId 的定義應(yīng)唯一，因?yàn)樵谕恢黝}中不允許的定義應(yīng)唯一，因?yàn)樵谕恢黝}中不允許一個(gè)控件類型有重復(fù)的一個(gè)控件類型有重復(fù)的 SkinId。 2. 默認(rèn)外觀。未定義默認(rèn)外觀。未定義 Sk

6、inId。在同一主題中每個(gè)控件類型只允許有一。在同一主題中每個(gè)控件類型只允許有一個(gè)默認(rèn)的控件外觀。個(gè)默認(rèn)的控件外觀。-%注意：控件外觀樣式只能對(duì)外貌屬性進(jìn)行定義注意：控件外觀樣式只能對(duì)外貌屬性進(jìn)行定義 。10利用屬性利用屬性SkinID可以為同種類型控件定可以為同種類型控件定義多種外觀。義多種外觀。默認(rèn)外觀：沒有默認(rèn)外觀：沒有SkinID的外觀。的外觀。 已命名外觀：有已命名外觀：有SkinID的外觀。的外觀。 11當(dāng)為同種類型控件定義多種外觀后，在網(wǎng)頁中當(dāng)為同種類型控件定義多種外觀后，在網(wǎng)頁中使用主題時(shí)應(yīng)通過控件的屬性使用主題時(shí)應(yīng)通過控件的屬性SkinID進(jìn)行區(qū)分。進(jìn)行區(qū)分。如代碼：如代碼：

7、 表示表示Label1控件使用控件使用LabelBlue外觀外觀Label2控件使用默認(rèn)外觀。控件使用默認(rèn)外觀。12通過在主題中添加通過在主題中添加CSS文件來設(shè)置文件來設(shè)置HTML或或HTML服務(wù)器控件的樣式。服務(wù)器控件的樣式。操作方式：操作方式：右擊主題文件夾右擊主題文件夾Red“添加新項(xiàng)添加新項(xiàng)”“樣樣式表式表”，重命名為，重命名為Red.css。然后在。然后在Red.css中添加中添加HTML元素樣式。元素樣式。13通常在通常在App_Themes文件夾中創(chuàng)建文件夾中創(chuàng)建Images文件夾，再添加合適的圖片文件到文件夾，再添加合適的圖片文件到Images文件夾中。文件夾中。要使用要使用

8、Images文件夾中的圖片文件，可文件夾中的圖片文件，可以通過控件的相關(guān)鏈接圖片文件的以通過控件的相關(guān)鏈接圖片文件的Url屬屬性進(jìn)行訪問。性進(jìn)行訪問。14自己定義或從網(wǎng)上下載主題后，就可以自己定義或從網(wǎng)上下載主題后，就可以在在Web應(yīng)用程序中使用主題了。應(yīng)用程序中使用主題了?？梢栽趩蝹€(gè)網(wǎng)頁中應(yīng)用主題?？梢栽趩蝹€(gè)網(wǎng)頁中應(yīng)用主題?？梢栽诰W(wǎng)站中應(yīng)用主題?？梢栽诰W(wǎng)站中應(yīng)用主題。可以在網(wǎng)站部分網(wǎng)頁中應(yīng)用主題?？梢栽诰W(wǎng)站部分網(wǎng)頁中應(yīng)用主題?？梢圆糠纸弥黝}可以部分禁用主題 。 15 注意：注意：（1）屬性）屬性StylesheetTheme表示主題為本地控件表示主題為本地控件的從屬設(shè)置。也就是說，如果在頁

9、面上為某個(gè)的從屬設(shè)置。也就是說，如果在頁面上為某個(gè)控件設(shè)置了本地屬性，則主題中與控件本地屬控件設(shè)置了本地屬性，則主題中與控件本地屬性相同的屬性將不起作用。性相同的屬性將不起作用。（2）屬性）屬性Theme本地屬性會(huì)被覆蓋（主題起作本地屬性會(huì)被覆蓋（主題起作用，本地屬性不起作用）。用，本地屬性不起作用）。 16修改應(yīng)用程序的修改應(yīng)用程序的web.config文件，可將主文件，可將主題應(yīng)用于整個(gè)網(wǎng)站。例：題應(yīng)用于整個(gè)網(wǎng)站。例： 171.可以將這些頁與它們自己的可以將這些頁與它們自己的web.config文件放在一個(gè)文件放在一個(gè)文件夾中。文件夾中。2.在根在根web.config文件中創(chuàng)建一個(gè)文件中

10、創(chuàng)建一個(gè)元素以指元素以指定文件夾。為子文件夾定文件夾。為子文件夾sub1設(shè)置了主題：設(shè)置了主題： 18可以設(shè)置屬性可以設(shè)置屬性EnableTheming值為值為false來來禁用主題實(shí)現(xiàn)。例如：禁用主題實(shí)現(xiàn)。例如：頁面禁用主題：頁面禁用主題：控件禁用主題：控件禁用主題： 19當(dāng)選擇不同的主題后，頁面中的控件將當(dāng)選擇不同的主題后，頁面中的控件將呈現(xiàn)不同的外貌。呈現(xiàn)不同的外貌。源程序：源程序：Blue.skin源程序：源程序：Green.skin 源程序：源程序：Theme.aspx 20利用母版頁可以方便快捷地建立統(tǒng)一風(fēng)利用母版頁可以方便快捷地建立統(tǒng)一風(fēng)格的格的ASP.NET網(wǎng)站，并且容易管理和

11、維網(wǎng)站，并且容易管理和維護(hù)，大大提高了設(shè)計(jì)效率。護(hù)，大大提高了設(shè)計(jì)效率。21母版頁為網(wǎng)頁定義所需的外觀和標(biāo)準(zhǔn)行為，然后在母母版頁為網(wǎng)頁定義所需的外觀和標(biāo)準(zhǔn)行為，然后在母版頁基礎(chǔ)上創(chuàng)建要包含顯示內(nèi)容的各個(gè)內(nèi)容頁。當(dāng)用版頁基礎(chǔ)上創(chuàng)建要包含顯示內(nèi)容的各個(gè)內(nèi)容頁。當(dāng)用戶請(qǐng)求內(nèi)容頁時(shí)，這些內(nèi)容頁將與母版頁合并戶請(qǐng)求內(nèi)容頁時(shí)，這些內(nèi)容頁將與母版頁合并 輸出。輸出。母版頁優(yōu)點(diǎn)：母版頁優(yōu)點(diǎn)：使用母版頁可以集中處理網(wǎng)頁的通用功能，若要修改所有網(wǎng)使用母版頁可以集中處理網(wǎng)頁的通用功能，若要修改所有網(wǎng)頁的通用功能，只需要修改母版頁即可。頁的通用功能，只需要修改母版頁即可。使用母版頁可以方便地創(chuàng)建一組控件和代碼，并應(yīng)用

12、于一組使用母版頁可以方便地創(chuàng)建一組控件和代碼，并應(yīng)用于一組網(wǎng)頁。網(wǎng)頁。通過允許控制占位符控件的呈現(xiàn)方式，母版頁可以在細(xì)節(jié)上通過允許控制占位符控件的呈現(xiàn)方式，母版頁可以在細(xì)節(jié)上控制最終頁的布局?？刂谱罱K頁的布局。22母版頁由特殊的母版頁由特殊的 Master指令識(shí)別，該指令替指令識(shí)別，該指令替換了用于普通換了用于普通.aspx頁的頁的 Page指令。指令。母版頁包含網(wǎng)頁的所有頂級(jí)母版頁包含網(wǎng)頁的所有頂級(jí)XHTML元素，如元素，如、和和。通?？梢栽谀赴骓撋辖⒁粋€(gè)通常可以在母版頁上建立一個(gè)HTML表用于布局。表用于布局。將一個(gè)將一個(gè)元素用于公司徽標(biāo)。元素用于公司徽標(biāo)。使用服務(wù)器控件創(chuàng)建站點(diǎn)的標(biāo)準(zhǔn)導(dǎo)

13、航。使用服務(wù)器控件創(chuàng)建站點(diǎn)的標(biāo)準(zhǔn)導(dǎo)航。將靜態(tài)文本用于版權(quán)聲明。將靜態(tài)文本用于版權(quán)聲明。母版頁可以包含一個(gè)或多個(gè)可替換內(nèi)容的占位母版頁可以包含一個(gè)或多個(gè)可替換內(nèi)容的占位符控件符控件ContentPlaceHolder。 注意：母版頁文件的擴(kuò)展名是注意：母版頁文件的擴(kuò)展名是.master 23母版頁：母版頁：MasterPageSample.master內(nèi)容頁：內(nèi)容頁：MasterPageSample.aspx2425創(chuàng)建母版頁的方式和創(chuàng)建創(chuàng)建母版頁的方式和創(chuàng)建Web窗體類似。窗體類似。操作步驟：操作步驟：在解決方案資源管理器中，右擊網(wǎng)站的在解決方案資源管理器中，右擊網(wǎng)站的名稱名稱“添加新項(xiàng)添加新

14、項(xiàng)”，選擇，選擇“母版頁母版頁”，重命名母版頁名稱。重命名母版頁名稱。注意：注意：“選擇母版頁選擇母版頁”復(fù)選框表示可以將復(fù)選框表示可以將其它母版頁嵌入到當(dāng)前的母版頁中。其它母版頁嵌入到當(dāng)前的母版頁中。 26本實(shí)例將創(chuàng)建一個(gè)母版頁本實(shí)例將創(chuàng)建一個(gè)母版頁MasterPage.master，該母版頁采用常見，該母版頁采用常見的的“上中下上中下”網(wǎng)頁布局。網(wǎng)頁布局。源程序：源程序：MasterPage.master27內(nèi)容頁僅包含要與母版頁合并的內(nèi)容，內(nèi)容頁僅包含要與母版頁合并的內(nèi)容，可以在其中添加用戶請(qǐng)求該頁面時(shí)要顯可以在其中添加用戶請(qǐng)求該頁面時(shí)要顯示的文本和控件。示的文本和控件。 28本實(shí)例將創(chuàng)

15、建基于母版頁本實(shí)例將創(chuàng)建基于母版頁MasterPage.master的內(nèi)容頁。的內(nèi)容頁。源程序：源程序：ContentPage.aspx程序說明：頁面包含一個(gè)程序說明：頁面包含一個(gè) Page指令，指令，此指令的屬性此指令的屬性MasterPageFile表示當(dāng)前頁表示當(dāng)前頁將與根文件夾下的將與根文件夾下的“MasterPage.master”母版頁合并。母版頁合并。 29用戶控件：用戶控件：在在ASP.NET網(wǎng)頁中，除了使用網(wǎng)頁中，除了使用Web服務(wù)器控件外，服務(wù)器控件外，還可以根據(jù)需要?jiǎng)?chuàng)建重復(fù)使用的自定義控件，這些控還可以根據(jù)需要?jiǎng)?chuàng)建重復(fù)使用的自定義控件，這些控件稱作用戶控件。件稱作用戶控件

16、。用戶控件是一種復(fù)合控件，工作原理非常類似用戶控件是一種復(fù)合控件，工作原理非常類似于于ASP.NET網(wǎng)頁，可以向用戶控件添加現(xiàn)有的網(wǎng)頁，可以向用戶控件添加現(xiàn)有的Web服務(wù)器控件和標(biāo)記，并定義控件的屬性和服務(wù)器控件和標(biāo)記，并定義控件的屬性和方法。方法。用戶控件在實(shí)際工程中常用于統(tǒng)一網(wǎng)頁顯示風(fēng)用戶控件在實(shí)際工程中常用于統(tǒng)一網(wǎng)頁顯示風(fēng)格。格。30創(chuàng)建創(chuàng)建用戶用戶控件的原因：控件的原因：實(shí)現(xiàn)內(nèi)置實(shí)現(xiàn)內(nèi)置ASP.NET Web服務(wù)器控件未提供的功能。服務(wù)器控件未提供的功能。提取多個(gè)網(wǎng)頁中相同的用戶界面來統(tǒng)一網(wǎng)頁顯示風(fēng)格。提取多個(gè)網(wǎng)頁中相同的用戶界面來統(tǒng)一網(wǎng)頁顯示風(fēng)格。創(chuàng)建創(chuàng)建用戶用戶控件的方法：控件的方

17、法：一種方法是創(chuàng)建用戶控件，然后將用戶控件作為一個(gè)單元對(duì)一種方法是創(chuàng)建用戶控件，然后將用戶控件作為一個(gè)單元對(duì)待，為其定義屬性和方法。待，為其定義屬性和方法。另一種方法是自定義控件，就是編寫一個(gè)類，此類從另一種方法是自定義控件，就是編寫一個(gè)類，此類從Control或或WebControl派生。派生。方法比較：方法比較：因?yàn)榭梢灾赜矛F(xiàn)有的控件，所以創(chuàng)建用戶控件要比創(chuàng)建自定因?yàn)榭梢灾赜矛F(xiàn)有的控件，所以創(chuàng)建用戶控件要比創(chuàng)建自定義控件方便得多。義控件方便得多。31用戶控件的文件擴(kuò)展名為用戶控件的文件擴(kuò)展名為.ascx。用戶控件沒有用戶控件沒有 Page指令，是包含指令，是包含 Control 指令。指令

18、。用戶控件不能作為獨(dú)立文件運(yùn)行，而必須像處理其它用戶控件不能作為獨(dú)立文件運(yùn)行，而必須像處理其它控件一樣，只有將它們添加到控件一樣，只有將它們添加到 ASP.NET網(wǎng)頁中后才能網(wǎng)頁中后才能使用。使用。用戶控件中沒有用戶控件中沒有、或或元素，這些元素，這些元素必須位于宿主網(wǎng)頁中。元素必須位于宿主網(wǎng)頁中?？梢栽谟脩艨丶鲜褂门c在可以在用戶控件上使用與在ASP.NET網(wǎng)頁上所用相同網(wǎng)頁上所用相同的的HTML元素（元素（、 或或元素除外）元素除外）和和Web服務(wù)器控件。服務(wù)器控件。32可以像設(shè)計(jì)可以像設(shè)計(jì)ASP.NET網(wǎng)頁一樣設(shè)計(jì)用戶網(wǎng)頁一樣設(shè)計(jì)用戶控件，控件，可以將可以將ASP.NET網(wǎng)頁更改為一個(gè)用

19、戶控網(wǎng)頁更改為一個(gè)用戶控件。針對(duì)在已經(jīng)開發(fā)好的件。針對(duì)在已經(jīng)開發(fā)好的ASP.NET網(wǎng)頁網(wǎng)頁并打算在整個(gè)并打算在整個(gè)Web應(yīng)用程序中訪問其功應(yīng)用程序中訪問其功能的情況下使用。能的情況下使用。33設(shè)計(jì)用戶控件設(shè)計(jì)用戶控件源程序：源程序：SearchUserControl.ascx34將單文件將單文件ASP.NET網(wǎng)頁轉(zhuǎn)換為用戶控件網(wǎng)頁轉(zhuǎn)換為用戶控件（1）重命名）重命名.aspx文件擴(kuò)展名為文件擴(kuò)展名為.ascx。（2）從頁面中移除）從頁面中移除、和和元素；將元素；將 Page指令更改為指令更改為 Control指令；移除指令；移除 Control指令中除指令中除Language、AutoEvent

20、Wireup（如果存（如果存在）、在）、CodeFile和和 Inherits之外的所有屬之外的所有屬性。性。35將代碼隱藏將代碼隱藏ASP.NET網(wǎng)頁轉(zhuǎn)換為用戶控件網(wǎng)頁轉(zhuǎn)換為用戶控件（1）重命名）重命名.aspx文件擴(kuò)展名為文件擴(kuò)展名為.ascx。（2）重命名代碼隱藏文件使其文件擴(kuò)展名為）重命名代碼隱藏文件使其文件擴(kuò)展名為.ascx.cs。（3）打開代碼隱藏文件并將該文件繼承的類從）打開代碼隱藏文件并將該文件繼承的類從Page更改為更改為UserControl。（4）在）在.aspx文件中，移除文件中，移除、和和元素；元素；將將 Page指令更改為指令更改為 Control指令；移除指令；移

21、除 Control指令指令中除中除Language、AutoEventWireup（如果存在）、（如果存在）、CodeFile和和Inherits之外的所有屬性；在之外的所有屬性；在 Control指令中，指令中，將將CodeFile屬性值更改為指向重命名后的代碼隱藏文件名。屬性值更改為指向重命名后的代碼隱藏文件名。36（1）將其包含在）將其包含在ASP.NET網(wǎng)頁中。網(wǎng)頁中。實(shí)現(xiàn)方法：在包含用戶控件的實(shí)現(xiàn)方法：在包含用戶控件的ASP.NET網(wǎng)頁中，創(chuàng)網(wǎng)頁中，創(chuàng)建一個(gè)建一個(gè) Register指令，如：指令，如：（2）在網(wǎng)頁的）在網(wǎng)頁的元素內(nèi)部聲明用戶控件元素內(nèi)部聲明用戶控件元素。如：元素。如：

22、注意：在注意：在ASP.NET網(wǎng)頁的設(shè)計(jì)模式下，可以直接將用網(wǎng)頁的設(shè)計(jì)模式下，可以直接將用戶控件文件從解決方案資源管理器窗口中拖到頁面戶控件文件從解決方案資源管理器窗口中拖到頁面上，即在頁面上添加了該用戶控件。上，即在頁面上添加了該用戶控件。37本實(shí)例將用戶控件本實(shí)例將用戶控件SearchUserControl添添加到加到ASP.NET網(wǎng)頁中。網(wǎng)頁中。源程序：源程序：UserControlTest.aspx 38主題、母版和用戶控件為網(wǎng)站提供了統(tǒng)主題、母版和用戶控件為網(wǎng)站提供了統(tǒng)一的風(fēng)格，但眾口難調(diào)，有些用戶希望一的風(fēng)格，但眾口難調(diào)，有些用戶希望對(duì)網(wǎng)站界面進(jìn)行個(gè)性化設(shè)置。利用對(duì)網(wǎng)站界面進(jìn)行個(gè)性

23、化設(shè)置。利用Web部件能很好地解決這種問題。部件能很好地解決這種問題。 39ASP.NET Web部件是一組集成控件，基于部件是一組集成控件，基于Web部件的網(wǎng)站能使最終用戶可以直接從瀏覽部件的網(wǎng)站能使最終用戶可以直接從瀏覽器修改網(wǎng)頁的內(nèi)容、外觀和行為。最終用戶能器修改網(wǎng)頁的內(nèi)容、外觀和行為。最終用戶能動(dòng)態(tài)地對(duì)動(dòng)態(tài)地對(duì)Web應(yīng)用程序進(jìn)行個(gè)性化設(shè)置，而無應(yīng)用程序進(jìn)行個(gè)性化設(shè)置，而無需開發(fā)人員或管理員的干預(yù)。需開發(fā)人員或管理員的干預(yù)。要實(shí)現(xiàn)要實(shí)現(xiàn)Web部件功能，需要二個(gè)關(guān)鍵要素。部件功能，需要二個(gè)關(guān)鍵要素。個(gè)性化配置個(gè)性化配置Profile。 Web部件控件集。部件控件集。 40要建立包含要建立包

24、含Web部件的網(wǎng)頁，需要對(duì)部件的網(wǎng)頁，需要對(duì)web.config中的中的和和配置節(jié)進(jìn)行配置。配置節(jié)進(jìn)行配置。41 42當(dāng)頁面啟用當(dāng)頁面啟用Windows驗(yàn)證時(shí)，建立的驗(yàn)證時(shí)，建立的Web部件網(wǎng)頁在瀏覽時(shí)可以直接對(duì)部件網(wǎng)頁在瀏覽時(shí)可以直接對(duì)WebPart控件進(jìn)行個(gè)性化設(shè)置?？丶M(jìn)行個(gè)性化設(shè)置。而當(dāng)頁面啟用而當(dāng)頁面啟用Forms驗(yàn)證時(shí)，以匿名用驗(yàn)證時(shí)，以匿名用戶訪問戶訪問Web部件網(wǎng)頁將不能對(duì)部件網(wǎng)頁將不能對(duì)WebPart控件進(jìn)行個(gè)性化設(shè)置。只有當(dāng)用戶登錄控件進(jìn)行個(gè)性化設(shè)置。只有當(dāng)用戶登錄成功后才能對(duì)成功后才能對(duì)Web部件網(wǎng)頁中的部件網(wǎng)頁中的WebPart控件進(jìn)行個(gè)性化設(shè)置?？丶M(jìn)行個(gè)性化設(shè)置。4

25、3在建立在建立Web部件網(wǎng)頁時(shí)，通常利用表格部件網(wǎng)頁時(shí)，通常利用表格進(jìn)行頁面布局，可以根據(jù)頁面上要顯示進(jìn)行頁面布局，可以根據(jù)頁面上要顯示的內(nèi)容分成適當(dāng)?shù)男泻土?。的?nèi)容分成適當(dāng)?shù)男泻土小Ｌ砑右粋€(gè)添加一個(gè)WebPartManager控件。控件。根據(jù)需要添加區(qū)域控件。根據(jù)需要添加區(qū)域控件。最后，在區(qū)域控件中添加最后，在區(qū)域控件中添加Web部件。部件。 44是是Web部件的總控中心。部件的總控中心。在網(wǎng)頁瀏覽時(shí)不會(huì)呈現(xiàn)用戶界面，并且在網(wǎng)頁瀏覽時(shí)不會(huì)呈現(xiàn)用戶界面，并且一個(gè)一個(gè)WebPartManager控件只能管理一個(gè)控件只能管理一個(gè)頁面。頁面。在一個(gè)在一個(gè)Web部件網(wǎng)頁中，有且僅有一個(gè)部件網(wǎng)頁中，有且

26、僅有一個(gè)WebPartManager控件?？丶?。45 注意：注意：在建立在建立Web部件網(wǎng)頁時(shí)，應(yīng)首先部件網(wǎng)頁時(shí)，應(yīng)首先建立建立WebPartManager控件。也就是說，控件。也就是說，有關(guān)有關(guān)WebPartManager控件的源代碼應(yīng)出控件的源代碼應(yīng)出現(xiàn)在現(xiàn)在元素中其它元素中其它Web部件控件的部件控件的前面。前面。 46在每個(gè)在每個(gè)Web部件網(wǎng)頁中，區(qū)域控件部件網(wǎng)頁中，區(qū)域控件WebPartZone必不可少。必不可少。 WebPartZone控件用于承載網(wǎng)頁上的控件用于承載網(wǎng)頁上的WebPart控件，并為其包含的控件提供控件，并為其包含的控件提供公共的用戶界面。公共的用戶界面。 47屬性

27、屬性WebPartVerbRenderMode：用來改：用來改變顯示方式。值變顯示方式。值Menu表示謂詞呈現(xiàn)在標(biāo)表示謂詞呈現(xiàn)在標(biāo)題欄的菜單中；值題欄的菜單中；值TitleBar表示謂詞在標(biāo)表示謂詞在標(biāo)題欄中直接呈現(xiàn)為鏈接。題欄中直接呈現(xiàn)為鏈接。其它的區(qū)域控件應(yīng)結(jié)合其它的區(qū)域控件應(yīng)結(jié)合WebPartManager控件的不同頁面模式進(jìn)行添加?？丶牟煌撁婺Ｊ竭M(jìn)行添加。 48創(chuàng)建創(chuàng)建WebPart控件的方法：控件的方法：一種是創(chuàng)建基于一種是創(chuàng)建基于HTML服務(wù)器控件、服務(wù)器控件、Web服服務(wù)器控件和用戶控件的務(wù)器控件和用戶控件的WebPart控件。這種控件。這種方法包含的控件在使用時(shí)與普通方法相

28、同，方法包含的控件在使用時(shí)與普通方法相同，但在運(yùn)行時(shí)，這些控件將自動(dòng)被但在運(yùn)行時(shí)，這些控件將自動(dòng)被GenericWebPart類封裝，進(jìn)而成為真正的類封裝，進(jìn)而成為真正的WebPart控件。控件。另一種方法是創(chuàng)建繼承自另一種方法是創(chuàng)建繼承自WebPart類的類的WebPart控件。控件。 49 50不同的顯示模式情況下，不同的顯示模式情況下，Web部件網(wǎng)頁就部件網(wǎng)頁就呈現(xiàn)不同內(nèi)容，用戶就能實(shí)現(xiàn)不同的功能。呈現(xiàn)不同內(nèi)容，用戶就能實(shí)現(xiàn)不同的功能。屬性屬性DisplayMode：改變頁面顯示模式。：改變頁面顯示模式。顯示模式：顯示模式：BrowseDisplayMode、DesignDisplayM

29、ode、EditDisplayMode、C a t a l o g D i s p l a y M o d e 、ConnectDisplayMode。在同一時(shí)刻，只能選擇一種顯示模式。在同一時(shí)刻，只能選擇一種顯示模式。51默認(rèn)的顯示模式默認(rèn)的顯示模式用戶可以查看網(wǎng)頁上的內(nèi)容，也可以將用戶可以查看網(wǎng)頁上的內(nèi)容，也可以將WebPart控件最小化、最大化或關(guān)閉，控件最小化、最大化或關(guān)閉，但不能編輯、拖曵。但不能編輯、拖曵。 52有有BrowseDisplayMode模式的功能模式的功能用戶還可以將用戶還可以將WebPart控件從一個(gè)區(qū)域控件從一個(gè)區(qū)域拖到另一個(gè)區(qū)域；也可以在同一個(gè)區(qū)域拖到另一個(gè)區(qū)域

30、；也可以在同一個(gè)區(qū)域內(nèi)拖動(dòng)，從而改變網(wǎng)頁的布局。內(nèi)拖動(dòng)，從而改變網(wǎng)頁的布局。 53有有DesignDisplayMode模式的功能模式的功能用戶還能編輯用戶還能編輯WebPart控件的外觀和行控件的外觀和行為。為。具體實(shí)現(xiàn)時(shí)，還需配合使用具體實(shí)現(xiàn)時(shí)，還需配合使用EditorZone控件?？丶?54只 有 在只 有 在 W e b 部 件 網(wǎng) 頁 進(jìn) 入部 件 網(wǎng) 頁 進(jìn) 入EditDisplayMode模式時(shí)才變?yōu)榭梢?。模式時(shí)才變?yōu)榭梢姟ebPart控件的操作菜單中增加了一個(gè)控件的操作菜單中增加了一個(gè)“編輯編輯”項(xiàng)。單擊項(xiàng)。單擊“編輯編輯”項(xiàng)將顯示包項(xiàng)將顯示包含于含于EditorZone中

31、的中的EditorPart系列控件。系列控件。EditorPart控件是何種類型意味著用戶能控件是何種類型意味著用戶能夠進(jìn)行何種類型的編輯。夠進(jìn)行何種類型的編輯。 55AppearanceEditorPart用于編輯WebPart控件的外觀屬性。BehaviorEditorPart用于重新排列或刪除WebPart控件以更改頁面布局。LayoutEditorPart用于編輯WebPart控件的布局屬性。PropertyGridEditorPart用于編輯WebPart控件的自定義屬性。56有有DesignDisplayMode模式的功能模式的功能用戶還能添加或刪除用戶還能添加或刪除WebPart

32、控件?？丶?。常 用 于 想 重 新 啟 用 被 用 戶 關(guān) 閉 的常 用 于 想 重 新 啟 用 被 用 戶 關(guān) 閉 的WebPart控件的應(yīng)用場(chǎng)合?？丶膽?yīng)用場(chǎng)合。具體實(shí)現(xiàn)時(shí)，還需配合使用具體實(shí)現(xiàn)時(shí)，還需配合使用CatalogZone控件。控件。 57只 有 在只 有 在 W e b 部 件 網(wǎng) 頁 進(jìn) 入部 件 網(wǎng) 頁 進(jìn) 入CatalogDisplayMode模式時(shí)才變?yōu)榭梢?。模式時(shí)才變?yōu)榭梢姟atalogZone控件只能包含控件只能包含CatalogPart系系列控件。列控件。 58CatalogPart系列控件說明DeclarativeCatalogPart顯示聲明在中的WebPa

33、rt控件列表。PageCatalogPart顯示頁面中已刪除的WebPart控件列表。ImportCatalogPart顯示從.webpart文件中導(dǎo)入的WebPart控件列表。59有有DesignDisplayMode模式的功能模式的功能用戶還能在不同的用戶還能在不同的WebPart控件之間建控件之間建立連接，實(shí)現(xiàn)數(shù)據(jù)的相互傳輸。立連接，實(shí)現(xiàn)數(shù)據(jù)的相互傳輸。任何一個(gè)任何一個(gè)WebPart控件，既可以是數(shù)據(jù)控件，既可以是數(shù)據(jù)的提供者（的提供者（Provider）,也可以是數(shù)據(jù)的也可以是數(shù)據(jù)的消費(fèi)者（消費(fèi)者（Consumer）。）。60靜態(tài)連接是開發(fā)人員在設(shè)計(jì)時(shí)建立的連靜態(tài)連接是開發(fā)人員在設(shè)計(jì)時(shí)

34、建立的連接，而動(dòng)態(tài)連接是網(wǎng)頁在運(yùn)行時(shí)建立的接，而動(dòng)態(tài)連接是網(wǎng)頁在運(yùn)行時(shí)建立的連接。連接。 61本實(shí)例利用一個(gè)下拉列表框來動(dòng)態(tài)改變本實(shí)例利用一個(gè)下拉列表框來動(dòng)態(tài)改變頁面模式。頁面模式。 源程序：源程序：WebParts.aspx 62當(dāng)頁面首次載入時(shí)，給每個(gè)當(dāng)頁面首次載入時(shí)，給每個(gè)WebPart控控件設(shè)置標(biāo)題，因?yàn)榘诩O(shè)置標(biāo)題，因?yàn)榘赪ebPartZone中的中的WebPart控件是用戶控件和服務(wù)器控件是用戶控件和服務(wù)器控件，會(huì)自動(dòng)被控件，會(huì)自動(dòng)被GenericWebPart類封裝，類封裝，所以，在判斷語句中使用所以，在判斷語句中使用“part is GenericWebPart”進(jìn)行判別。進(jìn)行判別。63當(dāng)在下拉列表中選擇不同的瀏覽模式時(shí)，將觸當(dāng)在下拉列表中選擇不同的瀏