在开发前请先配好你的DWR包和配置文件
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="JavaChat">
<param name="class" value="cn.com.thinkbank.service.JavaChat" />
</create>
<convert converter="bean" match="cn.com.thinkbank.bean.ChatMsg">
</convert>
</allow>
</dwr>
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app 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">
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<init-param>
<param-name>debug</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>
ChatMsg.java
package cn.com.thinkbank.bean;
public class ChatMsg {
private String text;
/**
* @return 返回 text。
*/
public String getText() {
return text;
}
/**
* @param text
* 要设置的 text。
*/
public void setText(String text) {
this.text = text;
}
public ChatMsg() {
// TODO 自动生成构造函数存根
}
public ChatMsg(String text) {
// TODO 自动生成构造函数存根
this.text = text;
}
}
Chat.jsp页面
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>My JSP 'chat.jsp' starting page</title>
<meta. http-equiv="pragma" content="no-cache">
<meta. http-equiv="cache-control" content="no-cache">
<meta. http-equiv="expires" content="0">
<meta. http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta. http-equiv="description" content="This is my page">
<script. type="text/javascript" src="/Chat/dwr/util.js"></script>
<script. type="text/javascript" src="/Chat/dwr/engine.js"></script>
<script. type="text/javascript" src="/Chat/dwr/interface/JavaChat.js"></script>
<script. type="text/javascript">
<!--
function sendMessage(){
JavaChat.addMessage(dwr.util.getValue("text"));
}
//-->
</script>
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body nload="DWREngine.setActiveReverseAjax(true)">
<h1>
反向Ajax的聊天室
</h1>
<DIV style="width:460px;height: 200px;border:1px solid;#999999">
<UL id="charLog"></UL>
</DIV>
<P>
输入您的聊天信息
<INPUT type="text" id="text" nkeypress="dwr.util.onReturn(event,sendMessage)" />
<INPUT type="button" value="发送" nclick="sendMessage()" />
</p>
</body>
</html>
JavaChat.java
package cn.com.thinkbank.service;
import java.util.Collection;
import java.util.LinkedList;
import org.directwebremoting.WebContext;
import org.directwebremoting.WebContextFactory;
import org.directwebremoting.proxy.dwr.Util;
import cn.com.thinkbank.bean.ChatMsg;
public class JavaChat {
private LinkedList<ChatMsg> messages = new LinkedList<ChatMsg>();
public void addMessage(String text){
if(text !=null && text.trim().length()>0){
messages.addFirst(new ChatMsg(text));
System.out.println(messages.size());
while(messages.size()>10){
messages.removeLast();
}
}
// 获得WebContext实例
WebContext wctx = WebContextFactory.get();
// 获得当前页面的Util实例,用以***作当前页面的HTML元素
Util utilThis = new Util(wctx.getScriptSession());
// 清除输入文本框的内容
utilThis.setValue("text","");
String currentPage = wctx.getCurrentPage();
Collection sessions = wctx.getScriptSessionsByPage(currentPage);
Util utilAll = new Util(sessions);
// 将所有页面中的charlog的所有元素删除
utilAll.removeAllOptions("charlog");
// 将messages中的元素的text属性添加成选项
utilAll.addOptions("Charlog",messages,"text");
}
}
分享到:
相关推荐
这是,以上两个版本的升级版,在原有的基础上,增加了 清空聊天记录,上线通知,用户id,及登录的所在地(ip),聊天信息可选择颜色, ps: 测试的时候记得将 info.txt(聊天信息保存文件) 绝对路径覆盖源码中,以前的路径,
所有技术:;j2ee dwr servlet js 实现在线聊天功能,无刷新,逆推信息。
使用 dwr 2.0 推技术实现的 聊天, 广播 附源码,带注释,使用 des 加密聊天信息保存在本地 txt 文件中,可查询历史聊天记录
本人独立开发的产品,已用于实际项目中,仅供参考,该产品经过严格测试,可直接使用,请勿完全模仿,该产品包括三个部分(数据库文件《.sql》,静态demo页面,java web项目),该工具采用DWR结合jqury开发,后台采用...
ext + ibatis + spring + struts2 + dwr实现,数据库自己建一个,改spring的配置文件就行,表名:users,字段只有三个:id(int),name,password 这个版本是我做的测试版本,登录界面是我随便从其他系统整过来的...
ajax的dwr聊天室记录保存在xml文件里
聊天记录每5条保存到数据库,具体请各位朋友细看. 技术:ExtJS 3.2 DWR 3.0 Struts 2.16 Spring 2.0 Hibernate 3.2 MySql 5.0 原文地址: http://yourgame.javaeye.com/blog/681537 火狐浏览器,谷歌浏览器测试通过. ...
系统只允许一个用户在同一时间内只能有一个登录,重复登录时,会把原来在线的用户强制下线。 可以完美的处理用户所有非正常退出时的情况,如用户直接关闭浏览器,或是按快捷键关闭浏览器以及用户网络断开等情况。 ...
聊天室程序(类QQ群) 模仿QQ实现的群聊功能,基本类似聊天室.聊天记录每5条保存到数据库 技术:ExtJS 3.2 DWR 3.0 Struts 2.16 Spring 2.0 Hibernate 3.2 MySql 5.0
支持私聊 和公聊 用户登录 用户列表 以及用户关闭浏览器时 清除用户列表等 没有使用DB 聊天记录存在内存中。 使用Struts2 DWR JQuery 本人学习中 请见谅 如有问题 欢迎交流