Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

1. díl - Wicket - Seznámení a nastavení

Java Enterprise Edition Wicket Wicket - Seznámení a nastavení

ONEbit hosting Unicorn College Tento obsah je dostupný zdarma v rámci projektu IT lidem. Vydávání, hosting a aktualizace umožňují jeho sponzoři.

Apache Wicket je populární framework pro tvorbu webů v jazyce Java. Na českém internetu jej používají například společnosti Vodafone, Air Bank a další. Než se pustíme do tvorby webu s použitím tohoto frameworku, budeme potřebovat stáhnout a nastavit další software.

Obsah tutoriálu:

1. díl

  • stažení a spuštění vývojového prostředí Eclipse IDE
  • stažení, rozbalení a spuštění servletového kontejneru Apache Tomcat
  • nastavení Apache Tomcat v Eclipse
  • stažení a nastavení Maven (nástroj pro správu, řízení a automatizaci buildů aplikací)
  • vygenerování projektu pomocí Maven

2. díl

  • krátké seznámení s Wicketem
  • úpravy vygenerovaného projektu

3. - 7. díl

  • vytvoření nového projektu
  • layout
  • práce s odkazy a obrázky
  • nastavení titulku okna v prohlížeči
  • kaskádové styly
  • anglická a česká verze popisků webu (lokalizace)
  • modely
  • formulář a ukládání do databáze

8. - 12. díl

  • vkládání JavaScriptu a CSS
  • validace formuláře
  • přihlašování
  • sezení (session)
  • autentifikace

Eclipse IDE

Začneme stažením a nastavením vývojového prostředí. V rámci tohoto tutoriálu budeme používat Eclipse IDE, které si můžete stáhnout zde.

Z uvedeného odkazu si stáhněte Eclipse IDE for Java EE Developers. Stažený .zip soubor si rozbalte do složky (např. Eclipse). V rozbaleném adresáři nalezněte eclipse.exe a program spusťte dvojklikem.

Při prvním spuštění se vás Eclipse zeptá na název a umístění workspace (pracovní plochy). Zadejte tedy název (např. Wicket) a umístění, kde v počítači chcete mít svůj workspace uložen.

Když zavřete úvodní záložku, objeví se standardní rozložení pracovaní plochy v Eclipse (může se mírně lišit).

Tomcat

Dále budeme potřebovat aplikační server (servletový kontejner), ve kterém poběží naše webová aplikace. Možností je více, ale my budeme používat Apache Tomcat, který si můžete stáhnout zde. V tomto tutoriálu budeme používat Tomcat ve verzi 7.0.

Stažený .zip soubor rozbalte. V adresáři {adresář, kde byl .zip rozbalen}/apache-tomcat-{verze}/bin/ spusťte startup.bat (pro Windows) | startup.sh (pro Linux). Nyní si otevřete prohlížeč a do adresního řádku napište http://localhost:8080/. Pokud vše proběhlo v pořádku, uvidíte následující obrazovku.

Tomcat server vypnete spuštěním shutdown.bat (shutdown.sh v Linuxu). Jak je vidět na následujícím snímku, localhost:8080 je nedostupný (server je vypnutý).

Tomcat v Eclipse

Tomcat je možné spouštět přímo z Eclipse. Spusťte si Eclipsu. Otevřete si "Server View" (Windows -> Show View -> Servers). V okně "Servers" -> pravým tlačítkem -> New -> Server. V okně "Select the server type" rozbalte Apache a vyberte "Tomcat v7.0 Server", můžete nechat defaultní nastavení -> Next -> Browse, označte složku s rozbalenými soubory Tomcatu -> Next -> Finish.

Maven

Maven je Java framework, který pomáhá programátorům pracovat s projekty (vytváření, sestavování, nasazování,…)

V případě, že to myslíte s programováním v Javě vážně, Maven určitě znáte. Dobrou zprávou je to, že zvládnutí Mavenu na základní uživatelskou úroveň není nijak složité. Je to nástroj, který má programátorům práci usnadňovat a ne ji přidávat. A to také dělá.

Nejdříve si zjistěte, zda Maven již nemáte nainstalován. V command line (Windows) napište mvn -v.

Ve Windows spustíte command line následujícím způsobem. Start a do políčka pro vyhledávání programů napište cmd. Vyberte program cmd.exe a spusťte jej.

Pokud získáte podobný výpis:

Apache Maven 3.1.0 (893ca28a1da9d5f51ac03827af98bb730128f9f2; 2013-06-28 04:15:32+0200)
Maven home: D:\Rozbalene\apache-maven-3.1.0
Java version: 1.7.0_55, vendor: Oracle Corporation
Java home: C:\Program Files\Java\jdk1.7.0_55\jre
Default locale: en_US, platform encoding: Cp1250
OS name: "windows 7", version: "6.1", arch: "amd64", family: "windows"

Maven máte na svém počítači nainstalovaný.

Pokud Maven na svém počítači nemáte, můžete si jej stáhnout zde. Rozbalte stažený archív do vámi zvolené složky. V ní se vytvoří složka apache-maven-{verze}.

Nyní nastavte proměnné prostředí. Ve Windows 7 je postup následující: Start -> Computer -> pravým tlačítkem na Computer -> Properties -> Advanced system settings -> Environment Variables. Přidejte novou proměnnou M2_HOME s cestou k adresáři s Mavenem. Tuto novou proměnnou přidejte do cesty (Path) a to tak, že označíte proměnnou path, stisknete "Edit" a na konec řádku přidáte %M2_HOME%\bin;.

Dále by jste se měli přesvědčit, že máte nastavenou proměnnou s názvem JAVA_HOME, která by měla odkazovat na umístění Java JDK (např. C:\Program Files\Java\jdk1­.7.0_55), a že je tato proměnná také v path (%JAVA_HOME%\bin;).

Pokud máte vše nastaveno otevřete si nový command line tool a napište mvn -v. Nyní byste měli dostat výpis uvedený výše.

Vygenerování projektu pomocí Maven

V command line (cmd.exe) vytvořte novou složku (mkdir nazev_nove_slozky). Přepněte se do nově vytvořené složky (cd nazev_nove_slozky). Na adrese https://wicket.apache.org/…ckstart.html nastavte parametry nového projektu (GroupId: cz.mujweb | ArtifactId: MujWebZakladni | Version: ponechat | Server: Any but Wild Fly), okopírujte vygenerovanou část z textové oblasti "Command Line", vložte ji do command line na vlastním počítači a stiskněte enter. Tím se vygeneruje maven projekt dle nastavení.

GroupId: názvy balíčků (package) v projektu ArtifacktId: název projektu

Ve zvoleném adresáři se vygenerovala následující adresářová struktura

Importování vygenerovaného projektu do Eclipse

Vygenerovaný projekt je nyní potřeba importovat do vývojového prostředí. Otevřete Elicpse IDE, File -> Import -> Maven, Existing Maven Project -> Next -> Browse -> označte adresář s vygenerovaným Maven projektem -> označte projekt, který chcete importovat (v případě, že se v daném adresáři nachází více projektů) -> finish.

Nasazení projektu na Tomcat server z Eclipse IDE

Z předchozí části byste měli mít přidaný Tomcat server do prostředí Eclipse (záložka "Servers"). Díky tomuto nastavení je možné nasadit (deploy) projekt na server přímo z prostředí Eclipse. Nejdříve je potřeba nastavit, který projekt (z Eclipse workspace) se má na server nasadit. Kromě vlastního projektu, byste v „Project Explorer" měli též vidět projekt "Servers", který obsahuje vaše nastavení pro server.

Klikněte pravým tlačítkem na server uvedený v záložce "Servers" -> Add and Remove -> přidejte projekt do části "Configured" -> finish.

Projekt nyní spustíte (nasadíte) následujícím způsobem. Klikněte pravým tlačítkem na Tomcat server v záložce "Servers" -> Start.

K nasazenému projektu se můžete připojit na adrese http://localhost:8080/MujWebZakladni/.

Gratuluji. Právě jste si vytvořili, nasadili a spustili svůj první web ve Wicketu.

Zapnutí serveru:

  • Pravým tlačítkem a volba Start.
  • Klávesovou zkratkou Ctrl+Alt+R (stejné pro restart).
  • Kliknutí na ikonu play (zelená s bílou šipkou do prava).

Vypnutí serveru

  • Stejným způsobem, jakým se zapínal. Pouze se vybere volba Stop.
  • Klávesovou zkratkou Ctrl+Alt+S.
  • Kliknutím na ikonu s červeným čtvercem.
  • Vypnutím (restartováním) Eclipse IDE.

 

 

Článek pro vás napsal vita
Avatar
Jak se ti líbí článek?
11 hlasů
vita
Miniatura
Předchozí článek
Tipy a triky pro Wicket
Miniatura
Všechny články v sekci
Apache Wicket
Aktivity (1)

 

 

Komentáře
Zobrazit starší komentáře (1)

Avatar
vajkuba1234
Člen
Avatar
vajkuba1234:8.5.2015 13:21

Super, taky se moc těším!

Odpovědět 8.5.2015 13:21
No hope, no future, JUST WAR! For world peace Israel must be DESTROYED!
Avatar
vita
Redaktor
Avatar
vita:9.5.2015 16:47

Jsem rád, že se líbí. Aktuálně je připraveno 7 dílů.

 
Odpovědět 9.5.2015 16:47
Avatar
Luboš
Člen
Avatar
Luboš:24.11.2015 12:57

Návod na instalaci Maven od vita mi nefunguje. Tohle ano: https://www.youtube.com/watch?…

 
Odpovědět 24.11.2015 12:57
Avatar
Zdeněk Zemek:17. března 10:10

Ahoj, můžu technickou? Je nějaký důvod proč nepoužít NetBeans a GlassFish?
Wicket plugin je ke stažení. Zkusil jsem, nainstaloval a zdá se mi, že to chodí. Totiž nechce se mi přelejzat z vývojového prostředí ve které jsme se pohybovali do teď. Zatím veškeré tutoriály byly dělány v NetBeans...

Díky moc za odpověď.

 
Odpovědět 17. března 10:10
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Zdeněk Zemek
David Čápka:17. března 12:54

Jaké IDE pro vývoj v Javě použiješ je pouze tvou osobní preferencí, autor pravděpodobně pracuje v Eclipse a proto ho použil i v kurzu.

Odpovědět  +1 17. března 12:54
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Zdeněk Zemek:17. března 13:28

Děkuju :-)

 
Odpovědět 17. března 13:28
Avatar
Zdeněk Zemek:29. března 11:41

Ahoj čoveče tak mi to stejna nejde :-(. V předchozím příspěvku jsem se spletl a zjistil jsem nyní, že mi jde pouze JavaEE, server Glasfish a Maven. Nedaří se mi ale aplikovat vygenerovaný wicket projekt na server. Zkusil jsem tedy změnit i prostředí a nic. Hláška z NetBeans - server Project Not Found 404

Hláška z Eclipse - nejprve, že mi chybí repozitář /wicket-core-7.5.0-SNAPSHOT.jar - nešel mi vůbec spustit z tohoto důvodu. Po vysazení projektu z Tomcat serveru - server normálně najede. Zkusil jsem si i repozitář přidat růčo do požadofané cesty, kde zrprvu hlásil, že chybí. Objevila se nová hláška: Server Tomcat v9.0 Server at localhost failed to start.

Nemáte někdo zkušenost, která by mi třeba pomohla? Děkuji moc za odpověď.

Dopředu hlásím, že TomCat server, Eclipse, Maven mi běží.

 
Odpovědět 29. března 11:41
Avatar
Zdeněk Zemek:30. března 12:09

Ahoj všem, tak díky své zanícenosti :-) se mi to podařilo rozběhnout.
Tedy - problém byl v nesourodosti Serveru a wicket frameworku...

Zkráceně je potřeba najít verzi Wicket frameworku a serveru padnoucích k sobě. To pro ty kteří jsou amatéři a nechtějí lovit příliš v logách - stejně jako já.

Mám odzkoušeno, že:

  • Defaultně nabízený framework wicket na wicket.apache.org při vytváření projektu - 7.6.0 neni funkční s Glassfish ani Tomcat serverem verzemi 9.
  • Stejně tak tak Tomcat 7.x.x mi nešel s touto verzí wicket fw.

Co funguje:
Tomcat server v. 8.5 a Wicket 8.0.0 M4

Já vím, třeba řeknete, že sem kretén a neumim to nastavit nebo tak :-). To je rada spíš pro laiky asi :-).

 
Odpovědět 30. března 12:09
Avatar
Erik Bystroň:31. května 14:57

Ahoj, mám problém se zprovozněním localhostu v IDE. Tomcat mi normálně jede zobrazí se mi domovská stránka, ale i když vše v IDE spravně nastavím tak se mi zobrazí error 404. V konzoli mi to vypíše chybu

java.lang.UnsatisfiedLinkError: C:\xampp\tomcat\bin\tcnative-1.dll: Can't load IA 32-bit .dll on a AMD 64-bit platform

Používám XAMP a Intellij IDEA, mám 64 bitovou Javu. Nikde jsem nenašel 64bitový Tomcat, který by fungoval...

 
Odpovědět 31. května 14:57
Avatar
Erik Bystroň:31. května 15:49

A když už se mi podáří najít 64 bitový tak mi zas nejedou artifacty...

[2017-05-31 03:46:38,167] Artifact FellCMS: Artifact is being deployed, please wait...
[2017-05-31 03:46:38,183] Artifact FellCMS: Error during artifact deployment. See server log for details.
[2017-05-31 03:46:38,184] Artifact FellCMS: com.intellij.javaee.oss.admin.jmx.JmxAdminException: com.intellij.execution.ExecutionException: C:\Users\Erik\FellCMS\out\artifacts\FellCMS not found for the web module.
 
Odpovědět 31. května 15:49
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 11. Zobrazit vše