Користите предлошке са управљачима у Екпресс.јс -у

Употреба шаблона постала је неопходна у свету веб апликација, јер нам помаже да одвојимо програмску логику од њене презентације. Сво ово одвајање и пораст рецепције овог стила развоја довели су до појаве великог броја оквири на тржишту које нам помажу да носимо одговорност управљања шаблонима.
У случају изразити, овај изворно долази са предлошком који се зове ЈадеМеђутим, многи програмери већ долазе са искуством других и не би било поштено да се морају поново прилагодити новом мотору, то није лоше, али није за свачији укус.
То је због тога изразити омогућава нам да конфигуришемо оквир тако да можемо да радимо са различитим машинама предложака, као што су Ручке што је продужетак Мустацхе.јс и веома је популаран шаблонски мотор будући да је заснован на ЈаваСцрипт а можемо га користити и на страни сервера и на клијенту.
ЗахтевиДа бисмо испоштовали неке од овде приказаних примера, морамо имати инсталиран приступ и приступ Ноде.јс, и претходно инсталирани изразити. Уређивач текста и апликација изразити они су пожељни како би могли да укључе концепте објашњене у водичу.
Недостаци некоришћења предложакаНекоришћење предложака повлачи за собом низ недостатака који могу утицати на брзину развоја наше апликације, ми ћемо навести ове недостатке тако да ћемо, када помислимо да нам мотор предложака не треба, видети супротно.
Ризик од стварања погрешно обликованог ХТМЛ -а је много већи, па добијање сертификата за наш код може бити тешко.
Добијени код може бити тешко документовати и делити са другим програмерима.
Ако користимо код за генерисање ХТМЛ -а, увек ће бити непријатно радити са посебним знаковима.
Постоји тенденција да се логика апликације не одвоји од презентације.
Као што видимо, постоје многи недостаци који, иако нису озбиљни и не доводе до тога да наша апликација не ради ако умањују могућност да буду продуктивнији.
Предности коришћења предложакаСада да видимо шта ћемо добити применом решења као што су ручке у нашим апликацијама помоћу Екпресс -а:
Добијени код је организованији и гарантовано нам је да неће бити погрешно обликованог ХТМЛ -а.
Наш тим можемо поделити на два дела помоћу корисничких интерфејса без потребе за развојем у позадини.
Предложаци нам омогућавају да поново користимо делове кода и на тај начин помажемо да наш пројекат остане оптимизован.
Постоје многи услужни програми који нам помажу да обезбедимо бољу интеракцију са визуелним делом наших апликација.
Начин на који видимо шта нам предлошци нуде је да можемо да одвојимо, оптимизујемо и организујемо наш код, то доводи до директне последице побољшања ефикасности, ефикасности и опште продуктивности у нашем развојном тиму.
На почетку водича смо то споменули Јаде то је био подразумевани мотор, па зашто тражимо други мотор? Одговор је врло једноставан, начин на који функционише Јаде покушава да смањи количину ХТМЛ пишемо, ово може бити помало збуњујуће, јер морамо практично да научимо нови облик језика за нас Предњи крај.
На следећој слици видећемо предложак кода Јаде тако да можемо видети пример његове синтаксе:

Можемо приметити да је разлика у коду ХТМЛ Стандард је ужасан, и иако је код мањи, количина размишљања је нешто већа.
Ручке то је друга прича од Јаде, његов начин рада је сличан другим моторима као што су Јиња2 или Свиг, јер нам омогућава писање етикета ХТМЛ а затим изнутра помоћу сопственог кода мотора можемо дефинисати шта штампа из контекста и начин на који то ради.
На пример, ако знамо да ћемо одштампати нешто што је корисник написао, можемо аутоматски избећи посебне знакове и на тај начин избећи уношење кода, али ако знамо да је то наш сопствени код, можемо то изразити Ручке то не измиче тексту.
Сервер или клијентЈош један аспект Ручке је да може радити на два начина, са серверске стране или са клијентске стране. Ова свестраност значи да можемо боље одлучити како желимо да спроводимо наше апликације, јер ако је СПА о Апликација за једну страницу, можда је приступ на страни клијента једноставнији и кориснији, али ако желимо веб локацију, можда је корисније генерисање свега на серверу.
За инсталацију Ручке на страни сервера је врло једноставно, само морамо да користимо нпм у нашој конзоли и тако ћемо добити потребне пакете, да видимо шта имамо да напишемо:

 нпм инсталл --саве екпресс-хандлебарс

С тим нпм Он ће преузети све потребне компоненте како бисмо овај мотор могли да уградимо у наш пројекат, на крају бисмо у нашој конзоли требали добити резултат сличан следећем:

Затим у нашој датотеци где покрећемо нашу апликацију изразити Морамо му рећи да користи ово као предложак, за то једноставно морамо написати следећи код:

 вар хандлебарс = рекуире ('екпресс-хандлебарс') .цреате ({дефаултЛаиоут: 'маин'}); апп.енгине ('хандлебарс', хандлебарс.енгине); апп.сет ('виев енгине', 'хандлебарс');

Оно што би остало у нашем досијеу било би следеће:

Основна синтакса управљачаРучке Има своју врло чисту синтаксу која нам омогућава да у предложак уградимо мало логике приказа, можемо уградити коментаре, понављати листе и блокове, избегавати или не одељке текста. Зато је важно знати најосновније како бисмо лакше изразили своје идеје и тако извукли максимум, погледајмо најосновније од мотора у наставку.
Као резултат тога, наш поглед генерира податке које морамо приказати кориснику, просљеђујемо те податке кроз контекст у наш предложак и ту их штампамо. Да бисмо ово одштампали, једноставно морамо да ставимо променљиву или елемент у двоструке заграде, на следећи начин:

 {{Име}}

То нас доводи до сагледавања садржаја "Име" које смо дефинисали по нашем мишљењу, ове двоструке увијене заграде аутоматски избегавају знакове, на такав начин да не резултира штампањем кода који програмер подразумевано не дозвољава.
Сада, ако желимо да одштампамо текст без бежања, морамо да користимо троструке заграде, ово говори Ручке да ништа не би требало да побегне, погледајмо пример:

 {{{Имена}}}

Ово ако нам омогућава штампање кода ХТМЛ, посебне знакове, па чак и ЈаваСцрипт без интервенције нашег мотора.
Тхе коментари у предлошку су од виталног значаја јер нам омогућавају да идентификујемо одељке, додамо важне информације и документујемо нашу пријаву. Ако ставимо коментар директно на ХТМЛ у облику: ово постаје видљиво свакоме ко прегледа код наше странице, па нас ограничава у ономе што можемо оставити документованим.
Али ако користимо коментаре у Ручке, увијек их можемо видјети у изворном коду, али мотор приликом генерирања онога што корисник види то изоставља, а онда када прегледамо код веба или апликације нећемо видјети ништа. Да напишете коментар на Ручке морамо учинити следеће:

 {{! наш коментар}}

То значи да садржај коментара никада није генериран у резултату који је видљив нашим корисницима, чинећи оно што напишемо тајном за оне који су изван нашег развојног тима.
Нешто што не смемо заборавити је да се не морамо ограничити на оно што је у маинстреам, постоји много опција које би могле бити боље за развојни стил сваке особе, због чега је од виталног значаја истражити и не бојати се испробавати нове ствари.
Овим смо завршили овај водич, имали смо мали, али прилично обогаћујући увод у то шта значи употреба предложака и како уградити нови мотор у изразити.
да у реду Ручке је много опсежнији, али са овим кључним концептима и нашом применом изразити моћи ћемо за кратко време постићи врло занимљиве ствари.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен