✅ Backbone.js - Modèles

Table des matières

Le maquette est la base de la structure de notre application, dans le cas de Backbone.js, le modèle représentera une abstraction de ce que nous voulons capturer sur notre page.
Pour cela, nous avons une structure qui contient des attributs et chacun d'eux contiendra des valeurs différentes, nous pouvons donc former des objets individuels qui partagent une base commune.
Dans Backbone.js Pour travailler avec ces objets et utiliser leurs attributs, nous avons deux méthodes clés, la avoir et le ensemble, le premier nous aide à obtenir la valeur déjà déclarée et le second à établir ladite valeur.
Structure du modèle
La structure pour créer un modèle dans Backbone.js est assez simple, la première chose que nous devons faire est de définir une variable qui sera celle qui contiendra la définition du modèle, cette définition est donnée en faisant un exemple de Backbone.Model.extend.
rappelerRappelez-vous que nous devons avoir un HTML avec la bibliothèque Backbone.js inclus afin que nous puissions exécuter les exemples dans le Console développeur Chrome.
Voyons un exemple où le code que notre HTML devrait avoir devrait être similaire à ceci :

 Titre

Voyons le code correspondant dans l'image suivante :

Comme nous l'avons observé, nous déclarons d'abord notre modèle, puis nous l'instancions et enfin nous imprimons son contenu, mais dans ce cas il est vide car nous n'y avons encore rien incorporé.
Méthode Set()
Avec lui méthode set() Nous pouvons incorporer les données correspondantes à notre modèle, mais pour cela nous allons d'abord incorporer les valeurs initiales de nos instances, de cette façon nous aurons une structure à laquelle attribuer les valeurs correspondantes.
Voyons comment nous pouvons créer un modèle avec des données initiales, puis nous faisons un ensemble() pour attribuer une valeur :

Comme nous pouvons le voir, cela nous a pris un peu plus de travail et de code mais lors de l'établissement de la structure dans le modèle, nos instances l'ont automatiquement et lorsque nous faisons le ensemble() nous pouvons donner une valeur à chaque attribut.
Méthode Get()
Comme nous n'aurons pas toujours besoin d'imprimer tout le contenu d'un objet, nous n'aurons probablement besoin que d'un ou deux attributs selon la situation, nous avons la méthode get(), cette méthode nous permet d'obtenir la valeur de l'attribut.
Pour utiliser le obtenir () méthode on va simplement faire son appel depuis l'instance et en paramètre on va lui passer l'attribut que l'on veut obtenir.
Voyons un exemple dans l'image suivante :

Ici, nous pouvons voir deux choses, la première est le fonctionnement de notre get() méthode, Nous avons obtenu la valeur de l'attribut de contenu du modèle et la seconde est que nous pouvons maintenir une persistance de ce que nous faisons dans notre console, c'est très important car c'est ce qui nous permet de faire les tests correspondants que nous avons vus .
A la fin de ce tutoriel, nous avons pu voir comment créer un modèle dans Backbone.js ainsi que les différentes méthodes qui nous permettent de le gérer au sein de notre application.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif