Strony internetowe ASP.NET — układ strony
Dzięki Web Pages łatwo jest stworzyć witrynę internetową o spójnym układzie.
Spójny wygląd
W Internecie znajdziesz wiele witryn internetowych o spójnym wyglądzie i działaniu:
- Każda strona ma ten sam nagłówek
- Każda strona ma tę samą stopkę
- Każda strona ma ten sam styl i układ
Dzięki stronom internetowym można to zrobić bardzo skutecznie. Możesz mieć bloki treści wielokrotnego użytku (bloki treści), takie jak nagłówki i stopki, w osobnych plikach.
Możesz także zdefiniować spójny układ dla wszystkich swoich stron, korzystając z szablonu układu (pliku układu).
Bloki treści
Wiele witryn zawiera treści wyświetlane na każdej stronie (np. nagłówki i stopki).
Dzięki Web Pages możesz użyć metody @RenderPage() do importowania treści z oddzielnych plików.
Blok treści (z innego pliku) można zaimportować w dowolnym miejscu na stronie internetowej i może on zawierać tekst, znaczniki i kod, tak jak każda zwykła strona internetowa.
Korzystanie z typowych nagłówków i stopek jako przykładu pozwala zaoszczędzić dużo pracy. Nie musisz pisać tej samej treści na każdej stronie, a kiedy zmienisz pliki nagłówka lub stopki, zawartość zostanie zaktualizowana na wszystkich Twoich stronach.
Tak 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>
Korzystanie ze strony układu
W poprzedniej sekcji zauważyłeś, że umieszczanie tej samej treści na wielu stronach internetowych jest łatwe.
Innym podejściem do tworzenia spójnego wyglądu jest użycie strony układu. Strona układu zawiera strukturę, ale nie zawartość strony internetowej. Gdy strona internetowa (strona treści) jest połączona ze stroną układu, zostanie wyświetlona zgodnie ze stroną układu (szablonem).
Strona układu jest podobna do zwykłej strony internetowej, z wyjątkiem wywołania metody @RenderBody() , w której zostanie dołączona strona zawartości.
Każda strona treści musi zaczynać się od dyrektywy układu .
Tak to wygląda w kodzie:
Strona układu:
<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>© 2014 W3Schools. All rights reserved.</p>
</body>
</html>
Dowolna strona internetowa:
@{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>
SUCHE – nie powtarzaj się
Dzięki dwóm narzędziom ASP.NET, blokom treści i stronom układu, możesz nadać swoim aplikacjom internetowym spójny wygląd.
Te narzędzia również oszczędzają dużo pracy, ponieważ nie musisz powtarzać tych samych informacji na wszystkich stronach. Centralizacja znaczników, stylów i kodu sprawia, że aplikacje internetowe są znacznie łatwiejsze w zarządzaniu i łatwiejsze w utrzymaniu.
Zapobieganie przeglądaniu plików
W przypadku ASP.NET pliki o nazwie zaczynającej się od podkreślenia nie mogą być przeglądane z Internetu.
Jeśli chcesz uniemożliwić użytkownikom przeglądanie bloków treści lub plików układu, zmień nazwy plików na:
_header.cshtml
_stopka.cshtml
_Układ.cshtml
Ukrywanie poufnych informacji
W przypadku ASP.NET typowym sposobem ukrywania poufnych informacji (hasła do bazy danych, hasła do poczty e-mail itp.) jest przechowywanie informacji 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]";
}