Logo Czechitas
Vloženo: 3. 3. 2017

Úkol z lekce 2

Meme generátor

Cílem je udělat webovou aplikaci, která bude při obnovení stránky generovat náhodný obrázek, pod kterým bude napsaný náhodně vybraný text v černém pruhu. K žádnému obrázku nebude pevně daný text - propojovat se budou náhodně.

Demo úkolu můžete vidět zde: https://koala.tomcat.cloud/meme/

Snímek demo úkolu

Jak bude web vypadat, necháme na vás. Pevně je daný pouze obrázek s černým pruhem pod ním.

Materiály k úkolu: Java2Web-Ukol02-heslo_czechitas.7z

RADA NA CESTU: Udělejte si kopii projektu 11-HazeniKostkou-Solution z hodiny (WebLekce02), pojmenujte novou složku například MemeGen a vyjděte z něj.

Nezapomeňte na OPRAVU KÓDOVÁNÍ, kterou publikoval Kamča - aby fungovaly háčky a čárky ve vašem existujícím projektu: Oprava_kodovani.7z
V archívu je složka src-boot. Stačí, když jejím obsahem přepíšete obsah původní složky src-boot, kterou máte ve vašem projektu a háčky a čárky začnou fungovat.

FAQ

Nejede mi web appka v cloudu ale při spuštění z IDEI ano. Co je špatně?

  1. Zkontroluj, jestli jsi správně nahrála appku:
    • Je potřeba nahrát obsah složky TVUJ_PROJEKT\dist\ROOT (objeví se ti po prvním spuštění appky) na správné místo na FTP (viz dále).
      Konkrétně to může to být např:
      (Windows) C:\Java-Training\Projects\WebLekce02\MemeGen\dist\ROOT
      (Mac) /Users/TVUJ_PROFIL/Java-Training/Projects/WebLekce02/MemeGen/dist/ROOT
    • Přihlas se na svůj cloud přes FTP. Například na Windows můžeš použít klasický Průzkumník (Tento počítač) nebo si můžeš nainstalovat libovolný FTP klient. V Průzkumníkovi zadej do adresního řádku ftp://drahokam:password@drahokam.tomcat.cloud
      Např: ftp://koala:password@koala.tomcat.cloud

      Pokud používáš jiný FTP klient, zadej prostě:
      Adresa: drahokam.tomcat.cloud
      Port: 21
      Username: drahokam
      Password: password
      Pokud by byl problém s připojení a FTP klient by se tě ptal na pasivní mód, klidně to povol
    • Po přihlášení bys měla vidět složku ROOT. Vedle ní si vytvoř složku meme. NE uvnitř ROOTu!
      Potom bys měla mít na svém cloudu složky:
      • ROOT
      • ukoly (tuhle složku si vytvoř pro nahrávání zazipovaných projektů)
      • meme
      • Ostatní složky úkolů...
      Do této nové složky meme zkopíruj obsah složky TVUJ_PROJEKT\dist\ROOT (z prvního bodu)
    • Nakonec je potřeba, abys vyvolala restart webové aplikace. To se provede tak, že změníš soubor /WEB-INF/web.xml ve svojí appce na FTP.

      Postupuj tak, že si otevřeš soubor u sebe na disku TVUJ_PROJEKT\dist\ROOT\WEB-INF\web.xml v libovolném editoru (např. v IntelliJ IDEA), připíšeš kamkoliv mezeru, opět ji smažeš, uložíš změny a tento soubor samostatně nahraješ na správné místo na FTP tak, abys přepsala původní soubor.
      Např: Na FTP: /meme/WEB-INF/web.xml
  2. Přesvědč se ještě jednou o bodu 1 :-)
  3. NAPIŠ NA FB KAMILOVI