Dwr 实例教程

最新推荐文章于 2021-02-24 10:17:04 发布
最新推荐文章于 2021-02-24 10:17:04 发布
阅读量846 收藏
点赞数
分类专栏： 18、DWR
原创作品，允许转载，转载时请务必以超链接形式标明文章  原始出处 、作者信息和本人声明。否则将追究法律责任。
作者： 永恒の_☆ 地址： http://blog.csdn.net/chenghui0317/article/details/9842873

一、Dwr的介绍

       Dwr 简称 Direct Web Remoting ，它是一个 Java Ajax远程调用的框架，利用这个框架开发可以让Ajax开发变得非常简单、快捷。 Dwr框架与匈奴开发人员在客户端都过javascript代码调用服务器段的java方法，这都依靠于服务器上运行的Dwr核心Servlet负责处理客户端的请求，将客户端请求委托到实际的java 对象中进行处理，并将结果返回给客户端。  另外Dwr能够很好的与spring集成，直接调用spring中注入的bean。


二、Dwr的准备条件

     dwr2.0.jar   下载地址： http://download.csdn.net/detail/ch656409110/5894411

    commons-logging.jar (查看源码可以看到Dwr运行时依赖于common-logging库)


三、Dwr执行的流程

1、首先客户端发送一个javascript的请求，dwr识别该请求之后会将请求委托到Dwr中和核心Servlet；

2、核心Servlet 会根据请求的对象以及方法去WEB-INF 下的dwr.xml中找到具体的关联对象；

3、如果满足调用的条件，那么服务器会执行该方法，并返回对应的结果，这里返回的结果会被客户端发送请求的回调函数接收；

4、客户端收到返回结果之后，做出对应的处理，整个请求结束。


四、Dwr的案例讲解

1、使用Dwr做一个简单的demo

<1>、建立Web 工程，添加Dwr的支持，这里以现有的支持struts2为基础的项目为例；

<2>、添加dwr配置文件，必须放在WEB-INF的根目录下，具体如下：

[html]  view plain copy print ?
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <!DOCTYPE dwr PUBLIC  
  3.     "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN"  
  4.     "http://getahead.org/dwr/dwr30.dtd">  
  5. <dwr>  
  6.     <allow>  
  7.         <create creator="new" javascript="dwrDate">  
  8.             <param name="class" value="java.util.Date"></param>  
  9.         </create>  
  10.     </allow>  
  11. </dwr>  

根目录是<dwr>标签，里面的<allow>表示允许的方法列表，配置每一个对象都是<create>来区分的。

    creator：表示创建方式，取值有new，bean等等，其中new表示新建，bean表示取现有的对象。

    javascript：表示在js客户端调用的对象引用，比如这里配置的对象是java.util.Date，那么dwrDate 就是创建的对象引用，等价于java.util.Date dwrDate = new java.util.Date();

<create>里面的<param> 表示指定创建对象的声明；

    name：表示声明的name的形式；

    value：表示根据name绑定的具体值；

    name取值有class，beanName等等，其中name="class"表示value中绑定的是类的完整限定名，name="beanName"表示value绑定的是spring中注入的对象的引用。

<3>、修改web.xml 配置文件，配置Dwr的核心servlet，具体如下：

[html]  view plain copy print ?
  1.   <!-- 配置dwr框架的核心servlet -->  
  2.   <servlet>  
  3.       <servlet-name>dwr</servlet-name>  
  4.       <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>  
  5.       <!-- 添加调试模式，方便调试方法，正式发布的时候可以改为false 默认值为fasle-->  
  6.       <init-param>  
  7.           <param-name>debug</param-name>  
  8.           <param-value>true</param-value>  
  9.       </init-param>  
  10.   </servlet>  
  11.   <servlet-mapping>  
  12.       <servlet-name>dwr</servlet-name>  
  13.       <url-pattern>/dwr/*</url-pattern>  
  14.   </servlet-mapping>  

如上配置，所有以/dwr/ 结尾的请求都会被DwrServlet匹配 执行相应的请求。

好了，接下可以调试我们的Dwr了，启动服务器，打开浏览器输入：http://localhost:8080/house/dwr  (这个是Dwr入口，将展示所有在dwr.xml中配置完的对象列表，点击进去会看到 配置的对象允许方法的方法等)

结果报错，具体如下：

严重: Allocate exception for servlet dwr
org.xml.sax.SAXException: Failed to resolve: arg0=-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN arg1=http://getahead.org/dwr/dwr30.dtd

这是因为添加的jar包是2.0版本的，但是却引用了3.0的dtd文件，所以报错了，改为如下配置即可：

[html]  view plain copy print ?
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"   
  3.     "http://www.getahead.ltd.uk/dwr/dwr20.dtd">  
  4. <dwr>  
  5.     <allow>  
  6.         <create creator="new" javascript="dwrDate">  
  7.             <param name="class" value="java.util.Date"></param>  
  8.         </create>  
  9.     </allow>  
  10. </dwr>  

修改之后再次打开dwr地址，又报错了：

Struts Problem Report

Struts has detected an unhandled exception:
Messages:     
There is no Action mapped for namespace / and action name dwr.
Stacktraces
There is no Action mapped for namespace / and action name dwr. - [unknown location]

意思就是说找不到namespace为 / 并且action名称为dwr的Action 类，这里是因为struts2 的核心控制器StrutsPrepareAndExecuteFilter，拦截了所有的请求去找action方法了，所以404。

现在要在struts.xml中过滤掉所有的以 /dwr/ 这样子结尾的请求才行，添加一个不包括访问的参数即可，具体如下：

[html]  view plain copy print ?
  1.     <!-- 核心控制器在处理页面跳转时是拦截所有跳转，当跳转到house/dwr/下进行方法测试时，struts核心控制把  
  2.     它看成是一个action，所以就跳不过去了，可以通过配置一个常量struts.action.excludePattern,值里面用  
  3.     正则表达式匹配，  
  4.     .  表示除了换行以外其他所有的字符   
  5.     *  表示字符或表达式出现的次数零次或多次    -->  
  6.     <constant name="struts.action.excludePattern" value="/dwr.*"></constant>  
保存struts.xml 再次启动服务器，打开地址，效果如下：


这个就表示 我们在dwr.xml中配置的dwrDate对象成功了。点击dwrDate超链接，效果如下：


这里面列出了所有的java.util.Date中所有允许访问的放，点击每一个execute 表示测试该方法。。

ok....现在在Action类中添加一个方法dwrDemo() 并且对应创建一个dwrDemo.jsp 专门用于测试dwr。

具体如下：

[html]  view plain copy print ?
  1. <%@page import="java.util.List"%>  
  2. <%@ page language="java" contentType="text/html; charset=UTF-8"%>  
  3. <%@ include file="/common/taglib.jsp" %>  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  5. <html xmlns="http://www.w3.org/1999/xhtml">  
  6. <head>  
  7.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  8.     <title>永恒租房 - 首页</title>  
  9.     <!-- 这三个js导入项必不可少 -->  
  10.     <!-- 每一个对象都会有以一个对象为名称的那个js库 -->  
  11.     <script type='text/javascript' src='${ctx}/dwr/interface/dwrDate.js'></script>  
  12.     <!-- Dwr 引擎库 -->  
  13.       <script type='text/javascript' src='${ctx}/dwr/engine.js'></script>  
  14.       <!-- Dwr 工具库 -->  
  15.       <script type='text/javascript' src='${ctx}/dwr/util.js'></script>  
  16.     <script>  
  17.         window.onload = function(){              
  18.             //输出当前时间  
  19.             //需要说明的是，如果在客户端输出dwrDate 对象将返回undefined,除非调用完整的函数（也就是服务器端的方法）才会调用成功  
  20.             //客户端接收参数的方法都是通过回调函数来获取的。  
  21.             dwrDate.getYear(function(data){  
  22.                 //在回调函数里面不能使用document.write("")输出，因为第一次输出之后，浏览器会一直处于加载的状态，f12看不出在加载什么，然后后面的document.write("")也不会再执行了。  
  23.                 document.getElementById("showTime").innerHTML += 1900 + data + " 年 ";  
  24.             });  
  25.             dwrDate.getMonth(function(data){  
  26.                 document.getElementById("showTime").innerHTML += 1 + data + " 月 ";  
  27.             });  
  28.             dwrDate.getDate(function(data){  
  29.                 document.getElementById("showTime").innerHTML += data + " 日 ";  
  30.             });  
  31.         };  
  32.     </script>  
  33. </head>  
  34. <body>  
  35. <div id="showTime">当前时间：</div>  
  36. </body>  
  37. </html>  
在地址栏输入： http://localhost:8080/house/house/dwrDemo.action  ，结果alert了三个文本都是 Session Error 。

这里需要在dwrServlet中添加参数crossDomainSessionSecurity，具体配置如下：

[html]  view plain copy print ?
  1. <!-- 这个crossDomainSessionSecurity必须配置，应该是跨区域提交设置，默认是ture，  
  2.  如果不设置为false就会报错：Session Error -->  
  3. <init-param>  
  4.      <param-name>crossDomainSessionSecurity</param-name>     
  5.     <param-value>false</param-value>     
  6. t;/init-param>  

然后再次重启服务器打开dwrDemo页面，效果如下：


2、使用Dwr服务器对象配置允许访问的方法

接下来，新创建一个类，里面有setValue()，getValue()等等方法，具体如下：

[java]  view plain copy print ?
  1. private String value = "default";  
  2.   
  3. public String getValue(){  
  4.     return value;  
  5. }  
  6.   
  7. public void setValue(String value){  
  8.     this.value = value;  
  9. }  

然后在dwr.xml中自己再配置一个自己定义的对象，具体如下：

[html]  view plain copy print ?
  1.          <create creator="new" javascript="houseDwrBiz">  
  2.             <param name="class" value="com.struts2.biz.impl.HouseBizImpl"></param>  
  3.             <include method="getValue,setValue"/>  
  4.             <exclude method="getListPage"/>  
  5.         </create>  
在配置文件中 ，新添加了 <include>和<exclude>标签，他们分别表示该对象中允许客户端访问的方法，和不允许访问的方法。

好了，然后打开服务器 启动调试窗口，结果直接报错，具体如下：

[ERROR] [http-apr-8080-exec-5] - Failed to add creator: type=new, javascript=houseDwrBiz
java.lang.IllegalArgumentException: The Creator houseDwrBiz uses mixed include and exclude statements

意思是说 <include>和<exclude>不能共存，也就是一山不容二虎。

并且实践证明，<include>标签里面只能绑定一个方法，如果配置了<include>那么其他就都不允许访问，如果配置了<exclude>那么其他的方法就都允许访问。

是否允许访问可以在调试页面中的方法下面注明，如下：

(Warning: getListPage() is excluded: Method access is denied by rules in dwr.xml. Seebelow)

这样子的话 每允许访问一个方法就要加一个<inclue>标签，具体如下：

[html]  view plain copy print ?
  1.          <create creator="new" javascript="houseDwrBiz">  
  2.             <param name="class" value="com.struts2.biz.impl.HouseBizImpl"></param>  
  3.             <include method="getValue"/>  
  4.             <include method="setValue"/>  
  5.             <!-- <exclude method="getListPage"/> -->  
  6.         </create>  

添加测试的页面，具体如下：

[html]  view plain copy print ?
  1. <%@page import="java.util.List"%>  
  2. <%@ page language="java" contentType="text/html; charset=UTF-8"%>  
  3. <%@ include file="/common/taglib.jsp" %>  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  5. <html xmlns="http://www.w3.org/1999/xhtml">  
  6. <head>  
  7.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  8.     <title>永恒租房 - 首页</title>  
  9.     <!-- 这三个js导入项必不可少 -->  
  10.     <!-- 每一个对象都会有以一个对象为名称的那个js库 -->  
  11.     <script type='text/javascript' src='${ctx}/dwr/interface/dwrDate.js'></script>  
  12.     <script type='text/javascript' src='/house/dwr/interface/houseDwrBiz.js'></script>  
  13.     <!-- Dwr 引擎库 -->  
  14.       <script type='text/javascript' src='${ctx}/dwr/engine.js'></script>  
  15.       <!-- Dwr 工具库 -->  
  16.       <script type='text/javascript' src='${ctx}/dwr/util.js'></script>  
  17.     <script>  
  18.         //这里故意命名为setValue getValue ，看是否与houseDwrBiz冲突，事实发现没有问题  
  19.         function setValue(){  
  20.             var value = document.getElementById("set").value;  
  21.             houseDwrBiz.getValue(value,function(data){  
  22.                 //set success  
  23.             });  
  24.         }  
  25.         function getValue(){  
  26.             houseDwrBiz.getValue(function(data){  
  27.                 //get success  
  28.                 document.getElementById("get").value = data;  
  29.             });  
  30.         }  
  31.     </script>  
  32. </head>  
  33. <body>  
  34. <div id="showTime">当前时间：</div>  
  35. <input id="set" value=""/><input type="button" value="setValue" onclick="setValue()"/><br/>  
  36. <input id="get" value=""/><input type="button" value="getValue" onclick="getValue()"/>  
  37.   
  38.   
  39. </body>  
  40. </html>  

实践证明，每一个houseDwrBiz 发出的请求都是多例的，都会重新产生一个新的实例，以为上面例子 我先setValue ，然后在getValue 得到依旧是default。


3、使用Dwr转换器保存对象以及接收对象集合

上面都是一些非常简单的例子，如果涉及比如复杂的需求，比如接受一个集合 或者保存一个对象到服务器呢？接下里简单介绍下如何去做。

HouseBizImpl 添加方法，具体如下：

[java]  view plain copy print ?
  1. public int saveDwrHouse(House house){  
  2.     return house==null?0:1; //1 成功，0失败  
  3. }  
  4.   
  5. public List<House> getDwrHouseList(int dwrId){  
  6.     List<House> houseList = new ArrayList<House>();  
  7.     House house = new House();  
  8.     if(dwrId==1){  
  9.         house.setId(1);  
  10.         house.setDescription("好房子便宜出租！");  
  11.         house.setPubDate(new Date());  
  12.         house.setTitle("便宜的房子");  
  13.         house.setContact("132312312");  
  14.     }else{  
  15.         house.setId(2);  
  16.         house.setDescription("好房子确实很便宜！");  
  17.         house.setPubDate(new Date());  
  18.         house.setTitle("全区最低价格特价出租");  
  19.         house.setContact("123456789");  
  20.     }  
  21.     houseList.add(house);  
  22.       
  23.     return houseList;  
  24. }  
同时，dwr.xml也要把这两个方法 包含进去，否则不允许访问。具体如下：

[html]  view plain copy print ?
  1.     <create creator="new" javascript="houseDwrBiz">  
  2.     <param name="class" value="com.struts2.biz.impl.HouseBizImpl"></param>  
  3.     <include method="getValue"/>  
  4.     <include method="setValue"/>  
  5.     <!-- <exclude method="getListPage"/> -->  
  6.     <include method="saveDwrHouse"/>  
  7.     <include method="getDwrHouseList"/>  
  8. </create>  
  9. <convert converter="bean" match="com.struts2.entity.House"></convert>  
在<create>标签的同级目录多了一个<convert>转换器标签，

converter：转换器类型，一般是javabean，直接指定converter="bean"就好了；

match：表示转换器匹配的类的完整限定名。

配置完毕之后，然后再在dwrDemo.jsp调用，具体如下：

[javascript]  view plain copy print ?
  1. //得到house集合  
  2. houseDwrBiz.getDwrHouseList(1,function(data){  
  3.     if(data != null){  
  4.         for(var i=0; i<data.length; i++){  
  5.             document.getElementsByTagName("body")[0].innerHTML = "id:"+ data[i].id + "。<br/>"  
  6.                 + "description:" + data[i].description + "。<br/>"  
  7.                 + "attachUrl:" + data[i].attachUrl + "。<br/>"  
  8.                 + "contact:" + data[i].contact + "。<br/>"  
  9.                 + "floorage:" + data[i].floorage + "。<br/>";  
  10.         }  
  11.     }  
  12. });  
  13. //保存house对象  
  14. var house = {id:111,contact:"12345"};  
  15. houseDwrBiz.saveDwrHouse(house,function(data){  
  16.     alert(data==1?"添加成功":"添加失败");  
  17. });  
测试可知  getDwrHouseList返回的是一个json格式的集合，同样保存house对象的时候也要手动封装数组传递。


五、Dwr的js库

在前面的例子中，有引用三个核心的js库，具体如下：

[html]  view plain copy print ?
  1. <!-- 这三个js导入项必不可少 -->  
  2. <!-- 每一个对象都会有以一个对象为名称的那个js库 -->  
  3. <script type='text/javascript' src='/house/dwr/interface/houseDwrBiz.js'></script>  
  4. <!-- Dwr 引擎库 -->  
  5.     <script type='text/javascript' src='${ctx}/dwr/engine.js'></script>  
  6.     <!-- Dwr 工具库 -->  
  7.     <script type='text/javascript' src='${ctx}/dwr/util.js'></script>  
houseDwrBiz.js  是Dwr根据dwr.xml中配置的对象来动态生成的js库，里面封装的就是所有允许调用的js函数，具体如下：

[javascript]  view plain copy print ?
  1. // Provide a default path to dwr.engine  
  2. if (dwr == null) var dwr = {};  
  3. if (dwr.engine == null) dwr.engine = {};  
  4. if (DWREngine == null) var DWREngine = dwr.engine;  
  5.   
  6. if (houseDwrBiz == null) var houseDwrBiz = {};  
  7. houseDwrBiz._path = '/house/dwr';  
  8. houseDwrBiz.getValue = function(callback) {  
  9.   dwr.engine._execute(houseDwrBiz._path, 'houseDwrBiz', 'getValue', callback);  
  10. }  
  11. houseDwrBiz.setValue = function(p0, callback) {  
  12.   dwr.engine._execute(houseDwrBiz._path, 'houseDwrBiz', 'setValue', p0, callback);  
  13. }  
  14. houseDwrBiz.saveDwrHouse = function(p0, callback) {  
  15.   dwr.engine._execute(houseDwrBiz._path, 'houseDwrBiz', 'saveDwrHouse', p0, callback);  
  16. }  
  17. houseDwrBiz.getDwrHouseList = function(p0, callback) {  
  18.   dwr.engine._execute(houseDwrBiz._path, 'houseDwrBiz', 'getDwrHouseList', p0, callback);  
  19. }  

所以，现在对Dwr调用方式一目了然了。

engine.js 对Dwr非常的重要，它是Dwr客户端的核心，用来把动态声声称的Javascript对象转换成服务器端的java对象。

并且 在上面的houseDwrBiz.js中 每一个函数都是通过dwr.engine._execute()这个函数来调用后台服务器方法的，所以用到Dwr的地方就要用到它。

util.js 这个是Dwr提供的工具类，里面提供了一些javascript的封装函数以及选择器，要是有什么不会的可以直接查看它的源码。

下面例子讲解Dwr操作Select控件和表格如下：

[html]  view plain copy print ?
  1. <%@page import="java.util.List"%>  
  2. <%@ page language="java" contentType="text/html; charset=UTF-8"%>  
  3. <%@ include file="/common/taglib.jsp" %>  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  5. <html xmlns="http://www.w3.org/1999/xhtml">  
  6. <head>  
  7.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  8.     <title>永恒租房 - 首页</title>  
  9.     <!-- 这三个js导入项必不可少 -->  
  10.     <!-- 每一个对象都会有以一个对象为名称的那个js库 -->  
  11.     <script type='text/javascript' src='/house/dwr/interface/houseDwrBiz.js'></script>  
  12.     <!-- Dwr 引擎库 -->  
  13.     <script type='text/javascript' src='${ctx}/dwr/engine.js'></script>  
  14.     <!-- Dwr 工具库 -->  
  15.     <script type='text/javascript' src='${ctx}/dwr/util.js'></script>  
  16.     <script>  
  17.     window.onload=function(){  
  18.         //获取对象直接使用$("id") 不用像以前一样使用document.getElementById("id")那么麻烦  
  19.         $("showTime").innerHTML = "当前时间：" + new Date();  
  20.         //对象赋值  
  21.         $("set").value = "12345";  
  22.         //util.js中的针对表单控件赋值和取值  
  23.         dwr.util.setValue("showTime","67890");  
  24.         alert(dwr.util.getValue("showTime"));  
  25.         //使用dwr.util.removeAllOptions("id")删除select控件中所有的option元素  
  26.         //至于为什么要这么用在util.js中有清晰的函数说明  
  27.         dwr.util.removeAllOptions("slt");  
  28.     };  
  29.       
  30.     //添加Select控件的option元素，需要传递json格式的对象  
  31.     function addOption(){  
  32.         var array = [{id:"a",name:"aaa"},  
  33.                      {id:"b",name:"bbb"},  
  34.                      {id:"c",name:"ccc"}  
  35.                      ];  
  36.         //这里面参数必须都要指定，id,封装的数组，value,name  如果不指定value,name 将添加的全是[object, Object]  
  37.         dwr.util.addOptions("slt",array,"id","name");  
  38.           
  39.     }  
  40.     //删除table中所有的rows, 只会留一个空的table标签  
  41.     function removeAllRows(){  
  42.         dwr.util.removeAllRows("tbl");  
  43.     }  
  44.     //添加表格中的row ,同时也需要传递json格式的对象  
  45.     function addRows(){  
  46.         var array = [{id:"b",name:"bbb"},  
  47.                      {id:"c",name:"ccc"},  
  48.                      {id:"d",name:"ddd"}  
  49.                     ];  
  50.         //从上面的array的数组中封装cellFuncs 这样一个函数组，用于从传递的行数据中提取单元格数据  
  51.         var cellFuncs = [  
  52.                     function(data){return "<a href='javascript:alert(\"" + data.id + "\")'>" + data.id + "</a>";},  
  53.                     function(data){return "<a href='javascript:alert(\"" + data.name +"\")'>" + data.name + "</a>";},  
  54.                     function(data){return "<a href='javascript:alert(\"test\")'>测试</a>";}  
  55.                     ];  
  56.         //添加一行，然后escapeHtml表示是否将加入的元素按文本输出还是按html格式输出，默认是true,按文本输出  
  57.         dwr.util.addRows("tbl",array,cellFuncs,{escapeHtml:false});  
  58.     }  
  59.     </script>  
  60. </head>  
  61. <body>  
  62. <div id="showTime">当前时间：</div>  
  63. <input id="set" value=""/><input type="button" value="setValue" onclick="setValue()"/><br/>  
  64. <input id="get" value=""/><input type="button" value="getValue" onclick="getValue()"/><br/>  
  65. <select id="slt">  
  66.     <option value="1">111</option>  
  67.     <option value="2">222</option>  
  68.     <option value="3">333</option>  
  69. </select>  
  70. <input type="button" value="addOption" onclick="addOption()"/>  
  71. <table border="1" width="50%" id="tbl">  
  72.     <tr>  
  73.         <td>id</td>  
  74.         <td>name</td>  
  75.         <td>操作</td>  
  76.     </tr>  
  77.     <tbody id="tbl">  
  78.     <tr>  
  79.         <td>a</td>  
  80.         <td>aaa</td>  
  81.         <td><a href="javascript:alert('test')">测试</a></td>  
  82.     </tr>  
  83.     </tbody>  
  84. </table>  
  85. <input type="button" value="removeAllRows" onclick="removeAllRows()"/>  
  86. <input type="button" value="addRows" onclick="addRows()"/><br/>  
  87. </body>  
  88. </html>  
效果图如下图所示：


六、Dwr 与 Jquery 的区别

      Dwr 是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架，因为它是java特有的框架，所以可以帮助开发人员开发包含AJAX技术的网站，它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA方法,就像它就在浏览器里一样。 　　

而Jquery是一个优秀的Javascrīpt框架。是一个js库，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+扽等）。jQuery使用户能更方便地处理HTML documents、DOM、events、实现动画效果，并且方便地为网站提供AJAX交互，而且还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，更加丰富和友好的展示Jquery带给我们的好处。

另外Dwr和Jquery都可以发送Ajax请求，尽管语法不同，另外他们操作对象并不兼容，因为他们都是通过$符号获取对象的，那么怎么区分，可以这样，具体如下：

[javascript]  view plain copy print ?
  1. //解除 jQuery 的别名 $ ,默认使用jQuery 或者引用对戏那个jq都可以重新操作jquery元素。  
  2. var jq=$.noConflict();   
  3. alert(jQuery("#showTime").html());  


七、Dwr 与 Spring 集成

    如何项目中用到了Spring，那么之前在dwr.xml配置的对象其实可以交给Spring去管理的，实现的方式很简单，修改原先配置的houseDwrBiz 对象的配置，改为如下配置即可：

[html]  view plain copy print ?
  1. <create creator="spring" javascript="houseDwrBiz">  
  2.     <param name="beanName" value="houseBizImpl"></param>  
  3.     <include method="getValue"/>  
  4.     <include method="setValue"/>  
  5.     <!-- <exclude method="getListPage"/> -->  
  6.     <include method="saveDwrHouse"/>  
  7.     <include method="getDwrHouseList"/>  
  8. </create>  
  9. <convert converter="bean" match="com.struts2.entity.House"></convert>  

修改的地址有两个，原先<create>中的creator 都是“new”，现在交给spring去管理了，所以是"spring"，另外子元素<param>中的name原先是new 所以每次调用都会产生一个新的实例，现在换成beanName，表示去spring中注入的对象中找到houBizImple 直接拿来用。

这样 有一个好处，保证之前的多例访问模式变成单例了，从而节省每次调用都要创建对象的性能开销。


    现在对Dwr一定已经有一定的理解，这些小demo虽然非常简单，即使不使用强大的Dwr也可以非常容易的实现上面的功能，但是这些小程序是为了更加友好的体验和使用Dwr框架给我们带来的好处。


jingqiang521
关注
专栏目录
Dw小案例
weixin_57770903的博客
09-14 466
新建一个文件夹，再把要做的页面截图和项目图片放进来 再新建文件夹里面，新建一个HTML的文件夹和一个css的文件夹，再新建一个js的文件夹 三、打开Dw,新建一个HTML 四、再保存到刚才新建文件夹里面 五、再新建一个css 再保存到新建文件夹里面的css为common 七、再把com...
DWR例子（完整调试版）
03-06
DWR例子（完整调试版）DWR例子（完整调试版）DWR例子（完整调试版）DWR例子（完整调试版）
木其工作室代写程序 [原]Dwr 实例教程
weixin_33770878的博客
08-09 2344
淘宝网上专业IT程序代写 原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本人声明。否则将追究法律责任。 作者：永恒の_☆ 地址：http://blog.csdn.net/chenghui0317/article/details/9842873 一、Dwr的介绍 Dwr 简称 Direct Web Remoti...
DWR在实际项目中的应用以及在调试过程中遇到的问题
管子（zero）的杂乱空间
07-13 241
背景：用到DWR主要是做服务器推技术；项目以及架构完成，基于SSH的；因为要做推，所以我还得从新把DWR添加进来。 我的项目应用配置如下： web.xml (其中的调试的初始参数的含义我都写清楚了，就不进行累赘的描述了) &lt;!-- dwr框架配置文件 --&gt; &lt;servlet&gt; &lt;servlet-name&gt;dwr-invoker&lt;/se...
java sql注入包_SQL注入漏洞-Java
weixin_42160278的博客
02-24 189
这个是常见的漏洞了，相信大家都不会陌生，直接上解决该漏洞的代码package com.ifan.soft.filter;import java.io.IOException;import java.text.SimpleDateFormat;import java.util.Date;import javax.servlet.Filter;import javax.servlet.FilterCh...
可不可以用dwr调用struts中的action方法？
andy
03-31 158
  可不可以用dwr调用struts中的action方法？ 可不可以用dwr调用struts中的action方法？当然要使用url链接的方式调用，这样如果记录不允许删除就可以不跳转页面了。之所以要用url调用是因为，整个项目用url匹配方式控制角色权限，如果用dwr的话，权限如何控制，是否要控制到方法级？ Xml代码   &l...
dwr实例教程 很好的入门实例
05-21
### dwr实例教程知识点解析 #### 一、DWR简介及功能特点 DWR（Direct Web Remoting）是一种简化Ajax应用开发的技术框架。它能够使客户端的JavaScript代码直接调用服务器端的Java方法，实现数据的实时交互。与传统...
DWR包 教程 实例
07-29
本教程旨在帮助您深入理解和应用DWR技术。通过实例，我们将逐步介绍DWR的核心概念、配置、以及如何在项目中使用它来创建动态、响应式的Web页面。 首先，了解DWR的基本概念是至关重要的。DWR的核心组件包括以下几点...
引:dwr实例
03-05
**DWR（Direct Web Remoting）实例详解** DWR（Direct Web Remoting）是一个开源的Java库，它允许JavaScript在浏览器中与服务器上的Java对象进行交互，实现了Web应用中的Ajax功能。DWR使得Web开发者可以方便地在...
dwr学习教程2
08-24
【DWR学习教程2】是针对Direct Web Remoting（DWR）框架的深入学习资源，主要面向希望掌握或提升Web应用程序远程调用能力的开发者。DWR是一个开源Java库，它允许JavaScript在浏览器中直接调用服务器上的Java方法，...
spring mvc 自动注入+dwr
09-05
spring mvc + 自动注入 + dwr例子
DWR教程
07-11
很好的初学者教程，您一定不会后悔的。
dwr经典实例
03-01
标题 "dwr经典实例" 指向的是一个关于Direct Web Remoting (DWR)的实战教程或案例分析。DWR是一种开源JavaScript库，它允许Web应用程序在客户端和服务器之间进行实时、双向通信，实现类似AJAX的功能，但更加强大和...
DWR帮助说明－服务器端程序的编写
充满诗意的联盟
09-08 96
  也许朋友们会以为这是DWR官方发布的什么帮助，但非常遗憾这不是。现在不少朋友在使用DWR开发项目，我也是其中之一，但苦于关于DWR的帮助文档实在太少，很多问题都不得不自己去钻研DWR的源码才能解决或理解。经过一段时间的苦苦钻研，总结出那么一点点心得，现在从DWR源码实现的角度详细讲解DWR的使用，写出来与大家分享。今天我谈一谈DWR服务器端代码的编写。前面我谈到，dwr使我们编写的代码完全省略...
dwr 需要spring注入方法
龙胜LONGAIN
09-30 2917
1.当JSP页面的Ajax调用业务层方法时，业务需要DAO层对象，而DAO层对象我们是通过spring来注入的，如果我们直接用DWR暴露给js的对象去调用业务的方法时，就会出现错误。因为业务类DAO对象是空的。这时我们就要通过DWR整合的SPRING的形式来加载对象。 2、要用到SRPING的东西，就是必须加载SPRING的配置文件（applicationContext.xml），在这里我们通过服...
DWR框架添加Spring依赖注入
雕哥的专栏
03-16 1044
1.首先配置WEB.XML文件   dwr-invoker  org.directwebremoting.servlet.DwrServlet     debug   true      dwr-invoker  /dwr/* 2在Web.xml同级的目录下创建dwr.xml3dwr.xml的配置如下：           其中creator的值固定为spring如果没有用
Dwr入门操作手册1
"**绿茶"的专栏
08-17 2473
Dwr入门操作手册DWR配置和使用1:设置DWR的使用是简单的:将DWR的jar文件拷入Web应用的WEB-INF/lib目录中，2:在web.xml中增加一个servlet声明，并创建DWR的配置文件。DWR的分发中需要使用一个单独的jar文件。你必须将DWR servlet加到应用的WEB-INF/web.xml中布署描述段中去。            dwr-invoke
DWR使用入门
pulybuffer的专栏
06-07 506
----摘自互联网DWR(直接Web远程控制)项目是在Apache许可下的一个开源的解决方案，它供给那些想要以一种简单的方式使用Ajax和XMLHttpRequest的开发者。它具有一套Javascript功能集，它们把从HTML页面调用应用服务器上的Java对象的方法简化了。它***控不同类型的参数，并同时保持了HTML代码的可读性。示例应用这篇文章使用的示例应用模拟了多伦多的一
SSH框架与Ajax实战：Mysql配合DWR实例教程
本篇文章主要介绍了如何在MyEclipse环境下搭建和配置SSH（Struts + Spring + Hibernate）框架，并结合Ajax（通过DWR框架）进行一个简单的小实例。作者首先强调了配置环境，包括使用的开发工具MyEclipse 6.6和MySQL...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值