用DWR做个简单的聊天室

最新推荐文章于 2021-03-11 11:05:52 发布

原创最新推荐文章于 2021-03-11 11:05:52 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#dwr #聊天 #function #html #border #javascript

AJAX 专栏收录该内容

14 篇文章

订阅专栏

这是上课给学员讲的一个简单的例子，完成起来其实挺容易的，现在把代码粘贴出来，供大家学习。

dwr在servlet中的配置：

<servlet> <servlet-name>dwr-invoker</servlet-name> <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>dwr-invoker</servlet-name> <url-pattern>/dwr/*</url-pattern> </servlet-mapping>

dwr.xml的配置：

服务器端的类：

package com.dwr.biz; import java.util.LinkedList; public class Chat { private static LinkedList<String> messages = new LinkedList<String>(); /* * 最新说的话，加在最前面 */ public synchronized LinkedList<String> addMessage(String text) { messages.addLast(text); return messages; } /* * 得到所有人的聊天记录 */ public synchronized LinkedList<String> getMessages() { return messages; } }

HTML的代码，当然你也可以写成JSP

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Chat</title> <script type="text/javascript" src="dwr/interface/Chat.js" mce_src="dwr/interface/Chat.js"></script> <script type="text/javascript" src="dwr/engine.js" mce_src="dwr/engine.js"></script> <script type="text/javascript" src="dwr/util.js" mce_src="dwr/util.js"></script> <script type="text/javascript"></script> </head> <body> <p>聊天记录:</p> <div id="chatlog" style="border: 1px solid black; font-size:12px" mce_style="border: 1px solid black; font-size:12px"> </div> <p> 发言: <input type="text" id="message"/> <input type="button" value="说话" onclick="sendMessage()"/> </p> </body> </html>

这样大家就可以做个简单的聊天室了，有兴趣大家试试。有不懂的也欢迎留言！