Colonne vertébrale.JS est un framework utilisé pour créer des applications Web qui suivent le style de JavaScript.

Il prend en charge les modèles, les événements, les collections, les vues et les services publics.

En utilisant l'une des fonctionnalités précédentes, nous pouvons créer et effectuer différentes opérations sur les données données dans une application Web.

Points à retenir

1. Il est utilisé avec JavaScript.
2. Nous pouvons implémenter le cadre à l'intérieur de la balise.
3. Ce cadre prend en charge les méthodes et fonctions JavaScript comme la sortie et la lecture d'entrée.
4. La balise est placée à l'intérieur de la balise ou de la balise.
5. Il est important d'avoir des liens de réseau de livraison de contenu (CDN) pour exécuter l'application Web sur le serveur.

Voyons la structure pour placer le code

Les liens CDN sont placés avec l'attribut SRC de la balise de script.

Liens CDN

La méthode set () dans l'épine dorsale.La collection JS met à jour l'instance d'un modèle dans la collection.

Il renverra l'instance de modèle précédente ainsi que l'instance modifiée. Si le modèle n'existe pas dans la collection, il ajoutera ce modèle à la collection.

Syntaxe:
Collection_Object.set (modèle, options)

Il faut deux paramètres.

1. Le modèle est une instance / nouvelle instance qui mettra à jour l'instance du modèle.
2. Le paramètre des options est utilisé pour définir la valeur mise à jour dans une collection.

Approche

1. Créez un modèle d'épine dorsale en utilisant la méthode Extend ().

   Syntaxe:
   var ModelClass = Backbone.Modèle.étendre();

2. Créez une collection d'épine dorsale en utilisant la méthode Extend () et passez la classe de modèle.

   Syntaxe:
   var CollectionClass = Backbone.Collection.étendre(
   Modèle: ModelClass
   );

3. Créer un objet ou une instance pour la classe de collection.
   
   Syntaxe:
   var collection_instance = new CollectionClass ();
4. Explorez la méthode set () dans l'épine dorsale.Collection JS.
   Discutons de quelques exemples de l'épine dorsale.Méthode JS Collection Set ().

Exemple 1: Mettez à jour l'instance du modèle dans la collection à l'aide de set ()

Dans cet exemple, nous créerons une classe modale nommée - Fleurs et créerons une classe de collection FlowerCollection. Nous passerons notre classe de modèle (fleurs) à l'intérieur.

Après cela, nous devons créer une instance pour le modèle Flowers avec trois attributs (Flower_name, Flower_Sepals, Flower_Petsals).

Nous créerons un flower_collection, qui est un exemple de la collection FlowerCollection. Et nous ajouterons l'instance du modèle de fleur à l'instance de collection en utilisant la méthode Add ().

Maintenant, nous mettrons à jour l'instance du modèle ajouté avec une autre instance.

Enfin, nous affichons la collection en utilisant le JSON.méthode stringify ().

Indice de linux

Sortir:

Exécutez l'application dans votre navigateur en enregistrant le code dans le fichier avec .HTML comme extension.

Ici, nous pouvons voir la méthode set () a mis à jour l'ancienne instance avec un nouveau modèle d'instance dans une collection et a renvoyé les deux instances.

Exemple 2: Ajoutez la nouvelle instance du modèle dans la collection à l'aide de set ()

Dans cet exemple, nous créerons une classe modale nommée - Fleurs et créerons une classe de collection FlowerCollection. Nous passerons notre classe de modèle (fleurs) à l'intérieur.

Après cela, nous devons créer une instance pour le modèle Flowers avec trois attributs (Flower_name, Flower_Sepals, Flower_Petsals).

Nous créerons un flower_collection, qui est un exemple à la collection FlowerCollection. Et nous ajouterons l'instance du modèle de fleur à l'instance de collection en utilisant la méthode Add ().

Maintenant, nous allons créer une nouvelle instance de modèle avec des attributs.

Enfin, nous affichons la collection en utilisant le JSON.méthode stringify ().

Indice de linux

Sortir:

Exécutez l'application dans votre navigateur en enregistrant le code dans le fichier avec .HTML comme extension.

Ici, nous pouvons voir la méthode set () ajoute un nouveau modèle d'instance - Flower2 à une collection.

Conclusion

Dans cette épine dorsale.Tutoriel JS, nous avons discuté de la méthode set () dans la collection. Il est utilisé pour mettre à jour les instances du modèle dans une collection. Si l'instance de modèle n'est pas présente, elle ajoutera ce modèle à la collection. Pour ce faire, assurez-vous de définir une instance.