ASP.NET MVC - Viste dei modelli

Il modo in cui possiamo generare viste parziali aggiunge un nuovo elemento di complessità alla nostra applicazione web, tuttavia ciò non significa che non possiamo trovare modi diversi per attaccare questo tipo di costruzione di applicazioni in ASP.NET MVC.
Uno dei metodi a cui puoi pensare è creare file HTML con le parti necessarie per fare la vista parziale, ma ha un problema che è la grande quantità di dati che dovremmo spostare, oltre alla possibile ridondanza di codice. Per questo, allora possiamo pensare di usare JSON come un modo per spostare i dati necessari senza dover utilizzare HTML e qui abbiamo già un modo migliore per risolvere il problema e continuare a utilizzare le viste parziali.
Ecco perché vedremo un altro modo di poter lavorare con viste parziali e cioè utilizzando un motore di template lato client, questo ci permetterà di avere una struttura più sostenibile e potremo scaricare tutto il peso di le operazioni nel browser, liberando la nostra applicazione di sforzo.
Modelli sul lato client
La prima cosa che dovremmo sapere è che questo non appartiene a nessuna specifica ufficiale o standard, quindi per implementare questo tipo di soluzione faremo affidamento su librerie di terze partiAnche se suona come un avvertimento di un rimedio con effetti collaterali, non lo è, infatti questa libertà significa che possiamo usare la soluzione che più ci piace.
ModelloUn modello è un piccolo codice con sezioni che possiamo riempire con dati di contesto, ma questo da solo non funziona, quindi per vederlo dobbiamo avere un motore di modelli, in questo caso deve essere un Motore Javascript, in questo tutorial useremo baffi.js che è una libreria abbastanza popolare e flessibile.
Sintassi del modello
Poiché dobbiamo utilizzare un motore di modelli, ha una propria sintassi per essere in grado di individuare i nostri elementi dinamici, questo suona in qualche modo complesso, ma il set di istruzioni è spesso molto intuitivo.
Vediamo nell'immagine seguente un codice di esempio di un template e vedremo quindi come utilizzarlo:

Vediamo che è solo un semplice HTML a prima vista, ma se indaghiamo ulteriormente notiamo che contiene alcune espressioni speciali, come {{Titolo}} questi tipi di espressioni sono quelli che verranno sostituiti dai nostri valori dinamici, con questo possiamo riutilizzare questa sezione più e più volte senza generare nuovo codice, riducendo così la quantità di dati trasferiti.
FunzionamentoFunziona in modo molto semplice, con il nostro telaio Javascript otteniamo il Dati JSON della nostra applicazione, poi con il nostro motore di template assembliamo il nostro scheletro e infine "Compiliamo" per ottenere un risultato.
Con questo finiamo questo tutorial, abbiamo ottenuto una piccola introduzione a questo modo di lavorare per creare viste parziali, anche se menzioniamo solo un motore di modelli questo non è l'unico che esiste sul mercato, dobbiamo fare qualche ricerca per vedere l'ampio spettro offerto e poterne scegliere alcuni per provare e sapere qual è il migliore per le nostre esigenze.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo