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