Vytvořte si web se Sinatrou

Použití Sinatra Jelikož je rámec velmi široký, lze jej použít k vytváření nástrojů a služeb, které používají HTTP Jako vrstva přenosu dat to však není jediná věc, které můžeme dosáhnout, jsou chvíle, kdy potřebujeme mít možnost vytvářet webové stránky, na kterých můžeme zobrazovat informace nebo jednoduše získávat data.
Tato tvorba webových stránek je velmi jednoduchá a složitá zároveň, protože Sinatra Při jejich budování na nás neukládá žádný typ vzoru, takže míra složitosti bude záviset na způsobu naší práce, což může být velmi pozitivní, pokud již máme svůj vlastní způsob práce již zavedený.
1- Abychom mohli spustit příklady v tomto tutoriálu, budeme potřebovat instalaci jazyka Rubín alespoň v jeho verze 1.9 dále.
2- Musíme také nainstalovat drahokam Sinatra a že je správně nakonfigurován. Pokud máte ohledně tohoto procesu jakékoli pochybnosti, můžeme se podívat na následující tutoriál.
3- Ke spuštění musíme mít oprávnění ke složce Rubín, vytvářet a manipulovat se soubory.
4- Abychom mohli psát obsah příkladů, musíme mít textový editor, může to být jakýkoli typ editoru prostého textu, který nám umožňuje uložit soubor .rb jako Sublime Text nebo dokonce NotePad ++.
5- Nakonec potřebujeme webový prohlížeč jako Google Chrome nebo Firefox kde můžeme spustit náš příklad a procházet se jím.
Abychom mohli vytvořit webové stránky, musíme mít v prvé řadě vizi, cíl, něco, co nás vede a co můžeme použít jako referenci při vývoji, čehož obecně dosáhneme, když víme, co náš projekt zabere.
V případě webových stránek, které budeme vytvářet, bude cílem vytvořit tři stránky, uvedeme je:

• Start
• O mně
• Kontakt

To nás přivádí k tomu, že to bude referenční web nebo osobní blog, tímto způsobem budeme muset zvládnout některé techniky, které v budoucnu můžeme aplikovat na jiné projekty. Abychom mohli vidět náš pokrok rychleji, budeme iterovat a opravovat na cestě, zatímco vytváříme naše webové stránky.
Chcete -li začít, musíme vytvořit soubor s názvem start.rb„to bude ten, kdo bude obsahovat veškerou logiku zobrazení a tras našich webových stránek. Počáteční obsah, který má, je následující:

 vyžadují 'sinatra' get '/' do erb: start end

V zásadě vypadá, že to, co jsme právě napsali, trochu chybí, ale pojďme se podívat, jaká je to funkčnost; na první místo zahrnujeme Sinatra s instrukcí vyžadovatTo znamená, že nyní můžeme mít k dispozici všechny nástroje, které nám tento rámec poskytuje.
Pak máme blok dostat ve kterém definujeme, že obsah musí být spuštěn v kořenové cestě, uvedený obsah je volající erb na :začátek, kde se v tom druhém musíme pozastavit, abychom viděli, co je ERB a proč to používáme, podívejme se:
Jazyk šablony ERBJak naznačuje název ERB není nic jiného než zkratka pro Vestavěná Ruby o Embedded Ruby, to nám umožňuje vytvářet šablony HTML kam můžeme zahrnout kód napsaný v jazyce Rubín a s tím, aby bylo možné začlenit jeho výpočetní výkon do zobrazení. Nazýváme je jejich jménem pomocí symbolů, což není nic jiného než jméno, kterému předchází dvojtečka, jak jsme viděli v kódu :začátek.
Protože máme jasno v novém konceptu, který zavádíme, nyní vytvoříme naši první šablonu ve stejném souboru start.rb které vytvoříme, začleníme na konci následující kód:

 __END__ @@ home Moje vlastní webová stránka

Start
O mně
Kontakt

Vítejte na mých webových stránkách, zde předvedu své znalosti Ruby a Sinatry

Zde máme několik věcí, které můžeme analyzovat, nejprve začneme vyprávěním Sinatra že tím zpracování končí RubínK tomu používáme __KONEC__ pak s dvojkou @@ Označujeme název sekce, v tomto případě začátek, pokud se na ni podíváme, je stejný název našeho symbolu.
Nakonec jsme napsali všechny naše HTML bez problému. Poté přejdeme na konzolu, umístíme se do složky, kde vytváříme náš soubor start.rb a děláme následující:

 rubínový start.rb

Můžeme vytvořit vývojový server z Sinatra a uvidíme následující, až půjdeme na localhost: 4567 nebo číslo portu, které jsme zvýšili pro náš server:

Jak jsme si všimli, máme HTML že stavíme na kořenové cestě, ze které označujeme naši aplikaci Sinatra.
Jednou z věcí, kterým se vždy musíme vyhnout, je to, že musíme opakovat, co můžeme udělat jen jednou, a funguje to na několik věcí, v případě naší stránky HTML base je něco, co můžeme vytvořit pouze jednou, pokud budeme postupovat podle předchozího příkladu při vytváření sekcí O mně Y Kontakt„Museli bychom zopakovat veškerý HTML, pouze změnit obsahovou část, něco, co nám zanechá dlouhý, velmi dlouhý soubor. start.rb.
Abychom tomuto typu neefektivního chování zabránili, Sinatra nám umožňuje použít rozložení, čímž můžeme vytvořit základnu, kde jednoduše vytiskneme změny nebo dynamický kód, který vygenerujeme.
Abychom mohli začít formovat naše rozložení, v první instanci upravíme náš soubor start.rb a přidáme několik dalších tras:

 vyžadují 'sinatra' get '/' do erb: start end get '/ on' do erb: on end get '/ contact' do erb: contact end

Nyní máme trasy, které zmiňujeme v nabídce HTML který jsme stavěli dříve, je to jen začátek Sinatra víte, na co se zaměřit, když tyto trasy voláme, dalším krokem je definování našeho rozložení a obsahu, který se zobrazí při volání každé trasy.
K tomu musíme nejprve vytvořit šablonu a identifikovat ji jménem @@ rozložení, poté pomocí Ruby Embedded se štítky definujeme jeden název a se štítky vytiskneme obsah tam, kde je to požadováno. Na místo, kde se náš obsah změní, umístíme toto je nástroj, který nám umožňuje indikovat Sinatra který je v tom prostoru, kde by měl vytisknout obsah trasy.
Nakonec definujeme každou z našich tras a obsah, který budou nést, podle logického pořadí @@trasa a pak obsah, již s ním Sinatra ví, co se má zobrazit při každém hovoru. Podívejme se, jak vypadá kompletní kód našeho souboru start.rb včetně rozvržení:

 vyžadují 'sinatra' get '/' do erb: start end get '/ on' do erb: on end get '/ contact' do erb: contact end __END__ @@ layout

Start
O mně
Kontakt

@@začátek
Vítejte na mých webových stránkách, zde předvedu své znalosti Ruby a Sinatry

@@o
Dobrý den, jsem tvůrcem tohoto Web„Využil jsem své schopnosti, aby Ruby a Sinatra fungovaly
@@Kontakt
Pokud se o mě chcete dozvědět více, můžete navštívit Solvetic

Jak vidíme, napsali jsme pouze jeden HTML a zbytek obsahu je více shrnutý, proto mnohem lépe ovladatelný a snadněji se udržuje, podívejme se, jak to vypadá v našem prohlížeči, když od začátku přejdeme na jinou trasu:

ZVĚTŠIT

Už jsme vytvořili malý, ale funkční web, na kterém máme několik odkazů a máme dynamický obsah, k vytvoření jeho struktury používáme pouze rozvržení, samozřejmě nám stále chybí styly CSS a obrázky, ale to je předmětem dalšího tutoriálu. Tento styl samozřejmě není příliš užitečný, pokud budeme mít spojení s databázemi nebo funkcemi s mnoha pohledy, protože od té doby by náš jediný soubor začal být velmi složitý na zpracování a údržbu.
S tímto jsme dokončili tento tutoriál, vytvořili jsme náš první web pomocí Rubín Y Sinatra, využíváme toho, že můžeme použít jakoukoli metodiku, která se nám zdá vhodná, a udělali jsme to, čemu se říká aplikace jednoho souboru, tento typ aplikace je užitečný, když máme velmi jednoduché projekty a že nechceme, aby byly zbytečně rozptýleny , jako je web vyplývající z příkladu.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod