Java项目中应用Gwt

创建Java Project: File -> New -> Other.. -> Java Project -> next

如图:


Java项目中应用Gwt_第1张图片

 


 创建名为GwtTest工程:


Java项目中应用Gwt_第2张图片
 

创建为 Project 下载所以依赖的 jar :gwt-windows-1.7.1,将所需的jar包加入工程的classpath。

右键刚刚创建的工程 GwtTest -> Build Path -> Configure Build Path

 


Java项目中应用Gwt_第3张图片
 

点击 Add External JARs...

 


Java项目中应用Gwt_第4张图片
 

右击项目 GwtTest -> new -> Other..


Java项目中应用Gwt_第5张图片
 

next ->

 

 
Java项目中应用Gwt_第6张图片
 finish ->

创建好的Java项目结构为:

 
Java项目中应用Gwt_第7张图片

 右击项目 GwtTest -> Run As -> Open Run Dialog

进行运行参数配置:

Project : GwtTest

Main class : com.google.gwt.dev.GWTShell


Java项目中应用Gwt_第8张图片

 Programe arguments : -out www com.demo.PanelDemo/PanelDemo.html

VM arguments : -Xms128m -Xmx128m -XX:PermSize=128m -XX:MaxPermSize=128m


Java项目中应用Gwt_第9张图片
 

点击 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'

 

这个错误到网上差了一些资料后来才得以解决,解决方法如下:


Java项目中应用Gwt_第10张图片
 

点击 Advanced..


Java项目中应用Gwt_第11张图片
 选中 Add Folders 点击 OK ,选择工程GwtTest的src文件目录 -> 点击确定


Java项目中应用Gwt_第12张图片
 点击 Run。

 

      如果按照步骤进行到此,运行是该是没有问题的,但是在运行弹出的界面中什么也看不到一片空白。那是由于还没有编写代码。下面通过编写代码查看效果!

修改 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,为此只能分开上传,需要全体下载后解压。

你可能感兴趣的:(java)