07Ajax框架课稿.ppt

练习——图书查询自动补全（二） 需求说明 基于“练习——图书查询自动补全（一）” 完成 编写客户端代码 实现函数回调，数据处理 完成时间：25分钟 指导——实现图书信息提示（一） 训练要点： 掌握使用DWR框架开发Ajax程序 需求说明： 实现图书简介信息提示 实现服务器端代码编写 完成时间：25分钟 指导——实现图书信息提示（二） 训练要点： 掌握使用DWR框架开发Ajax程序 需求说明： 基于“指导——实现图书信息提示（一）”完成 实现客户端代码编写 实现函数回调，数据处理 完成时间：25分钟 共性问题集中讲解 常见调试问题及解决办法 代码规范问题 共性问题集中讲解 总结 为什么要使用Ajax框架？ 常用的Ajax框架的种类？ 如何配置Ajax框架环境？ 如何应用Ajax框架？ 作业 课后作业 必做 教员备课时在此添加内容 选做 教员备课时在此添加内容 提交时间：xxx 提交形式：xxx 预习作业 教员备课时在此添加内容 * 第七章 Ajax框架 回顾与作业点评 什么是Web服务？ Web服务的特点？ 如何创建和发布Web服务？ 如何调用Web服务？ 如何使用Junit测试程序代码？ 本章任务 使用DWR框架简化Ajax开发 使用DWR框架实现自动补全 本章目标 掌握基于DWR框架的应用编程 掌握使用DWR简化Ajax编程 掌握使用DWR实现自动补全 为什么使用Ajax框架 简化JavaScript的开发难度 解决浏览器的兼容性问题 简化开发流程 常用Ajax框架2-1 Prototype 一个纯粹的JavaScript函数库，对Ajax提供良好支持 jQuery 非常优秀的JavaScript库，对Ajax提供了良好的支持 与Prototype设计思想不同的是在使用jQuery之后，开发者操作的不再是DOM对象而是jQuery对象 DWR 非常专业的Java Ajax框架 通过DWR框架，可将Java类的方法直接暴露给客户端 常用Ajax框架2-2 Dojo Dojo功能强大，包含许多内容，Ajax只是其中之一 特点在于控件和控件系统 目前Dojo仍然在开发完善中，版本更新速度非常快 AjaxTags 由一系列JSP标签组成，将常用的Ajax应用场景封装为简单的标签 使用DWR框架简化Ajax开发 DWR（Direct Web Remoting）是一个Java Ajax框架 DWR框架允许开发人员在客户端通过JavaScript代码调用服务器端的Java方法 DWR框架主要由两部分组成： 客户端JavaScript代码直接调用服务器端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文件，添加如下代码 servlet-namedwr_invoker/servlet-name servlet-class org.directwebremoting.servlet.DwrServlet /servlet-class init-param param-namedebug/param-name param-valuetrue/param-value /init-param /servlet servlet-mapping servlet-namedwr_invoker/servlet-name url-pattern/dwr/*/url-pattern /servlet-mapping 安装DWR2-2 创建dwr.xml文件 与web.xml文件位于同一目录 该文件用于定义Java类和JavaScript之间的对应关系，将Java类的方法暴露给客户端 其结构如下： ?xml version=1.0 encoding=UTF-8? !DOCTYPE dwr PUBLIC -//GetAhead Limited//DTD Direct Web Remoting 2.0//EN /dwr/dwr20.dtd dwr allow create creator=... javascript=... scope=... param nam