Backbone.js - modeliai

The modelis yra mūsų programos struktūros pagrindas Backbone.js, modelis parodys, ką norime užfiksuoti savo puslapyje.
Tam mes turime struktūrą, kurioje yra atributų, ir kiekvienoje iš jų bus skirtingos vertės, todėl galime sudaryti atskirus objektus, turinčius bendrą pagrindą.
In Backbone.js Norėdami dirbti su šiais objektais ir naudoti jų atributus, turime du pagrindinius metodus gauti ir nustatyti, pirmasis padeda mums gauti jau deklaruotą vertę, o antrasis - nustatyti šią vertę.
Modelio struktūra
Modelio kūrimo struktūra Backbone.js yra gana paprasta, pirmiausia turime apibrėžti kintamąjį, kuriame bus tas modelio apibrėžimas, šis apibrėžimas pateikiamas instancija apie Backbone.Model.extend.
PrisimintiAtminkite, kad su biblioteka turime turėti HTML Backbone.js įtraukti, kad galėtume vykdyti pavyzdžius „Chrome“ kūrėjų pultas.
Pažiūrėkime pavyzdį, kai kodas, kurį turėtų turėti mūsų HTML, turėtų būti panašus į šį:

 Pavadinimas 

Pažvelkime į atitinkamą kodą šiame paveikslėlyje:

Kaip pastebėjome, pirmiausia deklaruojame savo modelį, tada jį akimirksniu ir galiausiai spausdiname jo turinį, tačiau šiuo atveju jis tuščias, nes į jį dar nieko neįtraukėme.
Set () metodas
Su set () metodas Atitinkamus duomenis galime įtraukti į savo modelį, tačiau šiuo tikslu pirmiausia įtrauksime pradines mūsų egzempliorių vertes, tokiu būdu turėsime struktūrą, kuriai priskirti atitinkamas vertes.
Pažiūrėkime, kaip galime sukurti modelį su pradiniais duomenimis, o tada atliksime rinkinys () norint priskirti vertę:

Kaip matome, mums prireikė šiek tiek daugiau darbo ir kodo, tačiau nustatydami modelio struktūrą, mūsų egzemplioriai automatiškai ją turi ir kai mes rinkinys () kiekvienam atributui galime suteikti vertę.
Gauti () metodą
Kadangi mums ne visada reikės atspausdinti visą objekto turinį, greičiausiai mums prireiks tik vieno ar dviejų atributų, priklausomai nuo situacijos, turime metodą get (), šis metodas leidžia mums gauti atributo vertę.
Norėdami naudoti get () metodas mes tiesiog paskambinsime iš egzemplioriaus ir kaip parametrą perduosime jam atributą, kurį norime gauti.
Pažvelkime į jo pavyzdį šiame paveikslėlyje:

Čia galime pamatyti du dalykus, pirmasis yra mūsų veikimas get () metodas, Gavome modelio turinio atributo vertę, o antrasis - kad konsolėje galime išlaikyti tai, ką darome, tai labai svarbu, nes tai leidžia mums atlikti atitinkamus testus, kuriuos matėme .
Šios pamokos pabaigoje galėjome pamatyti, kaip sukurti modelį Backbone.js taip pat įvairius metodus, leidžiančius mums tai apdoroti mūsų programoje.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką