ASP.NET 2.0 - Moederpagina (Master Pages)

Moederpagina's (Master Pages) bieden sjablonen voor andere pagina's binnen de website.

Moederpagina (Master Pages)

Master Page geeft u de mogelijkheid om een consistent uiterlijk en gedrag te creëren voor alle pagina's (of pagina-groepen) in een webtoepassing.

Master Page biedt sjablonen voor andere pagina's, met gedeelde indeling en functionaliteit. Master Page definieert placeholders die door inhoudspagina's kunnen worden overschreven. De uitvoer is een combinatie van Master Page en inhoudspagina.

De inhoudspagina bevat de inhoud die u wilt weergeven.

Wanneer een gebruiker een inhoudspagina aanvraagt, mergeert ASP.NET de pagina om de uitvoer te genereren, waarbij de uitvoer de indeling van de Master Page en de inhoud van de inhoudspagina combineert.

Master Page voorbeeld:

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

Master Page is een gewone HTML-sjabloonpagina ontworpen voor andere pagina's.

@ Master-instructieDefinieer het als een master page.

Deze master page bevat een placeholder-tag voor aparte inhoud. <asp:ContentPlaceHolder>.

id="CPH1" Het kenmerk identificeert deze placeholder, en er kunnen meerdere placeholders zijn in dezelfde master page.

Deze masterpagina is opgeslagen als "master1.master".

Opmerking:Deze masterpagina kan ook code bevatten, wat dynamische inhoud mogelijk maakt.

Voorbeeld van inhoudspagina:

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

De bovenstaande inhoudspagina is een van de独立的 inhoudspagina's.

@ Page instructiedat het definieert als een standaard inhoudspagina.

Deze inhoudspagina bevat een inhoudslabel<asp:Content>en de tag verwijst naar de masterpagina (ContentPlaceHolderId="CPH1").

Deze inhoudspagina is opgeslagen als "mypage1.aspx".

Wanneer de gebruiker de pagina verzoekt, voegt ASP.NET de masterpagina en de inhoudspagina samen.

Klik hier om mypage1.aspx te tonen.

Opmerking:De inhoudstekst moet zich binnen de <asp:Content>-tag bevinden. Tekst buiten deze tag is niet toegestaan.

Inhoudspagina met controles

<%@ 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="Knop" />
</form>
</asp:Content>

De bovenstaande inhoudspagina demonstreert hoe je .NET-controles kunt inserten in een inhoudspagina, net als in een gewone pagina.

Klik hier om mypage2.aspx te tonen.