Susun atur Halaman Web
Halaman Web ASP.NET - Reka Letak Halaman
Mewujudkan tapak web yang disusun secara konsisten adalah mudah dengan Halaman Web.
Pandangan Konsisten
Di seluruh Internet anda akan menemui banyak tapak web yang mempunyai rupa dan rasa yang konsisten:
Setiap Halaman mempunyai perkara yang sama pengepala
Setiap halaman mempunyai bahagian bawah yang sama
Setiap halaman mempunyai gaya dan susun atur yang sama
Dengan Halaman Web, anda boleh melakukan ini dengan sangat cekap. Anda boleh menulis blok kandungan yang digunakan semula (seperti pengepala halaman dan pengaki) dalam fail yang berasingan.
Anda juga boleh menggunakan templat reka letak (fail reka letak) untuk menentukan reka letak yang konsisten untuk semua halaman tapak anda.
Sekatan Kandungan
Banyak tapak web mempunyai beberapa kandungan yang dipaparkan pada setiap halaman tapak (seperti pengepala dan pengaki halaman).
Dengan Halaman Web, anda boleh mengimport kandungan daripada fail berbeza menggunakan kaedah @RenderPage().
Blok kandungan (daripada fail lain) boleh diimport di mana-mana sahaja pada halaman. Blok kandungan boleh mengandungi teks, penanda dan kod seperti mana-mana halaman web biasa.
Menulis tajuk dan bahagian bawah biasa ke dalam fail yang berasingan akan menjimatkan banyak kerja anda. Anda tidak perlu menulis kandungan yang sama dalam setiap halaman Apabila kandungan berubah, anda hanya perlu mengubah suai tajuk atau fail bawah, dan anda akan melihat bahawa kandungan yang sepadan bagi setiap halaman dalam tapak telah dikemas kini.
Berikut menunjukkan cara ia dipaparkan dalam kod:
Instance
<html> <body> @RenderPage("header.cshtml") <h1>Hello Web Pages</h1> <p>This is a paragraph</p> @RenderPage("footer.cshtml") </body> </html>
Running Instance»
Klik butang "Jalankan Instance" untuk melihat contoh dalam talian
Halaman Reka Letak (halaman susun atur)
Dalam bahagian sebelumnya, anda melihatnya dan mahu untuk mengetahui lebih lanjut Sangat mudah untuk memaparkan kandungan yang sama pada berbilang halaman web.
Cara lain untuk mencipta rupa yang konsisten ialah menggunakan halaman reka letak. Halaman reka letak mengandungi struktur halaman web, bukan kandungan. Apabila halaman web (halaman kandungan) dipautkan ke halaman susun atur, ia dipaparkan mengikut struktur halaman susun atur (templat). Halaman reka letak
menggunakan kaedah @RenderBody() untuk membenamkan halaman kandungan Selain daripada itu, ia tidak berbeza daripada halaman web biasa.
Setiap halaman kandungan mesti bermula dengan arahan reka letak.
Berikut menunjukkan cara ia dipaparkan dalam kod:
Halaman reka letak:
<body>
< p>Ini ialah teks pengepala</p>
@RenderBody()
<p>© 2012 W3CSchool.</p>
< body>
</html>
Mana-mana halaman web:
Instance
@{Layout="Layout.cshtml";} <h1> Welcome to W3Cschool </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. Duis aute irure dolor inreprehenderit in voluptate velit esse cillum dolore eu fugiat nullapariatur. Excepteur sint occaecat cupidatat non proident, sunt inculpa qui officia deserunt mollit anim id est laborum.</p>
Jalankan Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
D.R.Y. - Jangan Ulangi Sendiri
Dengan dua alat ASP.NET Blok Kandungan dan Halaman Reka Letak, anda boleh menjadikan paparan aplikasi web anda Konsisten.
Kedua-dua alatan ini boleh menjimatkan banyak kerja anda kerana anda tidak perlu mengulang maklumat yang sama pada setiap halaman. Penanda berpusat, gaya dan kod menjadikan aplikasi web anda lebih mudah untuk diurus dan diselenggara.
Halang fail daripada dilihat
Dalam ASP.NET, nama fail bermula dengan garis bawah boleh menghalang fail ini daripada dilihat dalam talian.
Jika anda tidak mahu blok kandungan atau halaman reka letak anda kelihatan kepada pengguna anda, anda boleh menamakan semula fail ini:
_header.cshtm
_footer.cshtml
_Layout.cshtml
Sembunyikan maklumat sensitif
Dalam ASP.NET, cara yang paling biasa untuk menyembunyikan maklumat sensitif (kata laluan pangkalan data, kata laluan e-mel, dll.) adalah dengan Maklumat ini disimpan dalam fail berasingan bernama "_AppStart".
_AppStart.cshtml
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
UserNailMail = "username@example.com";
WebMail.Password = "your-password";
WebMail.From = "your-name-here@example.com";
}