一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

ASP.NET 2.0 中的創建母版頁

  雖然母版頁和內容頁功能強大,但是其創建和應用過程并不復雜。本節和下一節將以創建如圖1所示示例為例,向讀者詳細介紹,使用Visual Stuido 2005創建母版頁和內容頁的方法以及相關知識。本節的重點是創建母版頁的方法。

  母版頁中包含的是頁面公共部分,即網頁模板。因此,在創建示例之前,必須判斷哪些內容是頁面公共部分,這就需要從分析頁面結構開始。圖1所示顯示的是一個頁面截圖。在下文中,暫稱該頁面名為Index.ASPx,并且假設其為某網站中的一頁。通過分析可知,該頁面的結構如圖5所示。

按此在新窗口瀏覽圖片

圖5 頁面結構圖

  頁面Index.ASPx由4個部分組成:頁頭、頁尾、內容1和內容2。其中頁頭和頁尾是Index.ASPx所在網站中頁面的公共部分,網站中許多頁面都包含相同的頁頭和頁尾。內容1和內容2是頁面的非公共部分,是Index.ASPx頁面所獨有的。結合母版頁和內容頁的有關知識可知,如果使用母版頁和內容頁來創建頁面Index.ASPx,那么必須創建一個母版頁MasterPage.master和一個內容頁Index.ASPx。其中母版頁包含頁頭和頁尾等內容,內容頁中則包含內容1和內容2。

  使用Visual Studio 2005創建一個普通Web站點,然后,在站點根目錄下創建一個名為MasterPage.master的母版頁。由于這是一個添加新文件的過程,因此,單擊“網站”命令菜單中的“添加新項..”選項,可以打開如圖6所示的窗口。

按此在新窗口瀏覽圖片

圖6 添加母版頁

  由于此例創建的是母版頁,因此,需要選擇母版頁圖標,并且設置文件名為MasterPage.master。需要注意的是,該窗口中還有一個復選框項“將代碼放在單獨的文件中”。默認情況下,該復選框處于選中狀態。表示Visual Studio 2005將會為MasterPage.master文件應用代碼隱藏模型,即在創建MasterPage.master文件的基礎上,自動創建一個與該文件相關的MasterPage.master.cs文件。如果不選中該項,那么只會創建一個MasterPage.master文件而已。建議讀者選取該項。

  在創建MasterPage.master文件之后,接著就可以開始編輯該文件了。根據前文說明,母版頁中只包含頁面公共部分,因此,MasterPage.master中主要包含的是頁頭和頁尾的代碼。具體源代碼如下所示:

母版頁MasterPage.master文件源代碼

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<link href="css/myfreetemplates.css" rel="stylesheet" type="text/css" />
</head>

<body background="http://www.68design.NET/art/images/pixi_lime.gif" leftmargin="0" topmargin="0">
<form id="form1" runat="server">
<div align="center">
<table width="763" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="763" height="86" align="right" valign="top">
<img src="http://www.68design.NET/art/images/topic.gif"></td>
</tr>
<tr>
<td width="763" height="53" align="right" valign="bottom" background="images/nav_bg.gif"></td>
</tr>
<tr>
<td width="763" height="22" align="right" valign="top"><img src="http://www.68design.NET/art/images/toppic2.gif" width="763" height="22"></td>
</tr>
<tr>
<td width="763" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="244" valign="top">
ASP:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></ASP:ContentPlaceHolder>
</td>
<td valign="top" align="left">
ASP:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server"></ASP:ContentPlaceHolder>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="763" height="1" background="http://www.68design.NET/art/images/pixi_lime.gif"><img src="http://www.68design.NET/art/images/pixi_lime.gif" width="1" height="1"></td>
</tr>
<tr>
<td width="763" height="35" align="center" class="baseline">©Copyright Study.Com 2006</td>
</tr>
</table>
</div>
</form>
</body></html>

  以上是母版頁MasterPage.master的源代碼,與普通的.ASPx源代碼非常相似,例如,包括<html>、<body>、<form>等Web元素,但是,與普通頁面還是存在差異。差異主要有兩處(粗體代碼所示)。差異一是代碼頭不同,母版頁使用的是Master,而普通.ASPx文件使用的是Page。除此之外,二者在代碼頭方面是相同的。差異二是母版頁中聲明了控件ContentPlaceHolder,而在普通.ASPx文件中是不允許使用該控件的。在MasterPage.master的源代碼中,共聲明了兩個ContentPlaceHolder控件,用于在頁面模板中為內容1和內容2占位。ContentPlaceHolder控件本身并不包含具體內容設置,僅是一個控件聲明。

  圖7所示,顯示了MasterPage.master文件的設計時視圖。

按此在新窗口瀏覽圖片
圖7 母版頁設計時視圖

  使用Visual Studio 2005可以對母版頁進行編輯,并且它完全支持“所見即所得”功能。無論是在代碼模式下,還是設計模式下,使用Visual Studio 2005編輯母版頁的方法,與編輯普通.ASPx文件是相同的。圖中兩個矩形框表示ContentPlaceHolder控件。開發人員可以直接在矩形框中添加內容,所設置內容的代碼將包含在ContentPlaceHolder控件聲明代碼中。需要注意的是,這種方法是,不規范的,因此,不推薦使用這種做法。

AspNet技術ASP.NET 2.0 中的創建母版頁,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 亚洲91 | 黄网站视频观看免费 | 久久久久久亚洲精品不卡 | 亚洲美女aⅴ久久久91 | 福利在线观看视频 | 51国产偷自视频区视频手机播器 | 色综合综合在线 | 曰本视频网络www色 曰韩美女一级视频 | 国产精品100页 | 午夜激情视频在线观看 | 视频三区精品中文字幕 | 日韩久久久精品首页 | 一区二区精品在线观看 | 91成年人免费视频 | 亚洲成a人片在线v观看 | 97成人免费视频 | 开心综合网 | 在线视频二区 | 国产成人精品自拍 | 欧美激情在线看 | 日本网络视频www色高清免费 | 视频一区二区中文字幕 | 国产午夜看片 | 欧美成人久久一级c片免费 欧美成人免费sss | 91精品自在拍精选久久 | 国产热视频 | 国产福利小视频在线播放观看 | 亚洲热热久久九九精品 | 五月婷综合 | 亚洲欧美日韩国产一区二区三区精品 | 一区二区三区不卡在线观看 | 91国内在线观看 | 国产午夜在线观看视频 | 性欧美www | 国产综合91天堂亚洲国产 | 最新国产在线观看福利91 | 91久久婷婷国产综合精品青草 | 久久中文字幕综合不卡一二区 | 国内一级毛片 | 亚洲国产成人精品激情 | 日韩精品永久免费播放平台 |