W tym kręgosłupie.Samouczek JS Framework, omówimy, jak utworzyć klasę kolekcji za pomocą metody extle ().

Wstęp

Kręgosłup.JS to framework używany do budowania 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 ext () służy do tworzenia własnej kolekcji poprzez rozszerzenie klasy kolekcji.

Składnia:

Kręgosłup.Kolekcja.rozszerzyć (właściwości, klasoweProperties)

Parametry:

1. Parametr właściwości służy do zapewnienia właściwości instancji dla utworzonej klasy kolekcji.

2. ClassProperties: Właściwości klas są dołączane do utworzonej funkcji konstruktora kolekcji.

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 ();

Przykład

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ć pięć instancji dla modelu Flowers z trzema atrybutami (nazwa_kwiata, flower_sepals, flower_petals).

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

Teraz otrzymamy wszystkie atrybuty za pomocą metody PLUCK () w kolekcji.

Wskazówka Linux

Wyjście:

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

Tutaj stworzyliśmy Klamiąc się w rozszerzeniu kolekcji.Potem przekazaliśmy do niego model kwiatów.

Wniosek

W tym kręgosłupie.Samouczek JS, omówiliśmy, jak utworzyć kolekcję i jak przekazać instancje modelowe do obiektu kolekcji. Następnie po prostu wyświetliśmy atrybuty za pomocą funkcji PLUCK ().