
Obsah:
- Krok 1: Neopakujte sa
- Krok 2: Vytvorenie stránky s komentármi
- Krok 3: Malé pozadie
- Krok 4: Vytvorte aplikáciu
- Krok 5: Vykonanie prvých príkazov
- Krok 6: Vytvorte ovládač
- Krok 7: Vytvorte post model
- Krok 8: Konečne nejaké skutočné rubínové veci
- Krok 9: Pridajte polia
- Krok 10: Kde je konfigurácia
- Krok 11: Vytvorte databázu
- Krok 12: Vytvorenie databázy
- Krok 13: Spustite server Ruby
- Krok 14: Nastavte ovládač
- Krok 15: Upravte ovládač
- Krok 16: Migrácia databázy Db
- Krok 17: Pozrite sa, čo sme urobili
2025 Autor: John Day | [email protected]. Naposledy zmenené: 2025-01-23 15:06

Videli ste niekedy webovú stránku, ktorá bola taká skvelá a interaktívna, že ste sa okamžite pýtali „Ako to urobili?“. Ukážem vám jeden spôsob, ako sa to dá. Na začiatku samozrejme nebudeme vytvárať takú skvelú stránku ako Instructables, ale princípy môžu ľahko prerásť do akéhokoľvek typu stránok, ktoré si dokážete predstaviť, s trochou práce.
Krok 1: Neopakujte sa
„Neopakujte sa“, za týmto vyhlásením spravidla nasleduje „Čo?“… potom zopakujete „Neopakujte sa“. Jednou z hlavných zásad Ruby je D. R. Y. preto sa toho budeme držať čo najviac. Začnime nájdením plne funkčného rámca. Instant Rails je skvelý projekt. Kliknite na odkaz a rozbaľte súbor do adresára, ktorý neobsahuje medzery (ako C: ). Nerobte si starosti, pretože rozbalenie malého súboru trvá dlho, pretože je to spôsobené veľkým počtom malých priečinkov, ktoré obsahuje.
Krok 2: Vytvorenie stránky s komentármi

Najprv sa uistite, že nepoužívate žiadny iný webový server, napríklad IIS. Ak to teraz zavrieš.
Teraz spustite súbor InstantRails.exe Pravdepodobne vás požiada o aktualizáciu konfiguračných súborov. Vyberte OK.
Krok 3: Malé pozadie
Trochu pozadia o tom, ako Ruby on Rails vlastne funguje.
Ruby on Rails funguje pomocou štruktúry MVC. To je model, zobrazenie a ovládač. Model je tá časť, ktorá vykonáva všetku prácu, bude to drvič čísel, štruktúra úložiska atď … Pohľad je len taký divák. Toto bude vo všeobecnosti formát, ktorý je prezentovaný na webovej stránke v našom demonštrácii. Ovládač je časť, ktorá preberá vstup používateľa a odovzdáva ho modelu. Vidíte teda, že používateľ zadá text do ovládača, ktorý sa potom odošle modelu, kde niečo urobí, a vyplivne to späť do zobrazenia. Je to dosť jednoduché, ale pamätajte na to, keď prejdeme niekoľkými ďalšími krokmi.
Krok 4: Vytvorte aplikáciu

Najprv si vytvoríme aplikáciu rails
Otvorte rubínové okno pomocou ikony InstantRailsI vľavo hore Železničné aplikácie Otvorte okno Ruby Consolw
Krok 5: Vykonanie prvých príkazov

Vo svojom novo otvorenom okne konzoly zadajte: komentáre koľajníc
Krok 6: Vytvorte ovládač

Teraz vytvoríme radič. Prejdite do nového adresára: komentár na CD Ďalší typ: skript rubínu/generovanie radiča Komentáre
Krok 7: Vytvorte post model

Teraz vygenerujeme nový model s názvom Príspevok. Toto je takmer totožné s posledným. Typ: rubínový skript/generovanie modelu Príspevok
Krok 8: Konečne nejaké skutočné rubínové veci

Prejdite v okne prieskumníka na rails_appscommentdbmigrate
Otvorte súbor 001_create_posts.rb Mal by sa otvoriť pomocou SciTE, ak nie, možno ho budete chcieť použiť pre zvyšok tohto dema.
Krok 9: Pridajte polia

Tu pridáme polia Meno a Komentár. Pod riadkom, ktorý začína súborom create_table insertt.column: name,: stringt.column: comment,: textSave, a zatvorte súbor SciTE.
Krok 10: Kde je konfigurácia


Rýchle kroky, ako zistiť, ako by sa mala vaša databáza volať. Prejdite do priečinka config a otvorte súbor database.yml pomocou SciTE. V prvej sekcii za komentármi (zelený text) sa zobrazí sekcia vývoja, tj. bude zatiaľ používať. Názov našej databázy by mal byť comment_development
Krok 11: Vytvorte databázu


Teraz v príkazovom okne InstantRails spustite apache.
Možno to budete musieť odblokovať na bráne firewall. Ďalej prejdite na ikonu I iconConfigureDatabase (prostredníctvom programu PhpMyAdmin)
Krok 12: Vytvorenie databázy


Na webovej stránke vyhľadajte pole s názvom Vytvoriť novú databázu a zadajte požadovaný názov databázy. Tu je: comment_development Potvrďte predvolené nastavenia a zatvorte okno. V tejto chvíli pokračujte a vypnite apache rovnakou metódou, ako sme ho spustili, ale namiesto toho tentoraz použite tlačidlo stop.
Krok 13: Spustite server Ruby


Otvorte nové okno konzoly (teraz by ste mali mať otvorené 2). A spustíme server. Najprv Prejdite do adresára komentárov pomocou cd comment Teraz zadajte: skript/server rubínu
Krok 14: Nastavte ovládač

Teraz chceme nastaviť radič pre server.
Prejdite do aplikácie / controllers a otvorte súbor comments_controller.rb v SciTE
Krok 15: Upravte ovládač

V SciTE upravte ovládač pridaním caffold: postright uprostred.
Krok 16: Migrácia databázy Db

Do prvého okna konzoly zadajte rake db: migrate. Tým sa pripravia súbory a načítajú sa na zobrazenie.
Krok 17: Pozrite sa, čo sme urobili

Otvorte svoj webový prehliadač na adrese https:// localhost: 3000/comments a zistite, ako to vyzerá.
Odporúča:
Začíname s bezdrôtovými snímačmi teploty a vibrácií s dlhým dosahom: 7 krokov

Začíname s bezdrôtovými snímačmi teploty a vibrácií s dlhým dosahom: Niekedy sú vibrácie príčinou vážnych problémov v mnohých aplikáciách. Od hriadeľov a ložísk stroja po výkon pevného disku, vibrácie spôsobujú poškodenie stroja, skorú výmenu, nízky výkon a spôsobujú zásadný zásah do presnosti. Monitorovanie
Začíname s Bascom AVR: 5 krokov

Začíname s Bascom AVR: Toto je začiatok série, ktorá vás naučí programovať mikrokontrolér AVR pomocou Bascom AVR. Prečo to robím. Väčšinu ukážok programu z tejto série môžete vytvoriť pomocou Arduina. Niektoré jednoduchšie a niektoré ťažšie, ale na konci budú obe
Začíname s Flipboardom: 9 krokov

Začíname s Flipboardom: Tento krátky návod vám pomôže začať s mobilnou aplikáciou Flipboard. Toto je len úvod, pretože na Flipboarde je veľa prispôsobiteľných funkcií. Po dokončení tohto tutoriálu získate základné znalosti o Flipboarde
Začíname s WeMos ESP8266: 6 krokov

Začíname s WeMos ESP8266: V tomto návode spustíme blikajúci príklad LED na WeMos ESP8266
Začíname s rádiom Ham: 5 krokov (s obrázkami)

Začíname so šunkovým rádiom: Ako držiteľ šunky, ktorý som nedávno vyrazil, chcem prejsť procesom, ktorý som vykonal, aby som sa dostal do šunkového rádia. Lákal ma aspekt sebestačnosti v koníčku, ktorý ľuďom poskytoval spôsob komunikácie, keď sú narušené iné metódy. Ale je tiež obohacujúce