Backbone.js - zobrazení

Backbone.js Kromě toho je založen na struktuře MVC Modely, také má pohledyPodle filozofie této architektury konstrukce softwaru jsou pohledy takové, které jsou odpovědné za to, že ukazují uživateli data, která jsou generována mezi řadičem a modelem, v závislosti na požadavku, který byl vznesen.
v Backbone.js toto funguje trochu jinak, pohled neobsahuje prvky, které uživatel vidí přímo, ale spíše komunikuje data prostřednictvím šablony.
Zobrazení v Backbone.js
v Backbone.js pohledy jako takové neobsahují jazyk HTML, který lze ukázat uživateli naší aplikace, naopak obsahují logiku, která nám umožní vybudovat provoz přední části aplikace, kterou vyvíjíme pomocí modelu jako základna, tedy to, co máme v modelu, s ním budeme manipulovat v pohledu, takže budeme mít dvě úrovně akce.
K zobrazení dat použijeme metoda render () to nám umožňuje předat data z našeho pohledu do šablony, uvedená šablona je postavena v nějakém enginu Šablony Javascriptu například: Podtržítko, knír, Jquery-tpml atd.
Zobrazit tvorbu
Na vytvořit pohled Sledujeme poměrně přímý proces a podobný vytváření modelu, abychom vytvořili pohled, ze kterého musíme pouze rozšířit Páteř. Pohled, podívejme se, jak se to chová, když to spustíme na našem chromová konzole pomocí souboru HTML s knihovnami Backbone.js, jsquery Y podtržítko již načteno.
Nejprve se podívejme na kód, který umístíme do naší konzoly:

 var TodoView = Backbone.View.extend ({tagName: 'li', // Cache the template function for a single item. todoTpl: _.template ("An example Template"), events: {'dblclick label': 'edit ',' keypress .edit ':' updateOnEnter ',' blur .edit ':' close '}, // Znovu generujte titulky štítku prvku. render: function () {this. $ el.html (this.todoTpl ( this.model.toJSON ())); this.input = this. $ ('. edit'); return this;}, edit: function () {// Provádí se po dokončení dvojitým kliknutím na značku}, zavřít : function () {// provede se při odebrání fokusu z prvku}, updateOnEnter: function (e) {// provede se při stisknutí klávesy v režimu úprav, // nicméně počkejte, až se zadá stisknuto pro vstup do akce}}); 

Jak vidíme, poté, co to uděláme rozšířit odpovídající inicializujeme řadu atributů, díky nimž bude náš pohled fungovat, navíc do každého prvku umístíme komentáře, abychom věděli, jak to funguje.
Nyní se v konzole podíváme, co se stane, když zavoláme zobrazení:

DůležitéPři volání prvek v console.log () to, co jsme udělali s objektem, který jsme vytvořili z našeho pohledu, to, co děláme, je vytisknout Prvek DOM odpovídající, tímto způsobem je, že naše pohledy mohou skládat své prvky, a tak být vloženy najednou do Strom DOM vzorového dokumentu.
Tímto uzavíráme tento tutoriál, se kterým jsme již udělali krok vpřed v tom, co odpovídá generování zobrazení v aplikaci MVC pomocí Backbone.js.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod