ASP.NET MVC - Skabelonvisninger

Den måde, hvorpå vi kan generere delvise visninger, tilføjer et nyt element af kompleksitet til vores webapplikation, men det betyder ikke, at vi ikke kan finde forskellige måder at angribe denne type applikationskonstruktion i ASP.NET MVC.
En af de metoder, du kan tænke på, er at lave filer HTML med de nødvendige dele for at få den delvise visning, men det har et problem, der er den store mængde data, som vi skal flytte, ud over den mulige redundans af kode. Til dette kan vi tænke på at bruge JSON som en måde at flytte de nødvendige data uden at skulle bruge HTML, og her har vi allerede en bedre måde at løse problemet på og fortsætte med at bruge delvisningerne.
Derfor vil vi se en anden måde at kunne arbejde med delvisninger, og det er ved at bruge en skabelonmotor på klientsiden, dette vil give os en mere bæredygtig struktur, og vi vil være i stand til at aflæse hele vægten af operationerne i browseren, hvilket frigør vores indsats.
Skabeloner på kundesiden
Det første, vi bør vide om det, er, at dette ikke tilhører nogen officiel eller standardspecifikation, så for at implementere denne type løsning vil vi være afhængige af tredjepartsbibliotekerSelvom det lyder som en advarsel om et middel med bivirkninger, er det ikke, faktisk betyder denne frihed, at vi kan bruge den løsning, der er tættest på vores smag.
SkabelonEn skabelon er en lille kode med sektioner, som vi kan udfylde med kontekstdata, men dette fungerer ikke alene, så det kan ses, vi skal have en skabelonmotor, i dette tilfælde skal det være en Javascript -motor, i denne tutorial vil vi bruge overskæg.js hvilket er et ganske populært og fleksibelt bibliotek.
Skabelonsyntaks
Da vi skal bruge en skabelonmotor, har den sin egen syntaks for at kunne lokalisere vores dynamiske elementer, det lyder noget komplekst, men sæt af instruktioner er ofte meget intuitivt.
Lad os i det følgende billede se en eksempelkode på en skabelon, og derfor vil vi se, hvordan vi bruger den:

Vi ser, at det bare er en simpel HTML ved første øjekast, men hvis vi undersøger nærmere, bemærker vi, at den indeholder nogle særlige udtryk, som f.eks. {{Titel}} disse typer udtryk er dem, der vil blive erstattet af vores dynamiske værdier, med dette kan vi genbruge dette afsnit igen og igen uden at generere ny kode og dermed reducere mængden af ​​data, der overføres.
FunktionelDette fungerer meget enkelt, med vores ramme Javascript vi får JSON -data af vores ansøgning, derefter samler vi med vores skabelonmotor vores skelet og til sidst "Vi kompilerer" for at få et resultat.
Med dette er vi færdige med denne vejledning, vi har fået en lille introduktion til denne måde at arbejde på at lave delvise visninger, selvom vi kun nævner en skabelonmotor, dette ikke er den eneste, der findes på markedet, skal vi undersøge noget for at se det brede spektrum, der tilbydes og være i stand til at vælge nogle for at prøve og vide, hvilken der er bedst til vores behov.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt