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,可以看到预想的结果:
完整的工程如下图:
源代码在附件中。