第七章 DWR与SSH整合

1、第七章 dwr与ssh整合,上节回顾,struts2与spring整合 配置侦听器 配置初始化参数 与hibernate整合,主要内容,dwr框架介绍 dwr.xml配置文件 dwr与ssh的整合 creator属性的值 convert属性的使用,本讲目标,掌握dwr.xml文件的配置 creator属性 convert属性 掌握dwr与ssh整合,使用dwr框架简化ajax开发,dwr（direct web remoting）是一个java ajax框架 dwr框架允许开发人员在客户端通过javascript代码调用服务器端的java方法 dwr框架主要由两部分组成： 客户端javascri

2、pt代码直接调用服务器端java方法 服务器上运行的dwr核心servlet负责处理客户端请求，将客户端请求委托到实际的java对象进行处理，并将结果返回给客户端,下载dwr框架,dwr的官方站点： /dwr/downloads/index.html 各下载项说明： jar file：该选项仅下载dwr.jar文件 war file：该选项下载dwr.jar文件及其其他依赖的类库，还包括dwr的使用范例 sources：该选项下载dwr的源文件,安装dwr2-1,添加dwr.jar文件到web-inf/lib目录下 修改web.xml文件，

3、添加如下代码,dwr_invoker org.directwebremoting.servlet.dwrservlet debug true dwr_invoker /dwr/* ,安装dwr2-2,创建dwr.xml文件 与web.xml文件位于同一目录 该文件用于定义java类和javascript之间的对应关系，将java类的方法暴露给客户端 其结构如下：, ,脚本对象名,要发布的类名,要发布的方法名,dwr.xml详解,元素：定义了dwr能够创建和转换的类，是dwr.xml中最重要的元素 元素：创建器定义如何将一个java类转换成javascript对象 元素：类型转换器，用于定义ja

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

5、被暴露给客户端的方法,元素,dwr默认支持的类型有： 所有基本类型，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.x

6、ml中显式设置,使用dwr框架,/暴露给javascript的java类 public class dwrservice public dwrbean getdwrbean(string message) dwrbean db = new dwrbean(); db.setmessage(message); return db; /封装数据的javabean public class dwrbean private string message; public string getmessage() return message; public void setmessage(string m

7、essage) this.message =您输入的是： + 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（）方法的参数，hellodwrcallbac

8、k为回调函数 dwrservice.getdwrbean(data,hellodwrcallback); function hellodwrcallback(dwrbean) /在dwr.xml中设置了dwrbean的转换器， /因此在客户端可以通过“.”操作符操作dwrbean中的属性。 document.getelementbyid(hellodwr).innerhtml = dwrbean.message; , ,dwr 如何简化ajax 开发?,engine.js,engine.js对dwr非常重要，它是dwr客户端的核心，用来把动态生成的javascript对象转换为服务器上的jav

9、a对象 该函数库可用于设置一些dwr的全局属性 dwr.engine.settimeout(time)，以毫秒为单位设置请求超时的时间 dwr.engine.sethttpmethod(method)，该方法只能设置两个值post和get dwr.engine.setordered(boolean)，ajax通常都是异步调用，但服务器响应的顺序与调用顺序往往不同，使用dwr.engine.setorfered(true)语句，dwr将保证请求的顺序与服务器响应的顺序一致,util.js,util.js文件中包含了一些工具函数，通过这些函数的帮助，将简化javascript操作 util.js提

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

11、ue ,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标签做如下改动： 此时创建及管理对