Бацкбоне.јс - Виевс

Бацкбоне.јс Заснован је на МВЦ структури, поред тога што има Модели, такође има погледаПрема филозофији ове архитектуре конструкције софтвера, ставови су они који имају одговорност приказивања кориснику података који се генеришу између контролера и модела у зависности од захтева који је постављен.
Ин Бацкбоне.јс ово функционише мало другачије, приказ не садржи елементе које корисник види директно, већ комуницира податке преко механизма шаблона.
Погледи у Бацкбоне.јс
Ин Бацкбоне.јс прикази као такви не садрже ХТМЛ језик који се може приказати кориснику наше апликације, напротив садрже логику која ће нам омогућити да изградимо рад предњег дела апликације који развијамо користећи модел као базу, односно оно што имамо у моделу којим ћемо манипулисати са гледишта имајући тако два нивоа деловања.
За приказ података користићемо метод рендер () што нам омогућава да податке из нашег приказа пренесемо у предложак, који је уграђен у неки мотор Јавасцрипт предлошци на пример: Подвлачење, бркови, Јкуери-тпмл итд.
Виев Цреатион
До креирајте приказ Пратимо прилично директан процес, сличан стварању модела, да бисмо генерисали поглед на који се само морамо проширити Бацкбоне.Виев, да видимо како се ово понаша када га покренемо на нашем хромирана конзола помоћу ХТМЛ датотеке са библиотекама Бацкбоне.јс, јскуери И подвући већ учитано.
Хајде прво да видимо код који ћемо поставити у нашу конзолу:

 вар ТодоВиев = Бацкбоне.Виев.ектенд ({тагНаме: 'ли', // Кешира функцију предлошка за једну ставку. тодоТпл: _.темплате ("Пример предлошка"), догађаји: {'дблцлицк лабел': 'уреди ',' кеипресс .едит ':' упдатеОнЕнтер ',' блур .едит ':' цлосе '}, // Регенерирајте наслове ознаке елемента. рендер: фунцтион () {тхис. $ ел.хтмл (тхис.тодоТпл (тхис.тодоТпл ( тхис.модел.тоЈСОН ())); тхис.инпут = тхис. $ ('. едит'); врати ово;}, едит: фунцтион () {// Извршава се када се уради двоструки клик на ознаку}, затвори : фунцтион () {// извршава се када се фокус уклони са елемента}, упдатеОнЕнтер: фунцтион (е) {// извршава се када се притисне тастер док је у режиму уређивања, // међутим, сачекајте да се унесе притиснуто за акцију}}); 

Као што видимо, након што то учинимо проширити одговарајући иницијализирамо бројне атрибуте који ће учинити да наш поглед функционише, додатно у сваки елемент постављамо коментаре тако да знамо како то функционише.
Хајде сада да видимо у конзоли шта се дешава када позовемо приказ:

ВажноПриликом позива елемент тхе у цонсоле.лог () оно што смо урадили објекту који стварамо из нашег погледа, оно што радимо је штампање ДОМ елемент одговарајући, на овај начин је да наши погледи могу саставити своје елементе и на тај начин бити уметнути одједном у ДОМ дрво предлошка документа.
Овим завршавамо овај водич којим смо већ направили корак напред у ономе што одговара генерисању прегледа у МВЦ апликацији користећи Бацкбоне.јс.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен