dwr学习

最新推荐文章于 2024-08-12 09:24:46 发布

cyyang

最新推荐文章于 2024-08-12 09:24:46 发布

阅读量971

点赞数

分类专栏： ajax 文章标签： dwr javascript servlet java web服务 spring

ajax 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、DWR: Easy AJAX for JAVA

作为一个java open source library,DWR可以帮助开发人员完成应用AJAX技术的web程序。它可以让浏览器上的javascript方法调用运行在web服务器上java方法。

DWR主要由两部门组成。javascript与web服务器通信并更新web页；运行在web服务器的Servlet处理请求并把响应发回浏览器。

DWR采用新颖的方法实现了AJAX(本来也没有确切的定义)，在java代码基础上动态的生成javascript代码。web开发者可以直接调用这些javascript代码，然而真正的代码是运行在web服务器上的java code。出与安全考虑，开发者必须配置哪些java class暴露给DWR.(dwr.xml)

这种从(java到javascript)调用机制给用户一种感觉，好象常规的RPC机制，或RMI or SOAP.但是它运行在web上，不需要任何浏览器插件。

DWR不认为浏览器和web服务器之间协议重要，把系统界面放在首位。最大挑战是java method call的同步特征与ajax异步特性之间的矛盾。在异步模型里，结果只有在方法结束后才有效。DWR解决了这个问题，把回调函数当成参数传给方法，处理完成后，自动调用回调方法。

这个图表显示了，通过javascript事件，DWR能改变select的内容，当然这些内容由java代码返回。 javascript函数Data.getOptions(populateList)由DWR动态生成，这个函数会调用java class Data类的方法。DWR处理如何远程调用，包括转换所有的参数和返回的结果（javascript/java）。java方法执行完后，执行回调方法 populateList。在整个过程中我们就想在用本地的方法一样。

2、Getting Started

废话少说，试试就ok了。
web.xml

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd">

<web-app id="dwr">
<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>
</web-app>

dwr.xml 与web.xml同目录
<?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="JDate">
<param name="class" value="java.util.Date"/>
</create>
</allow>
</dwr>

index.html
<html>
<head>
<title>DWR - Test Home</title>
<script type='text/javascript' src='dwr/interface/JDate.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script>
function init(){
JDate.getYear(load);
}
function load(data){
alert(data+1900+'年')
}
</script>
</head>
<body οnlοad="init()">
</body>
</html>

dwr.jar 下载放lib下

完了，什么，够了，就这些。访问ok!
3、Examples
http://www.aboutmyhealth.org/ 这不是Google Suggest吗!ok.
4、源码浅析
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对象，并且及易扩展。[/code]

1、最小配置

代码

<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>

代码

servlet中加
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>

代码

<init-param>
<param-name>logLevel</param-name>
<param-value>DEBUG</param-value>
</init-param>

我是喜欢用log4j输出日志，那么在log4j.properties下加，log4j.logger.uk.ltd.getahead.dwr = debug。这样可以看DWR的调试日志。
4、多dwr.xml文件的配置
可能有几种情况，我们一一列举。一个servlet,多个dwr.xml配置文件；多个servlet，每个servlet对应一个或多个dwr.xml.
一个servlet,多个dwr.xml配置文件；

代码

<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
<init-param>
<param-name>config-1</param-name>
<param-value>WEB-INF/dwr1.xml</param-value>
</init-param>
<init-param>
<param-name>config-2</param-name>
<param-value>WEB-INF/dwr2.xml</param-value>
</init-param>
</servlet>

多个servlet，每个servlet对应一个或多个dwr.xml

代码

<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
</servlet>
<servlet>
<servlet-name>dwr-invoker1</servlet-name>
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
<init-param>
<param-name>config-admin</param-name>
<param-value>WEB-INF/dwr1.xml</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>
<servlet-mapping>
<servlet-name>dwr-invoker1</servlet-name>
<url-pattern>/dwr1/*</url-pattern>
</servlet-mapping>

代码

uk.ltd.getahead.dwr.AccessControl
uk.ltd.getahead.dwr.Configuration
uk.ltd.getahead.dwr.ConverterManager
uk.ltd.getahead.dwr.CreatorManager
uk.ltd.getahead.dwr.Processor
uk.ltd.getahead.dwr.ExecutionContext

需求很简单，就是用js向后端请求，然后把请求的结果弄进一个select里面。一开始是用xmlrequest去请求后端一个groovy的url，得到一个xml，然后把xml的内容填进select里面去。做完老瞅着不顺眼，正好在看ajax的资料，拿dwr改造一下。

js是我一直很头疼的事了，尤其是对dom的操作上面，dwr感觉就是在直接调java接口，操作java对象，省事省心啊。

用dwr，先得在web.xml中配一下。

< servlet >
2

< servlet-name > dwr-invoker </ servlet-name >
3

< servlet-class > uk.ltd.getahead.dwr.DWRServlet </ servlet-class >
4

< init-param >
5

< param-name > debug </ param-name >
6

< param-value > true </ param-value >
7

</ init-param >
8

</ servlet >
9

< servlet-mapping >
10

< servlet-name > dwr-invoker </ servlet-name >
11

< url-pattern > /dwr/* </ url-pattern >
12

</ servlet-mapping >
13

然后就是配dwr.xml文件了。
dwr和spring贴得比较紧，不用折腾，直接让dwr去调spring中定义的bean了。

<? xml version="1.0" encoding="UTF-8" ?>
2

<! DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd" >
3

< dwr >
4

< allow >
5

< create javascript ="ServerManager" creator ="spring" >
6

< param name ="beanName" > ServerManager </ param >
7

</ create >
8

</ allow >
9

</ dwr >
10

我的project中，已经在web.xml中配了spring的listener，直接写beanName就行。

在ServerManager接口中定义了如下方法
List<Server> loadAll(User manager, ServerStatus status, String order);
因此，在dwr中定义了三个convert（一开始没配，结果怎么调都不成功）。

< convert converter ="bean" match ="com.yninfo.sa.domain.Server" />
2

< convert converter ="bean" match ="com.yninfo.sa.domain.ServerStatus" />
3

< convert converter ="bean" match ="com.yninfo.sa.domain.User" />

loadAll方法中的manager参数，是用户登录成功后，session.setAttribute("user",user)存放的。在html里面，用js是无法读到的，因此，自己定义了一个java bean。

public class Remote {
2

public User getUser(HttpSession session) {
3

return (User) session.getAttribute("user");
4

}
5

}
6

同样的，在dwr中配了一下

< create javascript ="Remote" creator ="new" >
2

< param name ="class" value ="com.yninfo.sa.web.ajax.Remote" />
3

</ create >

所有配置完成后，js代码如下：

< script type = 'text / javascript' src = 'dwr / interface / Remote.js' ></ script >
2

< script type = 'text / javascript' src = 'dwr / interface / ServerManager.js' ></ script >
3

< script type = 'text / javascript' src = 'dwr / engine.js' ></ script >
4

< script type = 'text / javascript' src = 'dwr / util.js' ></ script >
5

< script >
6

function init() {
7

Remote.getUser(
8

function(user){
9

ServerManager.loadAll(user,null,null,load);
10

});
11

}
12

function load(data) {
13

for (var i=0; i<data.length; i++) {
14

document.DailyRecordAdd.elements["model.serverId"].options[i]=
15

new Option(data[i].name,data[i].id);
16

}
17

}
18

window.onload = function () {
19

init();
20

}
21

</ script >

最终的配置文件：
1

<? xml version="1.0" encoding="UTF-8" ?>
2

<! DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd" >
3

< dwr >
4

< allow >
5

< create javascript ="ServerManager" creator ="spring" >
6

< param name ="beanName" > ServerManager </ param >
7

< include method ="add" />
8

< include method ="findByPrimaryKey" />
9

< include method ="loadAll" />
10

</ create >
11

< create javascript ="Remote" creator ="new" >
12

< param name ="class" value ="com.yninfo.sa.web.ajax.Remote" />
13

</ create >
14

< convert converter ="bean" match ="com.yninfo.sa.domain.User" />
15

< convert converter ="bean" match ="com.yninfo.sa.domain.Server" />
16

< convert converter ="bean" match ="com.yninfo.sa.domain.ServerStatus" />
17

</ allow >
18

</ dwr >
19

cyyang

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
dwr学习

1、DWR: Easy AJAX for JAVA作为一个java open source library,DWR可以帮助开发人员完成应用AJAX技术的web程序。它可以让浏览器上的javascript方法调用运行在web服务器上java方法。DWR主要由两部门组成。javascript与web服务器通信并更新web页；运行在web服务器的Servlet处理请求并把响应发回浏览器。
复制链接

扫一扫

专栏目录