【DWR】基于DWR技术的聊天室（简单功能）

最新推荐文章于 2021-02-23 09:40:37 发布

siyue_qi

最新推荐文章于 2021-02-23 09:40:37 发布

阅读量1.1k

点赞数

分类专栏： Java 文章标签： dwr 聊天 string bean class function

本文链接：https://blog.csdn.net/siyue_qi/article/details/2494310

版权

Java 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

首先下载DWR技术所要的jar包。http://d.download.csdn.net/down/473633/siyue_qi

第一步：建立bean类和消息类。

这是Bean：

package com.siyue;
 
import java.util.LinkedList;
import java.util.List;
 
public class Chat {
  private static LinkedList<Message> messages = new LinkedList<Message>();
 
  // 增加消息
  public List addMessage(String text) {
    if (text != null && text.trim().length() > 0) {
      messages.addFirst(new Message(text));
    }
 
    return messages;
  }
 
  // 获得消息
  public List getMessages() {
    return messages;
  }
} 

这是消息类Message：

package com.siyue;

public class Message {
	private long id = System.currentTimeMillis();
	
	private String text;
	
	public Message(String newtext) {
		text = newtext;
		if (text.length() > 256) {
			text = text.substring(0, 256);
		}
		text = text.replace('<', '[');
		text = text.replace('&', '_');
	}
	
	public long getId() {
		return id;    
	}
	
	public String getText() {
		return text;    
	}
}

第二步：创建dwr.xml，路径web-inf

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
 
<dwr>
  <allow>
 
    <create creator="new" javascript="Chat">
      <param name="class" value="com.siyue.Chat"/>
    </create>
    
    <convert converter="bean" match="com.siyue.Message"/>      
  </allow>
</dwr>

第三步：创建jsp或html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<title>Insert title here</title>
 
<script src="dwr/interface/Chat.js" type="text/javascript"></script>
<script src="dwr/engine.js" type="text/javascript"></script>
<script src="dwr/util.js" type="text/javascript"></script>
 
<script type="text/javascript">
function sendMessage() {
    var text = DWRUtil.getValue("text");
    DWRUtil.setValue("text", "");
    Chat.addMessage(text, gotMessages);
}
 
function gotMessages(messages) {
    var chatlog = "";
    for (var data in messages) {
        chatlog = "<div>" + messages[data].text +
            "</div>" + chatlog;
    }
    DWRUtil.setValue("chatlog", chatlog);
  setTimeout("queryMessage()", 2000);
}
 
function queryMessage() {
  Chat.getMessages(gotMessages);
}
</script>
 
</head>
<body>
 
<p>
  Your Message:
  <input id="text"/>
  <input type="button" value="Send"
      οnclick="sendMessage()"/>
</p>
 
<p>Messages:</p>
<div id="chatlog"></div>
 
</body>
</html>

这三个是dwr通过js调用后台java代码的js文件，直接导入。
<script src="dwr/interface/Chat.js" type="text/javascript"></script>
<script src="dwr/engine.js" type="text/javascript"></script>
<script src="dwr/util.js" type="text/javascript"></script> 
第四步：运行，OK。

siyue_qi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
【DWR】基于DWR技术的聊天室（简单功能）

首先下载DWR技术所要的jar包。http://d.download.csdn.net/down/473633/siyue_qi第一步：建立bean类和消息类。这是Bean： package com.siyue; import java.util.LinkedList;import java.util.List; public class Chat { private static Li
复制链接

扫一扫