在开发前请先配好你的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");
}
}
分享到：
相关推荐
Direct Web Remoting (DWR) 是一个开源的Java库，它允许JavaScript在浏览器端与服务器端的Java代码进行交互，从而实现动态、实时的Web应用程序。DWR使得开发者能够轻松地在客户端和服务器之间传递数据，而无需手动...
【Spring + DWR 无刷新...这个项目是一个很好的学习资源，它演示了Spring和DWR如何协同工作，创建一个实时的、交互式的Web应用。开发者可以通过研究源代码，了解如何在实际项目中应用这些技术，提高Web应用的用户体验。
总结来说，"使用DWR做的简单聊天程序"是一个基于DWR框架构建的实时聊天应用，它利用了DWR的双向通信能力和Comet技术，为用户提供了一个无需刷新页面即可实时交流的平台。通过学习和分析这个程序的源代码，我们可以...
客户端方面，用户界面可能由 HTML、CSS 和 jQuery 构建，提供一个输入框让用户输入消息，一个显示区域展示聊天记录。jQuery 用于在用户发送或接收到消息时更新界面，实现无刷新的用户体验。 **部署与使用** 压缩包...
5. xxx.sql文件：这可能是一个数据库脚本文件，用于初始化聊天室应用所需的数据库结构，例如创建用户表、聊天记录表等。 总的来说，这个项目是一个很好的学习示例，它展示了如何将DWR用于构建实时Web应用，以及如何...
在“dwr推技术反转聊天事例”中，我们将探讨DWR如何用于构建一个实时的聊天应用程序，并分析其中的关键知识点。 首先，我们需要理解DWR的核心概念。DWR允许JavaScript在浏览器端直接调用服务器端的Java方法，而无需...
【标题】"jsp+dwr做的聊天室"是一个基于Java Web技术构建的实时通信应用实例，主要利用了JSP（JavaServer Pages）和DWR（Direct Web Remoting）框架。在这个项目中，用户可以通过网页进行实时的聊天交互，体验类似于...
可以使用数据库来保存历史消息，确保即使用户刷新页面也能看到之前的聊天记录。同时，服务器端需要维护一个用户会话列表，以便知道哪些用户在线，向哪些客户端推送新消息。 在实际应用中，还需要考虑安全性问题，如...
在这个项目中，我们关注的是如何使用DWR（Direct Web Remoting）框架来实现一个无需数据库支持的实时在线聊天应用，包括私聊和群聊功能。DWR是一种在浏览器和服务器之间进行实时通信的技术，它允许JavaScript与Java...
1. **用户界面**：使用HTML和CSS构建，可能包含一个输入框供用户输入消息，一个按钮用于提交消息，以及一个区域显示聊天历史记录。 2. **JavaScript**：使用DWR库创建与服务器的连接，定义方法来发送和接收消息。...
在描述中提到的"DWR服务器推技术整合Struts2"，意味着我们将DWR与流行的MVC框架Struts2相结合，以创建一个具有聊天功能的Web应用。Struts2提供了一个强大的架构来处理HTTP请求，并结合DWR，可以创建一个动态的、交互...
3. `log4j-1.2.17.jar`：Log4j，一个流行的Java日志框架，DWR使用它来记录运行时信息。 在现代的Maven项目中，这些依赖可以通过在`pom.xml`文件中添加对应的依赖项来管理，例如： ```xml <!-- Other ...
总结起来，这个项目是一个使用ExtJS作为前端框架，DWR作为通信技术，MySQL作为后端数据库，运行在Tomcat服务器上的在线聊天应用。开发者通过ExtJS构建用户界面，利用DWR实现实时的前后端交互，而数据库文件则负责...
这是,以上两个版本的升级版,在原有的基础上,增加了 清空聊天记录,上线通知,用户id,及登录的所在地（ip）,聊天信息可选择颜色, ps: 测试的时候记得将 info.txt(聊天信息保存文件) 绝对路径覆盖源码中,以前的路径,
10. **实战示例**：通过实际项目示例，比如构建一个实时聊天应用或动态图表展示，来加深对DWR的理解和应用。 在"DWR.pdf"这个文件中，你可以找到关于这些知识点的详细解释、代码示例和实践指导。通过阅读和实践，你...
DWR3.0是DWR的一个重要版本，它提供了许多增强的功能和改进，使得开发人员能够更高效地构建动态、交互式的Web应用。 DWR3.0的JAR包包含了所有必要的类和资源，用于在服务器端集成DWR框架。这个JAR文件通常会包含...
【标题】"界面简单功能简单的聊天程序dwr" 涉及的核心技术是DWR（Direct Web Remoting），它是一个开源的Java库，允许Web应用程序在客户端和服务器之间进行实时的、异步的通信，无需使用插件或者复杂的浏览器技术如...
JavaScript代码将使用DWR生成的接口与服务器进行通信，展示聊天记录，并监听新的消息。 5. **事件监听和处理**：使用Ajax，前端可以监听用户输入和发送消息的事件，同时也可以注册一个回调函数，当服务器有新消息时...