dwr消息推送

来源:互联网 发布:ssh2权限管理系统源码 编辑:程序博客网 时间:2024/04/30 04:37


在做jsp系统时,有时候会有群发消息或及时推送消息的功能,如果用ajax请求,设置settimeout不断的请求服务器会给浏览器造成很大的压力,这时就可以用dwr技术进行消息推送。dwr根据自身的机制及时推送消息,不需要自己请求服务器就可以接受到消息。可以实现网页间的发送消息,以及服务器直接像客户端发送消息。 比如实现在线交流、股市动态刷新数据等。

下面提供一个简单的案例,说明一下配置。

实现一个网页向另一个网页发送消息:

结果如下:点击发送,另一个网页显示信息


具体代码:

web.xml 中添加如下代码:

<?xml version="1.0" encoding="UTF-8"?><web-app version="3.0"    xmlns="http://java.sun.com/xml/ns/javaee"    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"><servlet>          <servlet-name> dwr-invoker </servlet-name>          <servlet-class> uk.ltd.getahead.dwr.DWRServlet</servlet-class >         <init-param>              <param-name> debug</param-name >             <param-value> true</param-value >        </init-param>        <init-param>            <param-name> crossDomainSessionSecurity</param-name >            <param-value> false</param-value >        </init-param>        <init-param>            <param-name> allowScriptTagRemoting</param-name >            <param-value> true</param-value >        </init-param>        <init-param>            <param-name> activeReverseAjaxEnabled</param-name >            <param-value> true</param-value >        </init-param></servlet> <servlet-mapping>          <servlet-name> dwr-invoker </servlet-name>          <url-pattern>/dwr/*</url-pattern> </servlet-mapping></web-app>

在web.xml同级目录添加dwr.xml:

<?xml version="1.0" encoding= "UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd" > <dwr>          <allow>                 <create creator="new" javascript= "messagePush">                       <param name="class" >sugar.dwr.MessagePush</param>                </create>        </allow>  </dwr>

java代码:包名和dwr.xml中的配置一致

package sugar.dwr;import java.util.Collection;import org.directwebremoting.Browser;import org.directwebremoting.ScriptBuffer;import org.directwebremoting.ScriptSession; public class MessagePush {  public void send(final String content){          Runnable run = new Runnable(){                 private ScriptBuffer script = new ScriptBuffer();                 public void run() {                 System.out.println(content);                       //设置要调用的 js及参数                       script.appendCall("show" , content);                       //得到所有ScriptSession                      Collection<ScriptSession> sessions = Browser.getTargetSessions();                       //遍历每一个ScriptSession                       for (ScriptSession scriptSession : sessions){                             scriptSession.addScript( script);                      }                }         };          //执行推送         Browser. withAllSessions(run);  }}

发送页面:js方法名和xml配置中的以及java方法名一致

<%@ page language= "java" import ="java.util.*" pageEncoding="UTF-8" %><%String a = "a"; %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head >    <title >DWR</title>    <script type= "text/javascript" src ="js/jquery.min.js"></script>    <script type= "text/javascript" src ="dwr/util.js"></script>           <script type="text/javascript" src= "dwr/engine.js"></script >         <script type="text/javascript" src= "dwr/interface/messagePush.js" ></script>  </head >  <body >        <table border="0" >               <tr>                      <td><input id ="content" type="text"/></td>                      <td><input id ="send" type="button" value= "send"/></td >               </tr>        </table>        <script type="text/javascript" >              $( "#send").click(function(){                            <%if("".equals(a)){%>              alert("您不具有发送消息权限");                           <%}else{%>                 var content = $("#content" ).val();                     messagePush.send(content);               <%}%>              });        </script>  </body ></html>

接受页面:

<%@ page language= "java" import ="java.util.*" pageEncoding="UTF-8" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head >    <title >dwr接收</title >        <script src="js/jquery.min.js" ></script>        <script type="text/javascript" src= "dwr/util.js"></script >           <script type="text/javascript" src= "dwr/engine.js"></script >        <script type="text/javascript" src= "dwr/interface/messagePush.js" ></script>        <script type="text/javascript" src="js/ymPrompt.js"></script>        <link rel="stylesheet" type="text/css" href="css/ymPrompt.css" />  </head >    <body >        dwr接收<br />        <div id="content" style=" width: 200px ;height: 30px;border : 1px solid ; text-align: center ; padding: 5px;"></div>        <script type="text/javascript" >           //这个方法用来启动该页面的ReverseAjax功能           dwr.engine.setActiveReverseAjax( true);           //设置在页面关闭时,通知服务端销毁会话           dwr.engine.setNotifyServerOnPageUnload( true);           //这个函数是提供给后台推送的时候 调用的           function show(content){                //alert(content);               $( "#content" ).text(content);              // ymPrompt.alert('提示',null,null,'确认要提交吗?',handler);           }        </script>  </body ></html>

引入jar包:

客户端网页 中的js文件只需引入jquery的,其他的不用管,都在dwr里面封装好了。

jar包和js下载:

http://download.csdn.net/detail/u011250851/7888111


有什么问题可以直接回复我。


0 0
原创粉丝点击