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:
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