Направите веб локацију са Синатром

Употреба Синатра како је оквир веома широк, може се користити за израду алата и услуга које користе ХТТП Међутим, као слој за пренос података, то није једино што можемо постићи, постоје тренуци када морамо бити у могућности да направимо веб странице на којима можемо приказати информације или једноставно снимити податке.
Ова израда веб страница је врло једноставна и сложена у исто време, јер Синатра Не намеће нам никакву врсту шаблона приликом њихове изградње, па ће ниво сложености зависити од начина на који радимо, што може бити веома позитивно ако имамо већ успостављен сопствени начин рада.
1- Да бисмо покренули примере у овом водичу, потребна нам је инсталација језика Руби бар у његовом верзија 1.9 па надаље.
2- Такође морамо да инсталирамо драгуљ Синатра и да је правилно конфигурисан. Ако постоји било каква сумња у вези са овим процесом, можемо се обратити следећем водичу.
3- Морамо имати дозволе за директоријум за извршавање Руби, креирање и руковање датотекама.
4- Морамо имати уређивач текста да бисмо могли писати садржај примера, ово може бити било која врста уређивача обичног текста који нам омогућава да сачувамо датотеку .рб попут Сублиме Тект или чак НотеПад ++.
5- Коначно нам је потребан веб прегледач попут Гоогле Цхроме или Фирефок где можемо покренути наш пример и кретати се кроз њега.
Да бисмо прво створили веб страницу, морамо имати визију, циљ, нешто што нас води и што можемо користити као референцу у развоју, то генерално постижемо када знамо шта ће наш пројекат узети.
У случају веб странице коју ћемо изградити, циљ ће бити стварање три странице, ми ћемо их навести:

• Почетак
• О мени
• Контакт

То нас доводи до чињенице да ће то бити референтна веб страница или лични блог, на овај начин ћемо морати овладати неким техникама које у будућности можемо применити на друге пројекте. Да бисмо могли брже да видимо наш напредак, успут ћемо понављати и исправљати док градимо нашу веб страницу.
За почетак морамо креирати датотеку под називом старт.рб, ово ће бити онај који ће садржавати сву логику погледа и рута наше веб странице, почетни садржај који има је следећи:

 захтевају 'синатра' гет '/' до ерб: старт енд

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

 __ЕНД__ @@ хоме Моја веб страница

Почетак
О мени
Контакт

Добродошли на моју веб страницу, овдје ћу показати своје знање о Руби и Синатри

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

 рубин старт.рб

Развојни сервер можемо изградити из Синатра а видећемо следеће када пређемо на лоцалхост: 4567 или број порта који смо подигли за наш сервер:

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

 захтевају 'синатра' гет '/' до ерб: старт енд гет '/ он' до ерб: он енд гет '/ цонтацт' до ерб: цонтацт енд

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

 захтевају 'синатра' гет '/' до ерб: старт енд гет '/ он' до ерб: он енд гет '/ цонтацт' до ерб: цонтацт енд __ЕНД__ @@ лаиоут

Почетак
О мени
Контакт

@@ почетак
Добродошли на моју веб страницу, овдје ћу показати своје знање о Руби и Синатри

@@О томе
Здраво, ја сам творац овога Веб, Искористио сам своје вештине да Руби и Синатра раде
@@Контакт
Ако желите знати више о мени, можете посјетити Солветић

Као што видимо, написали смо само један ХТМЛ а остатак садржаја је сажетији, стога много лакши за управљање и лакше за одржавање, хајде да видимо како то изгледа у нашем прегледачу када се крећемо на другу руту од почетка:

ЕНЛАРГЕ

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