Kręgosłup.JS to framework używany do tworzenia aplikacji internetowych, które śledzą styl JavaScript.

Obsługuje modele, wydarzenia, kolekcje, widoki i narzędzia.

Korzystając z dowolnej z poprzednich funkcji, możemy tworzyć i wykonywać różne operacje na podanych danych w aplikacji internetowej.

Punkty do zapamiętania

1. Jest używany z JavaScript.
2. Możemy zaimplementować framework wewnątrz znacznika.
3. Ta framework obsługuje metody i funkcje JavaScript, takie jak dane wyjściowe i odczytu.
4. Tag jest umieszczony wewnątrz znacznika lub w tagu.
5. Ważne jest, aby mieć linki do sieci dostarczania treści (CDN) do uruchamiania aplikacji internetowej na serwerze.

Zobaczmy strukturę, aby umieścić kod

Linki CDN są umieszczone z atrybutem SRC znacznika skryptu.

Linki CDN

Metoda set () w kręgosłupie.Kolekcja JS aktualizuje instancję modelu w kolekcji.

Zwróci poprzednią instancję modelu, a także zmodyfikowaną instancję. Jeśli model nie istnieje w kolekcji, doda ten model do kolekcji.

Składnia:
Collection_Object.zestaw (model, opcje)

Wymaga dwóch parametrów.

1. Model to instancja/nowa instancja, która zaktualizuje instancję modelu.
2. Parametr opcji służy do ustawienia zaktualizowanej wartości na kolekcję.

Zbliżać się

1. Utwórz model szkieletu za pomocą metody ext ().

   Składnia:
   var ModelClass = kręgosłup.Model.rozszerzyć();

2. Utwórz kolekcję kręgosłupa za pomocą metody ext () i przejdź klasę modelu.

   Składnia:
   var CollectionClass = kręgosłup.Kolekcja.rozszerzyć(
   Model: ModelClass
   );

3. Utwórz obiekt lub instancję dla klasy kolekcji.
   
   Składnia:
   var collection_instance = new CollectionClass ();
4. Przeglądaj metodę set () w kręgosłupie.Kolekcja JS.
   Omówmy kilka przykładów kręgosłupa.Metoda kolekcji JS ().

Przykład 1: Zaktualizuj instancję modelu w kolekcji za pomocą set ()

W tym przykładzie utworzymy klasę modalną o nazwie - Flowers i utworzymy klasę kolekcji Klamią. Miniemy w niej naszą klasę modelową (kwiaty).

Następnie musimy utworzyć jedną instancję dla modelu Flowers z trzema atrybutami (nazwa_kwiata, flower_sepals, flower_petals).

Stworzymy flower_collection, który jest przykładem kolekcji FlowerCollection. I dodamy instancję modelu kwiatu do instancji kolekcji za pomocą metody add ().

Teraz zaktualizujemy dodaną instancję modelu za pomocą innej instancji.

Wreszcie wyświetlamy kolekcję za pomocą JSON.metoda stringify ().

Wskazówka Linux

Wyjście:

Uruchom aplikację w przeglądarce, zapisując kod w pliku za pomocą .HTML jako rozszerzenie.

Tutaj możemy zobaczyć metodę set () zaktualizowaną starą instancję o nowym modelu instancji w kolekcji i zwrócili oba instancje.

Przykład 2: Dodaj nową instancję modelu w kolekcji za pomocą set ()

W tym przykładzie utworzymy klasę modalną o nazwie - Flowers i utworzymy klasę kolekcji Klamią. Miniemy w niej naszą klasę modelową (kwiaty).

Następnie musimy utworzyć jedną instancję dla modelu Flowers z trzema atrybutami (nazwa_kwiata, flower_sepals, flower_petals).

Stworzymy flower_collection, który jest instancją kolekcji FlowerCollection. I dodamy instancję modelu kwiatu do instancji kolekcji za pomocą metody add ().

Teraz utworzymy nową instancję modelu z atrybutami.

Wreszcie wyświetlamy kolekcję za pomocą JSON.metoda stringify ().

Wskazówka Linux

Wyjście:

Uruchom aplikację w przeglądarce, zapisując kod w pliku za pomocą .HTML jako rozszerzenie.

Tutaj możemy zobaczyć metodę set () dodaje nowy model instancji - flower2 do kolekcji.

Wniosek

W tym kręgosłupie.Samouczek JS, omówiliśmy metodę set () w kolekcji. Służy do aktualizacji instancji modelu w kolekcji. Jeśli instancja modelu nie jest obecna, doda ten model do kolekcji. Aby to osiągnąć, upewnij się, że właśnie zdefiniowałeś instancję.