javascript基于dwr开源框架调用server端java代码示例

最新推荐文章于 2021-10-17 11:44:09 发布

muhuitao

最新推荐文章于 2021-10-17 11:44:09 发布

阅读量231

点赞数

分类专栏： Java Eclipse 文章标签： javascript dwr框架

本文链接：https://blog.csdn.net/muhuitao/article/details/103053625

版权

Java 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

Eclipse

3 篇文章 0 订阅

订阅专栏

1.下载dwr.jar包以及它依赖的commons-logging-*.*.jar(我用的是commons-logging-1.2.jar)

2.将dwr.jar包和commons-logging-1.2.jar包放入Tomcat\apache-tomcat-9.0.27\lib目录下

3.用eclipse创建Dynamic Web Project工程

4.创建一个lib目录，将dwr.jar和commons-logging-1.2.jar包拷贝到lib目录下，选择选中这两个jar包，右键->Build Path->Add to Build Path

5.在WebContent的WEB-INF目录下创建dwr.xml文件

dwr.xml文件内容

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC
"-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN"
"http://getahead.org/dwr/dwr30.dtd">

<dwr>
<allow>
<create creator="new" javascript="helloService">
<param name="class" value="com.necas.service.HelloService"></param>
</create>
</allow>

</dwr>

6.然后在同目录下创建web.xml文件

web.xml文件内容

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
<display-name>WebServer</display-name>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<servlet>
<servlet-name>dwr</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</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
</web-app>

最终工程的目录结构为

7.右键工程名->Run As->Run on Server，选择配好的tomcat服务器

8.在网页上输入：http://localhost:8080/工程名/dwr/

如果出现如上所示，则说明dwr框架配置成功

9.点击helloService

10.在工程的WebContent目录下创建一个index.jsp文件

<html>
<head>
<meta charset="UTF-8"/>
<title> index</title>
<script type='text/javascript' src='/WebServer/dwr/engine.js'></script>
<script type='text/javascript' src='/WebServer/dwr/interface/helloService.js'></script>
<script type='text/javascript' src='/WebServer/dwr/util.js'></script>

</head>

<body>

<p>hello</p>
<button οnclick="test()">test button</button>
<script type="text/javascript">

var test = function(){
return helloService.sayHello("dwr",callBack);
};

var callBack=function(data){
alert(data);
};

</script>
</body>
</html>

<title> index</title>下面三行代码是前面第9步之后显示画面中最上方出现的三行代码，这点请注意

11.在工程编写java测试代码，根据dwr.xml文件中指定的路径编写

最终在src目录下创建com.necas.service.HelloService.java，代码内容为

package com.necas.service;

public class HelloService {
public String sayHello(String username) {
return "Hello World!" + username;
}
}

12.再次执行第7步，在浏览器输入