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

 完整的工程如下图：

 

源代码在附件中。

中文是乱码，编码格式在哪里配？

把项目的编码更称UTF-8应该就好了...

项目编码是在ec中配置的，Window-->Preferences-->General-->WorkSpace中Text File Encoding 配置成 UTF-8就可以了。

一直没明白
ext js 和 ext gwt什么关系？

ext gwt 前身是mygwt,也就是说mygwt加入extjs阵营中，至于更详细的内幕就不得而知了，呵呵

请教楼主：
    GetServerTime.java 我是用 【GWT Remote Service】创建的。
自动生成 GetServerTimeAsync.java 接口。但是是个空接口，我手工添加
public void getTime(AsyncCallback<String> callback)   方法。
但编译后getTime方法就被自动删除了。 
    请教楼主是什么原因，谢谢了！

自动生成不会是空接口阿