简单介绍一下DWR框架,首先DWR框架是Ajax的一个开源框架,目前流行的还有EXTJS,JODO,JQuery,Property等。
dwr的作用就是直接跨servlert或者是action 可以直接与DAO类进行交互,也就是说可以直接在JS里面调用DAO,这对于一个初学者来说,吸引不少呵呵, 下面就开始学习把!不,应该是应用了!
第一步:下载导入DWr.jar,common-logging.jar 这两个 jar包
第二步:配置dwr.xml 把他丢到WEB-INF 下
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd">
<dwr>
<allow>
<!-- convert将bean的集合变成javascript中的对象数组-->
<convert match="com.vo.PicVO" converter="bean"></convert>
<!-- 业务处理类 -->
<!-- 获取说有的数据库图片列表 -->
<create creator="new" javascript="PicDAO" scope="session">
<param name="class" value="com.dao.PicDAO"/>
<!--这里是暴露你dao类里面的方法,
方法名就是我下面的,
当然你可以选择不暴露,
因为默认是暴露你全部的方法
我这里是选择你像暴露的那几个方法就可以了!-->
<include method="getPicList"/>
<include method="getInfoById"/>
</create>
</allow>
</dwr>
第三步:在web.xml里面配置dwr框架
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>
org.directwebremoting.servlet.DwrServlet
</servlet-class>
<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>
这里如果你配置了struts2.0的话路径这里会与struts2.0的路径配置,有冲突的!以后我配置struts2.0与DWR的时候在讲!
可以了现在你可以发布你的工程,然后在你工程后面加上http://localhost:8080/PicAjax/dwr 他会有东西显示的,请看我附录里面的图。
ok!现在就到了如何在js里面调用了。
呵呵如何得到一个List?如何调用getInfoById(int id)它的返回值是vo?
下面的是重点:
第一步:导入这三个dwr系统自带的js文件
<scripttype='text/javascript' src='/PicAjax/dwr/interface/PicDAO.js'></script>
<script type='text/javascript' src='/PicAjax/dwr/engine.js'></script>
<script type='text/javascript' src='/PicAjax/dwr/util.js'></script>
第二步:
<script type="text/javascript">
function getTable(){
PicDAO.getPicList(callBack);
}
function callBack(data){
for(var i=0;i<data.length;i++){
var cell=[
function(data){
return data.picid;
},
function(data){
return data.picname;
},
function(data){
return data.picinfo;
},
function(data){
return data.picpath;
},
function(data){
var a=document.createElement("a");
a.setAttribute("href","javascript:edit("+data.picid+")");
var txt=document.createTextNode("编辑");
a.appendChild(txt);
return a;
}
];
}
if (typeof window['DWRUtil'] == 'undefined')
window.DWRUtil = dwr.util;
DWRUtil.addRows("tab",data,cell);
}
</script>
必须要有回调函数,这是与dao类交互的时候,系统会自动调用回调函数。
<body>
<table>
<tr>
<td>
图片编号
</td>
<td>
图片名称
</td>
<td>
图片信息
</td>
<td>
图片地址
</td>
<td>
是否编辑
</td>
</tr>
<tbody id="tab">
</tbody>
</table>
<input type="button" value="加载..." onclick="getTable()">
因为dao里面返回的数据就是JSON类型的 所以在js客户端就使用JSON来解析,而VO就是对应的你在dwr.xml里面配置的bean
现在运行 看看是不是可以了??
- 大小: 23.8 KB
分享到:
相关推荐
学习和理解Ajax及DWR框架,可以帮助开发者构建更加高效、互动性强的Web应用,提升用户在浏览网页时的体验。无论是前端的JavaScript编程,还是后端的Java服务,DWR都提供了强大的工具来简化这个过程。对于希望深入...
DWR(Direct Web Remoting)框架是一个开源的Java库,它允许Web应用程序在客户端和...通过学习这两个PPT,你可以全面了解DWR框架,掌握其核心概念和使用技巧,从而在实际项目中更好地运用DWR实现高效、动态的Web应用。
### 使用DWR框架详解 #### 22.1 DWR体验 ##### 22.1.1 DWR概述 DWR(Direct Web Remoting)是一个基于Java EE的开源Ajax框架,由Joe Walker开发并维护。它允许前端JavaScript代码直接调用后端Java方法,简化了...
通过这个项目,初学者可以深入了解DWR框架的工作原理,以及如何结合AJAX技术实现动态交互的功能。同时,这也是对JavaScript、Java和数据库操作的一次综合实践,对于提升Web开发技能非常有帮助。在实际应用中,还可以...
通过阅读"DWR.doc"和"DWR中文文档.pdf",初学者可以全面了解DWR框架,掌握其核心概念和使用技巧,进一步提升Web应用开发的能力。同时,文档中的例子和实践指导将有助于加深理解和实际操作,从而更好地将DWR应用于...
对于初学者来说,理解DWR的工作原理和应用场景,以及如何正确配置和使用它,将有助于提升开发效率并提供更优的用户界面。通过学习提供的"DWR框架的应用示例",新手可以快速上手并掌握DWR的核心功能。
DWR(Direct Web Remoting)框架是一个开源的Java库,它允许在Web应用程序中实现JavaScript与服务器端Java代码之间的直接...对于初学者来说,"Hello World"程序是一个很好的起点,帮助理解DWR的工作原理和使用方式。
DWR(Direct Web Remoting)框架是一个开源的Java库,它允许JavaScript在浏览器端与服务器端的Java对象进行直接交互,实现动态...对于初学者来说,理解DWR的工作原理和实践应用实例,将有助于提升他们的Web开发技能。
**DWR中文文档**:这份文档可能是对DWR框架的详细介绍,包括如何安装、配置、使用DWR,以及各种示例代码,对于初学者来说是非常有价值的参考资料。 **DWR参考文档**:这份文档可能包含了DWR的详细API参考,涵盖了...
DWR(Direct Web Remoting)是一个开源...这个示例适合初学者,因为它提供了直观的示例,涵盖了DWR的基础用法。通过深入研究并动手实践,你将能够掌握DWR框架,并将其应用到自己的项目中,提升Web应用的用户体验。
这个小练习是初学者了解并实践DWR框架的好机会,它可以帮助你掌握如何将DWR集成到Web应用中,实现客户端与服务器端的高效交互。DWR允许前端JavaScript代码直接调用后端Java方法,仿佛它们是在同一环境中执行,从而...
5. **小demo**:这个项目可能包含了一个简单的示例,演示了如何在J2EE环境中集成DWR,以及如何使用DWR进行后台交互的基本步骤,这对于初学者理解和学习DWR非常有帮助。 6. **标签“dwr”**:这个标签明确了项目的...
通过这个实例,初学者可以快速掌握DWR的基本使用,进阶开发者则能更深入地了解其内部工作原理和高级特性,从而在实际项目中更有效地利用DWR框架。记住,实践是检验真理的唯一标准,多动手操作,结合实例进行学习,你...
DWR(Direct Web Remoting)框架是一个开源的Java库,它允许在Web应用程序中实现JavaScript与服务器端Java对象之间的直接...对于初学者来说,理解DWR的工作原理并实践其基本使用,是提升Web应用交互体验的关键一步。
通过这个简单的DWR应用示例,初学者可以了解如何设置DWR环境,配置允许的Java方法,以及在客户端使用JavaScript调用这些方法。进一步学习DWR,可以深入理解其高级特性,如批量处理、异步调用、错误处理等,从而更...
**DWR(Direct Web Remoting)**是一种开源的Java...通过阅读中文文档和学习PPT,可以快速掌握DWR框架,并将其应用到实际项目中。在实践中,不断探索和理解DWR的高级特性和最佳实践,将有助于提升开发效率和应用质量。
本文将详细介绍如何使用DWR框架来整合JSF,为初学者提供一个入门指南。 1. **DWR简介**:DWR的核心功能是创建了一个JavaScript到Java的远程调用层,使得前端的JavaScript代码能够像调用本地函数一样调用服务器上的...
通过阅读这份"DWR文档",初学者将能够全面了解DWR框架,掌握其工作原理,并具备使用DWR开发AJAX应用的能力。记得在学习过程中实践操作,结合实际项目来巩固理论知识,这样将更有利于理解和应用这些概念。
综上所述,"4.dwr框架Ajax学习haozl整理(非常全的了更新到2013.8.17)"是一个包含关于DWR框架的详细资料集合,包括笔记、PPT、文档和示例,适合初学者和有经验的开发者深入学习和理解DWR的使用和原理。这些资源可以...