Latest web development tutorials

ASP.NET Pages Web Layout

Oleh Halaman Web, membuat tata letak yang konsisten dari situs adalah hal yang sangat mudah dilakukan.


penampilan konsisten

Di Internet, Anda akan menemukan itu atas situs memiliki tampilan yang konsisten dan nuansa:

  • Setiap halaman memiliki kepala yang sama
  • Setiap halaman memiliki dasar yang sama
  • Setiap halaman memiliki gaya dan tata letak yang sama

Oleh Halaman Web, Anda dapat melakukannya dengan sangat efisien. Anda dapat menggunakan kembali blok konten (seperti kepala dan bagian bawah halaman) ditulis dalam file terpisah.

Anda juga dapat menggunakan tata letak template (file layout) untuk semua halaman situs yang konsisten dengan definisi tata letak.


Konten Blok (konten block)

Banyak situs memiliki beberapa konten yang akan ditampilkan (seperti halaman header dan footer) pada setiap halaman di situs.

Oleh Halaman Web, Anda dapat menggunakan metode@RenderPage () untuk mengimpor konten dari file yang berbeda.

blok konten (dari file lain) di mana saja pada halaman Web dapat diimpor. blok konten dapat berisi teks, markup dan kode, sama seperti web biasa yang sama.

Ini akan ditulis dalam file header umum terpisah dan footer, yang akan membantu Anda menghemat banyak pekerjaan. Anda tidak harus menulis konten yang sama pada setiap halaman, ketika perubahan konten, Anda hanya mengubah kepala atau bawah file, Anda dapat melihat situs dari isi setiap halaman telah diperbarui.

Kode berikut menunjukkan bagaimana itu disajikan:

contoh

<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>

Menjalankan contoh »


Tata letak halaman (page layout)

Pada bagian sebelumnya, Anda lihat, dan ingin menampilkan konten yang sama sangat mudah pada beberapa halaman.

Cara lain untuk membuat tampilan yang konsisten adalah dengan menggunakan tata letak halaman. Halaman tata letak berisi struktur pada halaman, bukan konten. Ketika sebuah halaman web (halaman konten) link ke tata letak halaman, maka akan ditampilkan sesuai dengan tata letak halaman (template) struktur.

digunakan @RenderBody () metode tata letak halaman untuk menanamkan halaman konten, di samping itu, tidak membuat perbedaan dengan halaman web biasa.

Setiap halaman konten harus mulai dengan petunjuk tata letak.

Kode berikut menunjukkan bagaimana itu disajikan:

tata letak halaman:

<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>&copy; 2012 W3CSchool. All rights reserved.</p>
</body>
</html>

Setiap halaman:

@{Layout="Layout.cshtml";}

<h1>Welcome to W3CSchool.cc</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 Yourself (tidak mengulang sendiri)

Dengan Blok Konten (isi blok) dan Layout Pages (tata letak halaman) kedua alat ASP.NET, Anda dapat membuat aplikasi Web Anda menampilkan tampilan yang konsisten.

Kedua alat ini dapat membantu Anda menghemat banyak pekerjaan, Anda tidak perlu mengulangi informasi yang sama pada setiap halaman. tag set, gaya dan kode untuk aplikasi Web Anda lebih mudah untuk mengelola, mudah untuk mempertahankan.


Isi mencegah file dari yang

Di ASP.NET, nama file yang dimulai dengan tanda garis bawah, Anda dapat mencegah file-file ini browsing Internet.

Jika Anda tidak ingin memblokir konten atau tata letak halaman dilihat pengguna Anda, Anda dapat mengubah nama file-file ini:

_header.cshtm

_footer.cshtml

_Layout.cshtml


Menyembunyikan informasi sensitif

Dalam ASP.NET, menyembunyikan informasi sensitif (password database, password e-mail, dll) Metode yang paling umum adalah untuk menyimpan informasi ini dalam sebuah file bernama "_AppStart" file terpisah.

_AppStart.cshtml

@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "[email protected]";
WebMail.Password = "your-password";
WebMail.From = "[email protected]";
}