您的位置：首页 > 其它

dwr实现简单的helloWorld

2017-08-09 09:35 218 查看

第一个DWR程序：Hello World
有2中方法可以帮助你入门DWR，一个方法是去下载WAR文件并且去完整看一下代码，但是这样并不能帮助你发现DWR是如何简单地集成到你当前地WEB应用，所以以下几个简单地步骤推荐看一下：

1.将DWR放入你的工程
1）从官方网站下载dwr.jar包。然后将它放在你webapp的WEB-INF/lib目录下。（下载地址：http://directwebremoting.org/dwr/index.html）
2）将下载的dwr-版本号-src.zip \java\org\directwebremoting内的engine.js和util.js放入WEB应用中，比如js文件夹下。

2.编辑配置文件

1. web.xml
以下几行代码必须被添加到WEN-INF/web.xml文件中。注意，要把<servlet>和其他<servlet>放在一起，<servlet-mapping>要和其他<servlet-mapping>放在一起

<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>

2.dwr.xml

在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），启动。
然后在地址栏输入http://localhost:8080/你的工程/dwr

然后点击service，会看到刚才写的sayHello()的方法，输入自己的名字然后点击“Execute”，如果发现确实是正确的返回结果，说明测试通过了，可以进入下一步了

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>dwr hellow World</title>
<script type="text/javascript" src="dwr/util.js"></script>
<script type="text/javascript" src="dwr/engine.js"></script>
<script type="text/javascript" src="dwr/interface/service.js"></script>
<script type="text/javascript">
function firstDwr(){
service.sayHello("Jorwen",callBackHello);
}
function callBackHello(data){
alert(data);
}
</script>
</head>
<body>
<input type="button" name="button" value="测试" onclick="firstDwr()">
</body>
</html>

地址栏输入http://localhost:8080/你的工程/first_dwr.jsp

显示的结果如下：

大小: 95.5 KB

大小: 134.5 KB

大小: 21.1 KB

查看图片附件

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航