Kręgosłup.Kolekcja JS.Metoda modeli
W tym kręgosłupie.Samouczek JS Framework, omówimy metodę modeli () w klasie kolekcji.
Wstęp
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
- Jest używany z JavaScript.
- Możemy zaimplementować framework wewnątrz znacznika.
- Ta framework obsługuje metody i funkcje JavaScript, takie jak dane wyjściowe i odczytu.
- Tag jest umieszczony wewnątrz znacznika lub w tagu.
- Ważne jest, aby mieć linki do sieci dostarczania treści (CDN) do uruchamiania aplikacji internetowej na serwerze.
Zobaczmy strukturę, aby umieścić kod
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
Linki CDN są umieszczone z atrybutem SRC znacznika skryptu.
Linki CDN
| 1 2 3 |
Kręgosłup.Metoda JS Collection Modele () służy do wyświetlania modeli istniejących w danej kolekcji. Nie wymaga żadnych parametrów.
Składnia:
| 1 | Collection_Object.modele |
Zbliżać się
1. Utwórz model szkieletu za pomocą metody ext ().
Składnia:
| 1 | var ModelClass = kręgosłup.Model.rozszerzyć(); |
2. Utwórz kolekcję kręgosłupa za pomocą metody ext () i przejdź klasę modelu.
Składnia:
| 1 2 3 4 5 | var CollectionClass = kręgosłup.Kolekcja.rozszerzyć( |
3. Utwórz obiekt lub instancję dla klasy kolekcji.
Składnia:
| 1 | 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 przykładem kolekcji FlowerCollection. I dodamy instancje modelu kwiatu do instancji kolekcji za pomocą metody add ().
Na koniec wyświetlimy modele z kolekcji za pomocą modeli metodą ToJSON ().
| 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 | Wskazówka Linux |
Wyjście:
Uruchom aplikację w przeglądarce, zapisując kod w pliku za pomocą .HTML jako rozszerzenie.
Tutaj widzimy, że modele są zwracane z kolekcji za pomocą metody modeli ().
Wniosek
W tym kręgosłupie.Samouczek JS, omówiliśmy metodę modeli () zastosowaną do uzyskania wszystkich instancji modelu z kolekcji. Użyliśmy JSON.Stringify () Metoda zwracania modeli w formacie JSON.