Spina dorsale.JS è un framework utilizzato per creare applicazioni Web che seguono lo stile di JavaScript.

Supporta modelli, eventi, collezioni, viste e servizi pubblici.

Utilizzando una qualsiasi delle funzionalità precedenti, possiamo creare ed eseguire operazioni diverse sui dati forniti in un'applicazione Web.

Punti da ricordare

1. È usato con JavaScript.
2. Possiamo implementare il framework all'interno del tag.
3. Questo framework supporta i metodi e le funzioni JavaScript come l'output e l'input di lettura.
4. Il tag è posizionato all'interno del tag o in tag.
5. È importante avere collegamenti CDN (Content Delivery Network) per eseguire l'applicazione Web sul server.

Vediamo la struttura per posizionare il codice

I collegamenti CDN sono posizionati con l'attributo SRC del tag script.

Collegamenti CDN

Il metodo set () nella spina dorsale.La collezione JS aggiorna l'istanza di un modello nella raccolta.

Restituirà l'istanza del modello precedente e l'istanza modificata. Se il modello non esiste nella raccolta, aggiungerà questo modello alla raccolta.

Sintassi:
Collection_Object.Imposta (modello, opzioni)

Ci vogliono due parametri.

1. Il modello è un'istanza/nuova istanza che aggiornerà l'istanza del modello.
2. Il parametro delle opzioni viene utilizzato per impostare il valore aggiornato in una raccolta.

Approccio

1. Crea un modello di spina dorsale usando il metodo Extent ().

   Sintassi:
   var modelclass = spina dorsale.Modello.estendere();

2. Crea una raccolta di backbone utilizzando il metodo Extent () e passa la classe del modello.

   Sintassi:
   var collectionclass = backbone.Collezione.estendere(
   Modello: ModelClass
   );

3. Crea un oggetto o un'istanza per la classe di raccolta.
   
   Sintassi:
   var collection_instance = new CollectionClass ();
4. Esplora il metodo set () nella spina dorsale.Collezione JS.
   Discutiamo alcuni esempi della spina dorsale.Metodo di raccolta js ().

Esempio 1: aggiorna l'istanza del modello nella raccolta utilizzando set ()

In questo esempio, creeremo una classe modale denominata - fiori e creeremo una classe di collezione di collection di fiori. Passeremo al suo interno la nostra classe modello (fiori).

Successivamente, dobbiamo creare un'istanza per il modello Flowers con tre attributi (Flower_name, Flower_Sepals, Flower_Petals).

Creeremo un Flower_Collection, che è un'istanza della collezione di colection Flower. E aggiungeremo l'istanza del modello di fiori all'istanza di raccolta utilizzando il metodo Add ().

Ora aggiorneremo l'istanza del modello aggiunta con un'altra istanza.

Infine, stiamo visualizzando la collezione usando il JSON.Metodo Stringify ().

Suggerimento Linux

Produzione:

Esegui l'applicazione nel browser salvando il codice nel file con .HTML come estensione.

Qui, possiamo vedere il metodo set () aggiornato la vecchia istanza con un nuovo modello di istanza in una raccolta e restituito entrambe le istanze.

Esempio 2: aggiungi la nuova istanza del modello nella raccolta utilizzando set ()

In questo esempio, creeremo una classe modale denominata - fiori e creeremo una classe di collezione di collection di fiori. Passeremo al suo interno la nostra classe modello (fiori).

Successivamente, dobbiamo creare un'istanza per il modello Flowers con tre attributi (Flower_name, Flower_Sepals, Flower_Petals).

Creeremo un Flower_Collection, che è un'istanza per la collezione di colection Flower. E aggiungeremo l'istanza del modello di fiori all'istanza di raccolta utilizzando il metodo Add ().

Ora creeremo una nuova istanza del modello con gli attributi.

Infine, stiamo visualizzando la collezione usando il JSON.Metodo Stringify ().

Suggerimento Linux

Produzione:

Esegui l'applicazione nel browser salvando il codice nel file con .HTML come estensione.

Qui, possiamo vedere il metodo set () aggiunge un nuovo modello di istanza - Flower2 a una collezione.

Conclusione

In questa spina dorsale.JS Tutorial, abbiamo discusso del metodo SET () nella raccolta. Viene utilizzato per aggiornare le istanze del modello in una raccolta. Se l'istanza del modello non è presente, aggiungerà quel modello alla raccolta. Per raggiungere questo obiettivo, assicurati di aver appena definito un'istanza.