Backbone.js - skatījumi

Backbone.js Tas ir balstīts uz MVC struktūru, papildus tam Modeļi, arī ir viedokliSaskaņā ar šīs programmatūras konstrukcijas arhitektūras filozofiju viedokļi ir tie, kuru pienākums ir parādīt lietotājam datus, kas tiek ģenerēti starp kontrolieri un modeli atkarībā no pieprasījuma.
In Backbone.js tas darbojas nedaudz savādāk, skatā nav elementu, ko lietotājs redz tieši, bet drīzāk paziņo datus, izmantojot veidņu dzinēju.
Skati vietnē Backbone.js
In Backbone.js skati kā tādi nesatur HTML valodu, ko var parādīt mūsu lietojumprogrammas lietotājam, gluži pretēji, tajos ir loģika, kas ļaus mums izveidot mūsu izstrādātās lietojumprogrammas priekšējās daļas darbību, izmantojot modeli kā bāze, tas ir, tas, kas mums ir modelī, mēs ar to manipulēsim skatījumā, tādējādi mums būs divi darbības līmeņi.
Lai parādītu datus, mēs izmantosim render () metode kas ļauj mums nodot datus no mūsu skata uz veidni, minētā veidne ir iebūvēta kādā no dzinējiem Javascript veidnes piemēram: Pasvītrojums, ūsas, Jquery-tpml utt.
Skatīt izveidi
Uz izveidot skatu Mēs sekojam diezgan tiešam procesam un līdzīgi modeļa izveidei, lai radītu skatu, no kura mums tikai jāpaplašinās Mugurkauls.Skats, redzēsim, kā tas uzvedas, kad to darbinām hroma konsole izmantojot HTML failu ar bibliotēkām Backbone.js, jsquery Y pasvītrot jau ielādēts.
Vispirms apskatīsim kodu, ko ievietosim savā konsolē:

 var TodoView = Backbone.View.extend ({tagName: 'li', // viena vienuma veidnes funkcijas kešatmiņa. todoTpl: _.template ("Veidnes piemērs"), notikumi: {'dblclick label': 'rediģēt ',' keypress .edit ':' updateOnEnter ',' blur .edit ':' close '}, // Atjaunot elementa etiķetes parakstus. render: function () {this. $ el.html (this.todoTpl ( this.model.toJSON ())); this.input = this. $ ('. edit'); return this;}, edit: function () {// Tas tiek izpildīts, veicot dubultklikšķi uz taga}, aizvērt : function () {// tas tiek izpildīts, kad tiek noņemts fokuss no elementa}, updateOnEnter: function (e) {// tas tiek izpildīts, kad rediģēšanas režīmā tiek nospiesta taustiņa, // tomēr pagaidiet, līdz tiek ievadīts nospiests, lai sāktu darbību}}); 

Kā mēs redzam, pēc tam, kad mēs to izdarīsim pagarināt Atbilstoši tam mēs inicializējam vairākus atribūtus, kas liks mūsu skatījumam darboties, turklāt katrā elementā mēs ievietojam komentārus, lai mēs zinātu, kā tas darbojas.
Tagad konsolē redzēsim, kas notiek, kad izsaucam skatu:

SvarīgsZvanot elements iekš console.log () ko mēs darījām ar objektu, ko mēs redzam no sava skata, mēs to izdrukājam DOM elements atbilstošs, tādā veidā mūsu uzskati var sastādīt savus elementus un tādējādi tos uzreiz ievietot DOM koks dokumenta veidni.
Ar to mēs noslēdzam šo apmācību, ar kuru mēs jau esam spēruši soli uz priekšu, kas atbilst skatījumu ģenerēšanai MVC lietojumprogrammā, izmantojot Backbone.js.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu