Halaman Web ASP.NET - Tata Letak Halaman
Dengan Halaman Web, mudah untuk membuat situs web dengan tata letak yang konsisten.
Tampilan yang Konsisten
Di Internet Anda akan menemukan banyak situs web dengan tampilan dan nuansa yang konsisten:
- Setiap halaman memiliki tajuk yang sama
- Setiap halaman memiliki footer yang sama
- Setiap halaman memiliki gaya dan tata letak yang sama
Dengan Halaman Web ini dapat dilakukan dengan sangat efisien. Anda dapat memiliki blok konten yang dapat digunakan kembali (blok konten), seperti header dan footer, dalam file terpisah.
Anda juga dapat menentukan tata letak yang konsisten untuk semua halaman Anda, menggunakan template tata letak (file tata letak).
Blok Konten
Banyak situs web memiliki konten yang ditampilkan di setiap halaman (seperti header dan footer).
Dengan Halaman Web Anda dapat menggunakan metode @RenderPage() untuk mengimpor konten dari file terpisah.
Blok konten (dari file lain) dapat diimpor di mana saja di halaman web, dan dapat berisi teks, markup, dan kode, sama seperti halaman web biasa.
Menggunakan header dan footer umum sebagai contoh, ini akan menghemat banyak pekerjaan Anda. Anda tidak harus menulis konten yang sama di setiap halaman, dan saat Anda mengubah file header atau footer, konten diperbarui di semua halaman Anda.
Ini adalah tampilannya dalam kode:
Contoh
<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>
Menggunakan Halaman Tata Letak
Di bagian sebelumnya, Anda melihat bahwa memasukkan konten yang sama di banyak halaman web itu mudah.
Pendekatan lain untuk menciptakan tampilan yang konsisten adalah dengan menggunakan halaman tata letak. Halaman tata letak berisi struktur, tetapi bukan konten, dari halaman web. Ketika halaman web (halaman konten) ditautkan ke halaman tata letak, itu akan ditampilkan sesuai dengan halaman tata letak (templat).
Halaman tata letak sama seperti halaman web biasa, kecuali dari panggilan ke metode @RenderBody() di mana halaman konten akan disertakan.
Setiap halaman konten harus dimulai dengan arahan Layout .
Ini adalah tampilannya dalam kode:
Halaman Tata Letak:
<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>© 2014 W3Schools. All rights reserved.</p>
</body>
</html>
Setiap Halaman Web:
@{Layout="Layout.cshtml";}
<h1>Welcome to W3Schools</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laborisnisi ut aliquip ex ea commodo consequat.
</p>
KERING - Jangan Ulangi Sendiri
Dengan dua alat ASP.NET, Blok Konten dan Halaman Tata Letak, Anda dapat memberikan tampilan yang konsisten pada aplikasi web Anda.
Alat ini juga menghemat banyak pekerjaan, karena Anda tidak perlu mengulang informasi yang sama di semua halaman. Memusatkan markup, gaya, dan kode membuat aplikasi web jauh lebih mudah dikelola dan lebih mudah dirawat.
Mencegah File dari Dijelajahi
Dengan ASP.NET, file dengan nama yang dimulai dengan garis bawah tidak dapat dijelajahi dari web.
Jika Anda ingin mencegah blok konten atau file tata letak dilihat oleh pengguna Anda, ganti nama file menjadi:
_header.cshtml
_footer.cshtml
_Layout.cshtml
Menyembunyikan Informasi Sensitif
Dengan ASP.NET, cara umum untuk menyembunyikan informasi sensitif (sandi basis data, sandi email, dll.) adalah dengan menyimpan informasi tersebut dalam file terpisah bernama "_AppStart".
_AppStart.cshtml
@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "[email protected]";
WebMail.Password = "your-password";
WebMail.From = "[email protected]";
}