Google Web Toolkit 2 Application Development Cookbook

For Details https://www.packtpub.com/google-web-toolkit-2-application-development-cookbook/book

Over 70 simple but incredibly effective practical recipes to develop web applications using GWT with JPA , MySQL and iReport

Overview of Google Web Toolkit 2 Application Development Cookbook

• Create impressive, complex browser-based web applications with GWT 2
• Learn the most effective ways to create reports with parameters, variables, and subreports using iReport
• Create Swing-like web-based GUIs using the Ext GWT class library
• Develop applications using browser quirks, Javascript,HTML scriplets from scratch
• Part of Packt's Cookbook series: Each recipe is a carefully organized sequence of instructions to complete the task as efficiently as possible

GWT 2 radically improves web experience for users by using existing Java tools to build no-compromise AJAX for any modern browser. It provides a solid platform so that other great libraries can be built on top of GWT. Creating web applications efficiently and making them impressive, however, is not as easy as it sounds. Writing web applications for multiple browsers can be quite tasking. In addition, building, reusing, and maintaining large JavaScript code bases and AJAX components can be difficult.

GWT 2 Application Development Cookbook eases these burdens by allowing developers to quickly build and maintain complex yet highly efficient JavaScript front-end applications in the Java programming language . It tells you how to make web experience all the more thrilling and hassle free, using various tools along with GWT SDK.

This book starts with developing an application from scratch. Right from creating the layout of the home page to home page elements including left and right sidebars, to placing tree like navigational menu, menu bars, tool bars, banners, footers are discussed with examples.

You will see how to create forms using the Ext GWT library widgets and handle different types of events. Then you will move on to see how to design a database for sales processing systems and learn to create the database in MySQL with the help of easy–to-follow recipes.

One of the interesting topics of this book is using JPA in GWT. Using the JPA object in GWT is a challenge. To use them perfectly, a mechanism to convert the JPA object into plain object and vice versa is required. You will see recipes to use entity classes, entity managers, and controller classes in GWT application. You will efficiently create reports with parameters, variables and subreports, and get the report output in both HTML and PDF format using real-world recipes.

You will then learn to configure the GlassFish server to deploy a GWT application with database. Finally, learn how to trace speed and improve perfomance in web applications using tracing techniques.

Create impressive web applications with tool bars, menus, multiple windows, and more with this step-by-step guide.

What you will learn from this book :

• Set up and configure GWT SDK, GlassFish server, MySQL server, NetBeans, GWT4NB, Ext GWT , iReport plugins for developing the business application in GWT
• Design a database for sales processing system in MySQL, back up and restore the database
• Identify business entities and the relationships and constraints among them
• Handle events such clicking on buttons, typing in text fields, selecting items in a combo box, selecting radios, selecting menus, and selecting toolbar icons
• Manage entities using entity framework through Java Persistence API (JPA)
• Use iReport for any GWT application to get the output of the reports in both HTML and PDF format
• Create Graphical User Interface (GUI) for accepting user input and display information to the user using Ext GWT
• Control communication between the server and client using GWTRPC mechanism
• Create a WAR file for GWT application and deploy it in Glassfish server

Approach

The recipes in this book are in a straightforward and easy to follow format.The range of topics covered in this book will bring out the forward-thinking Java developer in you.

Who this book is written for

If you want to build AJAX web applications with GWT then this book is for you.

Developers with prior programming experience of Java development and object-oriented programming will find this book very useful.

For Details https://www.packtpub.com/google-web-toolkit-2-application-development-cookbook/book

Read More

Creating GWT Project in Eclipse

Getting Ready:

Before following this quick tutorial ensure that you have done the followings:

1.       Install the JDK. You can download it from http://www.oracle.com/technetwork/java/javase/downloads/index.html
2.       Install the Eclipse IDE. It can be downloaded from http://www.eclipse.org/downloads/
3.       Install the GWT SDK which is available for download at http://code.google.com/webtoolkit/download.html
4.       Install the Google Plugin for Eclipse as instructed at http://code.google.com/eclipse/docs/download.html

How to do it:

Now follow the steps below to create the GWT Project

1.       Start Eclipse IDE
2.       Go to File | New | Other…
3.       Select Web Application Project under Google


4.       Press Next
5.       Give Project Name HelloGWT; give a Package Name (in this example it is com.blogspot.gwtguide.eclipse.hello); select Use Google Web Toolkit



6.       If the GWT SDK is not configured, click on Configure SDKs… ; add the web toolkit and press OK to close the dialog


7.       Press Finish and the project is created.




Run the project and see output

Read More

Setting up Ext GWT in NetBeans GWT Project

Introduction: Ext GWT is a Java UI component library for building rich Internet applications with Google Web Toolkit.

Features of Ext GWT include:

• High performance, customizable UI widgets

• Full theming support with standard CSS

• Well designed, consistent and fully documented source code

• Native GWT solution with no external JavaScript or 3rd party libraries

• Full remote procedure support using GWT RPC, JSON, and XML

• Support for Java 1.5 features, including generics, enums, and varargs

• Commercial and Open Source licenses available

Download: Ext GWT SDK is available to download at http://www.extjs.com/products/gwt/download.php

In this article we will learn how to setup the Ext GWT in NetBeans GWT project. If you have not created the GWT project in NetBeans yet, follow the post Creating GWT Project in NetBeans.

Follow the steps below:

1. Extract the downloaded EXT GWT SDK, for example gxt-2.1.1-gwt2.zip
2. Open the GWT-Guide project in NetBeans.
3. Create a folder named lib in the GWT-Guide project. To do this, go to File | New File... | Other in Categories | Folder in File Types; press Next; give a name lib and press Finish.

4. Copy the gxt.jar file from gxt-2.1.1 folder and paste it in the lib folder created in the previous step. To do so go to Files tab | select the lib folder | right click on it | Paste.

5. Add the gxt.jar file in the project library. To do so go to Projects tab | select Libraries | right click on it | Add Jar/Folder... | select the gxt.jar file in the lib folder and Open.

6. In the same way copy the resources folder from gxt-2.1.1 folder and paste it in web folder in the project.

Now the project directory structure is as below:

7. Modify the GWT module. Include the text <inherits name="com.extjs.gxt.ui.GXT"/> under the <module/> in Main.gwt.xml file.

Complete code for the GWT module is as below:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 1.7.0//EN" "http://google-  web-toolkit.googlecode.com/svn/tags/1.7.0/distro-source/core/src/gwt-module.dtd">

<module>
      <inherits name="com.google.gwt.user.User"/>

      <inherits name="com.extjs.gxt.ui.GXT"/>
      <entry-point class="com.blogspot.gwtguide.client.MainEntryPoint"/>
      <!-- modify the entry point class package and name according to your entry point class -->

</module>

8. Modify the welcomeGWT.html file. Add <link rel="stylesheet" type="text/css" href="resources/css/gxt-all.css" /> under the <head> section.

The complete HTML code is :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta name='gwt:module' content='com.packtpub.gwt=com.packtpub.gwt'>
        <title>gwt
        <link rel="stylesheet" type="text/css" href="resources/css/gxt-all.css" />
    </head>
    <body>
        <script type="text/javascript"  src="com.packtpub.gwt/com.packtpub.gwt.nocache.js">
    </body>
</html>

Read More