ASP.NET MVC - Sjablonenweergaven

De manier waarop we gedeeltelijke views kunnen genereren, voegt een nieuw element van complexiteit toe aan onze webapplicatie, maar dit betekent niet dat we geen verschillende manieren kunnen vinden om dit type applicatieconstructie aan te vallen in ASP.NET MVC.
Een van de methoden die je kunt bedenken is om bestanden te maken HTML met de nodige onderdelen om de gedeeltelijke weergave te maken, maar het heeft een probleem dat de grote hoeveelheid gegevens is die we moeten verplaatsen, naast de mogelijke redundantie van code. Hiervoor kunnen we denken aan het gebruik van JSON als een manier om de benodigde gegevens te verplaatsen zonder HTML te hoeven gebruiken en hier hebben we al een betere manier om het probleem op te lossen en de gedeeltelijke weergaven te blijven gebruiken.
Daarom zullen we een andere manier zien om met gedeeltelijke weergaven te kunnen werken en dat is door een sjabloon-engine aan de klantzijde te gebruiken, dit zal ons in staat stellen om een ​​duurzamere structuur te hebben en we zullen in staat zijn om al het gewicht van de bewerkingen in de browser, waardoor onze toepassing van inspanning wordt bevrijd.
Sjablonen aan de clientzijde
Het eerste dat we moeten weten, is dat dit niet tot een officiële of standaardspecificatie behoort, dus om dit type oplossing te implementeren, zijn we afhankelijk van bibliotheken van derdenHoewel het klinkt als een waarschuwing voor een remedie met bijwerkingen, is het dat niet, in feite betekent deze vrijheid dat we de oplossing kunnen gebruiken die het dichtst bij ons ligt.
SjabloonEen sjabloon is een kleine code met secties die we kunnen vullen met contextgegevens, maar dit alleen werkt niet, zodat het te zien is dat we een sjabloon-engine moeten hebben, in dit geval moet het een Javascript-engine, in deze tutorial gaan we gebruiken snor.js wat een vrij populaire en flexibele bibliotheek is.
Sjabloonsyntaxis
Omdat we een sjabloon-engine moeten gebruiken, heeft deze zijn eigen syntaxis om onze dynamische elementen te kunnen lokaliseren, dit klinkt enigszins ingewikkeld, maar de set instructies is vaak erg intuïtief.
Laten we in de volgende afbeelding een voorbeeldcode van een sjabloon zien en dus zullen we zien hoe we deze kunnen gebruiken:

We zien dat het op het eerste gezicht maar een simpele HTML is, maar als we verder kijken, zien we dat het enkele speciale uitdrukkingen bevat, zoals {{Titel}} dit soort uitdrukkingen zijn degenen die zullen worden vervangen door onze dynamische waarden, hierdoor kunnen we deze sectie steeds opnieuw gebruiken zonder nieuwe code te genereren, waardoor de hoeveelheid overgedragen gegevens wordt verminderd.
werkingDit werkt heel eenvoudig, met ons frame Javascript we krijgen de JSON-gegevens van onze applicatie, dan assembleren we met onze template engine ons skelet en tot slot "Wij compileren" resultaat te krijgen.
Hiermee ronden we deze tutorial af, we hebben een kleine introductie gekregen van deze manier van werken om gedeeltelijke views te maken, hoewel we alleen een sjabloon-engine noemen, dit is niet de enige die op de markt bestaat, we moeten wat onderzoek doen om bekijk het brede spectrum dat wordt aangeboden en de mogelijkheid om er een te kiezen om te proberen en te weten welke het beste is voor onze behoeften.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