Innholdsfortegnelse
Når vi utvikler en webapplikasjon, må vi også utvikle hva som er dens eksterne og estetiske del, det vil si hva brukeren ser. En del av dette er å gjøre sidehodet, menyen, bunnteksten, etc..Dette vi nevner er statisk innhold, og det endres vanligvis veldig lite i løpet av applikasjonens levetid, det endres vanligvis når det er et nytt. Se og føl, det vil si et redesign eller når vi legger til nye komponenter som må reflekteres.
For å jobbe med denne typen elementer må vi bruke oppsettDette tillater oss å skrive overskriften bare én gang, for eksempel, og ved å gjøre det senere kan vi inkludere den i andre deler uten å måtte skrive den om.
Oppsett
Med bruk av Barberhøvel Vi kan skrive maler som oppfører seg som visningsbeholdere, det vil si en visning som vil inneholde andre, som vi forklarte, målet med dette er å skrive minst mulig kode og homogenisere utseendet til applikasjonen vår.
Hvorfor bruke oppsett?Hvis vi for eksempel har en grunnleggende web med en overskrift, er det mest logiske at de forskjellige visningene bruker denne overskriften, så i stedet for å skrive koden flere ganger i hver visning, gjør vi en oppsett og vi inkluderer det i de forskjellige visningene.
Innholdet i _Layout.cshtml -filen
Når du genererer et nytt webprosjekt i vårt mappen for visninger, vi har en fil som heter _Layout.cshtml, i denne filen har vi vår viktigste mal som vil fungere som beholderen med visninger som vi forklarte i forrige punkt.
La oss se på følgende bilde kildekoden som denne filen inneholder:
Hvis vi detaljer, har vi en HTML -fil normalt, men det som interesserer oss er koden Barberhøvel, starter vi med tittelkoden, hvis vi ser på Razor, indikerer det @ View.Title, betyr dette at du må skrive ut en parameter Tittel som kommer fra utsikten, så fortsetter vi med de andre seksjonene der @RenderSection ([navn]) lar oss skrive ut innhold som viser i visningen som går til hver seksjon og til slutt @RenderBody () vil skrive ut kroppsinnholdet.
Som vi kan se, er det noe ganske modulært, hvis vi nå ser en visningskode, kan vi forstå hvordan de er direkte relatert:
@ {Layout = "~ / _Layout.cshtml"; } @seksjon Header {Se overskriftsinnhold
} @section Footer {Copyright @ DateTime.Now.Year}Dette er innholdet i utsiktslegemet
I denne visningen er det vi har gjort først å indikere at den vil bruke filen _Layout.cshtml som grunnlag, så forteller vi deg for eksempel hva hver seksjon skal bære @seksjon Header, hva denne blokken inneholder er det som skal skrives ut i @RenderSection ("Overskrift") det vi så i filen _Layouts.cshtml.
assosiasjonVi kan da si at dette kommer til å fungere som et puslespill og Oppsett kommer til å plassere hvert stykke som vi identifiserer hvor det hører hjemme.
Med dette fullfører vi denne opplæringen, og som vi kan se bruker vi Oppsett vi kan spare omskriving av mye kode, og ved å ha en enkelt kilde for dette innholdet blir sidene våre mye mer homogene, hvis vi trenger forskjellige seksjoner kan vi skrive en andre eller tredje oppsett som lar oss ha alle elementene vi skal bruke.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng