Cuprins
model este baza structurii aplicației noastre, în cazul Backbone.js, modelul va reprezenta o abstractizare a ceea ce vrem să captăm pe pagina noastră.Pentru aceasta avem o structură care conține atribute și fiecare dintre acestea va conține valori diferite, astfel încât să putem forma obiecte individuale care împărtășesc o bază comună.
În Backbone.js Pentru a lucra cu aceste obiecte și a le folosi atributele, avem două metode cheie, obține si a stabilit, primul ne ajută să obținem valoarea deja declarată și al doilea să stabilim valoarea menționată.
Structura modelului
Structura pentru crearea unui model în Backbone.js este destul de simplu, primul lucru pe care trebuie să-l facem este să definim o variabilă care va fi cea care va conține definiția modelului, această definiție este dată de a face o instanță de Backbone.Model.extend.
Tine minteAmintiți-vă că trebuie să avem un cod HTML cu biblioteca Backbone.js inclus, astfel încât să putem rula exemplele din Consola pentru dezvoltatori Chrome.
Să vedem un exemplu în care codul pe care ar trebui să-l aibă HTML-ul nostru ar trebui să fie similar cu acesta:
Titlu
Să vedem codul corespunzător în următoarea imagine:
După cum am observat, mai întâi ne declarăm modelul, apoi îl instanțiem și, în final, îi imprimăm conținutul, dar în acest caz este gol deoarece nu am încorporat încă nimic în el.
Metoda Set ()
Cu set () metoda Putem încorpora datele corespunzătoare modelului nostru, dar pentru aceasta vom încorpora mai întâi valorile inițiale ale instanțelor noastre, în acest fel vom avea o structură căreia să îi atribuim valorile corespunzătoare.
Să vedem cum putem crea un model cu date inițiale și apoi facem un a stabilit() pentru a atribui o valoare:
După cum putem vedea, ne-a luat ceva mai multă muncă și cod, dar la stabilirea structurii în model, instanțele noastre o au automat și când facem a stabilit() putem da fiecărui atribut o valoare.
Metoda Get ()
Deoarece nu vom avea întotdeauna nevoie să imprimăm tot conținutul unui obiect, probabil că vom avea nevoie doar de unul sau două atribute în funcție de situație, avem metoda get (), această metodă ne permite să obținem valoarea atributului.
Pentru a utiliza metoda get () pur și simplu îi vom apela din instanță și, ca parametru, îi vom transmite atributul pe care dorim să îl obținem.
Să vedem un exemplu în imaginea următoare:
Aici putem vedea două lucruri, primul este funcționarea noastră metoda get (), Am obținut valoarea atributului de conținut al modelului și al doilea este că putem menține o persistență a ceea ce facem în consola noastră, acest lucru este foarte important, deoarece este ceea ce ne permite să facem testele corespunzătoare pe care le-am văzut .
La sfârșitul acestui tutorial am putut vedea cum să creăm un model în Backbone.js precum și diferitele metode care ne permit să o gestionăm în cadrul aplicației noastre.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv