Warning
This page is located in archive.

Google Web Toolkit

Tento text se zaměřuje na základy práce s frameworkem GWT. Cílem bude:

  • seznámit se s strukturou projektu,
  • modifikovat uživatelské rozhraní čistě na straně klienta,
  • přidat funkčnost na straně serveru a volat ji asynchronním způsobem z klienta a výsledky zobrazit.

Budete potřebovat:

Prvni projekt s GWT

Úkol

Stáhněte si připravený projekt Webová dáma a spusťte ho ve svém IDE.

  • Spusťte aplikaci v debug režimu
    • Pokud se otevře v jiném prohlížeči než FF, použijte FF ručně
    • Pokud nemá FF plugin pro debugování, instalujte ho.
  • Seznamte se se strukturou projektu
    • soubor dama.gwt.xml
    • soubor gwt.properties
    • klientský kód v balíku cz.cvut.fel.client
    • serverový kód v balíku cz.cvut.fel.server
    • sdílený kód klient-server v balíku cz.cvut.fel.shared

Informační panel

Přidejte informační panel, který bude zobrazovat info o právě vybraném políčku. Bude zobrazovat jeho souřadnice, barvu a případně barvu kamene.

  • Informační panel může být např. typu VerticalPanel (zvolte podle potřeby jiný)
  • Využijte možnosti poslouchat události nad políčky šachovnice, tj. implementujte rozhraní ChessCellListener

Počty kamenů

Přidejte další informační panel a tlačítko. Po stisknutí tlačítka bude na server asynchronně odeslán dotaz, server spočítá aktuální počet černých a bílých kamenů a vrátí tento údaj v odpovídající datové struktuře (navrhněte).
Co musíte udělat:

  1. Rozšířit aktuální Synchronní roznraní
  2. Odpovídajícím způsobem rozšířit asynchronní rozhraní
  3. Na straně serveru implementovat synchronní rozhraní
  4. Navázat ovladač události click na tlačítko, vygenerovat dotaz na server a zobrazit odpověd až dojde.
  5. Využívejte nápovědy od NetBeans IDE

Řešení

courses/a4m39wa2/tutorials/055/start.txt · Last modified: 2014/12/03 13:36 (external edit)