DWR Sample

一个Ajax Project [url]http://getahead.ltd.uk/dwr/[/url],DWR，就是有点像远程方法调用，但是它的文档里强调过，这个远程方法的调用是安全的，所有安全问题应该不需要担心。

下面测试个简单的例子，算是开始。这个例子是来自它的文档的一篇文章，主要是实现一个类似聊天室的东西，有个输入文本框，还要个显示部分。用户输入的信息点击发送就可以把消息显示到显示区域，当然是不需要刷新的^_^。
1、先到DWR网站去下载个jar包dwr.jar，地址是： [url]http://getahead.ltd.uk/dwr/download[/url]，并把该包放到自己的webproject的WEB-INF/lib目录下。
2、然后修改配置文件web.xml把加入如下信息：

 
  DWR Servlet
  dwr-invoker
  uk.ltd.getahead.dwr.DWRServlet
  
   debug
   true
  
 
 
 
  dwr-invoker
  /dwr/*
 

这个应该和我们其他的app配置没什么两样的。
3、配置DWR专门的配置文件dwr.xml(放到和web.xml一个目录下)，这个文件就是部署你可以被调用的远程的方法和类。

这个文件描述的服务器端的类Chat和JavaBean,Message。

4、对应的服务器类文件：
Chat.java

package com.motel168.chat;
      
      
      
      


      
      
      
      

       
       
       
       import java.util.LinkedList;
       
       
       
       
import java.util.List;
      
      
      
      

      
      
      
      

       
       
       
       public class Chat {
       
       
       
       
 static LinkedList messages = new LinkedList();
       
       
       
       
 public List addMessage(String text){
       
       
       
       
  if(text != null && text.trim().length()>0){
       
       
       
       
   messages.addFirst(new Message(text));
       
       
       
       
   while(messages.size() > 10){
       
       
       
       
    messages.removeLast();
       
       
       
       
   }
       
       
       
       
  }
       
       
       
       
  return messages;
       
       
       
       
 }
       
       
       
       
 public List getMessages(){
       
       
       
       
  return messages;
       
       
       
       
 }
      
      
      
      

}
Message.java

package com.motel168.chat;
      
      
      
      


      
      
      
      

       
       
       
       public class Message {
       
       
       
       
 long id = System.currentTimeMillis();
       
       
       
       
 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;
       
       
       
       
 }
       
       
       
       
}
       
       
       
       

      
      
      
      

5、在前端页面调用：

      
      
      
      


      
      
      
      

       
       
       
         
       
       
       
       
    
       
       
       
       
    
       
       
       
       
  
       
       
       
       
  
       
       
       
       
  
       
       
       
       
 
聊天记录：
       
       
       
       
 

       
       
       
       
 

       
       
       
       
 请输入信息：
       
       
       
       
 
       
       
       
       
  
       
       
       
       

       
       
       
       

      
      
      
      

是动态产生的js文件，另外两个util.js,engine.js是两个javascript库文件。

后面有个DWRUtil类可以参考对应的文档。
最后应该是类似下面这个效果：

信息：

©著作权归作者所有：来自51CTO博客作者qiyadeng的原创作品，如需转载，请与作者联系，否则将追究法律责任

职场 休闲 Sample WEB

0

分享

微博 QQ 微信

收藏

上一篇：Ajax简单实例应用 下一篇：some AJAX Projec...

qiyadeng

32篇文章，6W+人气，0粉丝

Ctrl+Enter 发布

发布

取消

1条评论

按时间倒序 按时间正序