Rückgrat.JS -Sammlung.Modelsmethode

Rückgrat.JS -Sammlung.Modelsmethode

In diesem Rückgrat.JS Framework Tutorial, wir werden die Models () -Methode in der Sammlungsklasse diskutieren.

Einführung

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15







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

CDN -Links

1
2
3

Das Rückgrat.Die Methode für JS -Sammlungsmodelle () wird verwendet, um die in der angegebenen Sammlung vorhandenen Modelle anzuzeigen. Es dauert keine Parameter.

Syntax:

1
Collection_Object.Modelle

Ansatz

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

Syntax:

1
var modelClass = Backbone.Modell.erweitern();

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

Syntax:

1
2
3
4
5
var collectionclass = Backbone.Sammlung.erweitern(
Modell: Modellklasse
);

3. Erstellen Sie ein Objekt oder eine Instanz für die Sammelklasse.

Syntax:

1
var collection_instance = new CollectionClass ();

Beispiel

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 fünf Instanzen 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 Instanzen des Blütenmodells der Sammlungsinstanz mit der Methode add () hinzufügen.

Schließlich werden wir die Modelle aus einer Sammlung mithilfe der Modelle über die Methode tojson () anzeigen.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51








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 Modelle mithilfe der Models () -Methode aus der Sammlung zurückgegeben werden.

Abschluss

In diesem Rückgrat.JS Tutorial, wir haben die Models () -Methode besprochen, mit der alle Modellinstanzen aus einer Sammlung abgerufen wurden. Wir haben den JSON benutzt.Stringify () -Methode zur Rückgabe von Modellen im JSON -Format.