ASP.NET MVC - mallvyer

Det sätt på vilket vi kan generera delvisningar lägger till ett nytt element av komplexitet i vår webbapplikation, men det betyder inte att vi inte kan hitta olika sätt att attackera denna typ av applikationskonstruktion i ASP.NET MVC.
En av metoderna du kan tänka dig är att skapa filer HTML med de nödvändiga delarna för att göra delvisningen, men det har ett problem som är den stora mängden data som vi bör flytta, förutom den möjliga redundansen av kod. För detta kan vi tänka oss att använda JSON som ett sätt att flytta nödvändig data utan att behöva använda HTML och här har vi redan ett bättre sätt att lösa problemet och fortsätta använda delvyerna.
Det är därför vi kommer att se ett annat sätt att kunna arbeta med delvisningar och det är genom att använda en mallmotor på klientsidan, detta kommer att göra det möjligt för oss att få en mer hållbar struktur och vi kommer att kunna lossa hela vikten av operationerna i webbläsaren, vilket frigör vår applikation.
Mallar på kundsidan
Det första vi bör veta om det är att detta inte tillhör någon officiell eller standardspecifikation, så för att implementera denna typ av lösning kommer vi att vara beroende av tredjepartsbibliotekÄven om det låter som en varning för ett botemedel med biverkningar, så är det inte, i själva verket innebär denna frihet att vi kan använda den lösning som ligger närmast vårt tycke.
MallEn mall är en liten kod med sektioner som vi kan fylla med sammanhangsdata, men det fungerar inte ensam, så att det kan ses att vi måste ha en mallmotor, i det här fallet måste det vara en Javascript -motor, i den här handledningen ska vi använda mustasch.js vilket är ett ganska populärt och flexibelt bibliotek.
Mallsyntax
Eftersom vi måste använda en mallmotor har den sin egen syntax för att kunna hitta våra dynamiska element, det låter lite komplext, men instruktionsuppsättningen är ofta väldigt intuitiv.
Låt oss se i följande bild en exempelkod på en mall och så kommer vi att se hur vi använder den:

Vi ser att det bara är en enkel HTML vid första anblicken, men om vi undersöker ytterligare märker vi att den innehåller några speciella uttryck, som t.ex. {{Titel}} dessa typer av uttryck är de som kommer att ersättas av våra dynamiska värden, med detta kan vi återanvända det här avsnittet om och om igen utan att generera ny kod, vilket minskar mängden data som överförs.
FungerarDetta fungerar väldigt enkelt, med vår ram Javascript vi får JSON -data av vår ansökan, sedan med vår mallmotor monterar vi vårt skelett och slutligen "Vi sammanställer" för att få ett resultat.
Med detta avslutar vi denna handledning, vi har fått en liten introduktion till detta sätt att arbeta för att göra delvisningar, även om vi bara nämner en mallmotor som inte är den enda som finns på marknaden, måste vi göra en del undersökningar för att se det breda spektrum som erbjuds och att kunna välja några för att försöka veta vilken som är bäst för våra behov.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