Dwr的简单入门

最新推荐文章于 2024-09-12 09:47:47 发布

iteye_15092

最新推荐文章于 2024-09-12 09:47:47 发布

阅读量75

点赞数

分类专栏：技术文章文章标签： DWR Web JSP 应用服务器浏览器

本文链接：https://blog.csdn.net/iteye_15092/article/details/82037126

版权

技术文章专栏收录该内容

3 篇文章 0 订阅

订阅专栏

[img][/img]DWR是一个可以允许你去创建AJAX WEB站点的JAVA开源库。它可以让你在浏览器中的Javascript代码调用Web服务器上的Java代码，就像在Java代码就在浏览器中一样。
Dwr包含2个主要部分：
1.一个运行在服务器端的Java Servlet，它处理请求并且向浏览器发回响应。
2.运行在浏览器端的JavaScript，它发送请求而且还能动态更新网页。
一：准备工作
在项目中欲使用dwr需要先下载dwr.jar包，将它放在项目中的webapp的WEB-INF/lib目录下；将下载的dwr-版本号-src.zip\java\org\directwebremoting内的engin.js和util.js放入WEB应用中,也可以放在专门存放js的文件夹中。
二：编写配置文件
1.web.xml
<servlet> <servlet-name>dwr-invoker</servlet-name> <servlet-class> org.directwebremoting.servlet.DwrServlet </servlet-class> <init-param> <param-name>debug</param-name> <param-value>true</param-value> </init-param> </servlet> <servlet-mapping> <servlet-name>dwr-invoker</servlet-name> <url-pattern>/dwr/*</url-pattern> </servlet-mapping>在web.xml文件中是必须被添加的。
2.在web.xml文件的同一目录下，创建dwr.xml,并且将要被调用的java类写入其中。<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd"> <dwr> <allow> <create creator="new" javascript="service"> <param name="class" value="helloWorld.Service" /> </create> </allow> </dwr>
3.编写service
就像没有dwr一样，写一个简单类并加一个方法是
package helloWorld;
public class Service {
public String sayHello(String yourName) {
//可以是访问数据库的复杂代码
return "Hello World " + yourName;
}
}
4.测试dwr
将代码放入应用服务器中，我比较喜欢用Tomcat，这里是以tomcat为基准的，启动服务器，在地址栏中输入:http://localhost:8080/项目名称/dwr
[img]http://dl.iteye.com/upload/attachment/445217/7a8e89d4-9975-379d-bcce-1467e095b856.png[/img]
然后点击service，会看到刚才写的sayHello()的方法，输入自己的名字然后点击“Execute”，如果发现确实是正确的返回结果，说明测试通过了，可以进入下一步了。

[img]http://dl.iteye.com/upload/attachment/445221/419121fd-17ba-3dad-a32b-2d09f6678104.png[/img]
5. 编写一个jsp
接下来最后一步就是创建一个jsp文件 1）要引用几个dwr的js，其中engine.js必须要，如果需要用到dwr提供的一些方便的工具要引用util.js 2）然后还要引用dwr自动生成的js，dwr/interface/service.js，注意js名字要和dwr.xml配置的一样 3） js里的service.sayHello和java类的那个有一点区别，多了个参数，用来callback返回的数据 <%@ page language="java" pageEncoding="UTF-8"%> <html> <head> <title>My JSP 'first_dwr.jsp' starting page</title> <script type='text/javascript' src='js/util.js'></script> <script type='text/javascript' src='js/engine.js'></script> <script type='text/javascript' src='dwr/interface/service.js'> </script> <script type="text/javascript"> function firstDwr(){ service.sayHello(sayHello("Jorwen",callBackHello); } function callBackHello(data){ alert(data); } </script> </head>
<body> <input type="button" name="button" value="测试" οnclick="firstDwr()"> </body> </html>
地址栏输入http://localhost:8080/你的工程/first_dwr.jsp 显示的结果如下：

[img]http://dl.iteye.com/upload/attachment/445223/942f6e59-c1d6-3da3-897f-5e998699474b.png[/img]
以上是dwr的简单入门。