gxt即Ext GWT: Rich Internet Application Framework for GWT,因此,gxt rpc 的核心是gwt rpc,故此,参阅一些网络资料,支持作者,尊重版权,列出如下:
1、http://www.thescreencast.com/2007/08/gwt-rpc-in-eclipse.html
2、http://blog.sina.com.cn/s/blog_416cf77c0100082o.html
3、http://courses.coreservlets.com/Course-Materials/ajax.html
现在开始。
需要说明的是,此篇是在tomcate6上运行,而非应用GWT自带的环境,所以,请先阅读本人之前的文章:《gxt在tomcate6上运行配置》。
一、准备
1、建立工程
利用建立eclipse建立工程GxtRPC,添加GWT Module ,包名:org.gxtrpc,类名 Test。
2、添加gxt支持
在WEB-INF/lib下加入gxt1.2.jar,在pulib/Test.html中加入<link rel="stylesheet" type="text/css" href="css/ext-all.css" />,在Test.gwt.xml中加入<inherits name='com.extjs.gxt.ui.GXT'/>, 继承gxt默认的module。
如有问题,请参阅《gxt在tomcate6上运行配置》
二、构建rpc环境
1、client包下创建两个远程接口
GetServerTime.java:
package org.gxtrpc.client;
import com.google.gwt.user.client.rpc.RemoteService;
public interface GetServerTime extends RemoteService {
public String getTime();
}
功能为:获取服务器的当前时间
GWT插件自动创建:GetServerTimeAsync.java,不需要自己创建,代码:
package org.gxtrpc.client;
import com.google.gwt.user.client.rpc.AsyncCallback;
public interface GetServerTimeAsync {
public void getTime(AsyncCallback<String> callback);
}
2、在sever包下创建具体实现类GetServerTimeImpl.java,该类需继承com.google.gwt.user.server.rpc.RemoteServiceServlet类,及实现GetServerTime接口,代码:
package org.gxtrpc.server;
import org.gxtrpc.client.GetServerTime;
import com.google.gwt.user.server.rpc.RemoteServiceServlet;
import java.text.SimpleDateFormat;
import java.util.Date;
public class GetServerTimeImpl extends RemoteServiceServlet implements
GetServerTime {
private static final long serialVersionUID = 8431268948021482724L;
public String getTime() {
SimpleDateFormat format=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
return format.format(new Date());
}
}
实现类很简单,获取服务器的当前时间。
3、在web.xml下配置servlet,即配置上面的实现类:
<servlet>
<servlet-name>servertime</servlet-name>
<servlet-class>org.gxtrpc.server.GetServerTimeImpl</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>servertime</servlet-name>
<url-pattern>/servertime</url-pattern>
</servlet-mapping>
如果不用tomcate运行,而是运用GWT自带的环境,具体参阅《gxt:ext-gwt入门》,则该servlet 应该配置在Test.gwt.xml中,加上<servlet path="/servertime" class="org.gxtrpc.server.GetServerTimeImpl"/>即可。
但是,利用tomcate运行的话,一定要在web.xml下配置,否则请求资源报错。
三、测试
新建org.gxtrpc.client.window,在该包下建立WindowTest.java,该类需继承com.extjs.gxt.ui.client.widget.LayoutContainer;如下
package org.gxtrpc.client.window;
import org.gxtrpc.client.GetServerTimeAsync;
import com.extjs.gxt.ui.client.event.ComponentEvent;
import com.extjs.gxt.ui.client.event.SelectionListener;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.extjs.gxt.ui.client.widget.form.FormPanel;
import com.extjs.gxt.ui.client.widget.form.TextField;
import com.extjs.gxt.ui.client.widget.layout.FitLayout;
import com.extjs.gxt.ui.client.widget.layout.FlowLayout;
import com.extjs.gxt.ui.client.widget.Window;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.rpc.AsyncCallback;
public class WindowTest extends LayoutContainer {
private GetServerTimeAsync serverTime;
public WindowTest() {
}
public WindowTest(GetServerTimeAsync serverTime) {
this.serverTime = serverTime;
}
@Override
protected void onRender(Element parent, int index) {
super.onRender(parent, index);
setLayout(new FlowLayout(10));
Window window = new Window();
window.setHeading("hello rpc");
window.setSize(500, 300);
window.setPlain(true);
window.setLayout(new FitLayout());
FormPanel panel = new FormPanel();
panel.setHeading("获取服务器时间");
panel.setHeaderVisible(false);
final TextField<String> txtTime = new TextField<String>();
txtTime.setName("txtTime");
txtTime.setFieldLabel("服务器时间");
panel.add(txtTime);
Button b = new Button("获取");
b.addSelectionListener(new SelectionListener<ComponentEvent>(){
public void componentSelected(ComponentEvent ce) {
if(serverTime==null){
return ;
}else{
serverTime.getTime(new AsyncCallback<String>(){
public void onFailure(Throwable caught) {
// TODO handle errors
}
public void onSuccess(String result) {
if(result!=null)
txtTime.setValue(result);
}
});
}
}
});
b.setId("btntime");
panel.add(b);
window.add(panel);
window.show();
}
}
从上可以看出把GetServerTimeAsync 接口注册到该类中,就可以在button的事件中访问了。同时以后也方便与spring整合。这个以后研究。
在Test.java类中编写:
package org.gxtrpc.client;
import org.gxtrpc.client.window.WindowTest;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.core.client.GWT;
import com.google.gwt.user.client.rpc.ServiceDefTarget;
import com.google.gwt.user.client.ui.RootPanel;
public class Test implements EntryPoint {
public void onModuleLoad() {
RootPanel.get().add(new WindowTest(initServiceEntryPoint()));
}
private GetServerTimeAsync initServiceEntryPoint(){
GetServerTimeAsync time=(GetServerTimeAsync)GWT.create(GetServerTime.class);
ServiceDefTarget endpoint=(ServiceDefTarget)time;
String moduleRelativeURL = GWT.getModuleBaseURL() + "servertime";
endpoint.setServiceEntryPoint(moduleRelativeURL);
return time;
}
}
运行build下的Test.html,可以看到预想的结果:
完整的工程如下图:
源代码在附件中。
- 大小: 18.4 KB
- 大小: 25.5 KB
分享到:
相关推荐
GXT 学习的好书, 帮助你尽快进入GXT.
浪曦原创]GXT系列+第1讲+GXT_GWT的安装.
GXT Cascade ComboBox Samples
gxt初学进阶教程,教你一步一步使用gxt,容易上手,例子很详细
这是GTA4里的源文件american.gxt
贡献一个GXT项目给大家,希望对大家有所帮助!
GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo ...
gwt 文件上传 gxt文件上传
gxt-api-2.2.1帮助文档 。
extjs gwt gxt 学习资源 ajax技术
GWT,GXT的JAR包以及源代码,需要的朋友可以下载。 谷歌推出的WebUI的JAVA的库。谢谢大家下载
gxt-api-2.2.5 sdk doc 即ext-gwt api doc
一步一步教你新建GXT(EXT-GWT)项目
本资源是目前的最新版本(9/15/11) gxt的工具非常之少,在CSDN还有一个gxt-2.1.1(2/2/2010)链接就不提供了,大家根据需要选择下载。
GXT2.2.4 GXT2.2.4 GXT2.2.4GXT2.2.4 GXT2.2.4 GXT2.2.4GXT2.2.4 GXT2.2.4 GXT2.2.4GXT2.2.4 GXT2.2.4 GXT2.2.4GXT2.2.4 GXT2.2.4 GXT2.2.4 jar
这个是官方的英文帮助,对大家开发有帮助。里面描述所有gxt 的类的用法
gxt.jar
gwt+gxt jar 包。。基于java语言编写前台界面,java语言最终会被编译成js。方便了不会js的java程序员编写前台
目前最适合gxt初学者学习的教程
GWT,GXT的JAR包以及源代码,需要的朋友可以下载。 谷歌推出的WebUI的JAVA的库。