Създайте уебсайт със Sinatra

Използването на Синатра тъй като рамката е много широка, тя може да се използва за изграждане на инструменти и услуги, които се използват HTTP Като слой за пренос на данни обаче това не е единственото нещо, което можем да постигнем, има моменти, когато трябва да можем да изградим уеб страници, където можем да показваме информация или просто да улавяме данни.
Това създаване на уеб страници е много просто и сложно в същото време, защото Синатра Той не ни налага никакъв тип модел, когато ги изграждаме, така че нивото на сложност ще зависи от начина, по който работим, което може да бъде много положително, ако вече имаме установен собствен начин на работа.
1- За да стартираме примерите в този урок ще ни трябва инсталация на езика Руби поне в неговия версия 1.9 нататък.
2- Трябва също да инсталираме скъпоценния камък Синатра и че е правилно конфигуриран. Ако има някакво съмнение относно този процес, можем да се консултираме със следния урок.
3- Трябва да имаме разрешения за папка за изпълнение Руби, създаване и манипулиране на файлове.
4- Трябва да имаме текстов редактор, за да можем да напишем съдържанието на примерите, това може да бъде всеки тип обикновен текстов редактор, който ни позволява да запишем файл .rb като Sublime Text или дори NotePad ++.
5- Накрая имаме нужда от уеб браузър като Google Chrome или Firefox където можем да изпълним нашия пример и да се придвижваме през него.
За да създадем уебсайт на първо място, трябва да имаме визия, цел, нещо, което да ни ръководи и което можем да използваме като ориентир, когато се разработваме, това обикновено постигаме, когато знаем какво ще предприеме нашият проект.
В случай на уебсайт, който ще изградим, целта ще бъде да се създадат три страници, ние ще ги изброим:

• Старт
• За мен
• Контакт

Това ни води до факта, че това ще бъде референтен уебсайт или личен блог, по този начин ще трябва да усвоим някои техники, които в бъдеще можем да приложим към други проекти. За да можем да видим напредъка си по -бързо, ще повторим и коригираме по пътя, докато изграждаме нашия уебсайт.
За да започнем, трябва да създадем файл, наречен start.rb, това ще бъде този, който ще съдържа цялата логика на изгледите и маршрутите на нашия уебсайт, първоначалното съдържание, което той има, е следното:

 изискват 'sinatra' get '/' do erb: start end

По принцип това, което току -що написахме, изглежда малко липсващо, но нека видим каква е функционалността; на първо място включваме Синатра с инструкция изискватТова означава, че вече можем да разполагаме с всички инструменти, които тази рамка ни предоставя.
След това имаме блока вземете в която дефинираме, че съдържанието трябва да се изпълнява в главния път, споменатото съдържание е обаждащ се ерб да се : началото, където в последното трябва да спрем, за да видим какво е ЕРБ и защо го използваме, нека видим:
Език на шаблонния език на ERBКакто подсказва заглавието ЕРБ не е нищо повече от акроним за Вграден Ruby o Вграден Ruby, това ни позволява да създаваме шаблони HTML където можем да включим код, написан на език Руби и с това да може да включи своята процесорна мощ в изгледите. Ние ги наричаме по име с помощта на символи, което не е нищо повече от името, предшествано от двоеточие, както видяхме в кода : начало.
Тъй като сме наясно с новата концепция, която въвеждаме, сега ще създадем първия си шаблон в един и същ файл start.rb който създаваме, ще включим следния код в края му:

 __END__ @@ начало Моят собствен уебсайт

Старт
За мен
Контакт

Добре дошли на моя уебсайт, тук ще демонстрирам познанията си за Руби и Синатра

Тук имаме няколко неща, които можем да анализираме, първо започваме с разказването Синатра че това е краят на обработката Руби, за това използваме __КРАЙ__ след това с двойно @@ Ние посочваме името на секцията, в този случай започнете, ако погледнем това е същото име на нашия символ.
Накрая написахме всички наши HTML без никакъв проблем. След това отиваме в конзолата, позиционираме се в папката, където създаваме нашия файл start.rb и правим следното:

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

Можем да изградим сървъра за разработка от Синатра и ще видим следното, когато отидем на localhost: 4567 или номера на порта, който сме повишили за нашия сървър:

Както забелязахме, имаме HTML който изграждаме в основния път, от който посочваме приложението си Синатра.
Едно от нещата, които винаги трябва да избягваме, е да се налага да повтаряме това, което можем да направим само веднъж и това работи за няколко неща, в случай на нашата страница HTML base е нещо, което можем да създадем само веднъж, ако следваме предишния пример, за да изградим разделите на За мен Y Контакт, щеше да се наложи да повторим целия HTML, само променяйки съдържателната част, нещо, което щеше да ни остави с дълъг, много дълъг файл start.rb.
За да се противодейства на този тип неефективно поведение, Синатра ни позволява да използваме оформлението, с това можем да създадем база, където просто ще отпечатаме промените или динамичния код, който ще генерираме.
За да започнем да оформяме нашето оформление, първо ще променим нашия файл start.rb и ще добавим още няколко маршрута:

 изискват 'sinatra' get '/' do erb: start end get '/ on' do erb: on end get '/ contact' do erb: contact end

Сега имаме маршрутите, които споменаваме в менюто HTML които бяхме построили преди, това е само началото Синатра знаете какво да търсите, когато извикваме тези маршрути, следващата стъпка е да определим нашето оформление и съдържанието, което ще се показва при извикване на всеки маршрут.
За да направим това, първо трябва да създадем шаблон и да го идентифицираме с името @@ оформление, след което използвайте Ruby Embedded с етикетите ще дефинираме едно заглавие, а с етикетите ще отпечатаме съдържанието, където е необходимо. На мястото, където съдържанието ни се променя, ще поставим това е помощна програма, която ни позволява да посочим Синатра което е в това пространство, където трябва да отпечата съдържанието на маршрута.
Накрая дефинираме всеки наш маршрут и съдържанието, което те ще пренасят, следвайки логическия ред @@ маршрут и след това съдържанието, с него вече Синатра знае какво да показва при всяко обаждане. Нека да видим как изглежда пълният код на нашия файл start.rb включително оформление:

 изискват 'sinatra' get '/' do erb: start end get '/ on' do erb: on end get '/ contact' do erb: contact end __END__ @@ оформление

Старт
За мен
Контакт

@@ начало
Добре дошли на моя уебсайт, тук ще демонстрирам познанията си за Руби и Синатра

@@относно
Здравейте аз съм създателят на това Уеб, Използвах уменията си, за да накарам Ruby и Sinatra да работят
@@ Контакт
Ако искате да научите повече за мен, можете да посетите Solvetic

Както виждаме, ние сме написали само едно HTML и останалото съдържание е по -обобщено, следователно много по -лесно управляемо и по -лесно за поддръжка, нека да видим как изглежда в нашия браузър, когато навигираме към различен маршрут от самото начало:

Увеличете

Вече създадохме малък, но функционален уебсайт, където имаме няколко връзки и имаме динамично съдържание, използвайки само оформление за изграждане на неговата структура, разбира се, стиловете все още ни липсват CSS и изображенията, но това е тема на друг урок. Разбира се, този стил не е много полезен, ако ще имаме връзки с бази данни или функционалности с много изгледи, тъй като тогава единственият ни файл ще започне да бъде много сложен за обработка и поддържане.
С това завършихме този урок, създадохме първия си уебсайт, използвайки Руби Y Синатра, ние се възползваме от факта, че можем да използваме всяка методология, която изглежда подходяща и направихме това, което се нарича еднофайлово приложение, този тип приложение е полезно, когато имаме много прости проекти и че не искаме те да бъдат разпръснати излишно , като например мрежата, получена от примера.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка