Erstellen Sie eine Website mit Sinatra

Die Verwendung von Sinatra Da ein Framework sehr breit gefächert ist, kann es zum Erstellen von Tools und Diensten verwendet werden, die HTTP Als Datentransportschicht ist dies jedoch nicht das Einzige, was wir erreichen können. Manchmal müssen wir in der Lage sein, Webseiten zu erstellen, auf denen wir Informationen anzeigen oder einfach Daten erfassen können.
Diese Erstellung von Webseiten ist sehr einfach und komplex zugleich, denn Sinatra Es wird uns beim Erstellen keine Muster auferlegt, daher hängt der Komplexitätsgrad von unserer Arbeitsweise ab, was sehr positiv sein kann, wenn wir bereits unsere eigene Arbeitsweise etabliert haben.
1- Um die Beispiele in diesem Tutorial auszuführen, benötigen wir eine Installation der Sprache Rubin zumindest in seiner Version 1.9 weiter.
2- Wir müssen auch das Juwel installiert haben Sinatra und dass es richtig konfiguriert ist. Wenn Zweifel an diesem Prozess bestehen, können wir das folgende Tutorial konsultieren.
3- Wir müssen Berechtigungen für einen Ordner haben, um ihn auszuführen Rubin, Dateien erstellen und bearbeiten.
4- Wir benötigen einen Texteditor, um den Inhalt der Beispiele schreiben zu können. Dies kann jede Art von Nur-Text-Editor sein, der es uns ermöglicht, eine Datei zu speichern .rb wie Sublime Text oder sogar NotePad ++.
5- Endlich brauchen wir einen Webbrowser wie Google Chrome oder Feuerfuchs wo wir unser Beispiel ausführen und durch es navigieren können.
Um überhaupt eine Website zu erstellen, müssen wir eine Vision, ein Ziel haben, etwas, das uns leitet und das wir bei der Entwicklung als Referenz verwenden können. Dies erreichen wir in der Regel, wenn wir wissen, was unser Projekt braucht.
Im Falle der von uns erstellten Website besteht das Ziel darin, drei Seiten zu erstellen, die wir auflisten:

• Start
• Über mich
• Kontakt

Dies führt uns dazu, dass es sich um eine Referenz-Website oder einen persönlichen Blog handelt. Auf diese Weise müssen wir einige Techniken beherrschen, die wir in Zukunft auf andere Projekte anwenden können. Damit wir unsere Fortschritte schneller sehen können, werden wir während der Erstellung unserer Website iterieren und korrigieren.
Um zu beginnen, müssen wir eine Datei namens . erstellen start.rb, wird dies derjenige sein, der die gesamte Logik der Ansichten und Routen unserer Website enthält, der anfängliche Inhalt ist der folgende:

 erfordern 'sinatra' get '/' tun erb: start end

Im Prinzip sieht das, was wir gerade geschrieben haben, etwas mangelhaft aus, aber sehen wir uns die Funktionalität an; in erster Linie schließen wir ein Sinatra mit Anleitung benötigenDamit stehen uns nun alle Werkzeuge zur Verfügung, die uns dieses Framework zur Verfügung stellt.
Dann haben wir den Block bekommen in der wir definieren, dass der Inhalt im Root-Pfad ausgeführt werden muss, dieser Inhalt ist ein Aufrufer erb zu :Anfang, wobei wir in letzterem eine Pause einlegen müssen, um zu sehen, was ist ERB und warum wir es verwenden, mal sehen:
ERB-VorlagenspracheWie der Titel vermuten lässt ERB ist nichts anderes als die Abkürzung für Eingebetteter Rubin o Eingebettetes Ruby, dies ermöglicht es uns, Vorlagen zu erstellen HTML wo wir in Sprache geschriebenen Code einbinden können Rubin und damit seine Rechenleistung in die Ansichten einbringen zu können. Wir nennen diese mit ihrem Namen unter Verwendung von Symbolen, was nichts anderes ist als der Name mit einem vorangestellten Doppelpunkt, wie wir im Code gesehen haben :Anfang.
Da wir uns über das neue Konzept, das wir einführen, im Klaren sind, werden wir jetzt unsere erste Vorlage in derselben Datei erstellen start.rb die wir erstellen, fügen wir am Ende den folgenden Code ein:

 __END__ @@ home Meine eigene Website

Start
Über mich
Kontakt

Willkommen auf meiner Website, hier zeige ich mein Wissen über Ruby und Sinatra

Hier haben wir mehrere Dinge, die wir analysieren können. Zuerst erzählen wir es Sinatra dass dies das Ende der Verarbeitung ist Rubin, dafür verwenden wir __ENDE__ dann mit einem Doppel @@ Wir geben den Namen des Abschnitts an, in diesem Fall start, wenn wir ihn ansehen, ist er derselbe Name unseres Symbols.
Wir haben endlich alle unsere HTML ohne Probleme. Dann gehen wir zur Konsole, wir positionieren uns in dem Ordner, in dem wir unsere Datei erstellen start.rb und wir machen folgendes:

 ruby start.rb

Wir können den Entwicklungsserver aus bauen Sinatra und wir werden folgendes sehen, wenn wir zu gehen localhost: 4567 oder die Portnummer, die wir für unseren Server erhoben haben:

Wie wir gemerkt haben haben wir die HTML den wir in den Root-Pfad einbauen, den wir unserer Anwendung angeben von Sinatra.
Eines der Dinge, die wir immer vermeiden müssen, ist, wiederholen zu müssen, was wir nur einmal tun können und das funktioniert für mehrere Dinge, im Fall unserer Seite die HTML base ist etwas, das wir nur einmal erstellen können, wenn wir dem vorherigen Beispiel folgen, um die Abschnitte von . zu erstellen Über mich Ja Kontakt, hätten wir den gesamten HTML-Code wiederholen müssen, nur den Inhalt ändern müssen, was uns eine lange, sehr lange Datei hinterlassen würde start.rb.
Um dieser Art von ineffektivem Verhalten entgegenzuwirken, Sinatra ermöglicht es uns, das Layout zu verwenden, damit können wir eine Basis erstellen, in der wir einfach die Änderungen oder den von uns generierten dynamischen Code drucken.
Um mit der Gestaltung unseres Layouts zu beginnen, werden wir zunächst unsere Datei ändern start.rb und wir fügen noch ein paar weitere Routen hinzu:

 erfordern 'sinatra' get '/' do erb: start end get '/ on' do erb: on end hol '/contact' do erb: contact end

Jetzt haben wir die Routen, die wir im Menü erwähnen HTML die wir schon mal gebaut hatten, das ist erst der Anfang, schon Sinatra Sie wissen, worauf Sie beim Aufrufen dieser Routen achten müssen. Der nächste Schritt besteht darin, unser Layout und den Inhalt zu definieren, der bei jedem Aufruf jeder Route angezeigt wird.
Dazu müssen wir zunächst eine Vorlage erstellen und diese mit dem Namen identifizieren @@ Layout, dann nutzen Rubin eingebettet Mit den Etiketten definieren wir einen einzelnen Titel und mit den Etiketten drucken wir den Inhalt dort, wo er benötigt wird. An der Stelle, an der sich unser Inhalt ändert, platzieren wir dies ein Dienstprogramm, mit dem wir angeben können, Sinatra die sich in dem Bereich befindet, in dem der Inhalt der Route gedruckt werden soll.
Schließlich definieren wir jede unserer Routen und den Inhalt, den sie tragen werden, und zwar in der logischen Reihenfolge @@Route und dann der Inhalt, damit schon Sinatra weiß bei jedem Anruf, was zu zeigen ist. Mal sehen, wie der vollständige Code unserer Datei aussieht start.rb inklusive Grundriss:

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

Start
Über mich
Kontakt

@@Anfang
Willkommen auf meiner Website, hier zeige ich mein Wissen über Ruby und Sinatra

@@Über
Hallo, ich bin der Schöpfer davon Netz, ich habe meine Fähigkeiten genutzt, um Ruby und Sinatra zum Laufen zu bringen
@@Kontakt
Wenn Sie mehr über mich erfahren möchten, besuchen Sie Solvetic

Wie wir sehen haben wir nur einen geschrieben HTML und der Rest des Inhalts ist zusammengefasster, daher viel überschaubarer und einfacher zu warten, sehen wir uns an, wie es in unserem Browser aussieht, wenn wir von Anfang an zu einer anderen Route navigieren:

VERGRÖSSERN

Wir haben bereits eine kleine, aber funktionale Website erstellt, auf der wir mehrere Links und dynamische Inhalte haben, die nur ein Layout verwenden, um ihre Struktur zu erstellen, natürlich fehlen uns noch die Stile CSS und die Bilder, aber das ist das Thema eines anderen Tutorials. Natürlich ist dieser Stil nicht sehr nützlich, wenn wir Verbindungen zu Datenbanken oder Funktionalitäten mit vielen Ansichten haben, da dann unsere einzige Datei sehr komplex zu handhaben und zu warten wäre.
Damit haben wir dieses Tutorial abgeschlossen, wir haben unsere erste Website erstellt mit Rubin Ja Sinatra, nutzen wir die Tatsache, dass wir jede Methode anwenden können, die angemessen erscheint, und wir haben einen sogenannten Single-File-Antrag erstellt , wie das aus dem Beispiel resultierende Web.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben