GWT-Beispiel in Eclipse

Aktualisiert für aktuelle GWT-Version 1.5 und Eclipse 3.4!

1. Beziehe Tomcat 6.0 und entpacke es.
2. Beziehe GWT 1.5:
   
   http://code.google.com/webtoolkit/download.html. Gerade aktuelle Version:
   
   http://google-web-toolkit.googlecode.com/files/gwt-windows-1.5.2.zip
3. Lade Eclipse IDE for Java EE Developers (http://phoenix.eclipse.org/packages/)


4. Beziehe Cypal Studio for GWT (http://code.google.com/p/cypal-studio/downloads/list).
   Das Neue bei Eclipse 3.4: Man packt das GWT-Plugin aus und setzt es in einen
   neuen Unterordner Cypal/plugins von Eclipses dropins-Ordner
   (und nicht wie früher plugins). Zum Beispiel stehen dann die drei
   Jars direkt unter C:\Programme\Eclipse\eclipse\dropins\Cypal\plugins.
5. Starte Eclipse
6. Zwei Einstellungen unter Window > Preferences sind vorzunehmen: 1) Installieren in Eclipse Tomcat 6.0. Gehe unter Server > Runtime Environment, Add, ... 2) GWT-Pfad einstellen: Bei Cypal Studio das GWT Home anpassen.
7. Lege in Eclipse ein File > New > Other > Web > Dynamic Web Project an. Unter Configuration gehe auf Modify. Setze ein Häkchen bei Cypal's GWT Facet. Setze Java auf 5.0. Das JavaScript Toolkit ist nicht nötig.
8. Beim neuen Web-Projekt gehe auf Properties, dann Java Build Path im Reiter Libraries. Lösche die Apache Tomcat Libraries.
9. Lege mit File > New > Other > Cypal Studio ein neues Module an. Gib Paketnamen und Name an. Das Plugin erzeugt daraufhin ein Unterpaket client, mit der Klasse, die EntryPoint erweitert.
10. In die Vorlage setzte in onModuleLoad():
RootPanel.get().add( new Button( "Sag 'Hallo'", new ClickListener() {
  public void onClick( Widget w ) {
    Window.alert( "Hallo" );
  }
} ) );
    Lasse Strg+Shift+O alle import-Anweisungen einsetzen. (Paket com.google.gwt.core.client und com.google.gwt.core.client.io).
11. Auf dem Projekt gehe unter Run As > Run Configuration, GWT Hosted Mode Application, New_configuration. Ist das Modul ausgewählt. startet Run die Google GWT-Umgebung.
12. Für einen neuen Service öffne File > New > Other Cypal Studio > Remote Service. Der Service soll FileService heißen. Die Service-URL soll file heißen. Bestätige den Dialog. Der Generator legt eine Klasse und eine Schnittstelle für die Client- und eine weitere Klasse für die Server-Seite an. Wähle zunächst den Client aus com.tutego.client.FileService. Setze in den Rumpf der Klasse die Methode String[] getFiles(String path);. Ein Compilerfehler taucht dann bei der Realisierung com.tutego.server.FileServiceImpl auf. Setze dort hinein: public String[] getFiles( String path ) { return new File(path).list(); }
13. Erweitere in der Hauptklasse die Methode onModuleLoad() durch:
    final ListBox listBox = new ListBox();
FileService.Util.getInstance().getFiles( "c:/", new AsyncCallback<String[]>() {
  public void onFailure( Throwable throwable ) { }
  public void onSuccess( String[] strings ) {
    for ( String string : strings )
      listBox.addItem( string );
  };
} );
RootPanel.get().add( listBox );

14. Zum Weiterlesen http://blogs.pathf.com/agileajax/2007/07/36-gwt-tutorial.html