ASP.NET MVC - Vizualizări șabloane

Modul în care putem genera vizualizări parțiale adaugă un nou element de complexitate aplicației noastre web, totuși acest lucru nu înseamnă că nu putem găsi modalități diferite de a ataca acest tip de construcție a aplicației în ASP.NET MVC.
Una dintre metodele la care vă puteți gândi este să creați fișiere HTML cu părțile necesare pentru a face vizualizarea parțială, dar are o problemă care este cantitatea mare de date pe care ar trebui să le mutăm, pe lângă posibila redundanță a codului. Pentru aceasta, atunci ne putem gândi să folosim JSON ca o modalitate de a muta datele necesare fără a fi nevoie să folosiți HTML și aici avem deja o modalitate mai bună de a rezolva problema și de a folosi în continuare vizualizările parțiale.
Acesta este motivul pentru care vom vedea un alt mod de a putea lucra cu vizualizări parțiale și asta prin utilizarea unui motor de șabloane pe partea clientului, acest lucru ne va permite să avem o structură mai durabilă și vom putea descărca toată greutatea operațiunile din browser, eliberând aplicația noastră de efort.
Șabloane din partea clientului
Primul lucru pe care ar trebui să îl știm este că acest lucru nu aparține nici unei specificații oficiale sau standard, așa că, pentru a implementa acest tip de soluție, vom depinde de biblioteci terțeDeși sună ca un avertisment cu privire la un remediu cu efecte secundare, nu este, de fapt această libertate înseamnă că putem folosi soluția cea mai apropiată de noi.
ȘablonUn șablon este un cod mic cu secțiuni pe care le putem completa cu date de context, dar acesta singur nu funcționează, astfel încât să poată fi văzut trebuie să avem un motor de șabloane, în acest caz trebuie să fie un Motor Javascript, în acest tutorial vom folosi mustață.js care este o bibliotecă destul de populară și flexibilă.
Sintaxa șablonului
Deoarece trebuie să folosim un motor șablon, acesta are propria sintaxă pentru a putea localiza elementele noastre dinamice, sună oarecum complex, dar setul de instrucțiuni este adesea foarte intuitiv.
Să vedem în imaginea următoare un exemplu de cod al unui șablon și astfel vom vedea cum să-l folosim:

Vedem că este doar un simplu HTML la prima vedere, dar dacă cercetăm mai departe observăm că acesta conține câteva expresii speciale, cum ar fi {{Titlu}} aceste tipuri de expresii sunt cele care vor fi înlocuite de valorile noastre dinamice, cu aceasta putem reutiliza această secțiune de mai multe ori fără a genera un cod nou, reducând astfel cantitatea de date transferate.
FuncționareaAcest lucru funcționează foarte simplu, cu cadrul nostru Javascript primim Date JSON a aplicației noastre, apoi cu motorul nostru de șabloane ne asamblăm scheletul și în cele din urmă „Compilăm” pentru a obține un rezultat.
Cu aceasta terminăm acest tutorial, am obținut o mică introducere în acest mod de lucru pentru a face vizualizări parțiale, deși menționăm doar un motor de șabloane, acesta nu este singurul care există pe piață, trebuie să facem câteva cercetări pentru a vezi spectrul larg oferit și putând alege unii pentru a încerca să știi care este cel mai potrivit pentru nevoile noastre.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv