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

st97 发布于 2010/11/14 20:16
阅读 6K+
收藏 3

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

加载中
0
干死it
干死it
收藏这个
0
见颜
见颜
已加群,求通过验证啊
0
三国vip
三国vip
为什么创建HTML Page的时候点击Finish按钮没有反应呢?同样的问题:http://www.iteye.com/problems/66387
返回顶部
顶部