DWR框架简化AJAX开发：原理与实践
需积分: 4 42 浏览量
更新于2024-08-30
收藏 91KB PDF 举报
"AJAX实践DWR篇介绍了DWR(Direct Web Remoting)框架，这是一个简化AJAX开发的工具，允许客户端JavaScript直接调用服务端的Java方法，并返回值给JavaScript。DWR通过动态生成JavaScript代码，使得远程调用如同本地调用一样便捷。最新版本DWR 0.6增加了DOM Trees自动配置、Spring集成以及对更多浏览器的支持。DWR开发流程包括编写业务代码、确定可访问的Java方法、创建DWR组件、配置dwr.xml、利用反射生成JavaScript代码，以及在网页中调用并处理回调。以下是一个用户注册的例子，展示了DWR的使用方法。"
在AJAX实践中，DWR扮演着关键角色，它简化了前后端交互的复杂性。DWR的核心功能是将Java方法暴露给JavaScript，使得前端可以直接调用后端的业务逻辑，而无需传统的HTTP请求。这一特性极大地提高了Web应用的响应速度和用户体验。
DWR的使用通常分为以下几个步骤：
1. **编写业务代码**：首先，开发者需要编写与DWR无关的业务逻辑，这些代码可能是处理数据存储、计算或其他业务需求的Java类和方法。
2. **确定访问方法**：接着，需要识别哪些Java类和方法需要被JavaScript直接调用。这些通常是与用户交互密切相关的操作。
3. **创建DWR组件**：为了使JavaScript能够访问Java方法，需要创建DWR组件，对选定的方法进行封装。
4. **配置DWR**：在dwr.xml配置文件中声明这些组件，指定哪些Java类和方法可供JavaScript调用。此外，可能还需要配置类型转换规则（converters），以便在Java和JavaScript之间转换数据类型。
5. **动态生成JavaScript**：DWR通过反射技术，根据dwr.xml的配置，将Java类转换为JavaScript对象，使得前端可以直接调用。
6. **前端调用和回调**：在HTML或JavaScript页面中，可以直接调用由DWR生成的JavaScript方法，执行服务端逻辑。当服务端方法执行完毕，结果会通过回调函数返回，前端可以进一步处理这些结果，更新页面内容。
例如，在用户注册的场景中，可能有一个`User`类和一个`UserDAO`类。`User`类代表用户信息，包含属性如用户名、密码和邮箱，而`UserDAO`则负责处理用户数据的存储。DWR可以帮助在前端创建一个JavaScript对象，模拟`UserDAO`的行为，前端可以直接调用`saveUser()`这样的方法，执行注册操作，然后在回调中处理返回的结果，如显示注册成功信息或错误提示。
DWR是AJAX开发中的一个重要工具，它通过透明化前后端交互，使得JavaScript可以直接调用Java方法，极大地提高了开发效率和应用性能。通过理解并熟练掌握DWR的使用，开发者可以构建更加动态和响应式的Web应用。
AJAX实践实践DWR篇篇
DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的
Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java类来动态生成JavaScrip代码).它的最新版本DWR0.6添加许多特性如:支持
Dom Trees的自动配置,支持Spring(JavaScript远程调用spring bean),更好浏览器支持,还支持一个可选的commons-logging日记操作.
以上摘自open-open，看了几天，确实是一个非常优秀的项目，它通过反射，将java翻译成javascript，然后利用回调机制，轻松实现了javascript调用Java代
码。
其大概开发过程如下：
1.编写业务代码，该代码是和dwr无关的。
2.确认业务代码中哪些类、哪些方法是要由javascript直接访问的。
3.编写dwr组件，对步骤2的方法进行封装。
4.配置dwr组件到dwr.xml文件中，如果有必要，配置convert，进行java和javascript类型互转。
5.通过反射机制，dwr将步骤4的类转换成javascript代码，提供给前台页面调用。
5.编写网页，调用步骤5的javascript中的相关方法（间接调用服务器端的相关类的方法），执行业务逻辑，将执行结果利用回调函数返回。
6.在回调函数中，得到执行结果后，可以继续编写业务逻辑的相关javascript代码。
下面以用户注册的例子，来说明其使用。（注意，本次例子只是用于演示，说明DWR的使用，类设计并不是最优的）。
1.先介绍下相关的Java类
User: 用户类，
public class User {
//登陆ID，主键唯一
private String id;
//姓名
private String name;
//口令
private String password;
//电子邮件
private String email;
//以下包含getXXX和setXXX方法
…….
}
UserDAO：实现User的数据库访问，这里作为一个演示，编写测试代码
public class UserDAO {
//存放保存的数据
private static Map dataMap = new HashMap();
//持久用户
public boolean save(User user) {
if (dataMap.containsKey(user.getId()))
return false;
System.out.println(“下面开始保存用户”);
System.out.println(“id：”+user.getId());
System.out.println(“password：”+user.getPassword());
System.out.println(“name：”+user.getName());
System.out.println(“email：”+user.getEmail());
dataMap.put(user.getId(), user);
System.out.println(“用户保存结束”);
return true;
}
//查找用户
public User find(String id) {
return (User)dataMap.get(id);
}
}
DWRUserAccess：DWR组件，提供给javascript访问的。
public class DWRUserAccess {
UserDAO userDAO = new UserDAO();
public boolean save(User user) {
return userDAO.save(user);
}
public User find(String id) {
return userDAO.find(id);
}
}
下面说明下程序执行的流程
1.用户在页面上输入相关注册信息，id、name、password、email，点击“提交”按钮
2.javascript代码开始执行，根据用户填写相关信息，通过dwr提供的DWRUserAccess.js里save的方法，调用服务器端的DWRUserAccess类save方法，将注
册信息保存。
3.通过DWRUserAccess.jsp里的find方法，调用服务器端DWRUserAccess类里的find方法，执行用户信息查找。
注意，在以上的执行过程中，DWRUserAccess是供DWR调用的，是DWR组件，因此需要将DWRUserAccess类配置到dwr中。
接下来讲解本次dwr测试环境的配置。
1.新建一个webapp，命名为testApp
2.将dwr.jar拷贝到testApp的WEB-INF的lib目录下
3.编译上面的User，UserDAO，DWRUserAccess类，放到classes目录下
4.在web.xml中配置servlet,适配路径到dwr目录下,如下所示
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<display-name>DWR Servlet</display-name>
<description>Direct Web Remoter Servlet</description>
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>scriptCompressed</param-name>
下载后可阅读完整内容，剩余3页未读，立即下载
点击了解资源详情
点击了解资源详情
点击了解资源详情
2010-02-05 上传
2011-03-28 上传
2011-08-15 上传
2019-03-01 上传
2010-04-13 上传
2019-04-18 上传
weixin_38501826
- 粉丝: 9
- 资源: 893
我的内容管理
展开
最新资源
- JHU荣誉单变量微积分课程教案介绍
- Naruto爱好者必备CLI测试应用
- Android应用显示Ignaz-Taschner-Gymnasium取消课程概览
- ASP学生信息档案管理系统毕业设计及完整源码
- Java商城源码解析：酒店管理系统快速开发指南
- 构建可解析文本框：.NET 3.5中实现文本解析与验证
- Java语言打造任天堂红白机模拟器—nes4j解析
- 基于Hadoop和Hive的网络流量分析工具介绍
- Unity实现帝国象棋：从游戏到复刻
- WordPress文档嵌入插件：无需浏览器插件即可上传和显示文档
- Android开源项目精选：优秀项目篇
- 黑色设计商务酷站模板 - 网站构建新选择
- Rollup插件去除JS文件横幅：横扫许可证头
- AngularDart中Hammock服务的使用与REST API集成
- 开源AVR编程器：高效、低成本的微控制器编程解决方案
- Anya Keller 图片组合的开发部署记录
