gxt prc

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,可以看到预想的结果:



 完整的工程如下图:



 

源代码在附件中。

你可能感兴趣的:(UI,servlet,ext,Google,gwt)