ASP.NET Web Sayfaları - Sayfa Düzeni
Web Sayfaları ile tutarlı bir düzene sahip bir web sitesi oluşturmak kolaydır.
Tutarlı Bir Bakış
İnternette tutarlı bir görünüme ve hisse sahip birçok web sitesi keşfedeceksiniz:
- Her sayfada aynı başlığa sahip
- Her sayfada aynı altbilgi var
- Her sayfa aynı stile ve düzene sahiptir
Web Sayfaları ile bu çok verimli bir şekilde yapılabilir. Ayrı dosyalarda üstbilgiler ve altbilgiler gibi yeniden kullanılabilir içerik bloklarına (içerik blokları) sahip olabilirsiniz.
Ayrıca bir düzen şablonu (düzen dosyası) kullanarak tüm sayfalarınız için tutarlı bir düzen tanımlayabilirsiniz.
İçerik Blokları
Birçok web sitesinde her sayfada görüntülenen içerik bulunur (üstbilgiler ve altbilgiler gibi).
Web Sayfaları ile, içeriği ayrı dosyalardan içe aktarmak için @RenderPage() yöntemini kullanabilirsiniz.
İçerik bloğu (başka bir dosyadan) bir web sayfasındaki herhangi bir yere aktarılabilir ve herhangi bir normal web sayfası gibi metin, işaretleme ve kod içerebilir.
Örnek olarak ortak üstbilgileri ve altbilgileri kullanmak, size çok fazla iş kazandırır. Her sayfaya aynı içeriği yazmak zorunda değilsiniz ve üstbilgi veya altbilgi dosyalarını değiştirdiğinizde tüm sayfalarınızda içerik güncellenir.
Kodda şöyle görünür:
Örnek
<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>
Düzen Sayfası Kullanma
Bir önceki bölümde aynı içeriği birçok web sayfasına dahil etmenin kolay olduğunu gördünüz.
Tutarlı bir görünüm oluşturmaya yönelik başka bir yaklaşım, bir yerleşim sayfası kullanmaktır. Bir yerleşim sayfası, bir web sayfasının yapısını içerir, ancak içeriğini içermez. Bir web sayfası (içerik sayfası) bir yerleşim sayfasına bağlandığında, yerleşim sayfasına (şablon) göre görüntülenecektir.
Düzen sayfası, içerik sayfasının dahil edileceği @RenderBody() yöntemine yapılan bir çağrı dışında normal bir web sayfası gibidir .
Her içerik sayfası bir Düzen yönergesi ile başlamalıdır .
Kodda şöyle görünür:
Düzen Sayfası:
<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>© 2014 W3Schools. All rights reserved.</p>
</body>
</html>
Herhangi bir Web Sayfası:
@{Layout="Layout.cshtml";}
<h1>Welcome to W3Schools</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>
KURU - Kendinizi Tekrar Etmeyin
İki ASP.NET aracı, İçerik Blokları ve Düzen Sayfaları ile web uygulamalarınıza tutarlı bir görünüm verebilirsiniz.
Bu araçlar aynı zamanda tüm sayfalarda aynı bilgileri tekrarlamanız gerekmediği için sizi çok fazla iş yükünden kurtarır. İşaretleme, stil ve kodun merkezileştirilmesi, web uygulamalarını çok daha yönetilebilir ve bakımı daha kolay hale getirir.
Dosyaların Taranmasını Önleme
ASP.NET ile, alt çizgi ile başlayan bir ada sahip dosyalar web'den taranamaz.
İçerik bloklarınızın veya düzen dosyalarınızın kullanıcılarınız tarafından görüntülenmesini engellemek istiyorsanız, dosyaları şu şekilde yeniden adlandırın:
_header.cshtml
_footer.cshtml
_Layout.cshtml
Hassas Bilgileri Gizleme
ASP.NET ile hassas bilgileri (veritabanı parolaları, e-posta parolaları vb.) gizlemenin yaygın yolu, bilgileri "_AppStart" adlı ayrı bir dosyada tutmaktır.
_AppStart.cshtml
@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "[email protected]";
WebMail.Password = "your-password";
WebMail.From = "[email protected]";
}