En son web geliştirme öğreticiler
 

ASP.NET Web Sayfaları - Sayfa Düzeni


Web Sayfaları sayesinde tutarlı düzeni ile bir web sitesi oluşturmak kolaydır.


Bir Tutarlı Bakış

İnternette Tutarlı bir görünüm ve his ile birçok web sitelerini keşfedeceksiniz:

  • Her sayfa aynı başlığa sahip
  • Her sayfa aynı alt bilgiye sahiptir
  • Her sayfa aynı stil ve düzen

Web Sayfaları ile bu çok verimli yapılabilir. Sen içeriğin yeniden bloklarını olabilir (content blocks) ayrı dosyalarda üstbilgi ve altbilgiler gibi.

Ayrıca bir düzen şablonu kullanarak, tüm sayfaları için tutarlı bir düzen tanımlayabilir (layout file) .


İçerik Blokları

Birçok web sitesi her sayfada görüntülenen içeriğe sahip (like headers and footers) .

Web Sayfaları ile kullanabilirsiniz @ RenderPage() ayrı dosyalar içerik aktarmak için bir yöntem.

İçerik bloğu (from another file) bir yerde web sayfasında alınabilir ve sadece herhangi bir normal web sayfası gibi, metin, işaretlemeyi ve kod içerebilir.

Örnek olarak ortak üstbilgi ve altbilgi kullanarak, bu size bir sürü iş kaydeder. Her sayfada aynı içeriğe yazmak zorunda değilsiniz ve üstbilgi veya altbilgi dosyaları değiştirdiğinizde, içerik tüm sayfalarında güncellenir.

o kodda nasıl olduğunu gösteriyor:

Örnek

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

Bir Düzen Sayfasını Kullanma

Bir önceki bölümde, birçok web sayfalarında aynı içeriğe dahil kolay olduğunu gördük.

tutarlı bir görünüm yaratmak için başka bir yaklaşım bir düzen sayfasını kullanmaktır. Bir düzen sayfası, bir web sayfasının içeriğini, yapısını içerir, ancak değil. Bir web sayfası zaman (content page) bir düzen sayfasına bağlı, bu düzen sayfasına göre görüntülenir (template) .

Düzen sayfası bir çağrı hariç, sadece normal bir web sayfası gibidir @ RenderBody() içerikli sayfa dahil edilecektir yöntemle.

Her içerik sayfası Düzen direktifi ile başlamalıdır.

o kodda nasıl olduğunu gösteriyor:

Düzen Sayfa:

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

Herhangi Web Sayfası:

@{Layout="Layout.cshtml";}

<h1>Welcome to w3ii</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>
»Run örnek

KURU - Do not tekrar

İki ASP.NET araçları, İçerik Bloklar ve Düzen Sayfaları ile, web uygulamalarına tutarlı bir görünüm verebilir.

Eğer tüm sayfalarda aynı bilgileri tekrar etmek gerekmez çünkü bu araçlar da, size bir sürü iş kaydedin. biçimlendirme, stil ve kod merkezilestirmenin web uygulamaları çok daha yönetilebilir ve bakımını kolaylaştırır.


Göz atıldı olmak Dosyaların engelleme

ASP.NET ile bir alt çizgi ile başlayan bir adla dosyalar web'den göz edilemez.

siz, kullanıcılar tarafından görülmesini içerik bloklarını veya düzen dosyaları engellemek için dosyaları yeniden adlandırmak istiyorsanız:

_header.cshtml

_footer.cshtml

_Layout.cshtml


Hassas bilgiler gizlenmesi

ASP.NET ile (vb veritabanı şifreleri, e-posta şifreleri,) hassas bilgileri gizlemek için yaygın yolu adlı ayrı bir dosya bilgileri tutmaktır "_AppStart" .

_AppStart.cshtml

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