劉桂玲（北京信息職業(yè)技術(shù)學(xué)院軟件工程系，北京 100018）

基于母版頁在ASP.NET網(wǎng)站測試用例設(shè)計

劉桂玲
（北京信息職業(yè)技術(shù)學(xué)院軟件工程系，北京 100018）

母版頁是Microsoft Visual Studio新引入的一個概念，它很好地實(shí)現(xiàn)界面設(shè)計的模塊化，并且實(shí)現(xiàn)了代碼的重用。ASP.NET 母版頁可以創(chuàng)建頁面布局（母版頁），可以對網(wǎng)站中的選定頁或所有頁（內(nèi)容頁）使用該頁面布局。母版頁可以極大地簡化為站點(diǎn)創(chuàng)建一致外觀的工作。

ASP.NET網(wǎng)站測試 母版頁 測試用例

母版頁可以使頁面具有一致的布局，它可以把網(wǎng)站中各個頁面中不變的內(nèi)容，如布局、網(wǎng)站標(biāo)志、公共標(biāo)題、廣告條、導(dǎo)航欄、版權(quán)聲明、聯(lián)系信息等定義為母版頁，母版頁中的內(nèi)容將顯示在所有頁面中。母版頁相當(dāng)于模板，保證了整個網(wǎng)站中所有頁面布局的一致性。網(wǎng)站中的各個頁面都以母版頁為基礎(chǔ)。除共同的母版頁以外，各個頁面中不同的部分稱為內(nèi)容頁。當(dāng)用戶請求內(nèi)容頁時，這些內(nèi)容頁與母版頁合并，將母版頁的布局與內(nèi)容頁的內(nèi)容組合在一起顯示。

1　母版頁的工作原理

母版頁由兩部分組成，即母版頁本身與一個或多個內(nèi)容頁。

（1）母版頁。母版頁中定義了頁面的組成元素，是提供結(jié)構(gòu)和內(nèi)容的模板。它可以包含靜態(tài)文本和控件的任何組合。母版頁是擴(kuò)展名為.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)用實(shí)例

母版頁的應(yīng)用實(shí)例：創(chuàng)建一個母版頁HomeMasterPage.master和內(nèi)容頁（Home.aspx）。

步驟如下：

2.1創(chuàng)建母版頁

在“解決方案資源管理器”中“添加新項”；選擇“母版頁”模板，輸入名稱“HomeMasterPage.master” ，保持選中“將代碼放在單獨(dú)的文件中”復(fù)選框，單擊“添加”按鈕；打開母版頁窗體，母版頁中包含一個ContentPlaceHolder控件

2.2對母版頁進(jìn)行布局

2.2.1創(chuàng)建母版頁的布局表格

（1）在母版窗體的源視圖中，單擊要放置布局表格的位置，本例放置在＜form id="form1"runat="server"＞＜div＞后，也就是最外層；

（2）切換到設(shè)計視圖，執(zhí)行菜單命令“表”→“插入表”，顯示“插入表”對話框，創(chuàng)建一個4行1列的表，指定寬度為1000像素，對齊方式為在頁面中居中；

（3）將第3行拆分成列2列；對表格高度、寬度進(jìn)行設(shè)置。

2.2.2將靜態(tài)內(nèi)容添加到母版頁中，即完成母版頁的排版

2.2.3添加內(nèi)容占位符

將ContentPlaceHolder控件拖動到表格的第3行左側(cè)單元格中，控件的I D屬性為C o n t e n t P l a c e H o l d e r 1；再拖放一個ContentPlaceHolder控件到第3行右側(cè)單元格中，控件的ID屬性為ContentPlaceHolder2。

2.3創(chuàng)建基于母版頁的內(nèi)容頁

下面為母版頁添加兩個帶有內(nèi)容的頁面：主頁Home.aspx。

2.3.1創(chuàng)建主頁

（1）在“解決方案資源管理器”中單擊“添加新項”；選擇“Web窗體”模板，在“名稱”框中輸入主頁名Home.aspx，選中“選擇母版頁”復(fù)選框，單擊“添加”按鈕；

（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”項，然后將標(biāo)題的Title屬性設(shè)置為“XXXX大學(xué)主頁”，標(biāo)題信息存儲在內(nèi)容頁的@Page指令中。右側(cè)單元格的Content控件中輸入“歡迎訪問XXXX大學(xué)網(wǎng)站”，按Enter鍵，在Content1控件中創(chuàng)建一個新的空白行，從工具箱中拖放過來一個Label控件，設(shè)置其Text屬性為“感謝您訪問本站” 。

（3）在左側(cè)的C o n t e n t控件中，輸入“友情鏈接”，然后按Shift+Enter組合鍵換行，再插入一個10行1列，寬度為200的表格，在其中輸入友情鏈接的學(xué)校名稱。

2.3.3測試頁面

切換到Home.aspx頁，執(zhí)行該頁，ASP.NET將Home.aspx 頁的內(nèi)容與HomeMasterPage.master 頁的布局合并到單個頁面中，并在瀏覽器中顯示產(chǎn)生的頁面。請注意，此頁的URL為Home.aspx，瀏覽器中不存在對母版頁的引用。

3　結(jié)語

（1）使用母版頁可以集中處理頁的通用功能，以便可以只在一個位置上進(jìn)行更新。（2）使用母版頁可以方便地創(chuàng)建一組控件和代碼，并將結(jié)果應(yīng)用于一組頁。例如，可以在母版頁上使用控件來創(chuàng)建一個應(yīng)用于所有頁的菜單。（3）通過允許控制占位符控件的呈現(xiàn)方式，母版頁使您可以在細(xì)節(jié)上控制最終頁的布局。（4）母版頁提供一個對象模型，使用該對象模型可以從各個內(nèi)容頁自定義母版頁。

［1］朱少民.全程軟件測試（第2版）［M］.電子工業(yè)出版社，2014.

［2］杜利峰.基于ASP.NET權(quán)限動態(tài)分配的設(shè)計與實(shí)現(xiàn)［J］.現(xiàn)代電子技術(shù)，2012（18）.

［3］陸琳琳，王雅軒.ASP.NET企業(yè)實(shí)訓(xùn)項目與計算機(jī)教學(xué)的融合［J］.電腦編程技巧與維護(hù)，2012，（6）；130-131.

劉桂玲（1976-），女，大學(xué)，北京信息職業(yè)技術(shù)學(xué)院講師。研究方向為計算機(jī)軟件應(yīng)用開發(fā)。