ASP.NET 2.0 - Halaman Master (Master Pages)

Halaman Master (Master Pages) menyediakan template untuk halaman lain di dalam situs.

Halaman Master (Master Pages)

Master Page memberikan kemampuan untuk membuat penampilan dan perilaku yang konsisten untuk semua halaman (atau grup halaman) di aplikasi web.

Master Page menyediakan template untuk halaman lain, dengan layout dan fungsi yang berbagi. Master Page mendefinisikan placeholder yang dapat di-overwrite oleh halaman konten. Output adalah kombinasi Master Page dan halaman konten.

Halaman konten mengandung konten yang ingin ditampilkan.

Ketika pengguna meminta halaman konten, ASP.NET akan merger halaman untuk menghasilkan output, output ini merger antara layout Master Page dan konten halaman.

Contoh Master Page:

<%@ Master %>
<html>
<body>
<h1>Header Standar untuk Semua Halaman</h1>
<asp:ContentPlaceHolder id="CPH1" runat="server">
</asp:ContentPlaceHolder>
</body>
</html>

Halaman Master adalah halaman HTML template biasa yang dirancang untuk halaman lain.

@ Master instruksiDefinisikan halaman ini sebagai halaman master.

Halaman master ini mempunyai tag placeholder untuk konten yang terpisah. <asp:ContentPlaceHolder>.

id="CPH1" Identitas atribut ini menunjukkan placeholder, memungkinkan beberapa placeholder di halaman master yang sama.

Halaman master ini disimpan sebagai "master1.master".

Keterangan:Halaman master ini juga dapat mengandung kode, yang memungkinkan konten yang berubah-ubah.

Contoh halaman konten:

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

Halaman konten di atas adalah salah satu halaman konten yang terpisah.

Instruksi @ PageDefinisikan halaman konten standar.

Halaman konten ini mengandung satu tag konten<asp:Content>, yang mengacu ke halaman master (ContentPlaceHolderId="CPH1").

Halaman konten ini disimpan sebagai "mypage1.aspx".

Ketika pengguna meminta halaman ini, ASP.NET akan menyatukan halaman master dengan halaman konten.

Klik di sini untuk menampilkan mypage1.aspx.

Keterangan:Tekst konten harus berada di dalam tag <asp:Content>. Tekst di luar tag ini tidak diizinkan.

Halaman konten dengan kontrol

<%@ 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>

Konten halaman di atas menunjukkan bagaimana mengisi kontrol .NET ke halaman konten, seperti yang diisi di halaman biasa.

Klik di sini untuk menampilkan mypage2.aspx.