Backbone.js - peržiūros

Backbone.js Be to, jis grindžiamas MVC struktūra Modeliai, taip pat turi PeržiūrėjoRemiantis šios programinės įrangos kūrimo architektūros filosofija, vaizdai yra tie, kurie turi parodyti vartotojui duomenis, kurie yra generuojami tarp valdiklio ir modelio, atsižvelgiant į pateiktą užklausą.
In Backbone.js tai veikia šiek tiek kitaip, vaizde nėra elementų, kuriuos vartotojas mato tiesiogiai, o perduoda duomenis per šablonų variklį.
„Backbone.js“ rodiniai
In Backbone.js vaizduose nėra HTML kalbos, kurią būtų galima parodyti mūsų programos vartotojui, priešingai, juose yra logika, kuri leistų mums sukurti priekinės programos dalies, kurią mes kuriame, veikimą naudojant modelį kaip bazę, tai yra tai, ką turime modelyje, kuriuo ketiname ja manipuliuoti, todėl turėsime du veiksmų lygius.
Norėdami rodyti duomenis, naudosime render () metodas kuris leidžia mums perduoti duomenis iš mūsų rodinio į šabloną, minėtas šablonas yra sukurtas tam tikrame variklyje „Javascript“ šablonai pavyzdžiui: Pabraukimas, ūsai, „Jquery-tpml“ ir kt.
Peržiūrėti kūrimą
Į sukurti vaizdą Mes vadovaujamės gana tiesioginiu procesu ir panašiai kaip modelio kūrimas, kad sukurtume vaizdą, nuo kurio turime tik pratęsti Nugaros.Vaizdas, pažiūrėkime, kaip tai veikia, kai jį paleidžiame chromuota konsolė naudojant HTML failą su bibliotekomis Backbone.js, jsquery Y pabrėžti jau pakrautas.
Pirmiausia pažiūrėkime kodą, kurį įdėsime į savo konsolę:

 var TodoView = Backbone.View.extend ({tagName: 'li', // Vieno elemento šablono funkcijos talpykla. todoTpl: _.template ("Šablono pavyzdys"), įvykiai: {'dblclick label': 'redaguoti ',' keypress .edit ':' updateOnEnter ',' blur .edit ':' close '}, // Atkurti elemento etiketės antraštes. render: function () {this. $ el.html (this.todoTpl ( this.model.toJSON ())); this.input = this. $ ('. edit'); return this;}, edit: function () {// Jis vykdomas, kai padaryta dukart spustelėjus žymą}, uždaryti : function () {// jis vykdomas, kai elementas pašalinamas paspaudus pradėti veiksmą}}); 

Kaip matome, atlikę pratęsti atitinkamai inicijuojame daugybę atributų, dėl kurių mūsų požiūris veiks, be to, kiekviename elemente pateikiame komentarus, kad žinotume, kaip tai veikia.
Dabar pažiūrėkime konsolėje, kas atsitiks, kai vadinsime rodinį:

SvarbuKai skambina elementas viduje console.log () ką padarėme objektui, kurį matome iš savo požiūrio, ką spausdiname DOM elementas atitinkamai, tokiu būdu mūsų pažiūros gali sudaryti savo elementus ir tokiu būdu iš karto įterpti į DOM medis dokumento šabloną.
Tuo baigiame šią pamoką, su kuria jau žengėme žingsnį į priekį, kas atitinka peržiūrų generavimą MVC programoje, naudojant Backbone.js.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką