GWT: Eine Einführung

Einführung

Google Web Toolkit ist ein quelloffenes Java-Framework zur Erstellung reichhaltiger Benutzeroberflächen mit Widgets und Panels. Es kommuniziert mit einer Technologie anstatt mit verschiedenen Technologien und funktioniert unter Linux, Windows und Mac. In GWT wird der Code von Java in Java-Script umgewandelt. GWT kann mit den neuesten Technologien wie Flex, Microsoft Silverlight und Java FX verglichen werden. Alle diese Technologien bieten eine reichhaltige Widget-basierte Entwicklung, aber GWT hebt sich durch seine Java-Script-Code-Konvertierung ab.

GWT hat einige interessante Funktionen, die zum Nachdenken anregen, warum GWT gut ist. Einige dieser Funktionen sind die Integration mit der Zurück-Schaltfläche des Browsers, die Internationalisierung, die Code-Entwicklung in Eclipse, die Arbeit in Desktop-basierten Anwendungen und der in Java geschriebene UI-Code.

Lassen Sie uns Flex mit GWT vergleichen und sehen, wohin GWT sich entwickelt. In Flex müssen wir ein neues Action-Skript lernen, während in GWT alles in Java geschrieben wird. Für die Integration mit Backend-Diensten benötigen Sie in Flex Webservices, während Sie in GWT Ihre eigenen Dienste in Java schreiben können. Das ist ein Vorteil von GWT gegenüber Flex. Installation

GWT kann heruntergeladen werden von Google Webtoolkit .

Die Installation ist einfach. Entpacken Sie die heruntergeladene Datei mit einem Tool wie WinZip und fügen Sie den Stammordner in den Pfad ein.

Unter Windows Vista -

Bedienfeld-> System und Wartung-> System->Erweiterte Systemeinstellungen

Klicken Sie auf die Schaltfläche Umgebungsvariable

Suchen Sie in der Liste der Benutzervariablen den Pfad und klicken Sie auf Bearbeiten

Fügen Sie am Ende ein Semikolon hinzu und fügen Sie Ihr installiertes Verzeichnis hinzu (z.B. ;E:gwt-windows-1.5.3)

Dummy-Anwendung Lassen Sie uns ein Projekt erstellen und das in GWT erstellte Projekt durchgehen.

• Erstellen Sie zunächst ein Projekt mit dem Tool applicationCreator, das sich im Installationsverzeichnis befindet. Verwenden Sie die Option -eclipse, damit das Projekt in Eclipse importiert werden kann. -out gibt den Namen des Projekts in Eclipse an und dann den vollständigen Namen der Client-Klasse.

applicationCreator -eclipse GwtDemo -out School in.xebia.demo.client.GwtDemo Importieren Sie das in eclipse erstellte Projekt.

• Fügen Sie die folgenden jar-Dateien in das Eclipse-Projekt ein.

• Die Datei gwt-user.jar befindet sich im Installationsverzeichnis von GWT.
• junit.jar aus dem Junit-Installationsverzeichnis
  • Sobald das Projekt importiert wurde, ist es an der Zeit, das Projekt auszuführen. Es gibt zwei Modi zum Ausführen der Anwendung, den Host-Modus und den gehosteten Modus des Webbrowsers. Der gehostete Modus läuft in der JVM und im integrierten Browser, während der Webbrowser im Hostmodus im Browser läuft.

  Anwendungen, die im gehosteten Modus laufen, werden nicht in Javascript übersetzt. Dadurch können Sie Ihre Anwendung wie eine andere Anwendung debuggen.

  Um das Projekt auszuführen, klicken Sie auf Shell-Befehlsskript.

Ausführen des Demoprojekts

Sie sehen, dass zwei neue Fenster geöffnet werden. Das erste ist die Protokollanzeige, in der Sie Status- und Fehlermeldungen sehen. Das zweite ist der Webbrowser im gehosteten Modus, in dem die Anwendung ausgeführt wird.

• Es gibt zwei Dateien, eine Html- und eine Java-Datei, die von der Standardanwendung (die Sie gerade oben erstellt haben) erstellt werden. Die Java-Klasse implementiert die Schnittstelle EntryPoint und eine Methode onModuleLoad. In diese Methode schreiben Sie den eigentlichen Java-Code, der angibt, wie sich die Anwendung verhält, wenn sie geladen wird. An dieser Stelle erstellen Sie Ihre Benutzeroberfläche.

Werfen wir einen Blick auf die bereits erstellte Benutzeroberfläche der Demo-Anwendung. Sie hat die Schaltfläche "Klick mich" erstellt.

Schaltfläche button = new Schaltfläche("Klick mich");

Der Schaltfläche wurde ein Ereignis-Listener hinzugefügt, um die Funktion weiter zu verbessern.

  button.addClickListener(new ClickListener() {
  public void onClick(Widget sender) {
  dialogBox.center();
  dialogBox.show();
  }
  });

Projekt auf dem Webserver bereitstellen

• Sie können den serverseitigen Code generieren, indem Sie die Anwendung im Shell-Modus ausführen. Sie sehen dann die Schaltfläche Kompilieren, die die Javascript-Datei im Verzeichnis www. erstellt.

Der Compiler benennt das Anwendungsverzeichnis mit dem vollständigen Modulnamen. Dies sind statische Dateien, die vom Compiler erzeugt werden. Diese Dateien können auf einen beliebigen Webserver verschoben und dort bereitgestellt werden. Der generierte Code kann in jedem Webbrowser ausgeführt werden, indem die generierten Dateien geladen werden.

Fazit

In diesem Blog spreche ich über die von GWT erstellte Dummy-Anwendung. Ich spreche auch darüber, welcher Code auf dem Webserver bereitgestellt werden muss und wie dieser Code in GWT generiert wird.