首页 > 其他分享 >DWR的注释(annotations)使用及反向调用(Reverse Ajax)

DWR的注释(annotations)使用及反向调用(Reverse Ajax)

时间:2023-08-28 11:33:45浏览次数:36  
标签:DWR dwr 推送 请求 RemoteMethod Ajax 内容 页面 Reverse


先说说注释语法,省掉dwr.xml。(自从用了java 5 之后,现在越看一堆堆的配置文件越烦,越来越喜欢注释方式来的直接简单了)  

首先下载最新的稳定版本的dwr.jar文件放到你的工程中。(还有需要其它的吗?不需要了,dwr就是这么简单)
然后在web.xml中添加如下一段


<!-- DWRServlet -->   
 <servlet>   
  <servlet-name>dwr-invoker</servlet-name>   
  <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>   
  <init-param>   
<!-- 默认为false,调试用,可以访问http://地址:端口/上下文/dwr 来进行测试 -->   
   <param-name>debug</param-name>   
   <param-value>true</param-value>   
  </init-param>   
<!--这就是传说中的DWR反转调用的开关了,默认也是false -->   
  <init-param>   
   <param-name>activeReverseAjaxEnabled</param-name>   
   <param-value>true</param-value>   
  </init-param>   
<!--日志级别不多说了-->   
  <init-param>   
   <param-name>logLevel</param-name>   
   <param-value>WARN</param-value>   
  </init-param>   
<!--这块注意了,关键来了,把使用DWR注释的类都要加在这里,2.0的DWR好像还不支持包扫描,希望以后能提供这个功能,3.0我还没注意有没有这个功能,现在还没出正式版-->   
  <init-param>   
   <param-name>classes</param-name>   
   <param-value>   
                org.relax.service.SectionManager,    
    org.relax.service..entity.Section    
            </param-value>   
  </init-param>   
 </servlet>   
<!--这块不用多说了吧,如果看不懂,哪凉快哪呆着去吧-->   
 <servlet-mapping>   
  <servlet-name>dwr-invoker</servlet-name>   
  <url-pattern>/dwr/*</url-pattern>   
 </servlet-mapping>


 

在这里再说明一下有的文章用的是uk.ltd.getahead.dwr.DWRServlet,其实他只是继承了一下org.directwebremoting.servlet.DwrServlet自己什么也没做,所以这两个类用哪个都行(这么做应该是为了兼容以前的版本,猜的,1.0我没用过)。
下面看具体的类吧。

@Service    
@RemoteProxy(creator = SpringCreator.class, name = "sectionManager", creatorParams = @Param(name = "beanName", value = "sectionManager"))    
public class SectionManager extends DefaultEntityManager<Section, Integer> {    
   
 @Autowired    
 OriginCollectDataManager originCollectDataManager;    
   
 @RemoteMethod    
 public Section get(Integer id) {    
  return super.get(id);    
 }    
   
 @RemoteMethod    
 public List<Section> getAll() {    
  return super.getAll();    
 }    
   
}

 

我的测试环境里还用到了spring和hibernate,所以里面还掺杂了一些spring的注释标记,当然如果你没用也无所谓。
这里主要解释一下DWR的几个Annotations
@RemoteProxy标在类上的就是使类可以运程访问
@RemoteProxy(creator = SpringCreator.class, name = "sectionManager", creatorParams = @Param(name = "beanName", value = "sectionManager")),
上面因为使用了spring所以写的是springCreator.class, 其它还有BeanCreator, Ejb3Creator, JsfCreator, NewCreator, NullCreator, PageFlowCreator, ScriptedCreator, SingletonCreator, SpringCreator, StrutsCreator。看自己的具体需求。最常用的就是newCreator了吧。
@RemoteMethod标在方法上,不用多说可以使方法能远程访问
@DataTransferObject标在类上,注明需要转换的VO类了
@RemoteProperty标在类的属性上,标明哪些可以访问(我试了试不标,好像全都可以访问了)
常用的就这么多了,其它几个不太常用,如果用到的时候再研究吧。
还有什么要做的吗?好像就这么多了。DWR就是简单。如果标好了可以试试访问上下文路径加上/dwr来访问试试了。好像好用了哎。

看上去方法好像挺多,其实真正能访问用的只有用@RemoteMethod标注过的。
测试已经好用了下面就是加到页面了。那不就更简单了吗。按着上图收到JSP文件中。然后像调用普通javascript对象一样就可以了。咱不是做普及的,今天主要讲注释的用法。这部分就到这吧。

下面说反向调用了,这个还是挺复杂的,首先解释几个概念。

dwr的逆向ajax其实主要包括两种模式:主动模式和被动模式。其中主动模式包括Polling和Comet两种,被动模式只有Piggyback这一种。

    所谓的Piggyback指的是如果后台有什么内容需要推送到前台(即调用页面的js方法),是要等到那个页面进行下一次ajax请求的时候,将需要推送的内容附加在该次请求之后,传回到页面。

    polling指的是由浏览器定时向服务端发送ajax请求,询问后台是否有什么内容需要推送,有的话就会由服务端返回推送内容。这种方式和我们直接在页面通过定时器发送ajax请求,然后查询后台是否有变化内容的实现是类似的。只不过用了dwr之后这部分工作由框架帮我们完成了。

    comet模式指的的当服务端建立和浏览器的连接,将页面内容发送到浏览器之后,对应的连接并不关闭,只是暂时挂起。如果后面有什么新的内容需要推送到客户端的时候直接通过前面挂起的连接再次传送数据。

    通过上面的解释我们可以看到,这三种模式都有各自的优缺点。从客户端请求次数的角度来说,当然是piggyback的模式最好。这个里面完全没有额外的网络请求,只有等到下次请求页面主动发起了,中间的变化内容才传递回页面。但是这也导致了这推送内容的延时,因为你完全没办法知道页面的下一次请求将在什么时候发起,也许页面永远都没有下一次请求。polling模式的网络请求最为频繁了,因为这时候页面不管后台有没有更新的内容,都需要发送请求询问。虽然这种模式可以通过增加请求间隔的时间来减少单位时间内的请求次数,但是这样同样会导致页面响应后台内容变化的间隔时间增长,这中间就产生了矛盾,具体的请求间隔时间还是要根据具体项目的需求来配置。比如服务器能承受的请求间隔和页面内容所需要的刷新频率。comet方式的响应速度应该是最快的,后台一旦有内容需要推送可以通过前面没有关闭的连接马上推送到前台。但是服务器所能提供的连接数目是一定的,在大量的挂起的连接没有关闭的情况下,可能造成新的连接请求不能接入,从而影响到服务质量。

以上摘自dwr的Reverse Ajax(推技术的实现之一)概念说清楚了,下面做一吧。
前面已经说完了注释方式了,以下还用注释的方式,方便直观呀。

@RemoteMethod   
public synchronized  void start() {    
 WebContext wctx = WebContextFactory.get();    
 String currentPage = wctx.getCurrentPage();    
 running=true;    
 for (int i = 0; i < 1000; i++) {    
  if (!running) {    
   break;    
  }    
  ScriptBuffer script = new ScriptBuffer();    
  script.appendScript("receiveMessages(").appendData(i).appendScript(");");//调用页面的javascript方法把值添到页面上。    
  // Loop over all the users on the current page    
  Collection pages = wctx.getScriptSessionsByPage(currentPage);//循环出所有的会话页面并执行    
  for (Iterator it = pages.iterator(); it.hasNext();) {    
   System.err.println(i);    
   ScriptSession otherSession = (ScriptSession) it.next();    
   otherSession.addScript(script);    
  }    
  try {    
   Thread.sleep(3000);    
  } catch (InterruptedException e) {    
   e.printStackTrace();    
  }    
 }    
}    
   
@RemoteMethod   
public  void stop() {    
 running=false;    
}

 

这是个简单的程序进行之后就是用个循环来更新页面的数字。
下面也贴一下JSP的代码吧。也算补充下第一部分了。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"   
    pageEncoding="UTF-8"%>   
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   
<html>   
<head>   
  <script type='text/javascript' src='/dymc-web/dwr/interface/sectionManager.js'></script>   
  <script type='text/javascript' src='/dymc-web/dwr/engine.js'></script>   
<script type="text/javascript">   
   
function receiveMessages(msg) {    
 //alert(msg);    
 document.getElementById("content").innerHTML=msg;    
}    
</script>   
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">   
<title>Insert title here</title>   
</head>   
<body οnlοad="dwr.engine.setActiveReverseAjax(true)">   
<button οnclick="sectionManager.start()">start</button>   
<button οnclick="sectionManager.stop()">stop</button>   
<div id="content"></div>   
</body>   
</html>

 

页面包括两个钮一个开始一个停止。大家来试试吧。这里不添图了太浪费空间
运行起来后点start按钮,看看页面上是不是自己开始变了。新打开个IE,用另外的机器访问此面,疑?怎么都有数字在变换,这就是DWR Reverse Ajax的厉害所在了。再点一下stop,呀,所有打个IE里数字都不变了吧。
注意:代码用的是主动的方式,所以注意页面onload中的<body οnlοad="dwr.engine.setActiveReverseAjax(true)">没有这句可就不好用了。当然 web.xml中也不能少了


<init-param>   
 <param-name>activeReverseAjaxEnabled</param-name>   
 <param-value>true</param-value>   
</init-param>


 

该说的都说了就到这吧。这篇文章不是给初学者看的。所以不是特别的完整。如果你是初学者,就先去看看基础吧。可能有点不适合

 


标签:DWR,dwr,推送,请求,RemoteMethod,Ajax,内容,页面,Reverse
From: https://blog.51cto.com/u_16237557/7261737

相关文章

  • Ajax
    AJAX第一章:ajax介绍1、AJAX全称为AsynchronousJavaScriptAndXML,就是异步的JS和XML。2、作用:通过AJAX可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据。XML介绍XML可扩展标记语言。XML被设计用来传输和存储数据。XML和HTML类似,不同的是......
  • django(Ajax、自定义分页器、form组件)
    一、Ajax1概述异步提交局部刷新例子:github注册动态获取用户名实时的跟后端确认并实时展示到前端(局部刷新)朝后端发送请求的方式1.浏览器地址栏直接输入url回车GET请求2.a标签href属性GET请求3.form表单GET......
  • Ajax是如何实现前后端交互的?
    Ajax的原理:ajax一个前后台配合的技术,它可以让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例化xml,http对象,使用此对象与后台通信。jquery将它封装成了一个函数$.ajax(),我们可以直接用这个函数来执行ajax请求。这个对象为向服务器发送请求和解析服务器响......
  • ajax完美解决跨域问题(jsonp、nginx反向代理)
    做过web前端人都知道,经常会有ajax跨域问题,下面列举我经常使用的解决办法第一种:使用jsonp,jquery的ajax方法支持jsonp,但是最大的缺点就是只支持get方式,而且服务端也要修改客户端test.html代码<!DOCTYPEhtml><html><head> <title>工作端</title> <metaname="viewport"content=......
  • BUGKU逆向reverse 1-8题
    练习IDA两年半打开尘封已久的bugku,从题目中练习使用,现在都已经是新版本了orz入门逆向运行baby.exe将解压后的baby.exe拖到IDA里面主函数中找到mov指令可以看到这里就是flagflag{Re_1s_S0_C0OL}signin下载附件解压之后是sign_in.apk,Android逆向我不会啊orz丢到AndroidKil......
  • reverse_re3
    main函数点击重要函数对if里面的数字按r键,使其从ASCII码转为字符发现wasd四个关键的移动方向键,判断为迷宫问题判断应该是要次数为2,即次数++3(从0开始计数)次才会有flag点进一开始先进入的函数函数出现两个循环,应该是迷宫的大小点进数组dword_202AB0发现没什么......
  • BBS登录功能(auth模块ajax方法)
    前端<divclass="container-fluid"><divclass="row"><divclass="col-md-8col-md-offset-2"><h1class="text-center">登录</h1><divclass="form-g......
  • 基于forms组件和Ajax请求的注册功能(代码)
    前端1<divclass="container-fluid">2<divclass="row">3<divclass="col-md-8col-md-offset-2">4<h1class="text-center">注册</h1>5<formid......
  • 【刷题笔记】25. Reverse Nodes in k-Group
    题目Givenalinkedlist,reversethenodesofalinkedlistkatatimeandreturnitsmodifiedlist.kisapositiveintegerandislessthanorequaltothelengthofthelinkedlist.Ifthenumberofnodesisnotamultipleofkthenleft-outnodesint......
  • ajax与axios
    概念:ajax(Asynchronous JavascriptAndXml):异步的js和xmlajax作用:1、使用ajax和服务器进行通信,就可以使用html+ajax替换jsp页面2、异步交互原生ajax<!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <title>Title</title&g......