ASP.NET 母版頁(yè)

2020-12-10 15:23 更新

ASP.NET Web Forms - 母版頁(yè)

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

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


母版頁(yè)

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

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

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

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


母版頁(yè)實(shí)例

<%@ Master %>

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

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

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

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

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

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

lamp 注釋?zhuān)耗赴骓?yè)也能夠包含代碼,允許動(dòng)態(tài)的內(nèi)容。


內(nèi)容頁(yè)實(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)容頁(yè)是站點(diǎn)中獨(dú)立的內(nèi)容頁(yè)中的一個(gè)。

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

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

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

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

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


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

<%@ 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)容頁(yè)演示了如何把 .NET 控件插入內(nèi)容頁(yè),就像插入一個(gè)普通的頁(yè)面中。

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

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)