Ze stron internetowych nie jest łatwo stworzyć stronę internetową z spójny układ.
Spójny wygląd
W Internecie można odkryć wiele witryn internetowych z spójny wygląd:
- Każda strona ma ten sam nagłówek
- Każda strona ma taką samą stopkę
- Każda strona ma ten sam styl i układ
Ze stron internetowych można to zrobić bardzo sprawnie. Można mieć wielokrotnego użytku bloki zawartości (content blocks) , takie jak nagłówki i stopki w oddzielnych plikach.
Można również zdefiniować spójny układ dla wszystkich stron, przy użyciu szablonu układu (layout file) .
Bloki treści
Wiele stron internetowych posiada zawartość, która jest wyświetlana na każdej stronie (like headers and footers) .
Ze stron internetowych można użyć @ RenderPage() metodę importowania zawartości z oddzielnych plikach.
Zawartość bloku (from another file) mogą być importowane w dowolnym miejscu na stronie internetowej, i może zawierać tekst, znaczniki i kod, podobnie jak każdej zwykłej strony internetowej.
Używanie wspólnych nagłówków i stopek jako przykład, to oszczędza dużo pracy. Nie trzeba pisać tę samą treść w każdej stronie, a po zmianie plików nagłówka lub stopki, treść jest aktualizowana na wszystkich stronach.
Jak to wygląda w kodzie:
Przykład
<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html> Uruchomić przykład » Stosując układ strony
W poprzedniej części, widziałeś, że włączenie tej samej treści na wielu stronach internetowych jest łatwe.
Innym podejściem do stworzenia spójnych wygląd jest użycie układu strony. Strona zawiera układ struktury, ale nie treści, strony internetowej. Gdy strona internetowa (content page) jest połączony ze stroną układu, zostanie on wyświetlony w zależności od układu strony (template) .
Układ strony jest po prostu jak zwykły stronie internetowej, oprócz wywołania @ RenderBody() metody, gdzie strona zawartość zostanie włączone.
Każda strona treść musi zacząć dyrektywy Układ.
Jak to wygląda w kodzie:
Układ strony:
<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>© 2014 w3ii. All rights reserved.</p>
</body>
</html>
Każda strona internetowa:
@{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>
Uruchomić przykład » DRY - Do not Repeat Yourself
Dzięki narzędziom dwa ASP.NET, bloki zawartości i układu stron, można dać aplikacjach internetowych spójny wygląd.
Narzędzia te również zaoszczędzić dużo pracy, ponieważ nie trzeba powtarzać te same informacje na wszystkich stronach. Centralizacja znaczników, stylu i kodu aplikacji internetowych sprawia, że znacznie łatwiejsze i łatwiejsze w utrzymaniu.
Zapobieganie pliki przed Przeglądany
Z ASP.NET, pliki o nazwie zaczynającej się od podkreślenia nie można przeglądać z sieci.
Jeśli chcesz, aby zapobiec bloków treści lub pliki układu przed przeglądaniem przez użytkowników, zmieniać nazwy plików:
_header.cshtml
_footer.cshtml
_Layout.cshtml
Ukrywanie poufnych informacji
Z ASP.NET, wspólny sposób, aby ukryć poufne informacje (hasła bazy danych, hasła do kont pocztowych, etc.), aby informacje w osobnym pliku o nazwie "_AppStart" .
_AppStart.cshtml
@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "[email protected]";
WebMail.Password = "your-password";
WebMail.From = "[email protected]";
}