Rückgrat.JS ist ein Framework, das zum Erstellen von Webanwendungen verwendet wird, die dem Stil von JavaScript folgen.

Es unterstützt Modelle, Veranstaltungen, Sammlungen, Ansichten und Dienstprogramme.

Durch die Verwendung einer der vorherigen Funktionen können wir unterschiedliche Vorgänge in den angegebenen Daten in einer Webanwendung erstellen und ausführen.

Punkte, die man sich merken sollte

1. Es wird mit JavaScript verwendet.
2. Wir können das Framework innerhalb des Tags implementieren.
3. Dieses Framework unterstützt JavaScript -Methoden und -funktionen wie Ausgabe und Leseneingabe.
4. Das Tag wird in Tag oder im Tag platziert.
5. Es ist wichtig, dass CDN -Links (Content Delivery Network) zur Ausführung der Webanwendung auf dem Server ausgeführt werden.

Lassen Sie uns die Struktur sehen, um den Code zu platzieren

CDN -Links werden mit dem SRC -Attribut des Skript -Tags platziert.

CDN -Links

Die set () -Methode im Rückgrat.Die JS -Sammlung aktualisiert die Instanz eines Modells in der Sammlung.

Es wird die Vorgängermodellinstanz sowie die modifizierte Instanz zurückgeben. Wenn das Modell in der Sammlung nicht existiert, fügt es dieses Modell der Sammlung hinzu.

Syntax:
Collection_Object.Set (Modell, Optionen)

Es dauert zwei Parameter.

1. Modell ist eine Instanz/eine neue Instanz, die die Modellinstanz aktualisiert.
2. Der Parameter des Options -Parameters wird verwendet, um den aktualisierten Wert in eine Sammlung festzulegen.

Ansatz

1. Erstellen Sie ein Backbone -Modell mit der Extend () -Methode.

   Syntax:
   var modelClass = Backbone.Modell.erweitern();

2. Erstellen Sie eine Backbone -Sammlung mit der Extend () -Methode und bestehen Sie die Modellklasse.

   Syntax:
   var collectionclass = Backbone.Sammlung.erweitern(
   Modell: Modellklasse
   );

3. Erstellen Sie ein Objekt oder eine Instanz für die Sammelklasse.
   
   Syntax:
   var collection_instance = new CollectionClass ();
4. Erforschen Sie die Methode set () im Rückgrat.JS -Sammlung.
   Lassen Sie uns einige Beispiele des Rückgrats diskutieren.JS Collection set () Methode.

Beispiel 1: Aktualisieren Sie die Modellinstanz in der Sammlung mit set ()

In diesem Beispiel werden wir eine modale Klasse namens - Blumen erstellen und eine FlowerCollection -Sammlungsklasse erstellen. Wir werden unsere Modellklasse (Blumen) darin übergeben.

Danach müssen wir eine Instanz für das Blumenmodell mit drei Attributen erstellen (Flower_Name, Flower_sepals, Flower_Petals).

Wir werden eine Flower_Collection erstellen, die eine Instanz der FlowerCollection -Sammlung ist. Und wir werden die Instanz des Blumenmodells mit der Methode add () zur Sammlung fügen.

Jetzt werden wir die hinzugefügte Modellinstanz mit einer anderen Instanz aktualisieren.

Schließlich zeigen wir die Sammlung mit dem JSON an.Stringify () Methode.

Linux -Hinweis

Ausgang:

Führen Sie die Anwendung in Ihrem Browser aus, indem Sie den Code in der Datei mit speichern .HTML als Erweiterung.

Hier können wir sehen, wie die set () -Methode die alte Instanz mit einem neuen Instanzmodell in einer Sammlung aktualisiert und beide Instanzen zurückgegeben hat.

Beispiel 2: Fügen Sie die neue Modellinstanz in der Sammlung mit set () hinzu

In diesem Beispiel werden wir eine modale Klasse namens - Blumen erstellen und eine FlowerCollection -Sammlungsklasse erstellen. Wir werden unsere Modellklasse (Blumen) darin übergeben.

Danach müssen wir eine Instanz für das Blumenmodell mit drei Attributen erstellen (Flower_Name, Flower_sepals, Flower_Petals).

Wir werden eine Flower_Collection erstellen, die eine Instanz für die FlowerCollection -Sammlung ist. Und wir werden die Instanz des Blumenmodells mit der Methode add () zur Sammlung fügen.

Jetzt werden wir eine neue Modellinstanz mit Attributen erstellen.

Schließlich zeigen wir die Sammlung mit dem JSON an.Stringify () Methode.

Linux -Hinweis

Ausgang:

Führen Sie die Anwendung in Ihrem Browser aus, indem Sie den Code in der Datei mit speichern .HTML als Erweiterung.

Hier können wir sehen, dass die set () -Methode ein neues Instanzmodell fügt - Blume2 zu einer Sammlung.

Abschluss

In diesem Rückgrat.JS Tutorial, wir haben die set () -Methode in der Sammlung besprochen. Es wird verwendet, um die Modellinstanzen in einer Sammlung zu aktualisieren. Wenn die Modellinstanz nicht vorhanden ist, wird dieses Modell der Sammlung hinzugefügt. Um dies zu erreichen, stellen Sie sicher, dass Sie gerade eine Instanz definiert haben.