Opret et websted med Sinatra

Brugen af Sinatra da en ramme er meget bred, kan den bruges til at bygge værktøjer og tjenester, der bruger HTTP Som et datatransportlag er det imidlertid ikke det eneste, vi kan opnå, der er tidspunkter, hvor vi skal være i stand til at bygge websider, hvor vi kan vise information eller simpelthen fange data.
Denne oprettelse af websider er meget enkel og kompleks på samme tid, fordi Sinatra Det pålægger os ikke nogen form for mønster, når vi bygger dem, så kompleksiteten vil afhænge af den måde, vi arbejder på, hvilket kan være meget positivt, hvis vi allerede har vores egen måde at arbejde på.
1- For at køre eksemplerne i denne vejledning har vi brug for en installation af sproget Rubin i hvert fald i hans version 1.9 fremad.
2- Vi skal også have installeret perlen Sinatra og at den er korrekt konfigureret. Hvis der er tvivl om denne proces, kan vi se følgende vejledning.
3- Vi skal have tilladelser til en mappe for at udføre Rubin, oprette og manipulere filer.
4- Vi skal have en tekstredigerer for at kunne skrive indholdet i eksemplerne, dette kan være enhver form for almindelig tekstredigerer, der giver os mulighed for at gemme en fil .rb som Sublime Text eller endda NotePad ++.
5- Endelig har vi brug for en webbrowser som Google Chrome eller Firefox hvor vi kan køre vores eksempel og navigere igennem det.
For at oprette et websted i første omgang skal vi have en vision, et mål, noget, der guider os, og som vi kan bruge som reference, når vi udvikler, dette opnår vi generelt, når vi ved, hvad vores projekt vil tage.
I tilfælde af det websted, vi vil bygge, vil målet være at oprette tre sider, vi vil liste dem:

• Start
• Om mig
• Kontakt

Dette fører os til, at det vil være et referencewebsted eller personlig blog, på denne måde bliver vi nødt til at mestre nogle teknikker, som vi i fremtiden kan anvende på andre projekter. For at vi kan se vores fremskridt hurtigere, gentager og korrigerer vi undervejs, mens vi bygger vores websted.
For at starte skal vi oprette en fil kaldet start.rb, dette vil være den, der vil indeholde al logikken i visninger og ruter på vores websted, det indledende indhold, det har, er følgende:

 kræve 'sinatra' get '/' do erb: start end

I princippet ser det, vi lige har skrevet, lidt mangelfuldt ud, men lad os se, hvad funktionaliteten er; i første omgang inkluderer vi Sinatra med instruktion kræveDet betyder, at vi nu kan have alle de værktøjer, som denne ramme stiller til rådighed for os.
Så har vi blokken få hvor vi definerer, at indholdet skal udføres i rodstien, er indholdet en opkaldende erb til :starten, hvor vi i sidstnævnte skal holde pause for at se, hvad der er ERB og hvorfor vi bruger det, lad os se:
ERB -skabelonsprogSom titlen antyder ERB er intet mere end akronymet for Indlejret Ruby o Embedded Ruby, dette giver os mulighed for at oprette skabeloner HTML hvor vi kan inkludere kode skrevet på sprog Rubin og med dette for at kunne inkorporere sin processorkraft i visningerne. Vi kalder dem ved deres navn ved hjælp af symboler, hvilket ikke er mere end navnet forud for et kolon, som vi så i koden :starten.
Da vi er klare om det nye koncept, som vi introducerer, skal vi nu oprette vores første skabelon inden for den samme fil start.rb som vi opretter, vil vi indarbejde følgende kode i slutningen af ​​den:

 __END__ @@ home Mit eget websted

Start
Om mig
Kontakt

Velkommen til min hjemmeside, her vil jeg demonstrere min viden om Ruby og Sinatra

Her har vi flere ting, som vi kan analysere, først starter vi med at fortælle Sinatra at dette er slut på behandlingen Rubin, til dette bruger vi __ENDE__ derefter med en dobbelt @@ Vi angiver navnet på afsnittet, start i dette tilfælde, hvis vi ser på det, er det samme navn på vores symbol.
Vi skrev endelig alle vores HTML uden problemer. Derefter går vi til konsollen, vi placerer os i den mappe, hvor vi opretter vores fil start.rb og vi gør følgende:

 rubin start.rb

Vi kan bygge udviklingsserveren fra Sinatra og vi vil se følgende, når vi går til lokal vært: 4567 eller det portnummer, som vi har hævet til vores server:

Som vi bemærkede, har vi HTML at vi bygger i rodstien, som vi angiver til vores ansøgning fra Sinatra.
En af de ting, vi altid skal undgå, er at skulle gentage det, vi kun kan gøre én gang, og det virker for flere ting, i tilfælde af vores side HTML base er noget, vi kun kan oprette én gang, hvis vi følger det foregående eksempel for at bygge sektionerne af Om mig Y Kontakt, vi ville have været nødt til at gentage al HTML kun ved at ændre indholdsdelen, noget der ville efterlade os med en lang, meget lang fil start.rb.
For at modvirke denne form for ineffektiv adfærd, Sinatra giver os mulighed for at bruge layoutet, med dette kan vi oprette en base, hvor vi simpelthen vil udskrive ændringerne eller den dynamiske kode, som vi vil generere.
For at begynde at forme vores layout vil vi i første omgang ændre vores fil start.rb og vi tilføjer et par ruter mere:

 kræve 'sinatra' get '/' do erb: start end get '/ on' do erb: on end get '/ contact' do erb: contact end

Nu har vi de ruter, som vi nævner i menuen HTML som vi havde bygget før, dette er bare begyndelsen, allerede Sinatra du ved, hvad du skal kigge efter, når vi kalder disse ruter, det næste trin er at definere vores layout og det indhold, der vises, når hver rute kaldes.
For at gøre dette skal vi først oprette en skabelon og identificere den med navnet @@ layout, derefter gøre brug af Ruby Embedded med etiketterne skal vi definere en enkelt titel, og med etiketterne udskriver vi indholdet, hvor det er påkrævet. På det sted, hvor vores indhold ændres, vil vi placere dette, et værktøj, der giver os mulighed for at angive til Sinatra som er i det rum, hvor det skal udskrive rutens indhold.
Endelig definerer vi hver af vores ruter og det indhold, de vil bære, dette efter den logiske rækkefølge @@rute og derefter indholdet, med det allerede Sinatra ved, hvad de skal vise ved hvert opkald. Lad os se, hvordan den komplette kode i vores fil ser ud start.rb inklusive layout:

 kræve 'sinatra' get '/' do erb: start end get '/ on' do erb: on end get '/ contact' do erb: contact end __END__ @@ layout

Start
Om mig
Kontakt

@@starten
Velkommen til min hjemmeside, her vil jeg demonstrere min viden om Ruby og Sinatra

@@om
Hej jeg er skaberen af ​​dette Web, Jeg brugte mine evner til at få Ruby og Sinatra til at fungere
@@Kontakt
Hvis du vil vide mere om mig, kan du besøge Solvetic

Som vi kan se, har vi kun skrevet en HTML og resten af ​​indholdet er mere opsummeret, derfor meget mere overskueligt og lettere at vedligeholde, lad os se, hvordan det ser ud i vores browser, når vi navigerer til en anden rute fra begyndelsen:

FORSTØRRE

Vi har allerede oprettet et lille, men funktionelt websted, hvor vi har flere links, og vi har dynamisk indhold, der kun bruger et layout til at opbygge dets struktur, selvfølgelig mangler vi stadig stilarterne CSS og billederne, men det er emnet for en anden vejledning. Denne stil er naturligvis ikke særlig nyttig, hvis vi skal have forbindelser til databaser eller funktioner med mange visninger, da ville vores eneste fil begynde at være meget kompleks at håndtere og vedligeholde.
Med dette har vi afsluttet denne vejledning, vi har oprettet vores første websted ved hjælp af Rubin Y Sinatra, vi drager fordel af det faktum, at vi kan bruge enhver metode, der synes passende, og vi lavede det, der kaldes et enkelt filprogram, denne type applikation er nyttig, når vi har meget enkle projekter, og at vi ikke ønsker, at de skal spredes unødigt , f.eks. internettet, der stammer fra eksemplet.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt