ASP.NET Web Forms - 母版頁
下一篇:ASP.NET Web Forms 自學篇:(十八) 導航
上一篇:ASP.NET Web Forms 自學篇:(十六) 資料庫連接配接
母版頁為您的網站的其他頁面提供模版。
母版頁
母版頁允許您為您的 web 應用程式中的所有頁面(或頁面組)建立一緻的外觀和行為。
母版頁為其他頁面提供模版,帶有共享的布局和功能。母版頁為内容定義了可被内容頁覆寫的占位符。輸出結果是母版頁和内容頁的組合。
内容頁包含您想要顯示的内容。
當使用者請求内容頁時,ASP.NET 會對頁面進行合并以生成結合了母版頁布局和内容頁内容的輸出。
母版頁執行個體
<%@ Master %>
<html>
<body>
<h1>Standard Header From Masterpage</h1>
<asp:ContentPlaceHolder id="CPH1" runat="server">
</asp:ContentPlaceHolder>
</body>
</html>
上面的母版頁是一個為其他頁面設計的普通 HTML 模版頁。
@ Master 指令定義它為一個母版頁。
母版頁為單獨的内容包含占位标簽 < asp:ContentPlaceHolder>。
id=“CPH1” 屬性辨別占位符,在相同母版頁中允許多個占位符。
這個母版頁被儲存為 “master1.master”。
注釋: 母版頁也能夠包含代碼,允許動态的内容。
内容頁執行個體
<%@ Page MasterPageFile="master1.master" %>
<asp:Content ContentPlaceHolderId="CPH1" runat="server">
<h2>Individual Content</h2>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
</asp:Content>
上面的内容頁是站點中獨立的内容頁中的一個。
@ Page 指令定義它為一個标準的内容頁。
内容頁包含内容标簽 asp:Content,該标簽引用了母版頁(ContentPlaceHolderId=“CPH1”)。
這個内容頁被儲存為 “mypage1.aspx”。
當使用者請求該頁面時,ASP.NET 就會将母版頁與内容頁進行合并。
mypage1.aspx 結果:
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyZuBnL1ETN1UDNyQTMzITMwkTMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
注釋: 内容文本必須位于 asp:Content 标簽内部。标簽外的内容文本是不允許的。
帶控件的内容頁
<%@ Page MasterPageFile="master1.master" %>
<asp:Content ContentPlaceHolderId="CPH1" runat="server">
<h2>RUNOOB</h2>
<form runat="server">
<asp:TextBox id="textbox1" runat="server" />
<asp:Button id="button1" runat="server" text="Button" />
</form>
</asp:Content>
上面的内容頁示範了如何把 .NET 控件插入内容頁,就像插入一個普通的頁面中。
mypage2.aspx 結果:
下一篇:ASP.NET Web Forms 自學篇:(十八) 導航
上一篇:ASP.NET Web Forms 自學篇:(十六) 資料庫連接配接
友情連結:
ASP.NET MVC零基礎自學篇:(一)ASP.NET MVC簡介
ASP.NET Razor篇——标記
C#将Excel表格内容導入資料庫–ASP.NET MVC
JQuery ajax 實作關閉彈窗,重新整理清單
ASP.NET MVC的 Action跳轉方法歸納部分
jQuery實作checkbox多選,單選與資料庫互動傳值,指派整理
C# String字元串方法的使用歸納(直覺,粗暴)