Lag et nettsted med Sinatra

Innholdsfortegnelse
Bruken av Sinatra et rammeverk er veldig bredt, det kan brukes til å bygge verktøy og tjenester som bruker HTTP Som et datatransportlag er det imidlertid ikke det eneste vi kan oppnå, det er tider når vi må kunne bygge nettsider hvor vi kan vise informasjon eller bare fange data.
Denne opprettelsen av websider er veldig enkel og kompleks på samme tid, fordi Sinatra Det pålegger oss ikke noen form for mønster når vi bygger dem, så kompleksitetsnivået vil avhenge av måten vi jobber på, noe som kan være veldig positivt hvis vi allerede har en egen måte å jobbe på.
1- For å kjøre eksemplene i denne opplæringen trenger vi en installasjon av språket Rubin i hvert fall i hans versjon 1.9 videre.
2- Vi må også ha installert perlen Sinatra og at den er riktig konfigurert. Hvis det er tvil om denne prosessen, kan vi konsultere følgende opplæring.
3- Vi må ha tillatelser på en mappe for å kjøre Rubin, opprette og manipulere filer.
4- Vi må ha en tekstredigerer for å kunne skrive innholdet i eksemplene, dette kan være hvilken som helst type ren tekstredigerer som lar oss lagre en fil .rb som Sublime Text eller til og med NotePad ++.
5- Endelig trenger vi en nettleser som Google Chrome eller Firefox hvor vi kan kjøre vårt eksempel og navigere gjennom det.
For å opprette et nettsted i utgangspunktet må vi ha en visjon, et mål, noe som veileder oss og som vi kan bruke som referanse når vi utvikler, dette oppnår vi generelt når vi vet hva prosjektet vårt vil ta.
Når det gjelder nettstedet vi skal bygge, vil målet være å lage tre sider, vi vil liste dem opp:
  • Start
  • Om meg
  • Ta kontakt med
Dette fører oss til det faktum at det vil være et referanse nettsted eller personlig blogg, på denne måten må vi mestre noen teknikker som vi i fremtiden kan bruke på andre prosjekter. For at vi skal se fremgangen vår raskere, vil vi gjenta og korrigere underveis mens vi bygger nettstedet vårt.
For å starte må vi lage en fil som heter start.rb, dette vil være den som vil inneholde all logikk i visninger og ruter på nettstedet vårt, det første innholdet som det har er følgende:
 krever 'sinatra' get '/' do erb: start slutten
I utgangspunktet ser det litt ut som det vi nettopp skrev, men la oss se hva funksjonaliteten er; i første omgang inkluderer vi Sinatra med instruksjon kreverDette betyr at vi nå kan ha alle verktøyene som dette rammeverket gjør tilgjengelig for oss.
Så har vi blokken der vi definerer at innholdet må kjøres i rotbanen, sa innholdet at det ringer erb til :begynnelse, hvor vi i det siste må stoppe for å se hva som er ERB og hvorfor vi bruker det, la oss se:
ERB malspråkSom tittelen antyder ERB er ikke annet enn forkortelsen for Innebygd Ruby o Embedded Ruby, dette lar oss lage maler HTML hvor vi kan inkludere kode skrevet på språk Rubin og med dette for å kunne inkorporere sin prosessorkraft i visningene. Vi kaller disse ved navn ved hjelp av symboler, som ikke er noe mer enn navnet som er innledet av et kolon som vi så i koden :begynnelse.
Siden vi er klare om det nye konseptet vi introduserer, skal vi nå lage vår første mal, i samme fil start.rb som vi lager, skal vi innlemme følgende kode på slutten av den:
 __END__ @@ hjemme Mitt eget nettsted
  • Start
  • Om meg
  • Ta kontakt med

Velkommen til nettstedet mitt, her vil jeg demonstrere min kunnskap om Ruby og Sinatra

Her har vi flere ting som vi kan analysere, først starter vi med å fortelle Sinatra at dette er slutten på behandlingen Rubin, for dette bruker vi __SLUTT__ deretter med en dobbel @@ Vi angir navnet på seksjonen, i dette tilfellet start, hvis vi ser på det er det samme navnet på symbolet vårt.
Vi skrev til slutt alle våre HTML uten problemer. Så går vi til konsollen, vi plasserer oss i mappen der vi lager filen vår start.rb og vi gjør følgende:
 rubin start.rb
Vi kan bygge utviklingsserveren fra Sinatra og vi vil se følgende når vi går til lokal vert: 4567 eller portnummeret som vi har hevet for serveren vår:

Som vi la merke til har vi HTML som vi bygger i rotbanen som vi angir for søknaden vår fra Sinatra.
En av tingene vi alltid må unngå er å måtte gjenta det vi kan gjøre bare én gang, og det fungerer for flere ting, i tilfelle av siden vår HTML base er noe vi bare kan lage én gang, hvis vi følger det forrige eksemplet for å bygge seksjonene av Om meg Y Ta kontakt med, ville vi ha måttet gjenta all HTML -en bare ved å endre innholdsdelen, noe som ville gi oss en lang, veldig lang fil start.rb.
For å motvirke denne typen ineffektiv oppførsel, Sinatra lar oss bruke oppsettet, med dette kan vi lage en base der vi bare vil skrive ut endringene eller den dynamiske koden som vi vil generere.
For å begynne å forme oppsettet vårt, kommer vi til å endre filen vår i første omgang start.rb og vi legger til et par ruter til:
 krever 'sinatra' get '/' do erb: start end get '/ on' do erb: on end get '/ contact' do erb: contact end
Nå har vi rutene som vi nevner i menyen HTML som vi hadde bygget før, dette er bare begynnelsen, allerede Sinatra du vet hva du skal se etter når vi kaller disse rutene, neste trinn er å definere oppsettet vårt og innholdet som skal vises når hver rute blir kalt.
For å gjøre dette må vi først lage en mal og identifisere den med navnet @@ oppsett, og deretter bruke Ruby Embedded med etikettene skal vi definere en enkelt tittel, og med etikettene skriver vi ut innholdet der det er nødvendig. På stedet der innholdet vårt endres vil vi plassere dette er et verktøy som lar oss indikere for Sinatra som er i det rommet der den skal skrive ut innholdet i ruten.
Til slutt definerer vi hver av våre ruter og innholdet de vil bære, dette etter den logiske rekkefølgen @@rute og deretter innholdet, med det allerede Sinatra vet hva de skal vise på hver samtale. La oss se hvordan den komplette koden til filen vår ser ut start.rb inkludert layout:
 krever 'sinatra' get '/' do erb: start end get '/ on' do erb: on end get '/ contact' do erb: contact end __END__ @@ layout
  • Start
  • Om meg
  • Ta kontakt med
@@begynnelse

Velkommen til nettstedet mitt, her vil jeg demonstrere min kunnskap om Ruby og Sinatra

@@Om

Hei, jeg er skaperen av dette Internett, Jeg brukte mine ferdigheter til å få Ruby og Sinatra til å fungere

@@Ta kontakt med

Hvis du vil vite mer om meg, kan du besøke Solvetic

Som vi kan se har vi bare skrevet en HTML og resten av innholdet er mer oppsummert, derfor mye mer håndterbart og lettere å vedlikeholde, la oss se hvordan det ser ut i nettleseren vår når vi navigerer til en annen rute fra begynnelsen:

FORSTØRRE

Vi har allerede opprettet et lite, men funksjonelt nettsted der vi har flere lenker og vi har dynamisk innhold, og bruker bare et oppsett for å bygge strukturen, selvfølgelig mangler vi fortsatt stilene CSS og bildene, men det er emnet for en annen opplæring. Selvfølgelig er denne stilen ikke veldig nyttig hvis vi skal ha forbindelser med databaser eller funksjoner med mange visninger, siden da ville vår eneste fil bli veldig kompleks å håndtere og vedlikeholde.
Med dette har vi fullført denne opplæringen, vi har opprettet vårt første nettsted ved hjelp av Rubin Y Sinatra, vi utnytter det faktum at vi kan bruke hvilken som helst metode som virker passende, og vi gjorde det som kalles en enkelt filapplikasjon, denne typen applikasjoner er nyttig når vi har veldig enkle prosjekter og at vi ikke vil at de skal spres unødvendig , for eksempel nettet som følger av eksemplet.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng

Du vil bidra til utvikling av området, dele siden med vennene dine

wave wave wave wave wave