Backbone.js - Modele

ten Model jest podstawą konstrukcji naszej aplikacji, w przypadku Backbone.js, model będzie reprezentował abstrakcję tego, co chcemy uchwycić na naszej stronie.
Do tego mamy strukturę, która zawiera atrybuty, a każdy z nich będzie zawierał inne wartości, dzięki czemu możemy tworzyć pojedyncze obiekty, które mają wspólną bazę.
w Backbone.js Aby pracować z tymi obiektami i korzystać z ich atrybutów, mamy dwie kluczowe metody, dostwać i ustawić, pierwsza pomaga nam uzyskać wartość już zadeklarowaną, a druga do ustalenia tej wartości.
Struktura modelu
Struktura do tworzenia modelu w Backbone.js jest dość proste, pierwszą rzeczą, którą musimy zrobić, to zdefiniować zmienną, która będzie tą, która będzie zawierała definicję modelu, definicja ta jest podawana przez wykonanie instancja z Backbone.Model.extend.
PamiętaćPamiętaj, że musimy mieć HTML z biblioteką Backbone.js włączone, abyśmy mogli uruchomić przykłady w Konsola programisty Chrome.
Zobaczmy przykład, w którym kod, który powinien mieć nasz HTML, powinien być podobny do tego:

 Tytuł 

Zobaczmy odpowiedni kod na poniższym obrazku:

Jak zauważyliśmy, najpierw deklarujemy nasz model, następnie tworzymy jego instancję, a na końcu drukujemy jego zawartość, ale w tym przypadku jest on pusty, ponieważ jeszcze niczego do niego nie włączyliśmy.
Ustaw () metodę
Z zestaw () metoda Możemy włączyć odpowiednie dane do naszego modelu, ale w tym celu najpierw włączymy początkowe wartości naszych instancji, w ten sposób będziemy mieli strukturę, do której przypiszemy odpowiednie wartości.
Zobaczmy, jak możemy stworzyć model z danymi początkowymi, a następnie zrobimy a ustawić() aby przypisać wartość:

Jak widzimy, zajęło nam to trochę więcej pracy i kodu, ale przy ustalaniu struktury w modelu nasze instancje automatycznie ją mają i kiedy wykonujemy ustawić() każdemu atrybutowi możemy nadać wartość.
Pobierz metodę ()
Ponieważ nie zawsze będziemy musieli drukować całą zawartość obiektu, prawdopodobnie będziemy potrzebować tylko jednego lub dwóch atrybutów w zależności od sytuacji, mamy metodę get(), ta metoda pozwala nam uzyskać wartość atrybutu.
Aby użyć pobierz () metodę po prostu wykonamy jego wywołanie z instancji i jako parametr przekażemy jej atrybut, który chcemy uzyskać.
Zobaczmy przykład na poniższym obrazku:

Tutaj widzimy dwie rzeczy, pierwsza to działanie naszego pobierz () metodę, Uzyskaliśmy wartość atrybutu content modelu, a po drugie możemy zachować trwałość tego, co robimy w naszej konsoli, jest to bardzo ważne, ponieważ pozwala nam wykonać odpowiednie testy, które widzieliśmy .
Pod koniec tego samouczka mogliśmy zobaczyć, jak stworzyć model w Backbone.js a także różne metody, które pozwalają nam obsłużyć to w naszej aplikacji.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt