08 ajax框架应用入门-dwr.ppt

框架技术 什么是框架技术？ 框架，从根本上来说还是为了理清程序逻辑和程序结构，减轻程序员的开发强度，让程序员更加注重业务的开发。 框架，适用于大型应用型开发。在多人参与，长时间的开发，业务逻辑复杂的情况下，使用框架可以很好的进行业务分层，代码分层，可以实现同步开发，提高开发效率，缩短开发周期，松耦合，增强可扩展性，控制维护成本等。 DWR框架概述 DWR是一种AJAX的JAVA实现，它提供了一种能在web浏览器端采用JavaScript语言直接调用后台业务商业组件的解决方案。DWR通过JavaScript直接调用远程组件可以减少Web开发的时间，特别对于那些具有和用户频繁交互的Web应用程序。DWR使得浏览器不用刷新页面就可以从远程Web服务器取得用户需的数据，这种无刷新页面的交互方式大大提高Web页面的响应时间。至少用户不会感觉到刷新页面带来的等待响应心理感觉，带来更好的用户体验。 DWR框架概述 DWR所带来的： 彻底分离表现和业务逻辑，让糟糕的Scriptlets代码从此从Web页面上消失； 页面只需加载一次节省网络带宽、提高用户响应响应时间。实际应用中HTML页面标记数据量远远大于真正使用的数据量，资源重复浪费不容忽视； 由于JavaScript可以操作页面中的元素和样式，开发人员可以方便的为用户带来更好的操作体验； Web服务器的Servlet容器可以节省管理成千万个Servlet生命周期的资源开销。 配置DWR DWR配置步骤： 在WEB工程的WEB-INF/lib目录中导入dwr、log4j类库包（所有jar文件），在src目录下创建log4j的配置文件log4j.properties； 在web.xml中配置DWRServlet，映射地址为/dwr/*； 创建DWR调用的Java文件，实现需调用的方法； 创建一个dwr.xml配置文件，配置Java类以及其它参数； 在jsp页面中加入dwr.xml中“JavaScript属性值.js、en”三个js文件； 在jsp页面中创建两JavaScript个函数，一个是我们要触发的事件，一个是回调函数（回调函数中的data参数是调用Java方法的返回值）。 DWR学习示例 用户登录系统DWR示例： 我们以网站的登录为例，用户输入自己的用户名，当提示光标离开输入框时，通过DWR异步请求服务器，验证用户名是否存在。 如果用户名输入错误则提示“该用户未注册”，如果输入正确则显示一个正确的小图标。 DWR学习示例 导入类库包和log4j.properties ： DWR学习示例 在web.xml中配置DWRServlet： DWR学习示例 创建DWR调用的Java文件： 我们以网站的登录为例，用户输入自己的用户名，提示光标离开输入框时，验证用户名是否存在。 1、在src目录中创； 2、在包中建立TestUserName.java文件； 3、编写boolean test String userName 方法，该方法接收一个字符串用户名，返回一个boolean值，当返回值为true时，表示该用户名存在。 DWR学习示例 DWR学习示例 dwr.xml配置文件： dwr.xml文件需要包含XML和DWR DOCTYPE的声明行，格式如下： ?xml version 1.0 encoding UTF-8?  !DOCTYPE dwr PUBLIC -//GetAhead Limited//DTD Direct Web Remoting 2.0//EN DWR学习示例 dwr.xml配置文件： 配置文件基本结构如下：   creator id . class ./  converter id . class ./    create creator . javascript . scope .  param name . value ./   convert convertor . match ./    ...  DWR学习示例 dwr.xml配置文件： Allow部分主要有以下两个子节点组成： 一、create元素：这个元素是配置后台业务组件的创建规则和组件方法的访问规则。 二、convert元素：这个元素是配置Java对象和数据类型对应的转换器。DWR内置了所有java基本数据类型的转换器。基本数据类型的对象形式也采用统一的转换器转换。 DWR学习示例 dwr.xml配置文件： Create元素属性详细说明: creator：配置业务组件的创建类型。主要有四种:n