✅ ASP.NET MVC - Visninger av maler

Innholdsfortegnelse

Måten vi kan generere delvise visninger legger til et nytt element av kompleksitet i nettprogrammet vårt, men dette betyr ikke at vi ikke kan finne forskjellige måter å angripe denne typen applikasjonskonstruksjoner på ASP.NET MVC.
En av metodene du kan tenke deg er å lage filer HTML med de nødvendige delene for å gjøre den delvise visningen, men det har et problem som er den store datamengden vi bør flytte, i tillegg til mulig redundans av kode. For dette kan vi tenke på å bruke JSON som en måte å flytte nødvendige data på uten å måtte bruke HTML, og her har vi allerede en bedre måte å løse problemet og fortsette å bruke delvisningene.
Det er derfor vi vil se en annen måte å jobbe med delvise visninger på, og det er ved å bruke en malmotor på klientsiden, dette vil tillate oss å ha en mer bærekraftig struktur, og vi vil kunne laste av hele vekten av operasjonene i nettleseren, noe som frigjør vår innsats.
Maler på kundesiden
Det første vi bør vite om det er at dette ikke tilhører noen offisiell eller standardspesifikasjon, så for å implementere denne typen løsninger kommer vi til å være avhengige av tredjepartsbibliotekerSelv om det høres ut som en advarsel om et middel med bivirkninger, er det ikke det, faktisk betyr denne friheten at vi kan bruke løsningen som er nærmest vår smak.
MalEn mal er en liten kode med seksjoner som vi kan fylle med kontekstdata, men dette fungerer ikke alene, slik at det kan sees at vi må ha en malmotor, i dette tilfellet må det være en Javascript -motor, i denne opplæringen skal vi bruke bart.js som er et ganske populært og fleksibelt bibliotek.
Malsyntaks
Siden vi må bruke en malmotor, har den sin egen syntaks for å kunne lokalisere de dynamiske elementene våre, dette høres litt komplekst ut, men settet med instruksjoner er ofte veldig intuitivt.
La oss se på det følgende bildet en eksempelkode på en mal, og dermed vil vi se hvordan vi bruker den:

Vi ser at det bare er en enkel HTML ved første øyekast, men hvis vi undersøker nærmere merker vi at den inneholder noen spesielle uttrykk, som f.eks. {{Tittel}} disse uttrykkene er de som vil bli erstattet av våre dynamiske verdier, med dette kan vi bruke denne delen igjen og igjen uten å generere ny kode, og dermed redusere mengden data som overføres.
FungererDette fungerer veldig enkelt, med rammen vår Javascript vi får JSON -data av søknaden vår, så monterer vi skjelettet med vår malmotor og til slutt "Vi kompilerer" for å få et resultat.
Med dette er vi ferdig med denne opplæringen, vi har fått en liten introduksjon til denne måten å jobbe med å lage delvise visninger, selv om vi bare nevner en malmotor, dette ikke er den eneste som finnes på markedet, må vi gjøre noen undersøkelser for å se det brede spekteret som tilbys og å kunne velge noen for å prøve og vite hvilken som er best for våre behov.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng