Dwr java服务器反推技术（服务器推送到页面）

最新推荐文章于 2022-05-18 23:31:52 发布

Clannad_汐

最新推荐文章于 2022-05-18 23:31:52 发布

阅读量1.6k

点赞数

分类专栏： Java 文章标签： java dwr 技术服务器

本文链接：https://blog.csdn.net/c1481118216/article/details/78757320

版权

Java 专栏收录该内容

29 篇文章 2 订阅

订阅专栏

源码及展示

Gitee: https://gitee.com/liaotuo/DwrTest

展示
简介
简略的实现了服务器反向通知到前台页面, 在输入框输入文字，点击发送按钮，消息会被通知到所有在线的用户。

实现

依赖

dwr.jar
commons-logging-1.0.4.jar
jquery-3.2.1.min.js

jar包可以直接在我gitee下载

目录结构

这里写图片描述

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
  <display-name>DwrTest</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>

  <!-- 配置dwrServelet -->
  <servlet>
    <servlet-name>dwr</servlet-name>
    <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
    <!-- 开启debug模式 -->
    <init-param>
      <param-name>debug</param-name>
      <param-value>true</param-value>
    </init-param>
    <!-- 使用服务器反推技术(逆Ajax) -->
    <init-param>
        <param-name>activeReverseAjaxEnabled</param-name>
        <param-value>true</param-value>
    </init-param>
    <!-- 能够从其他域进行请求 -->
    <init-param>
        <param-name>crossDomainSessoionSecurity</param-name>
        <param-value>false</param-value>
    </init-param>
    <!-- 允许远程js -->
    <init-param>
        <param-name>allowScriptTagRemoting</param-name>
        <param-value>true</param-value>
    </init-param>
  </servlet>

  <servlet-mapping>
    <servlet-name>dwr</servlet-name>
    <!-- 此路径决定dwr engin.js util.js的路径 -->
    <url-pattern>/js/dwr/*</url-pattern>
  </servlet-mapping>
</web-app>

dwr.xml

<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN"
    "http://getahead.org/dwr/dwr30.dtd">

<dwr>
    <allow>
        <!-- javascript="Java类名" -->
        <create creator="new" javascript="DwrPush">
            <param name="class">util.DwrPush</param>
        </create>
    </allow>
</dwr>

index.jsp

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
    // 用于获取项目根目录
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 需要引入的dwr的三个重要js 路径要和web.xml server-mapping内配置的路径一致-->
<script type="text/javascript" src="<%=path%>/js/dwr/util.js"></script>
<script type="text/javascript" src="<%=path%>/js/dwr/engine.js"></script>
<script type="text/javascript"
    src="<%=path%>/js/dwr/interface/DwrPush.js"></script>

<script type="text/javascript" src="<%=path%>/js/jquery-3.2.1.min.js"></script>

<title>Clannad聊天室</title>
</head>
<body>
    <ul id="ul" style="color: red; font-size: 15px;"></ul>
    <input type="text" name="msg" id="msg" size="30">
    <input type="button" name="button" id="send" value="发送">
</body>
<script type="text/javascript">
    /* 开启ajax反推技术 并给按钮绑定推送方法 */
    $(document).ready(function() {
        dwr.engine.setActiveReverseAjax(true);
        $('#send').click(function() {
            DwrPush.push($('#msg').val());
        });
    });
    // 回调方法
    function callback(msg) {
        $('#ul').html($('#ul').html() + "</br>" + msg);
    }
</script>
</html>

DwrPush.java

package util;

import java.util.ArrayList;
import java.util.List;

import org.directwebremoting.Container;
import org.directwebremoting.ScriptBuffer;
import org.directwebremoting.ScriptSession;
import org.directwebremoting.ServerContextFactory;
import org.directwebremoting.WebContextFactory;
import org.directwebremoting.event.ScriptSessionEvent;
import org.directwebremoting.event.ScriptSessionListener;
import org.directwebremoting.extend.ScriptSessionManager;;
/***
 * Dwr反向推送类
 * @author liaot
 * @time 2017/12/09
 */
public class DwrPush {
    // 记录所有在线的ScriptSession
    private final static List<ScriptSession> SESSIONS = new ArrayList<ScriptSession>();
    static {
        // 得到DWR容器
        Container container = ServerContextFactory.get().getContainer();
        // 从DWR中得到会话管理器
        ScriptSessionManager manager = container.getBean(ScriptSessionManager.class);
        // 创建一个会话监听器
        ScriptSessionListener ssl = new ScriptSessionListener() {

            @Override
            public void sessionCreated(ScriptSessionEvent e) {
                SESSIONS.add(e.getSession());
                System.out.println("user login " + SESSIONS.size());
            }

            @Override
            public void sessionDestroyed(ScriptSessionEvent e) {
                SESSIONS.remove(e.getSession());
                System.out.println("user exit " + SESSIONS.size());
            }
        };
        // 给管理器添加监听器
        manager.addScriptSessionListener(ssl);
    }

    public void push(String msg) {
        // 得到当前用户的ScriptSession
        ScriptSession seft = WebContextFactory.get().getScriptSession();
        System.out.println(seft);
        for (ScriptSession session : SESSIONS) {
            // 创建脚本 缓存 执行指定function 传递msg参数
            ScriptBuffer sb = new ScriptBuffer();
            //调用 jsp页面上 callback 方法
            sb.appendCall("callback", seft.getCreationTime() + " : " + msg);
            //将脚本添加到回话中
            session.addScript(sb);
        }
    }
}

参考资料

dwr 官网: http://directwebremoting.org/dwr/
imooc: https://www.imooc.com/learn/784

Clannad_汐

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Dwr java服务器反推技术（服务器推送到页面）

源码及展示 Gitee: https://gitee.com/liaotuo/DwrTest展示简介简略的实现了服务器反向通知到前台页面, 在输入框输入文字，点击发送按钮，消息会被通知到所有在线的用户。实现依赖dwr.jarcommons-logging-1.0.4.jarjquery-3.2.1.min.jsjar包可以直接在我gitee下载目录结构web.xml<?xml v
复制链接

扫一扫