DWR基本原理及其流程

发布时间：2020-12-16 03:35:20 所属栏目：百科来源：网络整理

导读：最近公司的项目中用到dwr框架，出于好奇网上查了下相关资料。摘要：今天简单学了一下DWR这个用于改善web页面与Java类交互的远程服务器端Ajax开源框架，下面对它该框架的基本原理及其运行流程做一下简单梳理。目录： 1、是什么？ 2、有什么？ 3、能干什么

最近公司的项目中用到dwr框架，出于好奇网上查了下相关资料。

摘要：

今天简单学了一下DWR这个用于改善web页面与Java类交互的远程服务器端Ajax开源框架，下面对它该框架的基本原理及其运行流程做一下简单梳理。

1、是什么？

2、有什么？

3、能干什么？

4、怎么做？

5、DWR运行原理：

1、是什么？

是一个框架。允许在Javascript中访问后台web服务器上的Java代码。

2、有什么？

基于AJAX的框架，包含两个主要部分：一个运行在服务器端的Java Servlet，它处理请求并且向浏览器发回响应；运行在浏览器端的Javascript，它发送请求而且能动态更新网页。

DWR的工作原理是通过动态把Java类生成为Javascript。它不需要任何网页浏览器插件就能运行在网页上。

3、能干什么？

让客户端Javascript通过DWR访问Java程序。

4、怎么做？

DWR没有开发环境只有运行环境。

（1）将DWR放入工程：

1）引包：dwr.jar放在web应用的WEB-INF/lib目录下；

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=”全路径类”>
        </create>
    </allow>
</dwr>

3）再编写一个上面配置的“全路径类”；

4）进行测试，在地址栏中输入：http://localhost:8080/工程名/dwr

5）编写一个jsp页面

引用几个dwr的js：engine.js、util.js、service.js这些名称要与dwr.xml中配置的一样。

<%@ 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("Jorwen",callBackHello);
            }
 
            function callBackHello(data){
                alert(data);
            }
        </script>
    </head>
    <body>
        <input type="button" name="button" value="测试" onclick="firstDwr()">
    </body>
</html>

5、DWR运行原理：

（1）部署阶段:

1）读dwr.xml，在该xml文件中定义的Javascript（如名为service），它对应的类为如DWRTest，这里cc相当于DWRTest，通过反射生成cc.js，其中DWRTest中的方法也就是调用后台类的方法；

2）运行阶段：

触发事件调用一个方法——>

从自己的js中调用了上面的cc.js中的方法t1——>

调用客户端的AJAX引擎发出请求——>

以上三步都是由客户端完成，后面的都是有服务器端来完成：

Web容器先接到请求，找上下文路径：/dwr/匹配dwr中对应的servlet——>

读dwr.xml；根据js名匹配creator定义；依据creator方法创建实例（反射）；调用方法，得到返回值——>

out出去——>

回调处理——>

调用客户端的回调处理（自己写的方法）。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!