gwt maven plugin 創建 SmartGwt 項目 + I18N (圖文)之一

開發環境：

JDK1.6, Maven 3.0, GWT2.1.1, SmartGwt 2.3

 

本文介紹第一步：使用 gwt maven plugin 創建 GWT 項目骨架

 

準備工作

安裝 JDK 1.6

安裝 Maven 3.0

電腦連接到因特網

開始>運行>cmd

輸入 mvn -v ，確認設置正確。

 

 

GWT SDK 和 SmartGwt SDK 無需下載，稍後會由 Maven 自動下載到本地 repository。

 

1、生成 GWT Maven 項目 

運行 mvn archetype:generate -DarchetypeGroupId=org.codehaus.mojo -DarchetypeArtifactId=gwt-maven-plugin -DarchetypeVersion=2.1.0-1

期間會自動下載相關文件到本地 repository，等待即可。

 

2、自動創建 *Async 異步接口 + I18N 子類

cd 至項目路徑, 然後運行 mvn gwt:generateAsync

期間會自動下載相關文件到本地 repository，等待即可。

自動在 /target/generated-sources/com.train.client 下生成 GreetingServiceAsync，將在 GWT RPC 時調用

package com.train.client; import com.google.gwt.core.client.GWT; import com.google.gwt.user.client.rpc.AsyncCallback; import com.google.gwt.user.client.rpc.ServiceDefTarget; public interface GreetingServiceAsync { /** * GWT-RPC service asynchronous (client-side) interface * @see com.train.client.GreetingService */ void greetServer( java.lang.String name, AsyncCallback<java.lang.String> callback ); /** * Utility class to get the RPC Async interface from client-side code */ public static final class Util { private static GreetingServiceAsync instance; public static final GreetingServiceAsync getInstance() { if ( instance == null ) { instance = (GreetingServiceAsync) GWT.create( GreetingService.class ); ServiceDefTarget target = (ServiceDefTarget) instance; target.setServiceEntryPoint( GWT.getModuleBaseURL() + "greet" ); } return instance; } private Util() { // Utility class should not be instanciated } } }

運行 mvn gwt:i18n 

期間會自動下載相關文件到本地 repository，等待即可。

自動在 /target/generated-sources/com.train.client 下生成 Messages

靜態 I18N key 都在此定義，再由 Messages_*.properties 文件配置 value. 

package com.train.client; /** * Interface to represent the messages contained in resource bundle: * F:/svn/gwt/mysql/src/main/resources/com/train/client/Messages.properties'. */ public interface Messages extends com.google.gwt.i18n.client.Messages { /** * Translated "Enter your name". * * @return translated "Enter your name" */ @DefaultMessage("Enter your name") @Key("nameField") String nameField(); /** * Translated "Send". * * @return translated "Send" */ @DefaultMessage("Send") @Key("sendButton") String sendButton(); }

 

3. 運行 gwt 項目

運行 mvn gwt:run

期間會自動下載相關文件到本地 repository，等待即可。

可以看到你熟悉的 GWT Dev Mode:

 

用瀏覽器打開(如果之前沒安裝gwt瀏覽器插件，按提示安裝即可):

 

小結：

優點：完成一個 GWT Maven 項目骨架的建立，運行正常且沒有使用 IDE，無 coding。

缺點：各項參數都爲默認配置，還需手動調整。