DWR基础课件.ppt

DWR 目标 DWR介绍DWR使用DWR分页查询 DWR简介 DWRDirectWebRemoting 代表着可以直接从JavaScript远程调用Java方法 DWR是一个可以允许你去创建AJAXWEB站点的JAVA开源库 它可以让你在浏览器中的Javascript代码调用Web服务器上的Java代码 就像在Java代码就在浏览器中一样 DWR组成一个运行在服务器端的JavaServlet 它处理请求并且向浏览器发回响应 运行在浏览器端的JavaScript 它发送请求而且还能动态更新网页 DWR工作原理 DWR工作原理 说明 图中 先在eventHandler方法里调用AjaxService的getOptions 方法 然后通过反调 callback 方法populateList data 得到返回的数据 其中data就是String 1 2 3 最后再使用DWRutility把data加入到下拉列表 DWR简化了ajax的开发 封装了ajax的使用 不再需要直接使用XMLHttpRequest 减少了javascript通过回调函数的方式 简化了错误处理和数据的处理直接调用服务器的方法 不再需要通过URL方式 第一个DWR程序 世界 你好 将DWR的jar文件拷入Web应用的WEB INF lib目录中 在web xml中增加一个servlet声明 并创建DWR的配置文件 形如 dwr invokeruk ltd getahead dwr DWRServletdebugtruedwr invoker dwr 第一个DWR程序 java类 创建一个java类 packagecom aptech bean publicclassDwrBean publicStringsayHello return 世界 你好 第一个DWR程序 dwr xml 在web xml的同一目录下 创建dwr xml 并且将要被调用的java类写入其中 2020 1 29 10 可编辑 第一个DWR程序 获取js文件 输入 http localhost 8080 你的工程 dwr engine js对DWR非常重要 因为它是用来转换来至动态生成的接口的javascript函数调用的 所以只要用到DWR的地方就需要它 util js包含了一些工具函数来帮助你用javascript数据 例如从服务器返回的数据 来更新你的web页面 第一个DWR程序 html页面 functiongetHello helloworld sayHello callbackHello functioncallbackHello data DWRUtil setValue txt data 第一个DWR程序 结果 操作标签方法 操作标签或表单域的方法DWRUtil getValue ID 取值DWRUtil setValue ID 值 赋值操作select表单域DWRUtil removeAllOptions rst 删除列表中的所有optionDWRUtil addOptions rst goods id msg 添加option对象 goods是对象数组 其属性id作为option的value值 其属性msg作为option的text的值操作Table表格DWRUtil removeAllRows rst 删除tbody中间所有的行DWRUtil addRows rst goods getid getmsg 添加表的行 goods数组 注意 1 DWREngine setAsync false 同步 请求结束才继续往下执行2 显示人性化的错误结果remote method params callba