ext3.0 ext direct

前两天，上了EXT官方网站，查找一些关于direct方面的里面，上面只是讲了PHP得应用，关于JAVA的应用，少之又少。一些朋友也提问了，怎么用JSP调用？结果：i don't know。哎，既然在官方没有，那么我想在GG，百度多多少少都有点资料，查找资料花了两天，终于找到一个比较好的办法。只是他没有具体的工程，没办法了。这就要靠自己实践。好。就这样又花了两天，今天，嘻嘻，被我瞎弄，搞出来了，虽然很多东西都不知道为什么，但是还是比较开心*^_^*。废话说了不少，言归正传！

下面是具体的工程步骤：（说明一下，我的客户端是CS，服务端是BS）

首先，我们来搭建WEB服务端的程序：

这时，我们需要下载一个JAR。名为extdirect4j-0[1].3.1-source.jar，目前是最新版吧。因为这个包用到GG一些办法，那么，我们还需要下载gson-1.3.jar。保证没有错误啦。

接下来，这些写一个继承ExtDirectRouter的类，如下面：

package com;

import ch.swissdotnet.extdirect4j.AnnotatedAction;
import ch.swissdotnet.extdirect4j.ExtDirectRouter;
import ch.swissdotnet.extdirect4j.ExtRemoteAction;
import ch.swissdotnet.extdirect4j.ExtRemoteMethod;
import ch.swissdotnet.extdirect4j.NamedAction;

public class MyExtDirectRouter  extends ExtDirectRouter {

    static public class Result {
        private Long result;
        private String msg;

        public Result(Long result, String msg) {
            this.result = result;
            this.msg = msg;
        }
    }

    static abstract public class AbstractAction {
        abstract Long multy(long a, long b);

        @ExtRemoteMethod(name = "multy1")
        public Long multy(int a, long b) {
            return -a * b;
        }
    }

    @ExtRemoteAction(name = "Action", lazyInit = true)
    static public class TestAction extends AbstractAction {
        @ExtRemoteMethod
        public Long multy(long a, long b) {
            return a * b;
        }

        @ExtRemoteMethod(name = "multy2")
        public Long multy(int a, long b) {
            return a * b;
        }

        @ExtRemoteMethod
        public Result multy(long a) {
            return new Result(a * 2, "just a result");
        }
        
        @ExtRemoteMethod
        public String sayHello(String value){
        	return "Hello, "+value;
        }
        
        @ExtRemoteMethod
        public String getTree(String value){
        	System.out.println("被调到了");
        	return "[{"+
        		"'id':10,"+
        		"'leaf':false,"+
        		"'children':[{"+
        			"'id':11,"+
        			"'leaf':true,"+
        			"'children':null,"+
        			"'text':'S600'"+
        			"},{"+
        				"'id':12,"+
        				"'leaf':true,"+
        				"'children':null,"+
        				"'text':'SLK200'"+
        		"}],"+
        		"'text':'Benz'"+
        	"}]";
        	
        	/*return "text:'Online',"+
                    "children:[{"+
                        "text:'Friends',"+
                        "expanded:true,"+
                        "children:[{"+
                            "text:'Jack',"+
                            "iconCls:'user',"+
                            "leaf:true"+
                        "}]"+
                    "}]";*/
        }
    }

    @Override
    protected void configureActions() {
        this.addAction(new AnnotatedAction(TestAction.class));  //OK
        //or so..
        this.addAction(new AnnotatedAction("com.test.ExtdirectServlet$TestAction"));  //OK
        //or another else way in case we have not an access to action class in compile time
        //but it is less scaled and has some restrictions
        this.addAction(new NamedAction("com.test.ExtdirectServlet$TestAction")
                .addMethod("multy", 1)   // OK
                .addMethod("multy", 2)); //error there is 2 methods called "multy" with 2 arguments;
    }
}

 

 

 这个类是我偷来的，修改了一下，变成自己的啦。实际上修改，我只是在上面添加了一些办法，比如，我添加了sayHello、getTree的办法。好了，服务端的工程算是建立起来，那么，我们需要测试一下。怎么测？请各位看官耐心看下去咯。

测试办法：主要是测试我们自定义的类。因为ExtDirectRouter是一个继承了HttpServlet，那么MyExtDirectRouter  也算是一个Servlet。那么我们找到WEB文件，找出它的映射地址：比如

  <servlet-mapping>
    <servlet-name>MyExtDirectRouter</servlet-name>
    <url-pattern>/remote/*</url-pattern>
  </servlet-mapping>

 

我们用浏览器打开该Servlet。我的地址为：http://127.0.0.1:8781/test/remote/MyExtDirectRouter.看你的网页显示什么。如果是

Ext.app.MY_REMOTING_API = {"url":"remote/","type":"remoting","actions":{"Action":[{"name":"getTree","len":1},{"name":"multy","len":2},{"name":"multy","len":1},{"name":"multy2","len":2},{"name":"sayHello","len":1},{"name":"multy1","len":2}]}};

 

恭喜你，你已经成功啦。不行的朋友，回头在跟它死过，还是不行，记得不要找我哦，呵呵，开玩笑的~~

结尾：服务端到此为止。

补充服务端说明：在提交数据到客户端的时候，有可能遇到中文乱码问题，不怕，我们的MyExtDirectRouter是一个Servlet，在它的父类（ExtDirectRouter）里面，有doPost、doGet的办法，主要在这两个办法里面添加

response.setContentType("text/json; charset=utf-8");

 

编码和数据格式，各位看官自己选择。

客户端的实现:

实现给个效果图，如下：