GWT1
GWT的初步理解:GWT
1.分为前端和后端，前端会编译为javascript,后端不用.
2.前端的实现方法和Swing相似，Google GWT 提供一组UI组件
3.Model 一个模块对应一个Model, 在对就的 xxx.gwt.xml中对Model进行配置. 一个Model对应一个Html页面，在这个页面引入该由该Model编译生成的javascript
4.RPC 前端与后端交互,RPC 主要用两个接口与一个实现类组成，
interface xxxService extends RemoteService 定义 Servcie方法
interface xxxServiceAsync 定义异步调用的方法，每个方法与 xxxService方法对应，在参数上加上了一个AsyncCallback,用于接收异步调用返回的结果
以上两个接口都定义在 client端,会被编译成javascript
xxxServiceImpl extends RemoteServiceServlet implements xxxService实现 xxxService定义的方法，继承了 GWT提供的 RemoteServiceServlet，
其实就是一个Servlet,需要在web.xml对此Servlet进行配置.该实现类不需要编译为javascript,部署于服务器端
注意：需要通过RPC进行传递的Object都必须实现序列化接口 Serializable
RPC使用流程：
1).创建一个 xxxServiceAsync接口
xxxServiceAsync xxxService = GWT.create(xxxService.class);
2).创建一个AsyncCallBack 对象
final AsyncCallback callback = new AsyncCallback() { @Override public void onFailure(Throwable caught) { //throw new UnsupportedOperationException("Not supported yet."); Window.alert(" fail: " + caught.getMessage()); } @Override public void onSuccess(Object result) { //Window.alert("Add success"); // refreshCategoryTable();//进行UI相关的操作 } };
3).在UI的事件中或需要的地方进行RPC调用
xxxService.service方法(参数,callback);
RPC的调用和普通的 Ajax调用的方法是一样的.
5.样式，GWT 的UI可以自由设置样式，通过css,
1.定义好css,在 html中引入，然后再给UI添加在css中定义的样式，在 xxx.gwt.xml中可以指定默认的theme，如standard,Chrome,Dark
如在css中定义: .button{width:100px;background-color: #A1B9A2;height: 30px;}
中写Button时添加样式：addStockButton.addStyleName("button");这样addStockButton就会按照 .button中定义的样式显示
注意：如果在xxx.gwt.xml中设置了 默认的theme,则自定义的 css中有的属性可能会不起作用，需要注意。每种不同的UI有不同的添加css方法,调试css的时候可以用
firebug 查看具体部分的css应用是否正确.
参考http://code.google.com/webtoolkit/doc/latest/tutorial/style.html
6.面板的的布构造与功能有关，相关的操作或显示可用一个面板封装， 共用的AsyncCallback,ClickHander 可提取出来。
比如save,cancel,delete,edit,等操作button可放在一个widget中，用一个方法来生 成这个Widget，生成Widget时把 button需要操作的参数传过去
如：
//category 为需要修改的category,row 为表格的行号， table为需要修改的table
Widget getCategoryOperateorWidget(final CategoryGWT category, final int row, final FlexTable table)
7. maven GWT: mvn archetype:generate -DarchetypeRepository=repo1.maven.org-DarchetypeGroupId=org.codehaus.mojo -DarchetypeArtifactId=gwt-maven-plugin-DarchetypeVersion=2.2.0
8.EJB3 Entity with GWT Client,
1.GWTclient 端需要编译成javascript,所以要在 GWT client端使用EJB Entity,则在 client端需要有Entity的源码，
Entity的源码可以在 EJBModel 打包时换源码打包进jar包(用maven):
<build> <!--如果不手动指定resource则默认打包 resources目录下的内容，手动指定后则只打包指定的内容 下例中 ejbmodel为Entity所在目录--> <resources> <resource> <directory>src/main/java</directory> <includes> <include>**/ejbmodel/*.java</include> </includes> </resource> <resource> <directory>src/main/resources</directory> <includes> <include>**/*.xml</include> </includes> </resource> </resources>
2. 还需要all enums & interfaces from javax.persistencejava.io.Serializable as an alias for com.google.gwt.user.client.rpc.IsSerializable
1.download gwt sdk
2.netbean gwtplugin: gwt4nb https://gwt4nb.dev.java.net/ -->download
3.code.google.com/webtoolkit
4.create maven gwt project:google: maven gwt archetype
UI:
http://code.google.com/webtoolkit/examples/
http://www.smartclient.com/smartgwt
页:
[1]