Skapa en webbplats med Sinatra

Användningen av Sinatra eftersom ett ramverk är mycket brett kan det användas för att bygga verktyg och tjänster som använder HTTP Som datatransportlager är det dock inte det enda vi kan uppnå, det finns tillfällen då vi behöver kunna bygga webbsidor där vi kan visa information eller helt enkelt fånga data.
Denna skapande av webbsidor är mycket enkel och komplex på samma gång, eftersom Sinatra Det påtvingar oss ingen typ av mönster när vi bygger dem, så komplexiteten beror på hur vi arbetar, vilket kan vara mycket positivt om vi redan har ett eget sätt att arbeta.
1- För att kunna köra exemplen i denna handledning behöver vi en installation av språket Rubin åtminstone i hans version 1.9 framåt.
2- Vi måste också ha installerat pärlan Sinatra och att den är korrekt konfigurerad. Om det finns några tvivel om denna process kan vi konsultera följande handledning.
3- Vi måste ha behörigheter för en mapp för att köra Rubin, skapa och manipulera filer.
4- Vi måste ha en textredigerare för att kunna skriva innehållet i exemplen, detta kan vara vilken typ av textredigerare som helst som gör att vi kan spara en fil .rb som Sublime Text eller till och med NotePad ++.
5- Slutligen behöver vi en webbläsare som Google Chrome eller Firefox där vi kan köra vårt exempel och navigera genom det.
För att skapa en webbplats i första hand måste vi ha en vision, ett mål, något som vägleder oss och som vi kan använda som referens när vi utvecklar, detta når vi i allmänhet när vi vet vad vårt projekt kommer att ta.
När det gäller webbplatsen som vi kommer att bygga är målet att skapa tre sidor, vi listar dem:

• Start
• Om mig
• Kontakt

Detta leder oss till det faktum att det kommer att vara en referenswebbplats eller personlig blogg, på så sätt måste vi behärska vissa tekniker som vi i framtiden kan tillämpa på andra projekt. Så att vi kan se våra framsteg snabbare kommer vi att iterera och korrigera under vägen medan vi bygger vår webbplats.
För att starta måste vi skapa en fil som heter start.rb, detta kommer att vara den som kommer att innehålla all logik i vyer och rutter på vår webbplats, det första innehållet som det har är följande:

 kräver 'sinatra' get '/' do erb: start slutet

I princip ser det som vi just skrev lite bristfälligt ut, men låt oss se vad funktionen är; i första hand inkluderar vi Sinatra med instruktion behövaDetta innebär att vi nu kan ha alla verktyg som denna ram gör tillgängliga för oss.
Då har vi kvarteret skaffa sig där vi definierar att innehållet måste köras i rotvägen, är innehållet en uppringare erb till :början, där i det senare måste vi pausa för att se vad som är ERB och varför vi använder det, låt oss se:
ERB -mallspråkSom titeln antyder ERB är inget annat än förkortningen för Inbäddad Ruby o Embedded Ruby, detta gör att vi kan skapa mallar HTML där vi kan inkludera kod skriven på språk Rubin och med detta för att kunna införliva sin processorkraft i vyerna. Vi kallar dem med deras namn med hjälp av symboler, vilket inte är mer än namnet som föregås av ett kolon som vi såg i koden :början.
Eftersom vi är tydliga med det nya konceptet som vi introducerar, nu ska vi skapa vår första mall, inom samma fil start.rb som vi skapar, kommer vi att införliva följande kod i slutet av den:

 __END__ @@ home Min egen webbplats

Start
Om mig
Kontakt

Välkommen till min webbplats, här kommer jag att visa mina kunskaper om Ruby och Sinatra

Här har vi flera saker som vi kan analysera, först börjar vi med att berätta Sinatra att detta är slutet på behandlingen Rubin, för detta använder vi __SLUTET__ sedan med en dubbel @@ Vi anger namnet på sektionen, i det här fallet start, om vi tittar på det är samma namn på vår symbol.
Vi skrev äntligen alla våra HTML utan några problem. Sedan går vi till konsolen, vi placerar oss i mappen där vi skapar vår fil start.rb och vi gör följande:

 rubin start.rb

Vi kan bygga utvecklingsservern från Sinatra och vi kommer att se följande när vi går till lokal värd: 4567 eller portnumret som vi har höjt för vår server:

Som vi märkte har vi HTML som vi bygger i rotvägen som vi anger för vår applikation från Sinatra.
En av de saker som vi alltid behöver undvika är att behöva upprepa vad vi kan göra bara en gång och som fungerar för flera saker, när det gäller vår sida HTML bas är något som vi kan skapa bara en gång, om vi följer det föregående exemplet för att bygga sektionerna av Om mig Y Kontakt, vi skulle ha behövt upprepa all HTML bara ändra innehållsdelen, något som skulle lämna oss med en lång, mycket lång fil start.rb.
För att motverka denna typ av ineffektivt beteende, Sinatra tillåter oss att använda layouten, med detta kan vi skapa en bas där vi helt enkelt kommer att skriva ut ändringarna eller den dynamiska koden som vi kommer att generera.
För att börja forma vår layout kommer vi att ändra vår fil i första hand start.rb och vi lägger till ett par rutter till:

 kräver 'sinatra' get '/' do erb: start end get '/ on' do erb: on end get '/ contact' do erb: contact end

Nu har vi de rutter som vi nämner i menyn HTML som vi hade byggt tidigare, det här är bara början, redan Sinatra du vet vad du ska leta efter när vi kallar dessa rutter, nästa steg är att definiera vår layout och innehållet som kommer att visas när varje rutt anropas.
För att göra detta måste vi först skapa en mall och identifiera den med namnet @@ layout, sedan använda Ruby Embedded med etiketterna kommer vi att definiera en enda titel och med etiketterna kommer vi att skriva ut innehållet där det krävs. På den plats där vårt innehåll ändras kommer vi att placera detta är ett verktyg som låter oss indikera för Sinatra som är i det utrymmet där det ska skriva ut ruttens innehåll.
Slutligen definierar vi var och en av våra rutter och innehållet de kommer att bära, detta enligt den logiska ordningen @@rutt och sedan innehållet, med det redan Sinatra vet vad som ska visas vid varje samtal. Låt oss se hur den fullständiga koden för vår fil ser ut start.rb inklusive layout:

 kräver 'sinatra' get '/' do erb: start end get '/ on' do erb: on end get '/ contact' do erb: contact end __END__ @@ layout

Start
Om mig
Kontakt

@@början
Välkommen till min webbplats, här kommer jag att demonstrera mina kunskaper om Ruby och Sinatra

@@handla om
Hej jag är skaparen av detta webb, Jag använde mina färdigheter för att få Ruby och Sinatra att fungera
@@Kontakt
Om du vill veta mer om mig kan du besöka Solvetic

Som vi kan se har vi bara skrivit en HTML och resten av innehållet är mer sammanfattat, därför mycket mer hanterbart och lättare att underhålla, låt oss se hur det ser ut i vår webbläsare när vi navigerar till en annan rutt från början:

FÖRSTORA

Vi har redan skapat en liten men funktionell webbplats där vi har flera länkar och vi har dynamiskt innehåll, som bara använder en layout för att bygga dess struktur, naturligtvis saknar vi fortfarande stilarna CSS och bilderna men det är föremålet för en annan handledning. Naturligtvis är denna stil inte särskilt användbar om vi ska ha anslutningar till databaser eller funktioner med många vyer, eftersom då vår enda fil skulle börja bli mycket komplex att hantera och underhålla.
Med detta har vi avslutat denna handledning, vi har skapat vår första webbplats med Rubin Y Sinatra, vi utnyttjar det faktum att vi kan använda vilken metodik som helst som verkar lämplig och vi gjorde det som kallas en enda filapplikation, den här typen av applikationer är användbara när vi har väldigt enkla projekt och att vi inte vill att de ska spridas i onödan , till exempel webben som härrör från exemplet.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng