Съдържание
The модел е в основата на структурата на нашето приложение, в случай на Backbone.js, моделът ще представлява абстракция на това, което искаме да заснемем на нашата страница.За това имаме структура, която съдържа атрибути и всяка от тях ще съдържа различни стойности, така че можем да формираме отделни обекти, които споделят обща база.
В Backbone.js За да работим с тези обекти и да използваме техните атрибути, имаме два ключови метода, вземете и комплект, първият ни помага да получим вече декларираната стойност, а вторият да установим споменатата стойност.
Структура на модела
Структурата за създаване на модел в Backbone.js е доста просто, първото нещо, което трябва да направим, е да дефинираме променлива, която ще бъде тази, която ще съдържа дефиницията на модела, тази дефиниция се дава, като се направи инстанция на Backbone.Model.extend.
ПомняНе забравяйте, че трябва да имаме HTML с библиотеката Backbone.js включени, за да можем да изпълняваме примерите в Конзола за програмисти на Chrome.
Нека да видим пример, където кодът, който трябва да има нашия HTML, трябва да бъде подобен на този:
Заглавие
Нека видим съответния код на следното изображение:
Метод () ()
С метод set () Можем да включим съответните данни в нашия модел, но за това първо ще включим първоначалните стойности на нашите екземпляри, по този начин ще имаме структура, на която да присвоим съответните стойности.
Нека да видим как можем да създадем модел с първоначални данни и след това правим a комплект() да зададете стойност:
Метод Get ()
Тъй като не винаги ще трябва да отпечатваме цялото съдържание на обект, вероятно ще имаме нужда само от един или два атрибута в зависимост от ситуацията, имаме метода get (), този метод ни позволява да получим стойността на атрибута.
За да използвате метод get () ние просто ще направим извикването му от екземпляра и като параметър ще му предадем атрибута, който искаме да получим.
Нека видим пример за това на следното изображение:
В края на този урок можехме да видим как да създадем модел в Backbone.js както и различните методи, които ни позволяват да се справяме с него в нашето приложение.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка