天天看點

ASP.NET Web Forms 自學篇:(十七) 母版頁ASP.NET Web Forms - 母版頁

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 結果:

ASP.NET Web Forms 自學篇:(十七) 母版頁ASP.NET Web Forms - 母版頁

注釋: 内容文本必須位于 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 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字元串方法的使用歸納(直覺,粗暴)