Izradite web stranicu sa Sinatrom

Korištenje Sinatra budući da je okvir vrlo širok, može se koristiti za izradu alata i usluga koje se koriste HTTP Međutim, kao sloj prijenosa podataka, to nije jedino što možemo postići, postoje trenuci kada moramo biti u mogućnosti izgraditi web stranice na kojima možemo prikazati informacije ili jednostavno snimiti podatke.
Ova izrada web stranica vrlo je jednostavna i složena u isto vrijeme, jer Sinatra Ne nameće nam nikakvu vrstu uzorka pri njihovoj izgradnji, pa će razina složenosti ovisiti o načinu na koji radimo, što može biti vrlo pozitivno ako imamo već uspostavljen vlastiti način rada.
1- Za izvođenje primjera u ovom vodiču trebat će nam instalacija jezika Rubin barem u svom verzija 1.9 nadalje.
2- Također moramo instalirati dragulj Sinatra te da je pravilno konfiguriran. Ako postoje sumnje u vezi s ovim procesom, možemo se obratiti sljedećem vodiču.
3- Moramo imati dopuštenja za mapu za izvršavanje Rubin, stvarati i upravljati datotekama.
4- Moramo imati uređivač teksta da bismo mogli pisati sadržaj primjera, to može biti bilo koja vrsta uređivača običnog teksta koji nam omogućuje spremanje datoteke .rb poput Sublime Text ili čak NotePad ++.
5- Konačno nam je potreban web preglednik poput Google Chrome ili Firefox gdje možemo izvesti naš primjer i kretati se njime.
Da bismo stvorili web stranicu, prije svega moramo imati viziju, cilj, nešto što nas vodi i što možemo koristiti kao referencu u razvoju, to općenito postižemo kada znamo što će naš projekt poduzeti.
U slučaju web stranice koju ćemo izgraditi, cilj će biti stvaranje tri stranice, mi ćemo ih navesti:

• Početak
• O meni
• Kontakt

To nas dovodi do činjenice da će to biti referentna web stranica ili osobni blog, na ovaj način ćemo morati svladati neke tehnike koje ćemo u budućnosti moći primijeniti na druge projekte. Kako bismo što brže vidjeli svoj napredak, usput ćemo ponavljati i ispravljati dok gradimo našu web stranicu.
Za početak moramo stvoriti datoteku pod nazivom start.rb, ovo će biti onaj koji će sadržavati svu logiku pogleda i ruta naše web stranice, početni sadržaj koji ima je sljedeći:

 zahtijevaju 'sinatra' get '/' do erb: start end

U principu, ovo što smo upravo napisali pomalo nedostaje, ali pogledajmo koja je funkcionalnost; na prvo mjesto uključujemo Sinatra s uputom zahtijevajuTo znači da sada možemo imati sve alate koje nam ovaj okvir čini dostupnima.
Zatim imamo blok dobiti u kojem definiramo da se sadržaj mora izvesti na korijenskoj stazi, navedeni sadržaj je pozivatelj erb do :početak, gdje u potonjem moramo zastati da vidimo što je ERB i zašto ga koristimo, da vidimo:
Jezik ERB predloškaKao što naslov govori ERB nije ništa drugo do akronim za Ugrađeni Ruby o Ugrađeni Ruby, to nam omogućuje stvaranje predložaka HTML gdje možemo uključiti kôd napisan na jeziku Rubin a time i moći uključiti svoju procesorsku moć u poglede. Nazivamo ih njihovim imenom pomoću simbola, što nije ništa drugo do ime ispred kojeg stoji dvotočka kako smo vidjeli u kodu :početak.
Budući da nam je jasan novi koncept koji uvodimo, sada ćemo stvoriti naš prvi predložak, u istoj datoteci start.rb koji stvorimo, na kraju ćemo ugraditi sljedeći kôd:

 __END__ @@ home Moja web stranica

Početak
O meni
Kontakt

Dobro došli na moju web stranicu, ovdje ću pokazati svoje znanje o Ruby i Sinatri

Ovdje imamo nekoliko stvari koje možemo analizirati, prvo započinjemo pričanjem Sinatra da je ovo kraj obrade Rubin, za to koristimo __KRAJ__ zatim s dvostrukom @@ Označavamo naziv odjeljka, u ovom slučaju početak, ako pogledamo isti je naziv našeg simbola.
Konačno smo napisali sve svoje HTML bez ikakvih problema. Zatim idemo na konzolu, pozicioniramo se u mapu u kojoj stvaramo svoju datoteku start.rb i radimo sljedeće:

 rubin start.rb

Razvojni poslužitelj možemo izgraditi iz Sinatra a kad prijeđemo na to vidjet ćemo sljedeće localhost: 4567 ili broj porta koji smo prikupili za naš poslužitelj:

Kao što smo primijetili imamo HTML koje ugrađujemo u korijenski put s kojeg označavamo našu aplikaciju Sinatra.
Jedna od stvari koje uvijek moramo izbjegavati jest ponavljanje onoga što možemo učiniti samo jednom, a to funkcionira za nekoliko stvari, u slučaju naše stranice HTML base je nešto što možemo stvoriti samo jednom, ako slijedimo prethodni primjer za izgradnju odjeljaka O meni Y Kontakt, morali bismo ponoviti sav HTML samo mijenjajući dio sadržaja, nešto što će nam ostaviti dugu, vrlo dugu datoteku start.rb.
Za suzbijanje ove vrste nedjelotvornog ponašanja, Sinatra omogućuje nam korištenje izgleda, s tim možemo stvoriti bazu u kojoj ćemo jednostavno ispisati promjene ili dinamički kod koji ćemo generirati.
Da bismo počeli oblikovati naš izgled, prvo ćemo izmijeniti našu datoteku start.rb i mi ćemo dodati još par ruta:

 zahtijevaju 'sinatra' get '/' do erb: start end get '/ on' do erb: on end get '/ contact' do erb: kontakt kraj

Sada imamo rute koje spominjemo u izborniku HTML koje smo već izgradili, ovo je tek početak Sinatra znate što trebate tražiti kada zovemo te rute, sljedeći korak je definiranje našeg izgleda i sadržaja koji će se prikazivati ​​pri pozivanju svake rute.
Da bismo to učinili, prvo moramo stvoriti predložak i identificirati ga s imenom @@ izgled, a zatim koristeći Ruby Embedded s oznakama ćemo definirati jedan naslov, a s oznakama ćemo ispisati sadržaj tamo gdje je to potrebno. Na mjesto gdje se mijenja naš sadržaj postavit ćemo ovo uslužni program koji nam omogućuje da pokažemo Sinatra koji se nalazi u onom prostoru gdje bi trebao ispisati sadržaj rute.
Na kraju definiramo svaku našu rutu i sadržaj koji će nositi, slijedeći logičan redoslijed @@ ruta a zatim sadržaj, s njim već Sinatra zna što pokazati na svaki poziv. Pogledajmo kako izgleda cijeli kod naše datoteke start.rb uključujući raspored:

 zahtijevaju 'sinatra' get '/' do erb: start end get '/ on' do erb: on end get '/ contact' do erb: kontakt end __END__ @@ layout

Početak
O meni
Kontakt

@@početak
Dobro došli na moju web stranicu, ovdje ću pokazati svoje znanje o Ruby i Sinatri

@@oko
Pozdrav ja sam kreator ovoga mreža, Upotrijebio sam svoje vještine kako bih Ruby i Sinatra funkcionirao
@@Kontakt
Ako želite znati više o meni, posjetite Solvetic

Kao što vidimo, napisali smo samo jedan HTML a ostatak sadržaja je sažetiji, stoga mnogo lakši za upravljanje i lakše održavanje, da vidimo kako to izgleda u našem pregledniku kad se krećemo na drugu rutu od početka:

POVEĆAJTE

Već smo stvorili malu, ali funkcionalnu web stranicu na kojoj imamo nekoliko veza i imamo dinamičan sadržaj, koristeći samo izgled za izgradnju svoje strukture, naravno da nam još uvijek nedostaju stilovi CSS i slike, ali to je tema drugog vodiča. Naravno, ovaj stil nije jako koristan ako ćemo imati veze s bazama podataka ili funkcionalnosti s mnogo pogleda, jer bi tada naša jedina datoteka počela biti vrlo složena za rukovanje i održavanje.
Ovim smo završili ovaj vodič, stvorili smo svoju prvu web stranicu koristeći Rubin Y Sinatra, koristimo činjenicu da možemo koristiti bilo koju metodologiju koja se čini primjerenom i učinili smo ono što se zove aplikacija za jednu datoteku, ova vrsta aplikacije je korisna kada imamo vrlo jednostavne projekte i da ne želimo da se nepotrebno raspršuju , kao što je web koji proizlazi iz primjera.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod