Crea un sito web con Sinatra

L'uso di Sinatra poiché un framework è molto ampio, può essere utilizzato per creare strumenti e servizi che utilizzano HTTP Come livello di trasporto dati, tuttavia, non è l'unica cosa che possiamo ottenere, ci sono momenti in cui dobbiamo essere in grado di creare pagine Web in cui possiamo visualizzare informazioni o semplicemente acquisire dati.
Questa creazione di pagine web è molto semplice e complessa allo stesso tempo, perché Sinatra Non ci impone alcun tipo di schema durante la loro costruzione, quindi il livello di complessità dipenderà dal modo in cui lavoriamo, il che può essere molto positivo se abbiamo già stabilito il nostro modo di lavorare.
1- Per eseguire gli esempi in questo tutorial avremo bisogno di un'installazione della lingua Rubino almeno nel suo versione 1.9 in poi.
2- Dobbiamo anche aver installato la gemma Sinatra e che sia configurato correttamente. In caso di dubbi su questo processo, possiamo consultare il seguente tutorial.
3- Dobbiamo avere i permessi su una cartella da eseguire Rubino, creare e manipolare file.
4- Dobbiamo avere un editor di testo per poter scrivere il contenuto degli esempi, questo può essere qualsiasi tipo di editor di testo normale che ci permetta di salvare un file .rb come Sublime Text o anche NotePad ++.
5- Infine abbiamo bisogno di un browser web come Google Chrome o Firefox dove possiamo eseguire il nostro esempio e navigare attraverso di esso.
Per creare un sito web in primo luogo dobbiamo avere una visione, un obiettivo, qualcosa che ci guidi e che possiamo usare come riferimento durante lo sviluppo, questo generalmente lo otteniamo quando sappiamo cosa porterà il nostro progetto.
Nel caso del sito web che realizzeremo, l'obiettivo sarà quello di creare tre pagine, le elencheremo:

• Cominciare
• Riguardo a me
• Contatto

Questo ci porta al fatto che sarà un sito web di riferimento o un blog personale, in questo modo dovremo padroneggiare alcune tecniche che in futuro potremo applicare ad altri progetti. In modo che possiamo vedere i nostri progressi più rapidamente, itereremo e correggeremo lungo la strada mentre stiamo costruendo il nostro sito web.
Per iniziare dobbiamo creare un file chiamato start.rb, questo sarà quello che conterrà tutta la logica di visualizzazioni e percorsi del nostro sito web, il contenuto iniziale che ha è il seguente:

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

In linea di massima, quello che abbiamo appena scritto sembra un po' carente, ma vediamo qual è la funzionalità; in primo luogo includiamo Sinatra con istruzioni richiedereCiò significa che ora possiamo avere tutti gli strumenti che questo framework ci mette a disposizione.
Poi abbiamo il blocco ottenere in cui definiamo che il contenuto deve essere eseguito nel percorso radice, detto contenuto è un chiamante erba a :inizio, dove in quest'ultimo dobbiamo soffermarci a vedere che cos'è ERB e perché lo stiamo usando, vediamo:
Linguaggio modello ERBCome suggerisce il titolo ERB non è altro che l'acronimo di Rubino incorporato o Embedded Ruby, questo ci permette di creare modelli HTML dove possiamo includere codice scritto in linguaggio Rubino e con questo poter incorporare la sua potenza elaborativa nelle viste. Li chiamiamo con il loro nome usando dei simboli, che non è altro che il nome preceduto da due punti come abbiamo visto nel codice :inizio.
Dato che siamo chiari sul nuovo concetto che stiamo introducendo, ora creeremo il nostro primo modello, all'interno dello stesso file start.rb che creiamo, incorporeremo il seguente codice alla fine di esso:

 __END__ @@ home Il mio sito web

Cominciare
Riguardo a me
Contatto

Benvenuto nel mio sito web, qui dimostrerò la mia conoscenza di Ruby e Sinatra

Qui abbiamo diverse cose che possiamo analizzare, per prima cosa iniziamo raccontando Sinatra che questa è la fine del trattamento Rubino, per questo usiamo __FINE__ poi con un doppio @@ Indichiamo il nome della sezione, in questo caso inizio, se osserviamo è lo stesso nome del nostro simbolo.
Abbiamo finalmente scritto tutto il nostro HTML senza alcun problema. Quindi andiamo alla console, ci posizioniamo nella cartella in cui creiamo il nostro file start.rb e facciamo quanto segue:

 rubino start.rb

Possiamo costruire il server di sviluppo da Sinatra e vedremo quanto segue quando andremo a host locale: 4567 o il numero di porta che abbiamo generato per il nostro server:

Come abbiamo notato abbiamo il HTML che costruiamo nel percorso root che indichiamo alla nostra applicazione da Sinatra.
Una delle cose che dobbiamo sempre evitare è dover ripetere ciò che possiamo fare una sola volta e che funziona per più cose, nel caso della nostra pagina il HTML base è qualcosa che possiamo creare una sola volta, se seguiamo l'esempio precedente per costruire le sezioni di Riguardo a me sì Contatto, avremmo dovuto ripetere tutto l'HTML cambiando solo la parte di contenuto, cosa che ci avrebbe lasciato con un file lungo, molto lungo start.rb.
Per contrastare questo tipo di comportamento inefficace, Sinatra ci permette di utilizzare il layout, con questo possiamo creare una base dove stamperemo semplicemente le modifiche o il codice dinamico che genereremo.
Per iniziare a modellare il nostro layout, modificheremo il nostro file in prima istanza start.rb e aggiungeremo un altro paio di percorsi:

 require 'sinatra' get '/' do erb: start end get '/ on' do erb: on end get '/ contact' do erb: contact end

Ora abbiamo i percorsi che citiamo nel menu HTML che avevamo costruito prima, questo è solo l'inizio, già Sinatra sai cosa cercare quando chiamiamo quelle rotte, il passo successivo è definire il nostro layout e il contenuto che verrà visualizzato quando viene chiamata ciascuna rotta.
Per fare ciò, dobbiamo prima creare un modello e identificarlo con il nome @@ disposizione, quindi facendo uso di Rubino incorporato con le etichette andremo a definire un singolo titolo e con le etichette stamperemo il contenuto dove è richiesto. Nel luogo in cui il nostro contenuto cambia posizioneremo questa è un'utilità che ci consente di indicare a Sinatra che si trova in quello spazio dove deve stampare il contenuto del percorso.
Infine definiamo ciascuno dei nostri percorsi e il contenuto che porteranno, questo seguendo l'ordine logico @@itinerario e poi il contenuto, già con esso Sinatra sa cosa mostrare ad ogni chiamata. Vediamo come appare il codice completo del nostro file start.rb compreso il layout:

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

Cominciare
Riguardo a me
Contatto

@@inizio
Benvenuto nel mio sito web, qui dimostrerò la mia conoscenza di Ruby e Sinatra

@@di
Ciao io sono il creatore di questo ragnatela, ho usato le mie abilità per far funzionare Ruby e Sinatra
@@Contatto
Se vuoi saperne di più su di me, puoi visitare Solvetic

Come possiamo vedere ne abbiamo scritta solo una HTML e il resto del contenuto è più riassunto, quindi molto più gestibile e più facile da mantenere, vediamo come appare nel nostro browser quando navighiamo su un percorso diverso dall'inizio:

INGRANDIRE

Abbiamo già creato un sito web piccolo ma funzionale dove abbiamo diversi link e abbiamo contenuti dinamici, utilizzando solo un layout per costruirne la struttura, ovviamente ci mancano ancora gli stili CSS e le immagini, ma questo è l'argomento di un altro tutorial. Ovviamente questo stile non è molto utile se avremo connessioni con Database, o funzionalità con molte viste, poiché allora il nostro unico file comincerebbe ad essere molto complesso da gestire e mantenere.
Con questo abbiamo finito questo tutorial, abbiamo creato il nostro primo sito web usando Rubino sì Sinatra, approfittiamo del fatto che possiamo utilizzare qualsiasi metodologia che ci sembra appropriata e abbiamo fatto quella che viene chiamata un'applicazione a file singolo, questo tipo di applicazione è utile quando abbiamo progetti molto semplici e non vogliamo che vengano dispersi inutilmente , come il web risultante dall'esempio.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo