ASP.NET 母版頁

2020-12-10 15:23 更新

ASP.NET Web Forms - 母版頁

使用 ASP.NET 母版頁可以為應(yīng)用程序中的頁創(chuàng)建一致的布局。

母版頁為您的網(wǎng)站的其他頁面提供模版。


母版頁

母版頁允許您為您的 web 應(yīng)用程序中的所有頁面(或頁面組)創(chuàng)建一致的外觀和行為。

母版頁為其他頁面提供模版,帶有共享的布局和功能。母版頁為內(nèi)容定義了可被內(nèi)容頁覆蓋的占位符。輸出結(jié)果是母版頁和內(nèi)容頁的組合。

內(nèi)容頁包含您想要顯示的內(nèi)容。

當(dāng)用戶請求內(nèi)容頁時(shí),ASP.NET 會(huì)對頁面進(jìn)行合并以生成結(jié)合了母版頁布局和內(nèi)容頁內(nèi)容的輸出。


母版頁實(shí)例

<%@ Master %>

<html>
<body>
<h1>Standard Header From Masterpage</h1>
<asp:ContentPlaceHolder id="CPH1" runat="server">
</asp:ContentPlaceHolder>
</body>
</html>

上面的母版頁是一個(gè)為其他頁面設(shè)計(jì)的普通 HTML 模版頁。

@ Master 指令定義它為一個(gè)母版頁。

母版頁為單獨(dú)的內(nèi)容包含占位標(biāo)簽 <asp:ContentPlaceHolder>。

id="CPH1" 屬性標(biāo)識占位符,在相同母版頁中允許多個(gè)占位符。

這個(gè)母版頁被保存為 "master1.master"。

lamp 注釋:母版頁也能夠包含代碼,允許動(dòng)態(tài)的內(nèi)容。


內(nèi)容頁實(shí)例

<%@ Page MasterPageFile="master1.master" %>

<asp:Content ContentPlaceHolderId="CPH1" runat="server">
<h2>Individual Content</h2>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
</asp:Content>

上面的內(nèi)容頁是站點(diǎn)中獨(dú)立的內(nèi)容頁中的一個(gè)。

@ Page 指令定義它為一個(gè)標(biāo)準(zhǔn)的內(nèi)容頁。

內(nèi)容頁包含內(nèi)容標(biāo)簽 <asp:Content>,該標(biāo)簽引用了母版頁(ContentPlaceHolderId="CPH1")。

這個(gè)內(nèi)容頁被保存為 "mypage1.aspx"

當(dāng)用戶請求該頁面時(shí),ASP.NET 就會(huì)將母版頁與內(nèi)容頁進(jìn)行合并。

lamp注釋:內(nèi)容文本必須位于 <asp:Content> 標(biāo)簽內(nèi)部。標(biāo)簽外的內(nèi)容文本是不允許的。


帶控件的內(nèi)容頁

<%@ Page MasterPageFile="master1.master" %>

<asp:Content ContentPlaceHolderId="CPH1" runat="server">
<h2>W3CSchool</h2>
<form runat="server">
<asp:TextBox id="textbox1" runat="server" />
<asp:Button id="button1" runat="server" text="Button" />
</form>
</asp:Content>

上面的內(nèi)容頁演示了如何把 .NET 控件插入內(nèi)容頁,就像插入一個(gè)普通的頁面中。

以上就是與 ASP.NET 母版頁相關(guān)的內(nèi)容,它很好地實(shí)現(xiàn)界面設(shè)計(jì)的模塊化,并且實(shí)現(xiàn)了代碼的重用。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號