ASP.NET MVC - Lay-outs

Terwijl we een webtoepassing ontwikkelen, moeten we ook ontwikkelen wat het externe en esthetische deel is, dat wil zeggen wat de gebruiker ziet. Een deel hiervan is het doen van paginakoptekst, menu, voettekst, enz..
Dit noemen we statische inhoud en het verandert meestal heel weinig tijdens de levensduur van de applicatie, het verandert meestal wanneer er een nieuwe is. Kijk en voel, dat wil zeggen, een herontwerp of wanneer we nieuwe componenten toevoegen die moeten worden weerspiegeld.
Om met dit soort elementen te werken, moeten we de lay-outsHierdoor kunnen we de header bijvoorbeeld maar één keer schrijven, en door dit later te doen, kunnen we hem in andere delen opnemen zonder hem te hoeven herschrijven.
Lay-outs
Met gebruik van Scheermes We kunnen sjablonen schrijven die zich gedragen als weergavecontainers, dat wil zeggen een weergave die andere zal bevatten, zoals we hebben uitgelegd, het doel hiervan is om zo min mogelijk code te schrijven en het uiterlijk van onze applicatie te homogeniseren.
Waarom lay-outs gebruiken?Als we bijvoorbeeld een basisweb met een header hebben, is het meest logische dat de verschillende views die header gebruiken, dus in plaats van de code meerdere keren in elke view te schrijven, doen we een lay-out en we nemen het op in de verschillende weergaven.
Inhoud van het bestand _Layout.cshtml
Bij het genereren van een nieuw webproject binnen onze views map, we hebben een bestand genaamd _Layout.cshtml, in dit bestand hebben we onze hoofdsjabloon die zal functioneren als de container met weergaven die we in het vorige punt hebben uitgelegd.
Laten we in de volgende afbeelding de broncode bekijken die dit bestand bevat:

Als we details geven, hebben we: een HTML-bestand normaal, maar wat ons interesseert is de code Scheermes, we beginnen met de title-tag, als we naar Razor kijken, geeft dit aan: @ View.Title, dit betekent dat u een parameter moet afdrukken Titel dat komt uit het zicht, dan gaan we verder met de andere secties waar @RenderSection ([naam]) stelt ons in staat om inhoud af te drukken die aangeeft in de weergave die naar elke sectie gaat en tot slot @RenderBody () zal de inhoud van het lichaam afdrukken.
Zoals we kunnen zien, is het iets heel modulairs, als we nu een code van een weergave zien, kunnen we begrijpen hoe ze direct gerelateerd zijn:

 @ {Layout = "~ / _Layout.cshtml"; } @section Header {
Inhoud van koptekst bekijken
} @section Footer {Copyright @ DateTime.Now.Year}Dit is de inhoud van de hoofdtekst van de weergave

In deze weergave hebben we eerst aangegeven dat het het bestand zal gebruiken _Layout.cshtml als basis, dan vertellen we je wat elke sectie gaat dragen, bijvoorbeeld @section Header, wat dit blok bevat, is wat wordt afgedrukt in de @RenderSection ("koptekst") wat we in het bestand zagen _Layouts.cshtml.
VerenigingWe kunnen dan zeggen dat dit gaat werken als een puzzel en de Lay-out gaat elk stuk dat we identificeren plaatsen waar het thuishoort.
Hiermee sluiten we deze tutorial af en zoals we kunnen zien met behulp van de Lay-outs we kunnen besparen op het herschrijven van veel code en door een enkele bron voor deze inhoud te hebben, zullen onze pagina's veel homogener zijn, als we verschillende secties nodig hebben, kunnen we schrijf een tweede of derde lay-out dat stelt ons in staat om alle elementen te hebben die we zullen gebruiken.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven