学习DWR

在项目中需要用到ajax技术,ajax早就不是一个新鲜的技术了,现在可以说是在web开发应用中,ajax是盛行的时代!伴随着这样技术不断成熟,也涌现出不少的ajax框架,经同事介绍,说DWR是一种能够很好实现ajax的项目.故找了一些资料,做了练习,发现它有自己很大的优势.什么是DWR？ DWR是一个Open Source的 java项目。DWR可以让JavaScript调..

bicashy

91人浏览 · 2007-05-23 00:05:23

bicashy · 2007-05-23 00:05:23 发布

在项目中需要用到ajax技术,ajax早就不是一个新鲜的技术了,现在可以说是在web开发应用中,ajax是盛行的时代!伴随着这样技术不断成熟,也涌现出不少的ajax框架,经同事介绍,说DWR是一种能够很好实现ajax的项目.故找了一些资料,做了练习,发现它有自己很大的优势.

什么是DWR？

DWR是一个Open Source的 java项目。DWR可以让JavaScript调用运行在Web服务器里面的JAVA程序。简单一点或者专业一点就是Easy AJAX for JAVA.

下面将一步一步的介绍怎么完成一个简单DEMO

从官方网站下载DWR https://dwr.dev.java.net/files/documents/2427/32252/dwr.war 把他直接放到TOMCAT_HOME/webapps 下面

从网上download dwr.war,放到tomcat服务器下,启动服务可以看下/chat/java_chat.html页面的效果,那是一个简单的聊天程序.

例子:Hello World

源代码:

java 代码

 Servic.java   
 package helloWorld;   
   
 public class Service {   
  public String sayHello(String name){   
   return name+": Hello World!";   
  }   
   
 }

dwr.xml

<? xml version = "1.0" encoding = "UTF-8" ?>
< dwr >
< allow >
< create creator = "new" javascrī pt = "Service" scope = "application" >
< param name = "class" value = "helloWorld.Service" />
</ create >
</ allow >
</ dwr >

web.xml

<? xml version = "1.0" encoding = "UTF-8" ?>
< web-app >
< servlet >
< servlet-name > dwr-invoker </ servlet-name >
< servlet-class > org.directwebremoting.servlet.DwrServlet </ servlet-class >
< init-param >
< param-name > logLevel </ param-name >
< param-value > INFO </ param-value >
</ init-param >
< 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 >

helloworld.html

< html >
< head >
< title > Hello World </ title >
< scr īpt type = 'text/javascrīpt' src = '../dwr/engine.js' > </ scr īpt >
< scr īpt type = 'text/javascrīpt' src = '../dwr/interface/Service.js' > </ scr īpt >
< scr īpt type = 'text/javascrīpt' src = '../dwr/util.js' > </ scr īpt >
< scr īpt type = "text/javascrīpt" >
function sayHello() {
Service.sayHello("voole",callback);
}
function callback(data){
alert(data);
}
</ scr īpt >
</ head >
< body >
< input type = "button" value = "Send" ō nclick = "sayHello()" />
</ body >
</ html >

源码浅析
dwr的设计很象webwork2的设计,隐藏http协议,扩展性，兼容性及强。

通过研究uk.ltd.getahead.dwr.DWRServlet这个servlet来研究下dwr到底是如何工作滴。

代码

web.xml配置
< servlet >
< servlet-name > dwr-invoker </ servlet-name >
< servlet-class > uk.ltd.getahead.dwr.DWRServlet </ servlet-class >
</ servlet >
< servlet-mapping >
< servlet-name > dwr-invoker </ servlet-name >
< url-pattern > /dwr/* </ url-pattern >
</ servlet-mapping >

代码

public void handle(HttpServletRequest req, HttpServletResponse resp)
throws IOException
{
String pathinfo = req.getPathInfo();
if (pathinfo == null || pathinfo.length() == 0 || pathinfo.equals( "/" ))
{
resp.sendRedirect(req.getContextPath() + req.getServletPath() + '/' + "index.html" );
} else
if (pathinfo != null && pathinfo.equalsIgnoreCase( "/index.html" ))
{
doIndex(req, resp);
} else
if (pathinfo != null && pathinfo.startsWith( "/test/" ))
{
doTest(req, resp);
} else
if (pathinfo != null && pathinfo.equalsIgnoreCase( "/engine.js" ))
{
doFile(resp, "engine.js" , "text/javascript" );
} else
if (pathinfo != null && pathinfo.equalsIgnoreCase( "/util.js" ))
{
doFile(resp, "util.js" , "text/javascript" );
} else
if (pathinfo != null && pathinfo.equalsIgnoreCase( "/deprecated.js" ))
{
doFile(resp, "deprecated.js" , "text/javascript" );
} else
if (pathinfo != null && pathinfo.startsWith( "/interface/" ))
{
doInterface(req, resp);
} else
if (pathinfo != null && pathinfo.startsWith( "/exec" ))
{
doExec(req, resp);
} else
{
log.warn( "Page not found. In debug/test mode try viewing /[WEB-APP]/dwr/" );
resp.sendError( 404 );
}
}

dwr的设计构思很是巧妙。
第一、把java类转化为javascript类由dwr自动完成，只需简单的配置。
第二、应用起来极其简单。开发者不要该服务器代码就可以集成。
第三、容易测试。和webwork一样，隐藏的http协议。
第四、及强扩展性。例如与spring集成，只需修改一点代码。
第五、性能。就我与jason,等简单比较，dwr性能可能是最好的。
第六、自动把java对象转化为javascript对象，并且及易扩展。[/