创建Java Project: File -> New -> Other.. -> Java Project -> next
如图:
创建名为GwtTest工程:
创建为 Project 下载所以依赖的 jar :gwt-windows-1.7.1,将所需的jar包加入工程的classpath。
右键刚刚创建的工程 GwtTest -> Build Path -> Configure Build Path
点击 Add External JARs...
右击项目 GwtTest -> new -> Other..
next ->
创建好的Java项目结构为:
右击项目 GwtTest -> Run As -> Open Run Dialog
进行运行参数配置:
Project : GwtTest
Main class : com.google.gwt.dev.GWTShell
Programe arguments : -out www com.demo.PanelDemo/PanelDemo.html
VM arguments : -Xms128m -Xmx128m -XX:PermSize=128m -XX:MaxPermSize=128m
点击 Run ,如果不出意外的话会出现这样的错误信息:
页面的错误提示:
Failed to load module com.demo.PanelDemo .
Please see the log in the development shell for details .
服务器端错误提示:
[ERROR] Unable to find type 'com.demo.client.PanelDemo'
[ERROR] Failure to load module 'com.demo.PanelDemo'
这个错误到网上差了一些资料后来才得以解决,解决方法如下:
点击 Advanced..
选中 Add Folders 点击 OK ,选择工程GwtTest的src文件目录 -> 点击确定
如果按照步骤进行到此,运行是该是没有问题的,但是在运行弹出的界面中什么也看不到一片空白。那是由于还没有编写代码。下面通过编写代码查看效果!
修改 com.demo.client.PanelDemo.java 文件代码如下:
/** * */ package com.demo.client; import com.google.gwt.core.client.EntryPoint; import com.google.gwt.event.dom.client.ClickEvent; import com.google.gwt.event.dom.client.ClickHandler; import com.google.gwt.user.client.ui.Button; import com.google.gwt.user.client.ui.Label; import com.google.gwt.user.client.ui.RootPanel; /** * @author jlee * @date 2012-1-16 * @des Gwt Demo */ public class PanelDemo implements EntryPoint { public void onModuleLoad() { // TODO Auto-generated method stub final Button btn = new Button() ; final Label label = new Label() ; btn.addClickHandler(new ClickHandler(){ public void onClick(ClickEvent event){ if("".equals(label.getText())){ label.setText("Hello World") ; }else{ label.setText("") ; } } }); btn.setText("Click me") ; RootPanel.get().add(btn) ; RootPanel.get().add(label) ; } }
运行方可见效果。
工程中所依赖的 gwt-windows-1.7.1.zip 我以上传,由于上传的最大限制为10M,为此只能分开上传,需要全体下载后解压。