ASP.NET MVC - Modèles de vues

La manière dont nous pouvons générer des vues partielles ajoute un nouvel élément de complexité à notre application Web, mais cela ne signifie pas que nous ne pouvons pas trouver différentes façons d'attaquer ce type de construction d'application dans ASP.NET MVC.
L'une des méthodes auxquelles vous pouvez penser est de créer des fichiers HTML avec les pièces nécessaires pour faire la vue partielle, mais il a un problème qui est la grande quantité de données que nous devons déplacer, en plus de la redondance possible de code. Pour cela, on peut alors penser à utiliser JSON comme moyen de déplacer les données nécessaires sans avoir à utiliser HTML et ici, nous avons déjà un meilleur moyen de résoudre le problème et de continuer à utiliser les vues partielles.
C'est pourquoi nous verrons une autre façon de pouvoir travailler avec des vues partielles et c'est en utilisant un moteur de modèle côté client, cela nous permettra d'avoir une structure plus durable et nous pourrons décharger tout le poids de les opérations dans le navigateur, libérant notre application de l'effort.
Modèles côté client
La première chose que nous devons savoir à ce sujet est que cela n'appartient à aucune spécification officielle ou standard, donc pour mettre en œuvre ce type de solution nous allons dépendre de bibliothèques tiercesBien que cela ressemble à un avertissement d'un remède avec des effets secondaires, ce n'est pas le cas, en fait, cette liberté signifie que nous pouvons utiliser la solution la plus proche de notre goût.
ModèleUn modèle est un petit code avec des sections que nous pouvons remplir avec des données de contexte, mais cela seul ne fonctionne pas, de sorte qu'on puisse voir que nous devons avoir un moteur de modèle, dans ce cas il doit s'agir d'un Moteur Javascript, dans ce tutoriel, nous allons utiliser moustache.js qui est une bibliothèque assez populaire et flexible.
Syntaxe du modèle
Comme nous devons utiliser un moteur de template, il a sa propre syntaxe pour pouvoir localiser nos éléments dynamiques, cela semble un peu complexe, mais le jeu d'instructions est souvent très intuitif.
Voyons dans l'image suivante un exemple de code d'un template et ainsi nous verrons comment l'utiliser :

Nous voyons qu'il ne s'agit que d'un simple HTML à première vue, mais si nous approfondissons nos recherches, nous remarquons qu'il contient des expressions spéciales, telles que {{Titre}} ces types d'expressions sont ceux qui seront remplacés par nos valeurs dynamiques, avec cela nous pouvons réutiliser cette section encore et encore sans générer de nouveau code, réduisant ainsi la quantité de données transférées.
FonctionnementCela fonctionne très simplement, avec notre cadre Javascript nous obtenons le Données JSON de notre application, puis avec notre moteur de template nous assemblons notre squelette et enfin "Nous compilons" pour obtenir un résultat.
Avec cela nous terminons ce tutoriel, nous avons obtenu une petite introduction à cette façon de travailler pour faire des vues partielles, bien que nous ne mentionnions qu'un moteur de modèle ce n'est pas le seul qui existe sur le marché, nous devons faire quelques recherches afin de voir le large spectre offert et pouvoir en choisir quelques-uns pour essayer de savoir lequel convient le mieux à nos besoins.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif