`
fys124974704
  • 浏览: 139635 次
  • 性别: Icon_minigender_1
  • 来自: 火星
社区版块
存档分类
最新评论

小型聊天室--DWR实现服务器推技术

    博客分类：
  • Java
DWR浏览器ServletJavaScriptFirefox 
阅读更多

      开始我曾经用PHP做过一个聊天室，但是需要用JS不停的刷新去获取新的信息，这样让我感觉增加浏览器和服务器的负担，因为需要时时去请求！

      当我看到DWR2也可以实现推技术之后，我突然想尝试一下！

首先当官方上下载一个dwr的jar文件和commons-logging-1.1.1.jar

先从配置文件入手

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="2.4"
	xmlns="http://java.sun.com/xml/ns/j2ee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

	<!-- 以设置下格式固定，可复制使用 -->
	<display-name>ajaxDWR</display-name>
	<servlet>
		<servlet-name>dwr-invoker</servlet-name>
		<!-- 
			<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
		-->
		<servlet-class>
			org.directwebremoting.servlet.DwrServlet
		</servlet-class>
		<init-param>
			<description>实现调试，在debug请设置为false</description>
			<param-name>debug</param-name>
			<param-value>true</param-value>
		</init-param>
		<init-param>
			<description>使用服务器推技术(反转AJAX)</description>
			<param-name>activeReverseAjaxEnabled</param-name>
			<param-value>true</param-value>
		</init-param>
		<init-param>
			<param-name>
				initApplicationScopeCreatorsAtStartup
			</param-name>
			<param-value>true</param-value>
		</init-param>
		<init-param>
			<param-name>maxWaitAfterWrite</param-name>
			<param-value>100</param-value>
		</init-param>
		<load-on-startup>4</load-on-startup>
	</servlet>
	<servlet-mapping>
		<servlet-name>dwr-invoker</servlet-name>
		<url-pattern>/dwr/*</url-pattern>
	</servlet-mapping>

</web-app>

 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>
	<!-- 对后台类的配置格式确定 -->
	<allow>		
		<create creator="new" javascript="Chat">
			<param name="class" value="com.dwr.chat.Chat" />
		</create>
	</allow>
</dwr>
 

编写好配置文件之后，开始编写页面，我们可以选择html或者jsp都可以

index3.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>index3.html</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<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/Chat.js'></script>
		<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

	</head>

	<body>
		<center>
			<table width="600px" border="1">
				<tr>
					<td colspan="3" align="center">
						XXXXXX Chat
					</td>
					<td>
						User List
					</td>
				</tr>
				<tr>
					<td colspan="3" style="height: 300px">
						<textarea rows="20" cols="60" readonly id="showmessage" name="showmessage"></textarea>
					</td>
					<td style="height: 300px"  valign="top">
						<div id="userlist" style="height:310px;overflow : scroll;"></div>
					</td>
				</tr>
				<tr>
					<td colspan="3" align="center">
						<span id="say_name" ></span>
						<textarea rows="3" cols="50" id="say_message" name="say_message"></textarea><input type="button" value="say" id="say" onclick="sayMessage()"/>
					</td>
					<td>
						先录入你的昵称<br/>
						<input type="text" style="width: 125px" name="name" id="name" />
						<input type="button" value="确定" onclick="register()" />
					</td>
				</tr>
			</table>
		</center>
	</body>
	<script type="text/javascript">
		dwr.engine.setActiveReverseAjax(true); // 激活反转 重要
		
		init();
		
		function init(){
			document.getElementById('say_message').disabled = true;
			document.getElementById('say').disabled = true;
		}
		
		function sayMessage(){
			var message_content = DWRUtil.getValue('say_message');
			var message_head = document.getElementById('say_name').innerHTML;
			Chat.sayMessage(message_head+message_content);
			document.getElementById('say_message').value = '';
		}
		
		function register() {
			var name = DWRUtil.getValue("name");
			Chat.addUser(name,callback);
		}
		
		function callback(str) {
			if(str != ''){
				alert(str);
			}else{
				document.getElementById('say_name').innerHTML = DWRUtil.getValue("name") + " 说：";
				document.getElementById('say_message').disabled = false;
				document.getElementById('say').disabled = false;
			}	
		}
	</script>
</html>

 这个页面比较简陋，建议js写在下方，否则firefox会报错

 

Chat.java

package com.dwr.chat;

import java.util.ArrayList;
import java.util.Collection;

import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest;

import org.directwebremoting.ServerContext;
import org.directwebremoting.ServerContextFactory;
import org.directwebremoting.proxy.dwr.Util;

public class Chat {
	static ArrayList<String> name_list = new ArrayList<String>();
	static StringBuffer show_message = new StringBuffer(); 

	public String addUser(String name,HttpServletRequest request) {
		System.out.println("list.size() = "+name_list.size());
		for (String s : name_list) {
			if (name == null || name.trim().equals(s)) {
				return "用户名已存在";
			} 
		}
		name_list.add(name.trim());
		ServletContext sc = request.getSession().getServletContext();
		ServerContext sctx = ServerContextFactory.get(sc);
		Collection sessions = sctx.getScriptSessionsByPage("/dwr2Demo/index3.html");
		Util util = new Util(sessions);
		show_message.append("\n欢迎"+name+"来到 XXX Chat");
		trimMessage();
		util.setValue("showmessage", show_message.toString());
		printUserList(util);
		return "";
	}
	
	public void sayMessage(String message,HttpServletRequest request){
		ServletContext sc = request.getSession().getServletContext();
		ServerContext sctx = ServerContextFactory.get(sc);
		Collection sessions = sctx.getScriptSessionsByPage("/dwr2Demo/index3.html");
		Util util = new Util(sessions);
		show_message.append("\n"+message);
		trimMessage();
		util.setValue("showmessage", show_message.toString());
		printUserList(util);
	}
	
	public void trimMessage(){
		if(show_message.length() > 2000){
			show_message.delete(0, ((show_message.length() - 2000)*2+2));
		}
	}
	
	public void printUserList(Util util){
		StringBuffer userlist = new StringBuffer();
		userlist.append("<table>");
		for(String s : name_list){
			userlist.append("<tr><td><font color='blue'>"+s+"</font></td></tr>");
		}
		userlist.append("</table>");
		util.setValue("userlist", userlist.toString());
	}
}

 

编写好这个之后，可以运行一下。

        经过测试，发现几个问题  浏览器我现在测试了三种发现三种都有自己的特性
        IE                 ：比较正常，有时候会慢一些
        firefox          ：每次刷新访问的时候服务器会出现一个异常
        google浏览器：在刷新的时候会无限等待，一直到接收到信息

 

 

 

 

 

分享到：
| 项目使用条形码
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    DWR3实现服务器端向客户端精确推送消息

    在“DWR3实现服务器端向客户端精确推送消息”这一主题中，我们将深入探讨如何利用DWR3进行服务器到客户端的消息推送，以及这种技术的优势和应用。 首先，理解DWR3的工作原理是至关重要的。DWR3通过建立一个安全的...

    dwr实现的服务器推demo

    在这个"**dwr实现的服务器推demo**"中，我们看到一个实例，展示了如何利用DWR的技术来实现实时的、无需刷新的服务器推送功能。 服务器推是一种技术，它允许服务器主动地将数据发送到客户端，而不需要客户端（通常是...

    dwr实现服务器推技术，兼容低版本IE

    "dwr实现服务器推技术，兼容低版本IE"这一主题，表明我们将讨论如何利用DWR实现在旧版Internet Explorer上的服务器推送功能。 1. **DWR基础原理** DWR的核心在于创建一个JavaScript对象，该对象可以直接调用服务器...

    java+dwr框架实现聊天室

    Java+dwr框架实现聊天室是使用Java语言和dwr框架实现的服务器推技术，实现了实时通信的聊天室功能。下面将详细介绍该技术的实现过程和相关知识点。 一、dwr 框架简介 dwr（Direct Web Remoting）是一种基于Ajax...

    DWR服务器推送技术（实时）

    DWR使用一种称为Reverse Ajax或Comet的技术来实现服务器推送。它创建了一个持久化的HTTP连接，使得服务器可以在准备好新数据时立即发送，而不需要等待客户端的请求。DWR提供了一种简单的方式来注册JavaScript函数，...

    dwr推技术实现服务器推送数据

    总结来说，DWR推技术是实现服务器主动向客户端推送数据的一种高效方式，尤其适用于需要实时数据更新的应用，如股票实时显示。通过反转Ajax，DWR简化了开发流程，提高了用户体验，是现代Web开发中的一个重要工具。

    服务器端ajax框架--------DWR实践总结

    - **Remoting**：远程方法调用，DWR的核心特性，它使JavaScript可以直接调用服务器上的Java方法，实现了浏览器与服务器之间的双向通信。 - **Reverse Ajax**：DWR利用了这个概念，即服务器可以主动向客户端发送数据...

    实现 Dwr 服务器推送

    本文将详细介绍如何实现DWR的服务器推送功能。 一、DWR简介 DWR的核心功能是通过AJAX技术创建了一个JavaScript到Java的桥梁，使得开发者可以像操作本地对象一样操作远程服务器上的对象。它支持自动类型转换、错误...

    DWR推送技术大全 dwr推送聊天实例

    总的来说，DWR推送技术通过Comet实现了高效的服务器到客户端的数据推送，简化了实时Web应用的开发。结合提供的源码示例"j-jetty-dwr-comet-src"，开发者可以深入理解DWR的工作原理，并学习如何在实际项目中应用这项...

    采用dwr技术实现的聊天室

    **DWR（Direct Web Remoting）技术是一种在Web应用程序中实现AJAX（Asynchronous JavaScript and XML）通信的方法，它允许JavaScript直接调用Java方法，从而实现在不刷新整个页面的情况下更新部分网页内容。...

    jsp DWR框架推模式实现的聊天室

    在本项目"jsp DWR框架推模式实现的聊天室"中，我们将探讨如何利用DWR的推送（Push）模式来构建一个实时的在线聊天应用。** 首先，我们需要了解DWR的基本工作原理。DWR通过在浏览器和服务器之间建立一个持久连接，...

    用DWR comet+Spring实现服务器推送的例子--网页聊天室

    标题中的“用DWR comet+Spring实现服务器推送的例子--网页聊天室”涉及到的是Web开发中的实时通信技术。DWR（Direct Web Remoting）是一个开源Java库，它允许JavaScript在浏览器和服务器之间进行直接的、安全的远程...

    用DWR的comet推，实现多人聊天室

    【标题】: 使用DWR的Comet推送技术创建多人聊天室 【描述】: 本文主要探讨如何通过Spring与Direct Web Remoting (DWR)框架的整合，利用Comet技术来构建一个无需刷新页面的多人在线聊天室。Comet是一种实现服务器到...

    dwr 实现推技术 实例

    本实例将通过一个点对点聊天功能的实现，深入探讨DWR的推技术。 ### DWR基础 1. **反向Ajax（Reverse Ajax）**：DWR的核心功能之一是实现反向Ajax，即服务器可以主动向客户端推送数据，而不仅仅是响应客户端的请求...

    dwr服务器推技术

    这种技术允许服务器主动地向客户端推送数据，而不仅仅是响应客户端的请求，这在构建实时更新的应用，如聊天室、股票报价或在线游戏等场景中非常有用。 在描述中提到的"DWR服务器推技术整合Struts2"，意味着我们将...

    ---------DWR中文文档

    - **反向Ajax（Reverse Ajax）**：DWR的核心是反向Ajax技术，它使服务器能够主动推送数据到客户端，而不仅仅是响应客户端的请求。 - **CORS（Cross-Origin Resource Sharing）**：DWR支持跨域资源共享，允许不同源...

    DWR服务器推技术Demo

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

    DWR服务器推送技术实现WebQQ

    总结来说，DWR服务器推送技术为构建实时交互的Web应用提供了强大的工具，使得像WebQQ这样的聊天应用得以实现。通过理解其工作原理和实现步骤，开发者可以运用这项技术来提升Web应用的用户体验。在实际开发中，还需...

    DWR的配置和传值DWR的配置和传值

    Direct Web Remoting (DWR) 是一个开源的Java库，允许在Web应用程序中实现Ajax功能，即在客户端JavaScript和服务器端Java之间进行实时通信。DWR简化了这个过程，使得开发者无需处理底层的HTTP请求和响应，而是可以...

Magicbox
Global site tag (gtag.js) - Google Analytics