ASP.NET-webpagina's - Pagina-indeling
Met Web Pages is het eenvoudig om een website te maken met een consistente lay-out.
Een consistente look
Op internet vind je veel websites met een consistente look en feel:
- Elke pagina heeft dezelfde kop
- Elke pagina heeft dezelfde voettekst
- Elke pagina heeft dezelfde stijl en lay-out
Met webpagina's kan dit zeer efficiënt worden gedaan. U kunt herbruikbare inhoudsblokken (inhoudsblokken), zoals kop- en voetteksten, in afzonderlijke bestanden hebben.
U kunt ook een consistente lay-out voor al uw pagina's definiëren met behulp van een lay-outsjabloon (lay-outbestand).
Inhoudsblokken
Veel websites hebben inhoud die op elke pagina wordt weergegeven (zoals kop- en voetteksten).
Met webpagina's kunt u de @RenderPage() -methode gebruiken om inhoud uit afzonderlijke bestanden te importeren.
Inhoudsblok (van een ander bestand) kan overal op een webpagina worden geïmporteerd en kan tekst, markeringen en code bevatten, net als elke gewone webpagina.
Als u bijvoorbeeld veelgebruikte kop- en voetteksten gebruikt, bespaart u veel werk. U hoeft niet op elke pagina dezelfde inhoud te schrijven en wanneer u de kop- of voettekstbestanden wijzigt, wordt de inhoud op al uw pagina's bijgewerkt.
Zo ziet het eruit in code:
Voorbeeld
<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>
Een lay-outpagina gebruiken
In het vorige gedeelte heb je gezien dat het gemakkelijk is om dezelfde inhoud op veel webpagina's op te nemen.
Een andere manier om een consistent uiterlijk te creëren, is door een lay-outpagina te gebruiken. Een lay-outpagina bevat de structuur, maar niet de inhoud, van een webpagina. Wanneer een webpagina (inhoudspagina) is gekoppeld aan een opmaakpagina, wordt deze weergegeven volgens de opmaakpagina (sjabloon).
De lay-outpagina is net als een normale webpagina, behalve van een aanroep naar de @RenderBody()- methode waar de inhoudspagina zal worden opgenomen.
Elke inhoudspagina moet beginnen met een Layout-instructie .
Zo ziet het eruit in code:
Lay-outpagina:
<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>© 2014 W3Schools. All rights reserved.</p>
</body>
</html>
Elke webpagina:
@{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>
DROOG - Herhaal jezelf niet
Met twee ASP.NET-tools, Content Blocks en Layout Pages, kunt u uw webapplicaties een consistent uiterlijk geven.
Deze tools besparen je ook veel werk, omdat je niet op alle pagina's dezelfde informatie hoeft te herhalen. Het centraliseren van opmaak, stijl en code maakt webapplicaties veel beter beheersbaar en gemakkelijker te onderhouden.
Voorkomen dat door bestanden wordt gebladerd
Met ASP.NET kunnen bestanden met een naam die begint met een onderstrepingsteken niet worden doorzocht vanaf internet.
Als u wilt voorkomen dat uw inhoudsblokken of lay-outbestanden door uw gebruikers worden bekeken, wijzigt u de naam van de bestanden in:
_header.cshtml
_footer.cshtml
_Layout.cshtml
Gevoelige informatie verbergen
Met ASP.NET is de gebruikelijke manier om gevoelige informatie (databasewachtwoorden, e-mailwachtwoorden, enz.) te verbergen, de informatie in een apart bestand met de naam "_AppStart" te bewaren.
_AppStart.cshtml
@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "[email protected]";
WebMail.Password = "your-password";
WebMail.From = "[email protected]";
}