DWR开发培训讲述.ppt

DWR WEB开发交流 1、自我介绍 2、DWR概述 3、DWR DEMO介绍 4、DWR实现机制 5、DWR配置说明 6、JS开发注意事项 * DWR WEB开发交流 2、 DWR (Direct Web Remoting )概述 DWR WEB开发交流 2、 DWR (Direct Web Remoting )概述 DWR是一种AJAX(Asynchronous JavaScript and XML)的JAVA实现，它提供了一种能在web浏览器端采用JavaScript语言直接调用后台业务商业组件的解决方案。DWR通过JavaScript直接调用远程组件可以减少Web开发的时间，特别对于那些具有和用户频繁交互的Web应用程序。DWR使得浏览器不用刷新页面就可以从远程Web服务器取得用户需的数据，这种无刷新页面的交互方式大大提高Web页面的响应时间。至少用户不会感觉到刷新页面带来的等待响应心理感觉。DWR采用浏览器端采用纯JavaScript实现，并且会自动根据浏览器类型采用最高效率的远程组件调用机制。DWR目前最新发布的稳定版本为1.0。本次项目中采用的也是目前的最新发布版本1.0。 DWR WEB开发交流 2、 DWR (Direct Web Remoting )概述 DWR所带来的 彻底分离表现和业务逻辑，让糟糕的Scriptlets代码从此从Web页面上消失。 展现页面只需加载一次节省网络带宽、提高用户响应响应时间。实际 应用中HTML页面标记数据量远远大于真正使用的数据量，资源重复浪 费不容忽视。 页面代码对页面展现样式没有任何的破坏型影响，程序员不再担心因编码而破坏页面展现样式细节。提高Web开发效率和速度。 Web服务器的Servlet容器可以节省管理成千万个Servlet生命周期的资源开销。这是确实是个振奋人心的好消息。 DWR WEB开发交流 3、DWR DEMO介绍 通过一个Demo简要说明DWR技术开发Web应用程序的主要步骤和配置规则。从而达到对DWR有个概要层面上的了解和认识，这对下一步DWR实现机制的介绍会有比较好的促进效果。 编写服务器段逻辑代码。代码尽量能够覆盖DWR开发的多个方面，具有比较强的代表性。 1、 2、 简要演示DWR的配置文件的配置和与WEB应用的集成方法。 3、 编写Web端调用服务器端代码事例，主要体现异步处理，回掉函数，JS代码对象结构，Map对象构件，实用组件介绍。 DWR WEB开发交流 3、DWR DEMO介绍 1、JavaScript的数据类型与Java数据类型的关系 Int、double、float等数值 Numbers null undefined Dom XML Dom Date Date String String Map、Java Bean Object Boolean Boolean List、Collection、数组 Array数组 Java JavaScript DWR WEB开发交流 3、DWR DEMO介绍 2、Java组件的编写和发布以及客户端引用 Java组件必须是一个具体类(因为接口、抽象类反射机制无法实例化) 实体类必须遵循Java Bean规范即实现Getter和Setter 配置文件中Allow部分的Create元素的JavaScript属性的值要唯一 如果存在Java Bean需要转换则要配置Allow部分的Convert元素 客户端引用业务组件要以dwr/interface/xxx.js的路径引用JS文件 DWR WEB开发交流 3、DWR DEMO介绍 3、典型调用示例和回调函数 简单字符串示例 Map集合类型示例 List集合类型示例 组合对象输出示例 组合对象输出示例 两种回调函数的写法和使用场合 4、DWR 实现机制 DWR WEB开发交流 1、DWR主要组成部分 JS引擎 总控制器 组件执行器 数据转换器 DWR WEB开发交流 4、DWR 实现机制 1、DWR前台引擎(Engine.js)的主要职责 截取每个后台组件的请求实现客户端的统一入口 将用于组件调用的JS参数对象重新包装组合 检测客户端浏览器的环境并选择最佳的数据提交方案 处理后台执行结果并通过执行回调函数通知客户 DWR WEB开发交流 4、DWR 实现机制 2、后台控制器(DWRServet)的主要职责 装载Servlet时初始化DWR配置参数 实现后台业务组件调用的服务器端统一入口 分发各种不同类型的请求 JS文件请求 业务调用请求等 输出组件执行结果(JavaScript语句)到客户端浏览器 DWR WEB开发交流 4、DWR 实现机制 3、业务组件执行器的主要职责 根据配置文件的参数确定后台组件的访问规则和生命周