This tutorial shows how to create Google Web Toolkit applications (GWT) using Eclipse and how to deploy them on JBoss AS. In the second part of this tutorial, we will show also how to interact with application server serices like RESTful Web services.
Google Web Toolkit (GWT) is a development toolkit for building and optimizing complex browser-based applications. A typical GWT application is composed of client and server resources. Client resources are used to create the front end layout using just Java classes (just like you would do with Swing). Server resources include RPC services which are implemented as Ajax calls.
The first thing you need to get started is installing the Eclipse GWT plugin from the Eclipse Menu
Help | Install New Software. If you are using Eclipse Indigo, this is the update path:
Step 1: Create a new Project
When you are done, restart Eclipse and create a new Web Application Project:
File | New | Google | Web Application Project
Name the project as you like, choose a base package for it and choose to use just "Use Google Web Toolkit".
Step 2: Add Smart GWT Libraries
At this point you have an empty project where you will add your resources. The first thing we will add are Smart GWT libraries that allows you to utilize its comprehensive widget library for your application UI.
Add the libraries to your Project Class Path. Right-click the Project | Properties | Build Path and add smartgwt.jar and smartgwt-skins.jar.
Step 3: Create a new Module
A GWT "module" is simply an encapsulation of a functionality. A GWT module is named similarly to a Java package in that it follows the usual dotted-path naming convention but is not the same thing. A module is defined by an XML descriptor file ending with the extension ".gwt.xml", and the name of that file determines the name of the module.
In your sample module, add the com.smartgwt.SmartGwt dependencies as shown in the above picture.
Step 4: Create a new Entry Point Class
This will defines your entry point to your application. In GWT the entry point is similar to the main method in Java.
Step 5: Create a new HTML page
- Next >>