BlogJava-努力创造未来！-随笔分类-dwr

dwr+spring

有猫相伴的日子 — Fri, 07 Mar 2008 03:40:00 GMT

唯一不同的就是dwr.xml文件中的配置不同.参与如下例子

xml version="1.0" encoding="UTF-8"?>
DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
    "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
<dwr>
    <allow>
        <create creator="spring" javascript="GISInterfaceService">
            <param name="beanName" value="gisInterfaceService"/>
        create>
        allow>
dwr>

有猫相伴的日子 2008-03-07 11:40 发表评论

dwr实例

有猫相伴的日子 — Fri, 19 Oct 2007 07:10:00 GMT

摘要: 只贴代码，其它的就不说了阅读全文

有猫相伴的日子 2007-10-19 15:10 发表评论

DWR学习摘要

有猫相伴的日子 — Thu, 26 Jul 2007 08:01:00 GMT

DWR的使用经验:

1.. 需要jdom.jar和bsf.jar,否则无法跟spring整合.

2.. dwr生成的javascript函数会自动加一个回调函数的参数,如原来的函数是checkExist(String name),那么生成的javascript函数是checkExist(callbackFunc,String name).

3.. 注意回调函数只能有一个参数,就是服务器的返回值,如function(messFromServer),这里messFromServer是该操作在服务器上的返回值.

4.. util.js里面有很多有用的方法,最好熟悉一下.

5.. convert并不是必须的,只有你的函数需要传递非基本数据类型的数据时需要此项.
我需要增强的,dom操作,javascript

DWR collection converter 使用摘要

但是不知道怎么用，从 Java Object －－> Javascript Object 问题不大，有现成的例子可供参考：），就是 Java function 返回一个Collection，看了一下返回值在 javascript 中是的形式是一个object Array然后在 javascript 取出每一个 Object的 property (eg. object.id , objecct.name....)
下面是一个应用实例－－－－－－－－－－－－－－－－－－－－－DWR.XML------------------------------

import dwr.sample.*;
ApartmentDAO.addApartments(List);
ApartmentDAO.addApartments2(Map);
]]>

如果传如 java 的代码的参数是一个 Collection ，则要稍微处理以下，先照上面黑体字的声明以下传入的Collection的内部包含的类的确切类型，以便 Java 代码作出判断；如果传入的参数是一个 List，则在 Javascript 中把这些对象放在一个Array中就可以了，如果传入的参数是一个Map，原来以为是一个二维的 Array就行了，但是试过之后发现不行，看了一下例子，原来要使用这种形式： var depts={ "dept1":new department("2", "200"),"dept2":new department("3", "300") };这样传进去之后 Java 就会根据这些数据构建一个Map，

有猫相伴的日子 2007-07-26 16:01 发表评论

dwr2与struts2整合

有猫相伴的日子 — Mon, 23 Jul 2007 05:20:00 GMT

转自于:http://swimren.javaeye.com/blog/98186

关键字: DWR

最近发现dwr出了2.0版本，里面提供了与目前一些主流框架的整合，如Spring,JSF,Hibernate,Struts1,Webwork等，但Struts2.0还没有提供，由于现在的项目我们采用的是Struts2.0，所以参考dwr与webwork的整合代码，修改完成了
dwr与Struts2的整和代码

1、首先下载Dwr2的源代码，将 org\directwebremoting\webwork下的类拷出来，放到新建的一个包
   比如 org.dwr.struts2 里，接下去就可以去修改里面的代码，
    将类的引用都修改为从struts2的包中引用。
2、接下去关键是修改 DWRAction.java这个类
   在该类中比较特殊的是
   com.opensymphony.webwork.dispatcher.DispatcherUtils 对应的struts2中的 org.apache.struts2.dispatcher.Dispatcher这个类
ServletActionContext.WEBWORK_VALUESTACK_KEY 对应 ServletActionContext.STRUTS_VALUESTACK_KEY

3、修改里面的 private DWRAction(ServletContext servletContext) 构造函数为

java 代码

private DWRAction(ServletContext servletContext) throws ServletException
{
// Dispatcher.initialize(servletContext);
m_wwDispatcher = Dispatcher.getInstance();
if(m_wwDispatcher==null)
{
m_wwDispatcher = new Dispatcher(servletContext, new HashMap());
m_wwDispatcher.init();
Dispatcher.setInstance(m_wwDispatcher);
}
m_actionProcessor = loadActionProcessor(servletContext.getInitParameter (DWRACTIONPROCESSOR_INIT_PARAM));
}

然后修改protected ActionInvocation invokeAction 方法将第126行的代码

java 代码

ActionProxy proxy = ActionProxyFactory.getFactory().createActionProxy(actionDefinition.getNamespace(), actionDefinition.getAction(), extraContext, actionDefinition.isExecuteResult(), false);

替换为以下代码

java 代码

Configuration config = du.getConfigurationManager().getConfiguration();
ActionProxy proxy = config.getContainer().getInstance(ActionProxyFactory.class).createActionProxy(
mapping.getNamespace(), mapping.getName(), extraContext, actionDefinition.isExecuteResult(), false);

最后将 protected void prepareContinuationAction(HttpServletRequest request, Map extraContext)
里的代码都注释掉就可以了

4，修改 DWRActionUtil.js文件将里面的webwork字样都替换为 struts2,也可以不用修改，不过觉得不爽就是了
然后就可以按照与webwork整和的方式配置dwr.xml就可以了

最后有一点很重要,就是在 web.xml文件中配置DwrServlet 的时候一定要加上
     exposeInternals
     true

这个参数,否则生成的 DWRAction.js 这个文件将不存在 DWRAction.execute(actionObj, params, callbackObj) 这个函数,这个问题折磨了我近半天的时间啊.

如果需要可以提供代码上来,不过最好还是建议大家亲自去修改一下比较好.

最后更新：2007-07-07 11:10
17:17 | 永久链接 | 浏览 (994) | 评论 (5) | 收藏 | AJAX | 进入论坛 |

评论共 5 条

发表评论

totodo 2007-07-05 20:35

其实，Servlet那层，可以扔掉了。

不要在再Web层还用 XX+XX。

swimren 2007-07-06 08:23

对,采用dwr,可以直接去访问业务层,不用采用Struts 之类的,但有些时候还需要控制层,在个别的地方的使用dwr去调用,两种结合着就比较好了.

movingboy 2007-07-07 00:06

请教楼主：

1.我现在在试用AppFuse 2.0-M5，我尝试了它自带的DWR 2.0.1和Struts 2.0.6，在客户端能够正确地调用Struts action的方法并返回数据。我看了DWRAction.java的代码，确实是象你提到的改动前的样子，但我没做任何改动。我想问一下你改动这个类的目的是什么呢？不改动会有什么问题呢？

2.你在文中提到：

引用

最后有一点很重要,就是在 web.xml文件中配置DwrServlet 的时候一定要加上
exposeInternals
true

我的web.xml没有设置这一项。如果没有生成DWRAction.execute(actionObj, params, callbackObj) ，会有什么问题呢？

附上我的例子作为分析参考：
dwr.xml的配置：

代码

"-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
"http://getahead.ltd.uk/dwr/dwr20.dtd">
<dwr>
<allow>
<create creator="spring" javascript="inquiryMasterAction">
<param name="class" value="cn.net.cogent.summer.webapp.action.InquiryMasterAction"/>
<param name="beanName" value="inquiryMasterAction"/>
<include method="getDetailsByMasterId"/>
create>
<convert converter="bean" match="cn.net.cogent.summer.model.InquiryDetail"/>
allow>
dwr>

其中InquiryMasterAction的getDetailsByMasterId方法的Java代码为：

代码

public List getDetailsByMasterId(Long masterId);

生成的inquiryMasterAction.js的内容：

代码

// Provide a default path to dwr.engine
if (dwr == null) var dwr = {};
if (dwr.engine == null) dwr.engine = {};
if (DWREngine == null) var DWREngine = dwr.engine;
if (inquiryMasterAction == null) var inquiryMasterAction = {};
inquiryMasterAction._path = '/dwr';
inquiryMasterAction.getDetailsByMasterId = function(p0, callback) {
dwr.engine._execute(inquiryMasterAction._path, 'inquiryMasterAction', 'getDetailsByMasterId', p0, callback);
}

在JSP页面中只需要调用：

代码

<script type='text/javascript'>
var masterId = 1;
var result;
inquiryMasterAction.getDetailsByMasterId(1, result);
script>

swimren 2007-07-07 10:57

to movingboy :

我没有具体的去研究 AppFuse 2.0-M5的源码，不过从你的描述中可以看出来，你的这种配置方式也是可以正常工作的。
首先你是把InquiryMasterAction 看作一个独立的类来处理的，也就是说针对 InquiryMasterAction 单独生成了一个inquiryMasterAction.js文件，而方法getDetailsByMasterId 返回的是你实际需要的数据。然后再通过
inquiryMasterAction.getDetailsByMasterId(1, result); 去调用的，这种方式是DWR最初的最简单方式。你的例子里实际上是没有用到 DWRAction.js这个文件和DWRAction.java这个类了。
但是在Struts2中，Action 中的方法是需要具体的返回一个String类型的 result,也就是定位到具体的页面或路径上。而需要的数据都被放到 ValueStack中了。所以数据的取法就不一样了。
上面说的dwr2与strut2的整和，主要是为了不需要调整原来的Action的写法。所有的Action 的调用都可以通过

代码

DWRActionUtil.execute({
namespace:'/yournamespace',
action:'yourAction',
method:'yourMethod',
executeResult:'true'
}, 'data', callBack);

这种方式去调用就可以了,这个方法最终会去调用 DWRAction.js里的execute()方法。这种方式是保留了Action的原汁原味，按照Struts2的机制去处理的。
具体的你可以参考一下 dwr2的文档中与webwork整和的部分或着参考下面的
http://wiki.javascud.org/display/dwrcn/WebWork+Integration?focusedCommentId=917506
也可以

有猫相伴的日子 2007-07-23 13:20 发表评论

DWR调用http servlet

有猫相伴的日子 — Tue, 21 Nov 2006 15:01:00 GMT

我们在实际的 web 应用开发过程中，在用户登录后会向 session 中塞入一些信息（例如用户信息，菜单信息等），在页面提交后，会从 session 中取出这些信息，拼成完整的业务记录，保存到数据库中。此时就要求 DWR 可以与 Servlet 对象通信。

其实 DWR 已经考虑好了，在 DWR1.1 中可以利用 uk.ltd.getahead.dwr.WebContext 和 uk.ltd.getahead.dwr.WebContextFactory 来和 Http Servlet 的标准对象进行通信，包括：

l HttpServletRequest

l HttpServletResponse

l HttpSession

l ServletContext

l ServletConfig

具体调用的方法如下：

import javax.servlet.http.HttpServletRequest;

import uk.ltd.getahead.dwr.WebContext;

import uk.ltd.getahead.dwr.WebContextFactory;
import org.directwebremoting.WebContextFactory; //DWR2.0改成这样

// /

WebContext ctx = WebContextFactory.get();

HttpServletRequest req = ctx.getHttpServletRequest();

WebContext 是使用ThreadLocal保存的，你可以看一下uk.ltd.getahead.dwr.impl.DefaultWebContextBuilder源码，所以可以在任何地方使用它，例如在上一篇的demo中进行测试如下：
页面里给session设置值

<%@ page contentType="text/html; charset=GBK" %>

<%

System.out.println("This is DWR servlet object!");

session.setAttribute("dwr","love dwr");

%>

DWR要调用的类文件

package test.dwr;



import javax.servlet.http.HttpServletRequest;



import uk.ltd.getahead.dwr.WebContext;

import uk.ltd.getahead.dwr.WebContextFactory;



public class MessageDao {

    public Message save(Message message) {



        WebContext ctx = WebContextFactory.get();

        HttpServletRequest req = ctx.getHttpServletRequest();





        System.out.println("========HttpServletRequest Begin=======");

        System.out.println("req:" + req.getRemoteHost());

        System.out.println("req-session:" + req.getSession().getAttribute("dwr"));

        System.out.println("text:" + req.getParameter("text"));

        System.out.println("from:" + req.getParameter("from"));

        System.out.println("=========HttpServletRequest End========");



        System.out.println("========Lucky DWR Begin=======");

        System.out.println("text:" + message.getText());

        System.out.println("from:" + message.getFrom());

        System.out.println("=========Lucky DWR End========");



        return message;

    }



    public Message get() {

        return new Message("This is the first dwr demo!", "test");

    }

}

有猫相伴的日子 2006-11-21 23:01 发表评论

DWR对象构造,深入分析dwr中的DWRUtil.getValues

有猫相伴的日子 — Tue, 21 Nov 2006 14:38:00 GMT

当你需要通过dwr完成类似提交form的操作，了解DWRUtil.getValues是必须的
/**
* Given a map, call getValue() for all the entries in the map using the entry key as an element id.
* Given a string or element that refers to a form, create an object from the elements of the form.
* @see http://getahead.ltd.uk/dwr/browser/util/getvalues
*/
DWRUtil.getValues = function(data) {

//定义ele变量，
var ele;
//如果ele是一个字符串通过 $函数转化一下，$函数的使用见我的上个帖子深入分析dwr中的DWRUtil.$
if (typeof data == "string") ele = $(data);
//如果ele是个HTML元素对象，通常应该是一个form对象
if (DWRUtil._isHTMLElement(data)) ele = data;

if (ele != null) {
    //如果ele不是form对象，返回，只有form对象才有elements 属性
    if (ele.elements == null) {
      alert("getValues() requires an object or reference to a form element.");
      return null;
    }
    //定义一个空对象reply
    var reply = {};
    //定义一个对象放key
    var value;
    //遍历form,将表单key-value放入reply，忽略
    for (var i = 0; i < ele.elements.length; i++) {
      if (ele[i].id != null) value = ele[i].id;
      else if (ele[i].value != null) value = ele[i].value;
      else value = "element" + i;
      reply[value] = DWRUtil.getValue(ele[i]);
    }
    return reply;
}

//如果传入的参数对象不是表单对象，通常应该是与领域对象对应js对象
else {
    //遍历对象属性，将与属性对应的页面元素值拷到js对象中
    for (var property in data) {
      // Are there any elements with that id or name
      if ($(property) != null || document.getElementsByName(property).length >= 1) {
        data[property] = DWRUtil.getValue(property);
      }
    }
    return data;
}
};

总结
1）如果你需要使用ajax完成表单提交的操作，那么你应该使用DWRUtil.getValues，参数或者是个form对象，或者是个与领域对象对应的js对象
2）应该看到第二种用法的局限性，如果存在多个相同的表单或者是个复合的js对象，那么第二种用法是不合适的
3）第一种用法看似复杂，但更具灵活性
到底改如何选择取决于具体的应用
====================================================
背景：需要使用ajax完成表单提交操作

核心代码如下：

function addReply(frm){

。。。。

//利用dwr自动将frm提交的数据植入js对象,

//DWRUtil.getValues的使用见我的上篇帖子

var commentForm = DWRUtil.getValues(frm);

//调用服务器端的服务

CommentService.writeComment(writecallback,commentForm );

。。。。。
}

注意以下几点

1）传给服务的js对象最好严格与领域对象对应不能有key为""的属性否则会报错,可以有多余的属性，但后台会出现一些烦人日志信息告诉你无法匹配

2）对于领域对象来说，dwr在转换时会遍历所有get方法（根据传入的js对象属性进行反射不就好了，为什么要遍历get方法，真是奇怪啊），所以注意你的get方法要健壮避免后台会出很多日志信息汇报空指针之类的错误

3）关于本地传递的js对象，必须结构与领域对象对应。从抽象的角度看多数情况领域对象完全可以用数组和hash结构描述，何况所谓的对应只是属性的对应，所以合理的使用Array和Object完全可以实现js对象和领域对象的匹配

4）必须配置合适的转化器让dwr知道如何将你传入的js对象转化为领域对象

5）使用DWRUtil.getValues(frm)或者DWRUtil.getValues(obj)收集提交的数据

方式的区别详见该文上半部分

有猫相伴的日子 2006-11-21 22:38 发表评论

DWR例子(转自于IBM 开发社区)

有猫相伴的日子 — Sat, 18 Nov 2006 11:40:00 GMT

摘要: 中国 [选择] 使用条款 dW 全部内容----------------- AIX and UNIX Information management Lotus Rational Tivoli WebSphere Workplace----------------- Grid computing Java 技术 Linux Open source Security ... 阅读全文

有猫相伴的日子 2006-11-18 19:40 发表评论

XMLHttpRequest的一简单例子

有猫相伴的日子 — Sat, 16 Sep 2006 08:27:00 GMT

< html >
< head >
< title > Example 1 title >
< script >

   var req;
   var which;

   function retrieveURL(url) {
     if (window.XMLHttpRequest) { // Non-IE browsers
      req = new XMLHttpRequest();
      req.onreadystatechange = processStateChange;
       try {
        req.open( " GET " , url, true );
      } catch (e) {
        alert(e);
      }
      req.send( null );
    } else if (window.ActiveXObject) { // IE
      req = new ActiveXObject( " Microsoft.XMLHTTP " );
       if (req) {
        req.onreadystatechange = processStateChange;
        req.open( " GET " , url, true );
        req.send();
      }
    }
  }

   function processStateChange() {
     if (req.readyState == 4 ) { // Complete
       if (req.status == 200 ) { // OK response
        document.getElementById( " urlContent " ).innerHTML = req.responseText;
      } else {
        alert( " Problem: " + req.statusText);
      }
    }
  }

script >
head >
< body >

< h1 > Example 1 h1 >
Simple URL retrieval and display. < hr >
< p align ="right" >< a href ="home.do" > Return home a > p >< br >
This example allows the user to enter a URL, which is then retrieved and
displayed in a < span > .  This demonstrates that what is retrieved is NOT
treated as an HTML document but rather a simple stream of data, hence the
document is not parsed and page events don't fire, images don't get retrieved,
etc.
< br >< br >
< b > Note that you will get a security warning if the domain you are accessing
is not the same as this example (which I assume it won't be).  In fact,
some browsers will not allow this (Firefox), while others will with a
warning (IE). b >
< br >< br >
< form >
< input type ="text" name ="urlToRetrieve" size ="50" value ="http://www.omnytex.com" >
< input type ="button" name ="getURL" value ="Get URL Contents" onClick ="retrieveURL(urlToRetrieve.value);" >
form >
< br >
< table border ="1" bordercolor ="#000000" cellpadding ="5" cellspacing ="0" width ="100%" >
   < tr >
     < td >
       < span id ="urlContent" > Retrieved content will be displayed here span >
     td >
   tr >
table >
< br >

body >
html >

这例子很简单是一个ajax最原始的实始了

有猫相伴的日子 2006-09-16 16:27 发表评论

DWR2配置及入门例子

有猫相伴的日子 — Sat, 16 Sep 2006 08:11:00 GMT

以前用过dwr1做过一些简单的例子，现在想认真深入的了解dwr2并希望以后有机会用过她。在我眼里dwr2是ajax世界的大美女，她清纯、可爱，最讨J2EE程序员喜欢。

DWR嵌入到现有的J2EE(Web)项目的的配置
    1、把dwr.jar文件拷贝到项目的lib目录下。
    2、修改项目的web.xml文件，在文件中加入以下代码

          <servlet>
               <servlet-name>dwr-invokerservlet-name>
               <servlet-class>org.directwebremoting.servlet.DwrServletservlet-class>
               <init-param>
                     <param-name>debugparam-name>
                     <param-value>trueparam-value>
               init-param>
         servlet>
        <servlet-mapping>
              <servlet-name>dwr-invokerservlet-name>
              <url-pattern>/dwr/*url-pattern>
       servlet-mapping>

3、在WEB-INF目录中建立dwr.xml文件，例如:

xml version="1.0" encoding="UTF-8"?>
DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd">
<dwr>
    <init>init>
    <allow>
        <create creator="new" javascript="dwrbo">
            <param name="class" value="com.dwr.DwrBO"/>
        create>
    allow>
dwr>

以上dwr.xml文件内容还是比较好理解。就是发布一个类，一个类发布了，那么就可以通过js 的代码来调用这个类里的方法了。
4、com.dwr.DwrBO类的内容如下：

package com.dwr;

import org.directwebremoting.WebContextFactory;

import uk.ltd.getahead.dwr.ExecutionContext;

public class DwrBO {

    public String getInclude()throws Exception{
        return WebContextFactory.get().forwardToString("/a.jsp");
    }
    public String getServerInfo(){
        return WebContextFactory.get().getServletContext().getServerInfo()+
        "Run on JDK: "+System.getProperty("java.specification.version")+
        "Useing DWR :"+ExecutionContext.get().getVersion();
    }
    public int[] getNumbers(boolean big){
        if(big){
            System.out.println("big==true");
            return new int[]{1000,2000,3000,4000};
        }else{
            System.out.println("big==false");
            return new int[]{1,2,3,4,5,6,7,8,9,10};
        }

    }
}

这实际上是dwr官方网站上的例子.

5、页面调用代码

<%@ page language="java" pageEncoding="UTF-8"%>

<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-tiles" prefix="tiles" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-template" prefix="template" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-nested" prefix="nested" %>

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html locale="true">
  <head>
    <html:base />

    <title>测试title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <style type="text/css">

    style>
    <script type='text/javascript'   src='<%=request.getContextPath()%>/dwr/interface/dwrbo.js'>script>
    <script type='text/javascript'   src='<%=request.getContextPath()%>/dwr/engine.js'>script>
    <script type='text/javascript'   src='<%=request.getContextPath()%>/dwr/util.js'>script>

    <SCRIPT language="javascript">
         function loadinfo(data) {
              DWRUtil.setValue("context", data);
        }
        function test(){
             dwrbo.getInclude(loadinfo);
        }
        function loadinfoversion(data){
            DWRUtil.setValue("version",data);
        }
        function showversion(){
            dwrbo.getServerInfo(loadinfoversion);
        }

        function createList(data){
            DWRUtil.removeAllOptions("numlist");
            DWRUtil.addOptions("numlist",data);
        }

        function update(){
            alert("xxxs");
            dwrbo.getNumbers(createList,${"bigselect"}.checked);
        }

    SCRIPT>
  head>

  <body>
  <div id="Layer1">
      <input type="submit" name="Submit" value="测试" onClick="test()">
      <input type="submit" name="Submit" value="版本信息" onClick="showversion()">
  div>
  <div id="context">
  div>
  <div id="version">
  div>
  <div id="Layer2">
     <input type="checkbox"   id=bigselect onclick="update()">数字类型<br>
     <select  id=numlist>select>
  div>
  body>
html:html>

这只是一个简单的例子，至于具体的技术说明就不说了，因为很简单。把它贴出来当作一个笔记吧，希望能进一步学习DWR

有猫相伴的日子 2006-09-16 16:11 发表评论