SmartGWT学习整理 1、开发环境设置

SmartGWT学习整理 1、开发环境设置

需要的软件有
1、Eclipse
下载地址http://www.eclipse.org/downloads/
选择Eclipse IDE for Java EE Developers

2、GWT
下载最新的SDK
http://code.google.com/webtoolkit/download.html

3、SmartGWT
下载最新的release版本
http://code.google.com/p/smartgwt/downloads/list

启动Eclipse后安装gwt插件，根据Eclipse选择gwt插件版本http://code.google.com/eclipse/docs/download.html
如果已经下载过GWT SDK那么只需要安装6m大小的gwt插件就行，然后在Eclipse设置Window-->Preferences-->Google-->Web Toolkit添加已下载的SDK

我要做的例子是个普通的BS应用，下载Tomcat6最新版并在Eclipse里设置好，新建Dynamic Web Project工程test。
之所以建立的是Dynamic Web Project工程，是为了方便以后做web开发。
在工程属性中-->Google-->Web Application
选择This project has a WAR directory和Launch and deploy from this directory
在工程属性中-->Google-->Web Toolkit
选择Use Google Web Tookit

将smartgwt.jar复制到WebContent\WEB-INF\lib

新建Module(在工程点右键New-->Other 选择Google Web Toolkit-->Module)
Package:test
Module Name:Test
Inherited modules:点ADD输入com.smartgwt.SmartGwt
点击Finish
新建Entry Point Class(在工程点右键New-->Other 选择Google Web Toolkit-->Entry Point Class)
Name:Test
点击Finish
新建HTML Page(在工程点右键New-->Other 选择Google Web Toolkit-->HTML Page)
File name:Test.html
点击Finish

修改Test.html
将<script type="text/javascript" language="javascript" src=".nocache.js"></script>
改为
<script type="text/javascript" language="javascript" src="test.Test/test.Test.nocache.js"></script>

Module配置文件中的module的属性rename-to可以用来将编译后的文件放在指定的目录,例如默认的Test的目录是在test.Test如果用下边的属性
<module rename-to='test'>
那么编译后的js就在
src="test/test.nocache.js"

编辑Test.java，添加一个列表控件
public void onModuleLoad() {
  new ListGrid().draw();
}

在工程环境里java build path设置一下order and Export
把gwt sdk和webapplib的优先级调到最高，debug就不会报错

在工程点右键Debug As-->Web Application，然后打开浏览器打开(推荐用Firefox,第一次打开会提示安装插件，)
http://127.0.0.1:8888/Test.html?gwt.codesvr=127.0.0.1:9997
如果没有问题应该能看到一个有列表控件的页面，里边显示No items to show.

如果要SmartGWT提示变为中文，需要修改Test.gwt.xml
添加
<extend-property name="locale" values="zh_CN"/>
修改Test.html（文件编码设为UTF-8，在Test.html文件上点右键Properties-->Resource-->Text file encoding  设为UTF-8）
在head标签下添加
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="gwt:property" content="locale=zh_CN">

重新运行debug会看到ListGrid提示变为了中文 无数据

建了个smartGWT的qq群，有兴趣的可以进来一起学习讨论

117824970