Java Web程序设计案例教程第十章 AJAX和DWR框架应用.pptVIP

案例2 应用AJAX检测注册时的用户名 【实施步骤】 4.发布并运行jspChap10项目，在浏览器中输入http://localhost:8080/jspChap10/reg.jsp，在用户名文本框中输入Customer数据表中已有的用户名lucky，并将光标移出此文件框外，将可查看到结果，运行效果如10-4和10-5所示。 案例2 应用AJAX检测注册时的用户名 【案例总结】 通过这个实际的应用，可以体会到AJAX可以在不刷新页面的情况下更新页面的部分信息或给出提示信息。 10.2 DWR框架应用 理解DWR框架的工作原理和工作过程； 掌握DWR框架在Web应用系统中的配置； 掌握DWR框架使用的一般过程。 【本节要点】 案例3 DWR框架的简单应用 （１）理解DWR框架的工作过程； （２）掌握DWR框架使用的一般过程。 【学习目标】 【设计要求 】 使用DWR框架完成电子商城中注册时用户名的异步检测。 案例3 DWR框架的简单应用 1.DWR的工作原理 DWR的工作原理是通过动态地把Java类生成为JavaScript，它的代码与AJAX一样，用户感觉调用就像发生在浏览器端，但实际上代码调用发生在服务器端。DWR负责数据的传递与转换。且DWR不需要任何的网络浏览器插件就能运行在网页上。 【知识要点】 案例3 DWR框架的简单应用 2.DWR的工作过程 如图10-6所示的工作过程。DWR动态的在HTML或JSP页面的JavaScript里生成一个AjaxService类去匹配服务器端的代码，由eventHandler去调用它，然后DWR处理所有的远程细节，包括倒置（converting）所有的参数以及返回JavaScript和java的值。即，在图10-6的例子中，先在eventHandler方法里调用AjaxService的getOptions()方法，然后通过反调(callback)方法populateList(data)（类似于AJAX中的返回处理函数）得到返回的数据，其中data就是String[]{1,2,3}，最后使用DWR utility(DWR的工具类)把data加入到页面的下拉列表中。 【知识要点】 案例3 DWR框架的简单应用 3.DWR使用的一般过程 （1）下载dwr.jar （2）编辑配置web.xml文件 要应用DWR框架，首先需要在web.xml文件中设置DWR，以下配置内容必须被添加到WEB-INF/web.xml文件中。 servlet servlet-namedwr/servlet-name servlet-classorg.directwebremoting.servlet.DwrServlet/servlet-class init-param param-namedebug/param-name param-valuetrue/param-value /init-param load-on-startup1/load-on-startup /servlet servlet-mapping servlet-namedwr/servlet-name url-pattern/dwr/*/url-pattern /servlet-mapping 【知识要点】 案例3 DWR框架的简单应用 （3）创建配置dwr.xml文件 在web.xml的同一目录下，创建一个DWR的配置文件dwr.xml，并且将被调用的Java类写入其中。其配置格式如下： ?xml version=1.0 encoding=UTF-8? !DOCTYPE dwr PUBLIC -//GetAhead Limited//DTD Direct Web Remoting 3.0//EN /dwr/dwr30.dtd dwr !-- 仅当需要扩展DWR时才需要 -- init creator id=... class=.../ converter id=... class=.../ /init allow create creator=... javascript=... scope=... param name=... value=.../ /create convert convertor=... match=.../ /allow !-- 告诉DWR方法签名 -- signatures.../signatures /dwr 【知识要点】 案例3 DWR框架的简单应用 （4）编辑Java类 此类要实现什么样的功能，只需在此类中定义相应的、有返回值的方法即可。