GWT HandsOn

   In this article, I will explain steps to Setup and Create a sample application in GWT using Eclipse.

   Following tools will be used:

    a) Eclipse Helios

    b) GWT 2.5.6

   Following steps should be followed: 

   1.      Open Eclipse and create a new workspace (download GWT plugins from Eclipse MarketPlace).

   2.      Create GWT Project:

a.      Go to File -> New -> Other and select following option under Google folder.

 

      b.      Click on Next and following screen will be displayed. Enter project name, package name.

c.       Then click on Finish button.

  

    3.      Project Structure – Following will be the project structure after above steps:

   4.      Project Build Process:

a)      Click on GWT Compile Project to start build process. Refer to following snapshot:

b)      Select Project name and then click on Compile button.

    5.      Project Execution(Run) Process:

a)      Right click on default html file i.e MyProj.html and click on Run As -> Web Application.

b)      In Development Mode Console, a URL will be provided to launch the application. Copy and paste that URL into browser.

Note:-  In case browser is not configured with GWT Developer plugin, then you may need to edit the URL upto file name. For example, the URL “http://127.0.0.1:8888/MyProj.html?gwt.codesvr=127.0.0.1:9997 “ will need to be taken as “http://127.0.0.1:8888/MyProj.html”.

    6.      Application view in browser: