Lekce 02 - Úkol 02 - Meme generátor

Vytvořte webovou aplikaci, která bude při každém zobrazení nebo obnovení stránky (F5) generovat náhodně vybranou dvojici obrázek + vtipný text. Jak bude web vypadat, nechám na vás.

Mohl by vypadat třeba takto:

Pár tipů

• Pokud si nebudete vůbec vědět rady, v odevzdávárně je můj vzorový domácí úkol. Snažte se ho ale nepoužít.

• Dejte pozor na to, aby stránky z templates šly otevřít i jen jako soubor přímo v prohlížeči bez webového serveru. Sice budou mít statický obsah, ale měly by mít správně nastavený kaskádový styl i obrázky. Například pro značku <img> mám na mysli atribut src="..." a th:src="...".

• Vyjděte ze šablony projektu z hodiny (Czechitas Web App Template). Složku si prostě okopírujte a otevřete ji v IntelliJ IDEA. Po otevření je nutné přejmenovat tato místa, kde je jméno a adresa aplikace uvedena v konfiguračních souborech:
  • PROJEKT/src/main/resources/application.properties -> server.servlet.context-path = /ukol02
  • PROJEKT/pom.xml -> /project/artifactId = ukol02
  • PROJEKT/pom.xml -> /project/name = ukol02
  • PROJEKT/pom.xml -> /project/build/finalName = ukol02

• Nezapomeňte, že do odevzdávárny je nutné vkládat zip celého projektu bez složky target.

• Pozor! Mezi zdrojovým projektem (složkou) a výsledným webovým archívem .war je velký rozdíl. Do Tomcatu se nasazuje výsledný archív .war, do odevzdávárny na Google Drivu se nahrává zazipovaná složka celého projektu.

• Archív .war vytvoříte v pravém panelu Maven Projects -> Lifecycle -> clean a potom Maven Projects -> Lifecycle -> package.

• Do Tomcatu se NIKDY nekopíruje rozbalená složka webu, pouze archív .war. Tomcat si tento archív sám rozbalí.

• Pokud se chcete zbavit nasazené webové aplikace z Tomcatu ve složce C:/Java-Training, který máte spuštěný, smažte pouze archív .war ve složce TOMCAT/webapps. Nemažte rozbalenou složku webu. Tomcat sám pozná, že jste odebrali zdrojový archív .war a rozbalenou složku smaže sám. To slouží zároveň jako potvrzení, že byla webová aplikace úspěšně sesazena. Pouze pokud by Tomcat zrovna neběžel, můžete smazat nejen archív .war, ale i rozbalenou složku z TOMCAT/webapps.

• Pro psaní používejte javový projekt se zabudovaným malým webovým serverem, který spustíte klasicky pomocí zelené šipky. Adresa vašeho webu je potom http://localhost:12345/ukol02. Případně místo /ukol02 to, co jste uvedli v application.properties -> server.servlet.context-path. Pokud budete měnit pouze soubory ve složce static nebo templates, pro načtení aktualizované stránky stačí znovu sestavit projekt (Build Project, Ctrl+F9) a obnovit stránku v prohlížeči (F5 nebo Ctrl+F5). Pokud byste změnili javové třídy, je nutné restartovat celý projekt.

• Pro zajímavost, jméno výsledného archívu .war se nastavuje v PROJEKT/pom.xml -> /project/build/finalName

Odevzdání domácího úkolu

Nejprve appku/appky zbavte přeložených spustitelných souborů. Zařídíte to tak, že v IntelliJ IDEA vpravo zvolíte Maven Projects -> Lifecycle -> Clean. Úspěch se projeví tak, že v projektové složce zmizí podsložka target. Následně složku s projektem zabalte pomocí 7-Zipu pod jménem Ukol-CISLO-Vase_Jmeno.7z. (Případně lze použít prostý zip, například na Macu). Takto vytvořený archív nahrajte na Google Drive do Odevzdávárny.

Vytvořte snímek obrazovky spuštěného programu (webové stránky) a vložte jej do galerie Ukol CISLO ve skupině našeho kurzu na Facebooku.

Pokud byste chtěli odevzdat revizi úkolu (např. po opravě), zabalte ji a nahrajte ji na stejný Google Drive znovu, jen tentokrát se jménem Ukol-CISLO-Vase_Jmeno-verze2.7z.

Termín odevzdání je v neděli před další lekcí, nejpozději 23:59. Pokud úkol nebo revizi odevzdáte později, prosím pošlete svému opravujícímu kouči/lektorovi email nebo zprávu přes FB.