ASP.NET 2.0 - Muster sider (Master Pages)

Muster sider (Master Pages) leverer skabeloner til andre sider inden for webstedet.

Muster sider (Master Pages)

Master Page giver dig mulighed for at skabe en konsistent udseende og adfærd for alle sider (eller sidegrupper) i web applikationen.

Master Page leverer skabeloner til andre sider, med delt layout og funktioner. Master Page definerer pladsholdere, der kan overkendes af indholdssider. Uddraget er en kombination af Master Page og indholdssiderne.

Indholdssider indeholder det indhold, du vil vise.

Når brugeren anmoder om indholdssider, kombinerer ASP.NET siderne for at generere output, hvor output resultaterne kombinerer Master Page's layout og indholdssiderne.

Master Page eksempel:

<%@ Master %>
<html>
<body>
<h1>Standard Header For All Pages</h1>
<asp:ContentPlaceHolder id="CPH1" runat="server">
</asp:ContentPlaceHolder>
</body>
</html>

Master Page er en almindelig HTML skabelon side designet til andre sider.

@ Master instruktionDefiner det som en master side.

Denne master side indeholder en pladsholderetiket til enkelt indhold. <asp:ContentPlaceHolder>。

id="CPH1" Egenskab identificerer dette pladsholder, og flere pladsholdere kan eksistere på samme master side.

该 master page 被保存为 "master1.master"。

注释：该 master page 也能够包含代码，允许动态的内容。

内容页实例：

<%@ Page MasterPageFile="master1.master" %>
<asp:Content ContentPlaceHolderId="CPH1" runat="server">
<h2>Individual Content</h2>
<p>Paragrap 1</p>
<p>Paragrap 2</p>
</asp:Content>

上面的内容页是独立的内容页面之一。

@ Page 指令把它定义为一张标准的内容页面。

该内容页面包含了一个内容标签<asp:Content>，该标签引用了母版页(ContentPlaceHolderId="CPH1")。

该内容页被保存为 "mypage1.aspx"。

当用户请求该页面时，ASP.NET 就会将母版页与内容页进行合并。

点击这里显示 mypage1.aspx。

注释：内容文本必须位于 <asp:Content> 标签内。该标签外的文本是不被允许的。

带有控件的内容页

<%@ Page MasterPageFile="master1.master" %>
<asp:Content ContentPlaceHolderId="CPH1" runat="server">
<h2>W3School</h2>
<form runat="server">
<asp:TextBox id="textbox1" runat="server" />
<asp:Button id="button1" runat="server" text="Button" />
</form>
</asp:Content>

上面的内容页演示了如何把 .NET 控件插入内容页，就像插入一个普通的页面中。

点击这里显示 mypage2.aspx。