ASP.NET MVC - Layouts

Når vi udvikler en webapplikation, skal vi også udvikle, hvad der er dens eksterne og æstetiske del, det vil sige, hvad brugeren ser. En del af dette gør sidehoved, menu, sidefod osv..
Dette nævner vi er statisk indhold, og det ændrer sig normalt meget lidt i løbet af applikationens levetid, det ændres normalt, når der er et nyt. Se og føl, det vil sige et redesign eller når vi tilføjer nye komponenter, der skal afspejles.
For at arbejde med disse typer elementer skal vi bruge layoutDette tillader os at skrive overskriften kun én gang, for eksempel, og ved at gøre det senere kan vi inkludere det i andre dele uden at skulle omskrive det.
Layouts
Med brug af Barbermaskine Vi kan skrive skabeloner, der opfører sig som visningsbeholdere, det vil sige en visning, der vil indeholde andre, som vi forklarede, formålet med dette er at skrive den mindst mulige mængde kode og homogenisere udseendet af vores applikation.
Hvorfor bruge Layouts?Hvis vi for eksempel har et grundlæggende web med et overskrift, er det mest logiske, at de forskellige visninger bruger det overskrift, så i stedet for at skrive koden flere gange i hver visning, laver vi en layout og vi inkluderer det i de forskellige visninger.
Indholdet i filen _Layout.cshtml
Når vi opretter et nyt webprojekt inden for vores mappen visninger, vi har en fil kaldet _Layout.cshtml, i denne fil har vi vores hovedskabelon, der fungerer som beholderen med visninger, som vi forklarede i det foregående punkt.
Lad os i det følgende billede se kildekoden, som denne fil indeholder:

Hvis vi detaljerer, har vi en HTML -fil normalt, men det, der interesserer os, er koden Barbermaskine, starter vi med titelmærket, hvis vi ser på Razor, angiver det @ View.Title, betyder det, at du skal udskrive en parameter Titel der kommer fra udsigten, så fortsætter vi med de andre sektioner, hvor @RenderSection ([navn]) giver os mulighed for at udskrive indhold, der angiver i visningen, som går til hvert afsnit og endelig @RenderBody () vil udskrive kropsindholdet.
Som vi kan se, er det noget ganske modulært, hvis vi nu ser en visningskode, kan vi forstå, hvordan de er direkte relateret:

 @ {Layout = "~ / _Layout.cshtml"; } @section Header {
Se overskriftsindhold
} @section Footer {Copyright @ DateTime.Now.Year}Dette er indholdet i synspunktets krop

I denne visning er det, vi først har gjort, at det vil bruge filen _Layout.cshtml som grundlag, så fortæller vi dig, hvad hvert afsnit f.eks. vil bære @sektionsoverskrift, hvad denne blok indeholder, er hvad der vil blive udskrevet i @RenderSection ("Header") hvad vi så i filen _Layouts.cshtml.
ForeningVi kan så sige, at dette kommer til at fungere som et puslespil og Layout vil placere hvert stykke, som vi identificerer, hvor det hører hjemme.
Med dette afslutter vi denne vejledning, og som vi kan se ved hjælp af Layouts vi kan spare omskrivning af en masse kode, og ved at have en enkelt kilde til dette indhold vil vores sider være meget mere homogene, hvis vi har brug for forskellige sektioner, kan vi skrive et andet eller tredje layout der giver os mulighed for at have alle de elementer, vi vil bruge.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt