1. diel - Wicket - Zoznámenie a nastavenie

Apache Wicket je populárny framework pre tvorbu webov v jazyku Java. Na slovenskom internete ho používajú napríklad spoločnosti Vodafone, Air Bank a ďalšie. Než sa pustíme do tvorby webu s použitím tohto frameworku, budeme potrebovať stiahnuť a nastaviť ďalší softvér.

Obsah tutoriálu:

1. diel

stiahnutie a spustenie vývojového prostredia Eclipse IDE
stiahnutie, rozbalenie a spustenie servletového kontajnera Apache Tomcat
nastavenia Apache Tomcat v Eclipse
stiahnutie a nastavení Maven (nástroj pre správu, riadenie a automatizáciu buildov aplikácií)
vygenerovanie projektu pomocou Maven

2. diel

krátke zoznámenie s Wick
úpravy vygenerovaného projektu

3. - 7. diel

vytvorenie nového projektu
layout
práca s odkazmi a obrázkami
nastavenie titulku okna v prehliadači
kaskádové štýly
anglická a česká verzia popiskov webu (lokalizácia)
modely
formulár a ukladanie do databázy

8. - 12. diel

vkladanie JavaScriptu a CSS
validácie formulára
prihlasovanie
sedenia (session)
autentifikácia

Eclipse IDE

Začneme stiahnutím a nastavením vývojového prostredia. V rámci tohto tutoriálu budeme používať Eclipse IDE, ktoré si môžete stiahnuť tu.

Z uvedeného odkazu si stiahnite Eclipse IDE for Java EE Developers. Stiahnutý .zip súbor si rozbaľte do zložky (napr. Eclipse). V rozbalenom adresári nájdite eclipse.exe a program spustite dvojklikom.

Pri prvom spustení sa vás Eclipse opýta na názov a umiestnenie workspace (pracovnej plochy). Zadajte teda názov (napr. Wicket) a umiestnenie, kde v počítači chcete mať svoj workspace uložený.

Keď zavriete úvodný záložku, objaví sa štandardné rozloženie pracovanie plochy v Eclipse (môže sa líšiť).

Tomcat

Ďalej budeme potrebovať aplikačný server (servletový kontajner), v ktorom pobeží naša webová aplikácia. Možností je viac, ale my budeme používať Apache Tomcat, ktorý si môžete stiahnuť tu. V tomto tutoriále budeme používať Tomcat vo verzii 7.0.

Stiahnutý .zip súbor rozbaľte. V adresári {adresár, kde bol .zip rozbalený} / apache-tomcat- {verzia} / bin / spustite startup.bat (pre Windows) | startup.sh (pre Linux). Teraz si otvorte prehliadač a do adresného riadku napíšte http://localhost:8080/. Ak všetko prebehlo v poriadku, uvidíte nasledovnú obrazovku.

Tomcat server vypnete spustením shutdown.bat (shutdown.sh v Linuxe). Ako je vidieť na nasledujúcom obrázku, localhost: 8080 je nedostupný (server je vypnutý).

Tomcat v Eclipse

Tomcat je možné spúšťať priamo z Eclipse. Spustite si eclipse. Otvorte si "Server View" (Windows -> Show View -> Servers). V okne "Servers" -> pravým tlačidlom -> New -> Server. V okne "Select the server type" rozbaľte Apache a vyberte "Tomcat v7.0 Server", môžete nechať defaultné nastavenie -> Next -> Browse, označte zložku s rozbaleným súbormi Tomcatu -> Next -> Finish.

Maven

Maven je Java framework, ktorý pomáha programátorom pracovať s projektmi (vytváranie, zostavovanie, nasadzovanie, ...)

V prípade, že to myslíte s programovaním v Jave vážne, Maven určite poznáte. Dobrou správou je to, že zvládnutie Maven na základnú používateľskú úroveň nie je nijako zložité. Je to nástroj, ktorý má programátorom prácu uľahčovať a nie ju pridávať. A to tiež robí.

Najskôr si zistite, či Maven už nemáte nainštalovaný. V command line (Windows) napíšte mvn -v.

Vo Windows spustíte command line nasledujúcim spôsobom. Štart a do políčka pre vyhľadávanie programov napíšte cmd. Vyberte program cmd.exe a spustite ho.

Ak získate 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 svojom počítači nainštalovaný.

Ak Maven na svojom počítači nemáte, môžete si ho stiahnuť tu. Rozbaľte stiahnutý archív do vami zvoleného priečinka. V nej sa vytvorí zložka apache-maven- {verzie}.

Teraz nastavte premenné prostredie. Vo Windows 7 je postup nasledujúci: Štart -> Computer -> pravým tlačidlom na Computer -> Properties -> Advanced system settings -> Environment Variables. Pridajte novú premennú M2_HOME s cestou k adresáru s Maven. Túto novú premennú pridajte do cesty (Path) a to tak, že označíte premennú path, stlačíte "Edit" a na koniec riadku pridáte %M2_HOME%\bin;.

Ďalej by ste sa mali presvedčiť, že máte nastavenú premennú s názvom JAVA_HOME, ktorá by mala odkazovať na umiestnenie Java JDK (napr. C: \ Program Files \ Java \ jdk1.7.0_55), a že je táto premenná tiež v path (% JAVA_HOME% \ bin;).

Pokiaľ máte všetko nastavené otvorte si nový command line tool a napíšte mvn -v. Teraz by ste mali dostať výpisy uvedené vyššie.

Vygenerovanie projektu pomocou Maven

V command line (cmd.exe) vytvorte nový priečinok (mkdir nazev_nove_slozky). Prepnite sa do novo vytvorenej zložky (cd nazev_nove_slozky). Na adrese https://wicket.apache.org/...ckstart.html nastavte parametre nového projektu (GroupID: cz.mujweb | ArtifactId: MujWebZakladni | Version: ponechať | Server: Any but Wild Fly), skopírujte vygenerovanú časť z textovej oblasti " Command line ", vložte ju do command line na vlastnom počítači a stlačte enter. Tým sa vygeneruje maven projekt podľa nastavenia.

GroupID: názvy balíčkov (package) v projekte ArtifacktId: názov projektu

Vo zvolenom adresári sa vygenerovala nasledujúce adresárová štruktúra

Importovanie vygenerovaného projektu do Eclipse

Vygenerovaný projekt je teraz potrebné importovať do vývojového prostredia. Otvorte Elicpse IDE, File -> Import -> Maven, Existing Maven Project -> Next -> Browse -> označte adresár s vygenerovaným Maven projektom -> označte projekt, ktorý chcete importovať (v prípade, že sa v danom adresári nachádza viac projektov) -> finish.

Nasadenie projektu na Tomcat server z Eclipse IDE

Z predchádzajúcej časti by ste mali mať pridaný Tomcat server do prostredia Eclipse (záložka "Servers"). Vďaka tomuto nastavenie je možné nasadiť (deploy) projekt na server priamo z prostredia Eclipse. Najskôr je potrebné nastaviť, ktorý projekt (z Eclipse workspace) sa má na server nasadiť. Okrem vlastného projektu, by ste v "Project Explorer" mali tiež vidieť projekt "Servers", ktorý obsahuje vaše nastavenia pre server.

Kliknite pravým tlačidlom na server uvedený v záložke "Servers" -> Add and Remove -> pridajte projekt do časti "Configured" -> finish.