ASP.NET Web Pages - SideLayout

Det er nemt at skabe en ens layout med Web Pages.

En ens udseende

På internettet finder du mange websider med en enhedlig udseende:

  • Hver side har samme rubrikker
  • Hver side har samme fødder
  • Hver side har samme stil og layout

Gennem Web Pages kan du effektivt opnå dette. Du får genbrugelige kodeblokke (indholdsblokke), såsom rubrikker og fødder, i separate filer.

Du kan også definere en konsistent layout for alle sider ved at bruge layout-skabeloner (layout-filer).

Indholdsblokke

Mange websider har nødvendigt indhold, der skal vises på hver side (f.eks. rubrikker og fødder).

Gennem Web Pages kan du bruge @RenderPage() Metoder til at importere indhold fra forskellige filer.

Indholdsblokke (fra en anden fil) kan indlejres i hvilken som helst placering på en input-side og kan indeholde tekst, mærker og kode, ligesom enhver almindelig webside.

Brug af almindelige rubrikker og fødder kan spare meget arbejde. Du behøver ikke at skrive det samme indhold på hver side, og når du ændrer rubrikker eller fødder-filer, opdateres indholdet på alle sider.

Sådan ser det ud i koden:

Eksempel

<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Sider</h1> 
<p>Dette er en paragraf</p>
@RenderPage("footer.cshtml")
</body>
</html>

Kør eksempel

Brug af layout-sider

I tidligere indhold har du set, at det er meget simpelt at referere til samme indhold i flere websider.

En anden metode til at skabe en konsistent udseende er at bruge layout-sider. Layout-sider indeholder strukturen af websiderne, ikke indholdet. Når en webside (indholds-side) linker til en layout-side, vises den efter layout-siden (skabelon).

Layout-sider er ligesom almindelige websider, men de vil kalde indholdssider, hvor de bliver brugt. @RenderBody() Metode.

Hver indholds-side skal starte med Layout-instruktionBegyndelsen.

Sådan ser det ud i koden:

Layout af websider:

<html>
<body>
<p>Dette er tekst.</p>
@RenderBody()
<p>© 2012 CodeW3C.com. Alle rettigheder forbeholdes.</p>
</body>
</html>

Enhver side:

@{Layout="Layout.cshtml";}
<h1>Velkommen til CodeW3C.com</h1>
<p>
Dette er tekst. Dette er tekst. Dette er tekst. Dette er tekst. Dette er tekst. Dette er tekst. Dette er tekst. Dette er tekst.
Dette er tekst. Dette er tekst. Dette er tekst. Dette er tekst. Dette er tekst. Dette er tekst. Dette er tekst. Dette er tekst.
Dette er tekst. Dette er tekst. Dette er tekst. Dette er tekst. Dette er tekst. Dette er tekst. Dette er tekst. Dette er tekst.
</p>

Kør eksempel

Undgå gentagelser

Med to ASP.NET værktøjer, indholdsblokke og layout sider, kan du sætte et ens udseende for webapplikationer.

Disse værktøjer kan spare dig for meget arbejde, fordi du ikke behøver at gentage samme information på alle sider. Koncentrer mærker, stilarter og kode, så webapplikationer bliver lettere at administrere og vedligeholde.

Forebygg kodeudlejning

I ASP.NET kan filer, der starter med en understregning, ikke browses via web.

Hvis du ønsker at forhindre brugere i at se indholdsblokke eller layoutfiler, skal du omdøbe filerne:

  • _header.cshtm
  • _footer.cshtml
  • _Layout.cshtml

Skjul følsomme oplysninger

I ASP.NET er en almindelig metode til at skjule følsomme oplysninger (databasepassword, e-mailpassword osv.) at gemme disse oplysninger i en separat fil med navnet "_AppStart".

_AppStart.cshtml

@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "brugernavn@example.com";
WebMail.Password = "din-adgangskode";
WebMail.From = "din-navn-here@example.com";
}