ASP.NET MVC - Layouter

När vi utvecklar en webbapplikation måste vi också utveckla vad som är dess yttre och estetiska del, det vill säga vad användaren ser. En del av detta är att göra sidhuvud, meny, sidfot etc..
Detta vi nämner är statiskt innehåll och det förändras vanligtvis väldigt lite under programmets livslängd, det ändras vanligtvis när det finns ett nytt. Titta och känna, det vill säga en redesign eller när vi lägger till nya komponenter som måste reflekteras.
För att arbeta med dessa typer av element måste vi använda layouterDetta tillåter oss att skriva huvudet bara en gång, till exempel, och genom att göra det senare kan vi inkludera det i andra delar utan att behöva skriva om det.
Layouter
Med användning av Rakapparat Vi kan skriva mallar som fungerar som visningsbehållare, det vill säga en vy som kommer att innehålla andra, som vi förklarade, syftet med detta är att skriva minst möjlig kod och homogenisera utseendet på vår applikation.
Varför använda layouter?Om vi ​​till exempel har en grundläggande webb med en rubrik, är det mest logiska att de olika vyerna använder den rubriken, så istället för att skriva koden flera gånger i varje vy gör vi en layout och vi inkluderar det i de olika vyerna.
Innehållet i filen _Layout.cshtml
När vi skapar ett nytt webbprojekt inom vårt mappen vyer, vi har en fil som heter _Layout.cshtml, i den här filen har vi vår huvudmall som fungerar som behållaren med vyer som vi förklarade i föregående punkt.
Låt oss se i följande bild källkoden som den här filen innehåller:

Om vi ​​detaljerar, har vi en HTML -fil normalt, men det som intresserar oss är koden Rakapparat, vi börjar med titeln, om vi tittar på Razor indikerar det @ View.Title, betyder det att du måste skriva ut en parameter Titel som kommer från vyn, sedan fortsätter vi med de andra sektionerna där @RenderSection ([namn]) tillåter oss att skriva ut innehåll som indikerar i vyn som går till varje avsnitt och slutligen @RenderBody () kommer att skriva ut kroppsinnehållet.
Som vi kan se är det något ganska modulärt, om vi nu ser en kod för en vy kan vi förstå hur de är direkt relaterade:

 @ {Layout = "~ / _Layout.cshtml"; } @section Header {
Visa rubrikinnehåll
} @section Footer {Copyright @ DateTime.Now.Year}Detta är innehållet i vyens kropp

I den här vyn är det vi har gjort först att indikera att den kommer att använda filen _Layout.cshtml som grund, då berättar vi vad varje avsnitt kommer att bära, till exempel @section Header, vad detta block innehåller är vad som kommer att skrivas ut i @RenderSection ("Rubrik") vad vi såg i filen _Layouts.cshtml.
FöreningVi kan då säga att det här kommer att fungera som ett pussel och Layout kommer att placera varje bit som vi identifierar var den hör hemma.
Med detta avslutar vi denna handledning och som vi kan se använder vi Layouter vi kan spara omskrivning av mycket kod och genom att ha en enda källa för detta innehåll blir våra sidor mycket mer homogena, om vi behöver olika avsnitt kan vi skriva en andra eller tredje layout som tillåter oss att ha alla element som vi kommer att använda.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng