网上收集有关DWR资料

zengbo0710

浏览: 414669 次

最近访客更多访客>>

51034581

fooler5

你妹的哈哈

fanzhenzhen1

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2007-07 ( 12)
2007-06 ( 11)
2007-05 ( 141)
更多存档...

DWR JavaScript Ajax Servlet Web

在Liferay Portal中使用DWR
Portal的概念风风火火地炒了好几年，确始终没有大红大紫。眼看着Ajax和Web 2.0朝自己杀来，靠Portal产品过日子的厂商们也终于按耐不住了。老牌开源Portal产品Liferay在其4.0版本中就加入了Ajax的东东，其Portlet的移动、添加和删除就是基于Ajax的。但是这远远是不够的，如果不能在产品级别更好的支持Portlet内部的Ajax，那么传统的Portal很可能会穷途末路，因为完全基于Ajax的PortalFramework已经出现了，如Light。

然而无论Ajax和Web 2.0发展成什么样，有一点它是无法取代Portal的，就是Web系统的组件化乃至服务化。Portal最有价值的地方也就是提出了把Web系统当作组件或服务来集成，这样，无论是遗留下来的Web系统，还是新开发的Web系统，都可以很简单地集成在一块儿，并且，把某个Web系统替换掉也是很简单的。也许不久的将来，Ajax和Web 2.0的阵营中也会出现把Web系统当作组件或服务的技术，但是这其实就是Portal的概念，换汤不换药。

前阵子有机会在Liferay Portal下开发一些Ajax的Portlet，其中用到了DWR，有些tricky的地方，写在这里方便各位，也方便自己。

在Portlet的jsp中引用DWR的js不能简单地直接使用相对路径，比如，如果DWR的js相对jsp放在/dwr目录中的话，如下的引用方式是不对的：

其中的renderRequest和renderResponse是Liferay Portal添加到jsp中的隐含变量，负责对Portlet进行渲染。renderRequest.getContextPath()就是当前jsp的路径，加上js相对于jsp的路径，最后要用renderResponse.encodeURL()方法解码一下才能得到正确的路径。

其他方面，DWR的使用方法就和在一般的jsp中的使用方法一样了。从这里也可以看出，不光是使用DWR，所有对js及其他资源的引用都要用这种方法。

如何实现DWR的多人同时开发
这几天研究了一下DWR,觉的有了这个东东后,Ajax就非常Easy了,可以说是不用学了,我用的是1.1.1的版本,2.0的版本目前还在开发,具体的网址是http://getahead.ltd.uk/dwr/documentation,里面说的很简单,对Web开发比较熟的化,一天就能全学会,不过要做好的话,还是需要在工作中遇到具体的问题再具体解决,再和Spring和Hibernate一结合的化,感觉能大大加快开发进度,现在主要说说如何配置多个dwr.xm,这样的化就可以多个人同时开发,互不影响,这对公司的版本控制还是比较有益处的.

主要是在web.xml中配置

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

这样的话在WEB-INF文件夹下就新增两个XML文件,分别为dwr-user.xml,dwr-admin.xml就行了,然后访问:http://localhost:8080/your app/dwruser就能看到它的测试页面了,把它的javascript文件的存放位置拷下来,放到你的JSP或html文件中,就OK了,我觉的这个测试页主要也就是做这个的,它的一些测试方法,我觉的不是很好用.这样就可以同时有多个XML的配置文件,大家同时开发不影响.

最后记住一点,为了搞明白这一点,花了我一下午和晚上的时间,就是在你的web app目录中,不要创建dwruser或dwradmin这样的目录,更不要把Jsp或html放进去,否则的话,不管用绝对还是相对路径都找不到.

dwr的页面必须放在根文件么？（20分）

所属论坛： Web 开发 Ajax
发表时间： 2006-8-12 11:07:19

配置如下：
1.xml文件
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
</web-app>
2.dwr.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="FirstAjax">
<param name="script" value="com.ajax.start.FirstAjax" />
</create>
<create creator="new" javascript="DwrTest">
<param name="class" value="com.ajax.start.DwrTest"/>
<param name="script">

<![CDATA[

com.ajax.start.DwrTest;

return DwrTest.getInstance();

]]>

</param>
<include method="getMessage"/>
</create>
</allow>
</dwr>
3.index.html

<html>
<head>
<title> now start ajax </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<script type="text/javascript" src="./dwr/interface/FirstAjax.js"></script>
<script type="text/javascript" src="./dwr/engine.js"></script>
<script type="text/javascript" src="./dwr/util.js" ></script>
<script type="text/javascript" src="./dwr/interface/DwrTest.js" ></script>
<script type="text/javascript">

function sendMessage(msg)
{
alert ("123");
var msgvalue = document.getElementById(msg).value;
FirstAjax.getGreetings(loadMessage, msgvalue);
}

function loadMessage(data)
{

document.getElementById("message").innerHTML = data;
}
function getMessage(){
DwrTest.getMessage(load,1);
}
function load(data){
document.getElementById("message").innerHTML=data;
var row = createElement("tr");
var nodetext=create
}
</script>

</head>

<body>
<h2> ajax is coming....</h2>

<table>
<tr>
<td>following...</td>
</tr>
<tr>
<td>
<input type="text" name="msg" size="30">
<input type="button" value="click me" name="tt" onclick="sendMessage('msg')">
<input type="button" value="test1" name="tt" onclick="getMessage()">
</td>
</tr>
<tr>
<td>
<div id="message"></div>
</td>
</tr>
</table>
</body>
</html>

目录结构：
webroot/WEB-INF/WEB.XML
webroot/WEB-INF/DWR.XML
webroot/admin/index.html

dwr测试页测试DwrTest方法正常，但在index.html上却提示DwrTest未定义。把index.html放在webroot/目录下能正常显示。求解

第1楼　 2006-8-12 11:15:00 返回顶部

......
<script type="text/javascript" src="../dwr/interface/FirstAjax.js"></script>
<script type="text/javascript" src="../dwr/engine.js"></script>
<script type="text/javascript" src="../dwr/util.js" ></script>
<script type="text/javascript" src="../dwr/interface/DwrTest.js" ></script>
原来是这样，结帖
————————————————————————

AJAX，可不是荷兰阿贾克斯足球队，是一种利用XMLHTTP请求的技术，本文介绍DWR实现AJAX的框架

分享到：