Bagian ini memperkenalkan penggunaan
Halaman Web ASP.NET untuk mencapai tata letak halaman terpadu.Dengan Halaman Web, membuat situs web yang ditata secara konsisten menjadi mudah.
Di Internet, Anda akan menemukan banyak situs web yang memiliki tampilan dan nuansa yang konsisten:
Setiap halaman memiliki header yang sama
Setiap halaman memiliki bagian bawah yang sama
Setiap halaman memiliki gaya dan tata letak yang sama
Dengan Halaman Web, Anda dapat melakukan ini dengan sangat efisien. Anda dapat menulis blok konten yang digunakan kembali (seperti header dan footer halaman) dalam file terpisah.
Anda juga dapat menggunakan templat tata letak (file tata letak) untuk menentukan tata letak yang konsisten untuk semua halaman situs Anda.
Banyak situs web memiliki beberapa konten yang ditampilkan di setiap halaman situs (seperti halaman header dan footer).
Dengan Halaman Web, Anda dapat menggunakan metode @RenderPage() untuk mengimpor konten dari file yang berbeda.
Blok konten (dari file lain) dapat diimpor di mana saja di halaman web. Blok konten dapat berisi teks, markup, dan kode sama seperti halaman web biasa.
Menulis header dan footer umum ke dalam file terpisah akan menghemat banyak pekerjaan. Anda tidak perlu menulis konten yang sama di setiap halaman. Saat konten berubah, Anda hanya perlu mengubah file header atau bawah, dan Anda akan melihat bahwa konten terkait dari setiap halaman di situs telah diperbarui.
Berikut tampilannya dalam kode:
<html> <tubuh> @RenderPage("header.cshtml") <h1>Halo Halaman Web</h1> <p>Ini adalah paragraf</p> @RenderPage("footer.cshtml") </tubuh> </html>Di bagian sebelumnya, Anda telah melihat bahwa sangat mudah untuk menampilkan konten yang sama di beberapa halaman web.
Cara lain untuk menciptakan tampilan yang konsisten adalah dengan menggunakan halaman tata letak. Halaman tata letak berisi struktur halaman web, bukan konten. Ketika halaman web (halaman konten) ditautkan ke halaman tata letak, halaman tersebut ditampilkan sesuai dengan struktur halaman tata letak (templat).
Metode @RenderBody() digunakan untuk menyematkan halaman konten di halaman tata letak. Selain itu, tidak ada bedanya dengan halaman web biasa.
Setiap halaman konten harus dimulai dengan arahan tata letak .
Berikut tampilannya dalam kode:
<html> <body> <p>Ini adalah teks header</p> @RenderBody() <p>© 2012 W3CSchool. Semua hak dilindungi undang-undang.</p> </body> </html>
@{Layout="Layout.cshtml";} <h1>Selamat datang di w3cschool.cn</h1> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elite,sed do eiusmod tempor incididunt ut labore dan dolore magna aliqua ex ea commodo consequat. </p>Melalui dua alat ASP.NET, Blok Konten dan Halaman Tata Letak, Anda dapat memberikan tampilan dan nuansa yang konsisten pada aplikasi Web Anda.
Kedua alat ini dapat menghemat banyak pekerjaan karena tidak perlu mengulangi informasi yang sama di setiap halaman. Markup, gaya, dan kode terpusat membuat aplikasi web Anda lebih mudah dikelola dan dipelihara.
Di ASP.NET, nama file dimulai dengan garis bawah untuk mencegah file ini dilihat di Internet.
Jika Anda tidak ingin blok konten atau halaman tata letak Anda terlihat oleh pengguna, Anda dapat mengganti nama file berikut:
_header.cshtm
_footer.cshtml
_Layout.cshtml
Di ASP.NET, cara paling umum untuk menyembunyikan informasi sensitif (kata sandi database, kata sandi email, dll.) adalah dengan menyimpan informasi ini dalam file terpisah bernama "_AppStart".
@{ WebMail.SmtpServer = "mailserver.example.com"; WebMail.EnableSsl = true; WebMail.UserName = "nama [email protected]"; -di [email protected]"; }Di atas adalah tentang konten tata letak Halaman Web ASP.NET. Jika Anda menginginkan tata letak halaman web yang lebih nyaman dan terpadu, Anda dapat mencoba Halaman Web ASP.NET untuk tata letaknya.