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.GWT client 端需要编译成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.persistence java.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
分享到:
相关推荐
nodejs010-nodejs-cryptiles-0.2.2-1.el6.centos.alt.noarch.rpm
免费JAVA毕业设计 2024成品源码+论文+数据库+启动教程 启动教程:https://www.bilibili.com/video/BV1SzbFe7EGZ 项目讲解视频:https://www.bilibili.com/video/BV1Tb421n72S 二次开发教程:https://www.bilibili.com/video/BV18i421i7Dx
基于麻雀搜索算法优化的深度置信网络(SSA-DBN)参数调整与数据分类预测——以隐藏层节点、迭代次数和学习率为优化目标的MATLAB实现,基于麻雀搜索算法优化深度置信网络(SSA-DBN)的数据分类预测 优化参数为隐藏层节点、迭代次数和学习率 利用交叉验证抑制过拟合问题 matlab代码, ,SSA-DBN; 参数优化; 隐藏层节点; 迭代次数; 学习率; 交叉验证; 过拟合抑制; MATLAB代码,基于SSA-DBN优化的数据分类预测方法:参数优化与过拟合抑制
BeTheme第一次发布于2014年5月21日,自那时以来,已有数以百万计的人下载了BeTheme,其评分为4.8。这个主题是WooCommerce支持的,在此帮助下,您可以制作一个电子商务网站,还可以制作博客、新闻和其他类型的网站。BeTheme 21.5.6 wordpress主题模板特点:放大器支撑多用途主题500+预制件演示单击演示安装移动友好型主题联络表格7支持自转滑块。
基于S7-200智能控制与组态王4x3界面的书架式堆垛立体车库系统设计与应用,基于S7-200和组态王4x3书架式堆垛式立体库立体车库 ,S7-200; 组态王4x3; 书架式堆垛式立体库; 立体车库,基于S7-200与组态王4x3的立体车库系统
1、文件内容:pykde4-akonadi-4.10.5-6.el7.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/pykde4-akonadi-4.10.5-6.el7.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装
基于28379D的异步电机无速度传感器控制:MD500与MD500E滑模同步调制代码研究,各种代码md500代码,异步电机,基于28379D,带无速度传感器控制,参数辨识,同步调制等功能。 还有md500e代码,滑模无感代码,逆变整流代码 ,核心关键词:md500代码; 异步电机; 28379D; 无速度传感器控制; 参数辨识; 同步调制; md500e代码; 滑模无感控制; 逆变整流代码。,基于28379D的MD500电机异步控制系统与参数辨识软件
"可再生能源驱动的热电联供微网经济运行优化研究:基于具体文献的程序复现与MATLAB粒子群算法应用",含可再生能源的热电联供型微网经济运行优化 有具体文献 程序复现 MATLAB粒子群算法 ,核心关键词: 可再生能源; 热电联供型微网; 经济运行优化; 具体文献; 程序复现; MATLAB粒子群算法。,含可再能源热电联供型微网运行优化策略复现于特定文献中的MATLAB模型研究。
1、文件内容:pyserial-2.6-6.el7.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/pyserial-2.6-6.el7.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装
finishBitmap.jpg
"英博尔控制器调速软件全面升级,引领行业新风尚",英博尔控制器调速软件全新 ,英博尔; 控制器; 调速软件; 全新,英博尔控制器调速软件全新升级
电机定子模态频率计算方法及公式在Excel表格中的应用,电机定子模态频率计算公式,公式法,exl表格 ,电机定子模态频率计算公式; 公式法; EXL表格,电机定子模态频率计算方法及公式法在Excel表格中的应用
一、项目简介 包含:项目源码、数据库脚本等,该项目附带全部源码可作为毕设使用。 二、技术实现 jdk版本:1.8 及以上 ide工具:IDEA或者eclipse 数据库: mysql5.5及以上 后端:spring+springboot+mybatis+maven+mysql 前端: vue , css,js , elementui 三、系统功能 1、系统角色主要包括:管理员、用户 2、系统功能 主要功能包括: 用户登录注册 首页 个人中心 修改密码 个人信息 用户管理 管理员管理 问卷管理 题目管理 题目统计 问卷调查管理 新闻资讯管理 轮播图管理 问卷调查 新闻资讯 个人中心 问卷调查记录 后台管理 详见 https://flypeppa.blog.csdn.net/article/details/143189415
免费JAVA毕业设计 2024成品源码+论文+数据库+启动教程 启动教程:https://www.bilibili.com/video/BV1SzbFe7EGZ 项目讲解视频:https://www.bilibili.com/video/BV1Tb421n72S 二次开发教程:https://www.bilibili.com/video/BV18i421i7Dx
1、文件内容:pulseaudio-esound-compat-10.0-6.el7_9.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/pulseaudio-esound-compat-10.0-6.el7_9.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装
免费JAVA毕业设计 2024成品源码+论文+数据库+启动教程 启动教程:https://www.bilibili.com/video/BV1SzbFe7EGZ 项目讲解视频:https://www.bilibili.com/video/BV1Tb421n72S 二次开发教程:https://www.bilibili.com/video/BV18i421i7Dx
一种基于Lifelogging视频的文本标签生成模型.pdf
MATLAB仿真:MIMO系统FLMS算法的优化与实现,一个mimo系统的flms算法的MATLAB仿真 ,Mimo系统; FLMS算法; MATLAB仿真,"MIMO系统FLMS算法MATLAB仿真"
"基于S7-200 PLC的组态王燃油锅炉控制系统:详解梯形图接线原理、IO分配及组态画面图解",基于S7-200 PLC和组态王燃油锅炉控制系统 带解释的梯形图接线图原理图图纸,io分配,组态画面 ,S7-200 PLC; 组态王燃油锅炉控制; 梯形图接线图原理图; IO分配; 组态画面,基于S7-200 PLC的燃油锅炉控制系统原理图及IO分配解析
方便暖通工程师及板换用户了解艾普尔板式换热器选型计算,免费使用。