Backbone.js - Méthode Render()

L'avantage de travailler avec un Cadre MVC est que nous pouvons séparer les différentes zones de l'application en couches, nous savons déjà que le modèle et le contrôleur sont les couches qui sont chargées de donner la fonctionnalité interne et l'implémentation logique à notre application, cependant c'est dans la partie de la vue où le plus grand impact est créé car c'est ce que l'utilisateur verra.
Pour gérer la vue nous avons plusieurs options, nous savons que nous devons avoir un moteur de template, la chose intéressante est que nous pouvons utiliser l'une des nombreuses options et pour nous permettre cela, nous avons le méthode render() qui est celui qui appellera le modèle et affichera les données.
Méthode de rendu ()
Si nous devons définir la logique d'affichage d'un modèle, nous pouvons utiliser le méthode optionnelle render().
ImportantDans ce tutoriel, nous allons utiliser Souligner comme moteur de template et en plus nous allons prendre le HTML suivant comme base :

Ici, nous voyons comment nous faisons un bloc auquel nous définissons que son type sera texte / modèle et on ajoute un modèle d'identification, cela nous aidera lorsque nous enverrons les informations au moteur de modèles.
Fonctionnement
Il existe une méthode dans Souligner appelé ._modèle qui compile le code du modèle en Javascript et le transforme en fonctions que nous pouvons ensuite évaluer et afficher.
Par exemple à la méthode on passe les labels qu'elle va utiliser en utilisant un id dans le cas du code précédent c'est l'id-template, avec ça, le Méthode ._template vous savez déjà où retourner les données.
Puis il méthode render() utilise le modèle en lui transmettant des données à l'aide de la méthode vers JSON () qui traduit en quelque sorte les attributs du modèle que nous avons associés à la vue. Ensuite, le modèle renvoie le HTML concret et nous l'ajoutons au arbre DOM du document à l'aide du propriété $ le.

Cela peut sembler beaucoup de travail, mais tout est vraiment fait par le framework avec le moteur de template, donc notre intervention est beaucoup plus simple que si nous devions faire tout cela sans votre aide.

Exemples d'utilisation
Il existe une convention dans laquelle nous devons retourne ça à la fin de la méthode rendre (), Cela nous aide à rendre les vues réutilisables dans d'autres vues et aussi à créer des listes d'éléments qui seront dessinées une fois tous les éléments présents et non un par un, nous économisant ainsi un peu de ressources.
Voyons ci-dessous une image d'un exemple de création d'une vue de liste :

On voit que dans la méthode rendre () nous l'utilisons pour ajouter à la propriété $ le, le contenu du modèle et ensuite on peut retourner tout ça avec le retourne ça.
Assez simple à implémenter, mais très utile car cela nous permettra d'utiliser cette liste même en tant que sous-vue dans d'autres vues parent.
On termine le tutoriel en connaissant la méthode rendre () et sa grande importance lors de la définition de vues qui peuvent être réutilisables.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif