November 2nd, 2012 by Lincoln Baxter III

[video] GWT and Errai UI Quickstart

I wish I had a magic GWT + Errai quickstart tutorial for you. But in fact, I do! Check out this video, and the tutorial below, to start your adventure with client side HTML5 templating in GWT!

Get started

Check out this code using GIT: https://github.com/lincolnthree/errai-ui-demo

To build and deploy, simply cd errai-ui-demo and run mvn clean install. The resulting artifact will be in the target directory, and you can deploy this directly to JBoss AS 7.1.

Import into IDE and delploy

To work on the project in an IDE, I would recommend Eclipse with JBoss Tools (available in the eclipse marketplace,) or JBoss Developer Studio 5. The first thing you will need to do is import the project, then you will still need to run mvn clean install if you have not done so already – this builds the initial GWT javascript payload for Eclipse to push out with the exploded deployment, then deploy it to JBoss AS 7.1 and start the server. Once it is there, you can return to the command line and type, mvn gwt:run, which will launch GWT dev-mode.

Run Dev-mode

Once dev-mode comes online, you can access the application at http://localhost:8080/errai-ui-demo/?gwt.codesvr=127.0.0.1:9997

Hack on the code

You can make modifications to *.client packages and sub-packages while the server is running, and refresh the page to see your changes.

Additional documentation about Errai and Errai UI is available here: https://docs.jboss.org/author/display/ERRAI/Errai+UI

Lincoln Baxter, III

About the author:

Lincoln Baxter, III is a Principal Software Engineer at Red Hat, working on JBoss open-source projects; most notably as creator & project lead of JBoss Forge, and author of Errai UI. This blog represents his personal thoughts and perspectives, not necessarily those of his employer.

He is a founder of OCPsoft, the author of PrettyFaces and Rewrite, the leading URL-rewriting extensions for Servlet, Java EE, and Java web frameworks; he is also the author of PrettyTime, social-style date and timestamp formatting for Java. When he is not swimming, running, or playing Ultimate Frisbee, Lincoln is focused on promoting open-source software and making web-applications more accessible for small businesses, individuals.

Posted in JBoss

3 Comments

  1. hantsy says:

    Hi Lincoln,
    A very stupid problem, after read this post and Errai document, I can not find a way to **inplace** deploy the Errai based app to JBoss AS?

    The way in this post is obviously tedious for big project, it will compile the GWT to javascript before package it.

    Or I omit something there? thanks.

    Hantsy

    1. Just deploy the application normally as you would from your IDE, then run GWT Dev Mode to do hot replacement of the Client-side application :) Use server hotswap like JRebel. You only need to compile the client-side application once, with GWT Dev mode.

  2. Priya says:

    hey can you please send me the details about how to connect the database in GWT application and also how to give link button to redirect it to next page. Please send it to priya.chandan777@gmail.com

Leave a Comment




Please note: In order to submit code or special characters, wrap it in

[code lang="xml"][/code]
(for your language) - or your tags will be eaten.

Please note: Comment moderation is enabled and may delay your comment from appearing. There is no need to resubmit your comment.