ASP.NET Web Pages - Sayfa Düzeni

Web Pages ile düzenli bir görünümde olan web siteleri oluşturmak çok kolaydır.

Birbirine eşit görünüm

İnternet'te, aynı görünümde olan birçok web sitesi bulacaksınız:

  • Her sayfa aynı başlığı paylaşır
  • Her sayfa aynı alt başlığı paylaşır
  • Her sayfa aynı stilleri ve düzeni paylaşır

Web Pages ile bu işlemleri verimli bir şekilde gerçekleştirebilirsiniz. Tekrar kullanılabilir kod blokları (içerik blokları), örneğin başlık ve alt başlık gibi, bağımsız dosyalarda bulunabilir.

Aynı düzeni tüm sayfalar için tanımlamak istiyorsanız, düzen şablonu (düzen dosyası) kullanabilirsiniz.

İçerik bloğu

Birçok web sitesi, her sayfada gösterilmesi gereken içerikler (örneğin, başlık ve alt başlık) içerir.

Web Pages ile @RenderPage() Yöntemler farklı dosyalardan içerik içe aktarır.

İçerik blokları (diğer bir dosyadan gelmektedir) web sayfasının herhangi bir yerine yerleştirilebilir ve metin, etiket ve kod gibi herhangi bir sıradan web sayfası gibi içerir.

Genel başlık ve alt başlık kullanmak, büyük miktarda çalışmayı azaltır. Her sayfada aynı içeriği yazmanıza gerek yok ve başlık veya alt başlık dosyalarını değiştirdiğinizde, içerik tüm sayfalarda güncellenir.

Bu şekilde kodlanmıştır:

Örnek

<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Sayfaları</h1> 
<p>Bu bir paragraftır</p>
@RenderPage("footer.cshtml")
</body>
</html>

Çalıştırma Örneği

Düzen web sayfasını kullanarak

Önceki içerikte, aynı içeriğin birden fazla web sayfasında kolayca referans verdiğinizi gördünüz.

Birbirine eşit görünen bir görünüm oluşturmak için başka bir yöntem, düzen web sayfasını kullanmaktır. Düzen web sayfaları, içerikten ziyade web sayfasının yapısını içerir. Web sayfası (içerik sayfası) düzen sayfasına (şablon) bağlandığında, bu düzen sayfasına (şablon) göre görüntülenir.

Layout sayfaları sıradan web sayfaları gibi görünse de, içerik sayfası yerlerine referans olarak çağrılır. @RenderBody() Yöntemi.

Her içerik sayfası Layout komutuBaşlangıç.

Bu şekilde kodlanmıştır:

Web sayfasını düzenleme:

<html>
<body>
<p>Bu metin.</p>
@RenderBody()
<p>© 2012 CodeW3C.com. Tüm hakları saklıdır.</p>
</body>
</html>

Herhangi Bir Web Sayfası:

@{Layout="Layout.cshtml";}
<h1>Hoş geldiniz CodeW3C.com'a</h1>
<p>
Bu metin. Bu metin. Bu metin. Bu metin. Bu metin. Bu metin. Bu metin. Bu metin.
Bu metin. Bu metin. Bu metin. Bu metin. Bu metin. Bu metin. Bu metin. Bu metin.
Bu metin. Bu metin. Bu metin. Bu metin. Bu metin. Bu metin. Bu metin. Bu metin.
</p>

Çalıştırma Örneği

Kendinizi Tekrarlama

İki ASP.NET aracı, içerik blokları ve yerleşim sayfaları ile web uygulamalarına tutarlı bir görünüm sağlayabilirsiniz.

Bu araçlar, tüm sayfalarda aynı bilgileri tekrarlamak zorunda kalmamanız nedeniyle sizi birçok işten kurtarır. Marka, stil ve kodları birleştirerek web uygulamalarını daha kolay yönetilip bakımı kolay hale getirir.

Kod Sızıntısını Önleme

ASP.NET'te, alt çizgi ile başlayan adlı dosyalar web üzerinden görüntülenemez.

İçerik blokları veya yerleşim dosyalarını kullanıcıların görmesini istemiyorsanız, dosyaları yeniden adlandırın:

  • _header.cshtm
  • _footer.cshtml
  • _Layout.cshtml

Duyarlı Bilgileri Gizleme

ASP.NET'te, duyarlı bilgileri (veritabanı parolaları, e-posta parolaları vb.) gizlemek için bu bilgileri "_AppStart" adlı bağımsız bir dosyada saklamak yaygın bir yöntemdir.

_AppStart.cshtml

@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "username@example.com";
WebMail.Password = "your-password";
WebMail.From = "your-name-here@example.com";
}