【摘 要】 母版頁是Microsoft Visual Studio新引入的一個概念,它很好地實現(xiàn)界面設(shè)計的模塊化,并且實現(xiàn)了代碼的重用。ASP.NET 母版頁可以創(chuàng)建頁面布局(母版頁),可以對網(wǎng)站中的選定頁或所有頁(內(nèi)容頁)使用該頁面布局。母版頁可以極大地簡化為站點創(chuàng)建一致外觀的工作。
【關(guān)鍵詞】ASP.NET網(wǎng)站測試 母版頁 測試用例
母版頁可以使頁面具有一致的布局,它可以把網(wǎng)站中各個頁面中不變的內(nèi)容,如布局、網(wǎng)站標志、公共標題、廣告條、導航欄、版權(quán)聲明、聯(lián)系信息等定義為母版頁,母版頁中的內(nèi)容將顯示在所有頁面中。母版頁相當于模板,保證了整個網(wǎng)站中所有頁面布局的一致性。網(wǎng)站中的各個頁面都以母版頁為基礎(chǔ)。除共同的母版頁以外,各個頁面中不同的部分稱為內(nèi)容頁。當用戶請求內(nèi)容頁時,這些內(nèi)容頁與母版頁合并,將母版頁的布局與內(nèi)容頁的內(nèi)容組合在一起顯示。
1母版頁的工作原理
母版頁由兩部分組成,即母版頁本身與一個或多個內(nèi)容頁。
(1)母版頁。母版頁中定義了頁面的組成元素,是提供結(jié)構(gòu)和內(nèi)容的模板。它可以包含靜態(tài)文本和控件的任何組合。母版頁是擴展名為.master 的 ASP.NET 文件,它具有可以包括靜態(tài)文本、HTML 元素和服務(wù)器控件的預(yù)定義布局。
(2)內(nèi)容頁。內(nèi)容頁是一個專用的ASP.NET頁,它僅包含要與母版頁合并的內(nèi)容。內(nèi)容頁將使用母版頁的內(nèi)容占位符,然后在內(nèi)容頁的內(nèi)容占位符中添加用戶請求該頁面時要顯示的文本和控件。
2母版頁的應(yīng)用實例
母版頁的應(yīng)用實例:創(chuàng)建一個母版頁 HomeMasterPage.master 和內(nèi)容頁(Home.aspx)。
步驟如下:
2.1創(chuàng)建母版頁
在“解決方案資源管理器”中“添加新項”;選擇“母版頁”模板,輸入名稱“HomeMasterPage.master” ,保持選中“將代碼放在單獨的文件中”復選框,單擊“添加”按鈕;打開母版頁窗體,母版頁中包含一個ContentPlaceHolder控件
2.2對母版頁進行布局
2.2.1創(chuàng)建母版頁的布局表格
(1)在母版窗體的源視圖中,單擊要放置布局表格的位置,本例放置在runat="server">
(2)切換到設(shè)計視圖,執(zhí)行菜單命令“表”→“插入表”,顯示“插入表”對話框,創(chuàng)建一個4行1列的表,指定寬度為1000像素,對齊方式為在頁面中居中;
(3)將第3行拆分成列2列;對表格高度、寬度進行設(shè)置。
2.2.2將靜態(tài)內(nèi)容添加到母版頁中,即完成母版頁的排版
2.2.3添加內(nèi)容占位符
將ContentPlaceHolder控件拖動到表格的第3行左側(cè)單元格中,控件的 ID屬性為 ContentPlaceHolder1;再拖放一個ContentPlaceHolder控件到第3行右側(cè)單元格中,控件的ID屬性為ContentPlaceHolder2;
2.3創(chuàng)建基于母版頁的內(nèi)容頁
下面為母版頁添加兩個帶有內(nèi)容的頁面:主頁Home.aspx。
2.3.1創(chuàng)建主頁
(1)在“解決方案資源管理器”中單擊“添加新項”;選擇“Web窗體”模板,在“名稱”框中輸入主頁名Home.aspx,選中“選擇母版頁”復選框,單擊“添加”按鈕;
(2)顯示“選擇母版頁”對話框,在“文件夾內(nèi)容”框中單擊“HomeMasterPage.master” ,單擊“確定”按鈕。
2.3.2將內(nèi)容添加到內(nèi)容頁中
(1)切換到設(shè)計視圖。母版頁中的 ContentPlaceHolder 控件在新的內(nèi)容頁中顯示為 Content控件, 而其余的母版頁內(nèi)容則顯示為淺灰色, 因為在編輯內(nèi)容頁時不能更改這些內(nèi)容;
(2)在“屬性”窗口頂部的下拉列表中選擇“DOCUMENT”項,然后將標題的Title屬性設(shè)置為“XXXX大學主頁”,標題信息存儲在內(nèi)容頁的@ Page 指令中。右側(cè)單元格的 Content 控件中輸入“歡迎訪問XXXX大學網(wǎng)站”,按 Enter 鍵,在 Content1 控件中創(chuàng)建一個新的空白行,從工具箱中拖放過來一個 Label 控件,設(shè)置其 Text 屬性為“感謝您訪問本站” 。
(3)在左側(cè)的 Content 控件中,輸入“友情鏈接” ,然后按 Shift+Enter 組合鍵換行,再插入一個 10 行 1 列,寬度為 200 的表格,在其中輸入友情鏈接的學校名稱。
2.3.4測試頁面
切換到 Home.aspx 頁,執(zhí)行該頁,ASP.NET 將 Home.aspx 頁的內(nèi)容與 HomeMasterPage.master 頁的布局合并到單個頁面中,并在瀏覽器中顯示產(chǎn)生的頁面。請注意,此頁的 URL 為 Home.aspx,瀏覽器中不存在對母版頁的引用。
3結(jié)語
(1)使用母版頁可以集中處理頁的通用功能,以便可以只在一個位置上進行更新。(2)使用母版頁可以方便地創(chuàng)建一組控件和代碼,并將結(jié)果應(yīng)用于一組頁。例如,可以在母版頁上使用控件來創(chuàng)建一個應(yīng)用于所有頁的菜單。(3)通過允許控制占位符控件的呈現(xiàn)方式,母版頁使您可以在細節(jié)上控制最終頁的布局。(4)母版頁提供一個對象模型,使用該對象模型可以從各個內(nèi)容頁自定義母版頁。
參考文獻:
[1] 朱少民.全程軟件測試(第2版)[M].電子工業(yè)出版社,2014.
[2] 杜利峰.基于ASP.NET權(quán)限動態(tài)分配的設(shè)計與實現(xiàn)[J].現(xiàn)代電子技術(shù),2012(18).
[3] 陸琳琳,王雅軒.ASP.NET企業(yè)實訓項目與計算機教學的融合[J].電腦編程技巧與維護,2012,(6);130-131 .
作者簡介:劉桂玲(1976-7),女,大學,北京信息職業(yè)技術(shù)學院講師。研究方向為計算機軟件應(yīng)用開發(fā)。