初学GWT-创建GWT工程

当安装完GWT插件后，会在工具条出现一个用GWT插件图标

在这个图标下创建web application工程

1.输入工程名"gwtproject"

2.起一个包名“com.xxxx”

3.确保选中“Use Google Web Toolkit”和“Use default SDK (GWT)”

4.确保选中“Use Google App Engine”和“Use default SDK (App Engine)”

5.点finish按钮

 

创建的工程是一个自带Sample的项目

 

下面按照Google的GWT教程实现一个叫StockWatcher的工程。

从UI的需求来看：

1.需要一个table存放数据

2.两个按钮，一个是add用来添加股票，另一个是删除。

3.一个输入框用来输入股票代号

4.一个时间戳用来显示最后一个更新的时间。

 

设计团队建议：

1.一个logo

2.一个header

3.根据股票价格升降改变颜色

 

GWT不是让你如何实现你的HTML页面，一个GWT应用既可以实现一个整个浏览器页面中的所有实现，

也可以可以嵌入到页面中实现某一个窗口部件的实现。

在这个StockWatcher例子中可以看到，既有静态元素，也有动态元素。除了Goolge Code logo和header中d "StockWatcher"是静态的元素，其他的

控件元素都是用GWT的Widgets和Panels实现的。

 

具体代码的实现Google讲的很详细：https://developers.google.com/web-toolkit/doc/latest/tutorial/create