tutorial pengembangan web terbaru
 

ASP.NET Formulir Web - Master Pages


halaman master menyediakan template untuk halaman lain di situs web Anda.


Master Pages

Halaman master memungkinkan Anda untuk membuat tampilan yang konsisten dan perilaku untuk semua halaman (or group of pages) dalam aplikasi web Anda.

Sebuah halaman master menyediakan template untuk halaman lain, dengan tata letak dan fungsi bersama. Halaman master mendefinisikan penampung untuk konten, yang dapat diganti dengan halaman konten. Hasil output kombinasi dari halaman master dan halaman konten.

Halaman konten berisi konten yang ingin ditampilkan.

Ketika pengguna meminta halaman konten, ASP.NET menggabungkan halaman untuk menghasilkan output yang menggabungkan tata letak halaman master dengan isi dari halaman konten.


Master Page Contoh

<%@ Master %>

<html>
<body>
<h1>Standard Header From Masterpage</h1>
<asp:ContentPlaceHolder id="CPH1" runat="server">
</asp:ContentPlaceHolder>
</body>
</html>

Halaman master di atas adalah halaman HTML biasa dirancang sebagai template untuk halaman lain.

The @ Master direktif mendefinisikan sebagai halaman master.

Halaman master berisi tag placeholder <asp:ContentPlaceHolder> untuk konten individu.

The id="CPH1" atribut mengidentifikasi placeholder, memungkinkan banyak tempat pada halaman master yang sama.

Halaman master ini disimpan dengan nama "master1.master".

Catatan: halaman master juga dapat berisi kode, yang memungkinkan konten dinamis.


Contoh Halaman konten

<%@ Page MasterPageFile="master1.master" %>

<asp:Content ContentPlaceHolderId="CPH1" runat="server">
  <h2>Individual Content</h2>
  <p>Paragraph 1</p>
  <p>Paragraph 2</p>
</asp:Content>

Halaman konten di atas adalah salah satu halaman konten individu web.

The @ Page direktif mendefinisikan sebagai halaman konten standar.

Halaman konten berisi tag konten <asp:Content> dengan referensi ke halaman master (ContentPlaceHolderId="CPH1") .

Halaman konten ini disimpan dengan nama "mypage1.aspx" .

Ketika permintaan pengguna halaman ini, ASP.NET menggabungkan halaman konten dengan halaman master.

Klik untuk menampilkan mypage1.aspx.

Catatan: Teks konten harus di dalam <asp:Content> tag. Tidak ada konten yang diperbolehkan di luar tag.


Konten Halaman Dengan Kontrol

<%@ Page MasterPageFile="master1.master" %>

<asp:Content ContentPlaceHolderId="CPH1" runat="server">
  <h2>w3ii</h2>
  <form runat="server">
    <asp:TextBox id="textbox1" runat="server" />
    <asp:Button id="button1" runat="server" text="Button" />
  </form>
</asp:Content>

Halaman konten di atas menunjukkan bagaimana kontrol NET dapat dimasukkan ke dalam halaman konten seperti sebuah ke dalam halaman biasa.

Klik untuk menampilkan mypage2.aspx.