Dengan Halaman Web mudah untuk membuat situs web dengan tata letak yang konsisten.
A Look Konsisten
Di Internet Anda akan menemukan banyak situs web dengan tampilan yang konsisten dan nuansa:
- Setiap halaman memiliki header 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 dapat digunakan kembali konten (content blocks) , seperti header dan footer, dalam file terpisah.
Anda juga dapat menentukan tata letak yang konsisten untuk semua halaman Anda, menggunakan template tata letak (layout file) .
Blok konten
Banyak situs memiliki konten yang ditampilkan pada setiap halaman (like headers and footers) .
Dengan Halaman Web Anda dapat menggunakan @ RenderPage() metode untuk mengimpor konten dari file terpisah.
Konten blok (from another file) dapat diimpor mana saja di halaman web, dan dapat berisi teks, markup, dan kode, seperti halaman web biasa.
Menggunakan header umum dan footer sebagai contoh, ini akan menghemat banyak pekerjaan. Anda tidak harus menulis konten yang sama di setiap halaman, dan ketika Anda mengubah header atau footer file, konten diperbarui di semua halaman Anda.
Ini adalah bagaimana 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> Menjalankan contoh » Menggunakan Layout Halaman
Pada bagian sebelumnya, Anda melihat bahwa termasuk konten yang sama di banyak halaman web mudah.
Pendekatan lain untuk menciptakan tampilan yang konsisten adalah dengan menggunakan tata letak halaman. Sebuah halaman tata letak mengandung struktur, tapi bukan isi, dari halaman web. Ketika sebuah halaman web (content page) terkait ke halaman tata letak, itu akan ditampilkan sesuai dengan tata letak halaman (template) .
Halaman tata letak adalah seperti halaman web biasa, kecuali dari panggilan ke @ RenderBody() metode dimana halaman konten akan disertakan.
Setiap halaman konten harus dimulai dengan direktif Layout.
Ini adalah bagaimana tampilannya dalam kode:
Layout Halaman:
<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>© 2014 w3ii. All rights reserved.</p>
</body>
</html>
Setiap Halaman Web:
@{Layout="Layout.cshtml";}
<h1>Welcome to w3ii</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>
Menjalankan contoh » DRY - Jangan Ulangi Diri
Dengan alat dua ASP.NET, Blok Konten dan Layout Pages, Anda dapat memberikan aplikasi web Anda tampilan yang konsisten.
Alat-alat ini juga menghemat banyak pekerjaan, karena Anda tidak perlu mengulangi informasi yang sama pada semua halaman. Sentralisasi markup, gaya, dan kode membuat aplikasi web jauh lebih mudah dikelola dan lebih mudah untuk mempertahankan.
Mencegah File dari sedang diakses
Dengan ASP.NET, file dengan nama yang dimulai dengan tanda garis bawah tidak dapat diakses dari web.
Jika Anda ingin mencegah blok konten atau file layout dari yang dilihat oleh pengguna Anda, mengubah nama file ke:
_header.cshtml
_footer.cshtml
_Layout.cshtml
Menyembunyikan Informasi Sensitif
Dengan ASP.NET, cara yang umum untuk menyembunyikan informasi sensitif (password database password email, dll) adalah untuk menjaga informasi 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]";
}