第七章DWR与SSH整合

1、第七章 dwr与ssh整合上节回顾 struts2与spring整合 配置侦听器 配置初始化参数 与hibernate整合本讲目标 掌握dwr.xml文件的配置 creator属性 convert属性 掌握dwr与ssh整合使用dwr框架简化ajax开发 dwr（direct web remoting）是一个java ajax框架 dwr框架允许开发人员在客户端通过javascript代码调用服务器端的java方法 dwr框架主要由两部分组成： 客户端javascript代码直接调用服务器端java方法 服务器上运行的dwr核心servlet负责处理客户端请求，将客户端请求委托到实际的java

2、对象进行处理，并将结果返回给客户端下载dwr框架 dwr的官方站点： /dwr/downloads/index.html 各下载项说明： jar file：该选项仅下载dwr.jar文件 war file：该选项下载dwr.jar文件及其其他依赖的类库，还包括dwr的使用范例 sources：该选项下载dwr的源文件dwr.xml详解 元素：定义了dwr能够创建和转换的类，是dwr.xml中最重要的元素 元素：创建器定义如何将一个java类转换成javascript对象 元素：类型转换器，用于定义java类型和javascript类型之间的

3、对应关系元素的属性和子元素2-1 元素的属性： creator属性：dwr内置多个创建器用于处理多种类型java类 javascript属性：在客户端给创建的javascript对象命名。该名字将在页面里作为js被导入 scope属性：作用域。选项可以是：application, session, request和page。默认为page元素的属性和子元素2-1 元素的子元素： 元素：用来指定创建器的参数。其中name属性用来指定参数名称，value指定参数的值 元素：定义允许访问的方法列表 元素：定义不允许访问的方法列表，其中method属性指定不被暴露给客户端的方法元素 dwr默认支持的类

4、型有： 所有基本类型，boolean、 int 、double等等 包装类，boolean、integer等等 java.lang.string 日期类型，如：java.util.date 和 java.sql.times、java.sql.timestamp等 数组(存放以上类型的) 集合类型 (list、set、map、iterator等等)元素 bean转换器 用于完成javabean对象和javascript对象之间的转换 dwr默认关闭bean转换器 如果需要进行javabean对象和javascript对象之间的转换，需要在dwr.xml中显式设置使用dwr框架/暴露给暴露给jav

5、ascript的的java类类public class dwrservice public dwrbean getdwrbean(string message) dwrbean db = new dwrbean(); db.setmessage(message); return db; /封装数据的封装数据的javabeanpublic class dwrbean private string message; public string getmessage() return message; public void setmessage(string message) this.messa

6、ge =您输入的是：您输入的是： + message; /修改修改dwr.xml文件内容如下：文件内容如下： function init() /调用调用date对象的对象的tostring（）方法，（）方法，load为回调函数为回调函数 dwrdate.tostring(load); function load(data) document.getelementbyid(time).innerhtml = data; function hellodwr(data) /调用调用dwrservice对象的对象的getdwrbean（）方法（）方法 /其中其中data为为getdwrbean（）方法

7、的参数，（）方法的参数，hellodwrcallback为回调为回调函数函数 dwrservice.getdwrbean(data,hellodwrcallback); function hellodwrcallback(dwrbean) /在在dwr.xml中设置了中设置了dwrbean的转换器，的转换器， /因此在客户端可以通过因此在客户端可以通过“.”操作符操作操作符操作dwrbean中的属性。中的属性。 document.getelementbyid(hellodwr).innerhtml = dwrbean.message; dwr 如何简化如何简化ajax 开发开发?engine.

8、js engine.js对dwr非常重要，它是dwr客户端的核心，用来把动态生成的javascript对象转换为服务器上的java对象 该函数库可用于设置一些dwr的全局属性 dwr.engine.settimeout(time)，以毫秒为单位设置请求超时的时间 dwr.engine.sethttpmethod(method)，该方法只能设置两个值post和get dwr.engine.setordered(boolean)，ajax通常都是异步调用，但服务器响应的顺序与调用顺序往往不同，使用dwr.engine.setorfered(true)语句，dwr将保证请求的顺序与服务器响应的顺序一

9、致util.js util.js文件中包含了一些工具函数，通过这些函数的帮助，将简化javascript操作 util.js提供一些基本的页面操作函数，通过这些函数可以方便的操作html元素 util.js文件与dwr框架关系不是特别大，可以在任何不同的网页中使用（即便该工程没有dwr支持）$( )函数 $( )函数根据指定id查找页面中的html元素 简单的讲 $(id) = document.getelementbyid(id) 使用 $() 使代码更简洁、更清晰getvalue() 和setvalue()函数 getvalue()函数和setvalue()函数用于简化访问和修改html元

10、素的值 dwr.util.getvalue(id)：返回html元素的值 dwr.util.setvlaue(id，value ,options)：根据第一个参数中指定的id找到相应元素，并根据第二个参数value改变该元素的值列表操作函数 dwr.util.removealloption(id)：用于删除列表中的所有项 dwr.util.addoptions()：用于添加列表项表格操作函数id为为table元素的元素的id属性值（最属性值（最好是好是tbody元素的元素的id属性值）属性值）dwr提供两个函数帮助我们操作表格提供两个函数帮助我们操作表格dwr.util.removeallrows(id)：删除：删除table中所有行中所有行dwr.util.addrows(id,array,cellfuncs,options)：向表中添加数据行向表中添加数据行使用dwr实现自动补全 自动补全：是指用户在文本框中输入前几个字母或汉字的时候，自动在存放数据的文件或数据库中将所有以这些字母或汉字开头的数据提示给用户供用户选择 在日常上网过程中，我们经常使用搜索引擎，当我们输入想要检索的关键字时，搜索引擎会提示我们相关的关键字示例 自动补全示例 用户列表示例与ssh的整合 将create标签做如下改动： 此时创建及管理对象的是sp