Java項目中應用Gwt

創建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 ->

 

 

 finish ->

創建好的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文件目錄 -> 點擊確定

 點擊 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，爲此只能分開上傳，需要全體下載後解壓。