第十一讲《DWR高级应用》.ppt

第十一章 DWR高级应用 上章回顾 DWR配置过程 导入jar包 在web.xml 配置DWRServlet DWR使用步骤 编写Java类 配置dwr.xml文件 使用dwr测试页测试Java类 应用在网页中 JSON Suggest Box的核心函数：jsonSuggest(); Impromptu提供了种类丰富的对话框 本章目标 理解DWR框架Convert标记原理 掌握DWR框架调用不同形式的JAVA方法 工作任务 外来人员信息查询 相关实践15-1 使用MyEclipse新建Web项目“dwrslider”，将“jquery-1.3.1.min.js”、“jquery-ui-1.7.1.custom.min.js”、“ui.slider.js”复制到项目“webroot/js”目录下。 将“ui.theme.css”、“ui.slider.css”复制到项目“webroot/css”目录下。 相关实践15-2 服务器端程序 第一步，在这里我们继续使用上一个专题开发的Person类。 为了便于程序测试，在类初始化时向数据源新增200条人员记录。点击这里查看源代码 第二步，编写PageInfo类。PageInfo会根据 “记录总数”、“每页记录数”、“页码”三个参数，就能计算出程序所需要的所有分页信息。客户端只需访问PageInfo对象就可以得到某页显示时所需的所有数据与分页信息。 点击这里查看源代码 相关实践15-3 第三步，在Person类中新增getPageResult()方法，通过“页码”获取指定页的分页数据. /** * 获取指定页数据 * @param pageno 页码 * @return 指定页PageInfo对象 */ public static PageInfo getPageResult(int pageno) { //按每页10条数据进行分页，获取PageInfo对象 PageInfo pi = new PageInfo(person.size(), 10, pageno); //为防止出现“索引越界”异常，需要判断是否是最后一页数据 if (pi.getStartindex() + pi.getPagesize() pi.getRecordcount()) { pi.setList(person.subList(pi.getStartindex(), pi.getRecordcount())); } else { pi.setList(person.subList(pi.getStartindex(), pi.getStartindex() + pi.getPagesize())); } return pi; } 相关实践15-4 第四步，打开项目中“dwr.xml”，在“javascript=’person’”的create标记中加入以下配置信息，将getPageResult()方法对客户端开放： include method=getPageResult/ 相关实践15-5 在上一章我们学习使用DWR调用Java方法 Person.addPerson() Province.getAllProvince() Province.findCities() 细心地你可能已经注意到，这些方法的参数与返回值都是基础数据类型(int 、String、float)，客户端JavaScript脚本可以直接传递这类参数或者处理这类响应数据。而getPageResult()方法则不同，它的返回值是JavaBean对象，显然，对于这种结构化数据客户端JavaScript无法直接处理，这该怎么办呢？ 相关实践15-6 解决问题的原理很简单，把getPageResult()方法返回的PageInfo对象解析成JavaScript能够理解的JSON对象，问题就能迎刃而解。幸运的是，在DWR框架中，只需要在“dwr.xml”文件的allow标记中加入convert标记,DWR就可以自动将任何Java方法返回PageInfo对象自动转换为JSON对象： convert converter=bean match=com.handson.person.Person/convert 相关实践15-7 convert标记的功能十分强大，它不仅仅能将方法返回的JavaBean对象转换为JSON对象，就连List、Set、Map这种集合也能被转换为JSON对象。在PageInfo类中list属性保存了当前页面数据，list属性中每个列表项均为Person对象。我们在“dwr.xml”文件中增加以下配置信息，DWR自动将列表中遇到的任何Person对象转换为JSON对象后放入数