dwr的入门

最新推荐文章于 2018-12-14 23:58:46 发布

孙艳强

最新推荐文章于 2018-12-14 23:58:46 发布

阅读量325

点赞数

CC 4.0 BY-SA版权

分类专栏： dwr

本文链接：https://blog.youkuaiyun.com/yuhuafeixian/article/details/63798945

dwr 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个用于增强Web页面与Java类交互的Ajax框架——DWR的安装与基本使用流程，包括下载、配置、创建Java服务类及前端调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

DWR(DirectWebRemoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架.

dwr的基本使用步骤:

1.从官网下载dwr并把dwr.jar放入WEB-INF的lib目录下.

下载地址:http://directwebremoting.org/dwr/downloads/index.html

2.在web.xml中填下dwr的前端控制器代码如下:

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

3.新建一个java类，代码如下:

    package com.yokoboy.dwr.service;
    public class DwrDemo {
        public String helloword(String name) {
            return name + " 你好！";
        }
    }

4. 在web.xml同级目录处新建dwr.xml文件(名字和位置不能变动)，代码如下：

    <?xml version="1.0" encoding="UTF-8"?>
    <dwr>
        <allow>
            <create creator="new" javascript="Demo">
                <param name="class" value="com.yokoboy.dwr.service.DwrDemo" />
            </create>

            //重复这个create标签,写其他的类
        </allow>
    </dwr>

5. 启动tomcat并访问 (注意:这个url会跳转到DWR框架自动生成的主页)
    http://localhost:8080/ssmcrm/dwr

    呈现如下界面

点击Demo,显示如下:

6.为了测试方便,在webcontent目录下创建一个index.jsp文件,
    注意: A.下面的/ssmcrm/dwr/engine.js和/ssmcrm/dwr/interface/Demo.js 这2个js文件是由DWR自动生成的
            (webcontent下面是没有dwr这个目录的),不需要我们书写,需要使用时直接复制步骤5中红色框中部分.
          B.Demo.helloword(name, dwrHandler);
            Demo是dwr.xml中我们配置的javascript的值,
              helloword是Demo所关联的类中方法名.
            参数:最后一个形参是回调函数,其他参数是类中方法对应的形参.
          C.回调函数dwrHandler自带一个参数,该参数的值是函数的返回值.

    具体内容如下:

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>首页</title>

    <script type='text/javascript' src='/ssmcrm/dwr/engine.js'></script>
    <script type='text/javascript' src='/ssmcrm/dwr/interface/Demo.js'></script>

    <script type='text/javascript' src='${pageContext.request.contextPath}/js/jquery.min.js'></script>
    <script type="text/javascript">
        function sayHello(name) {
            Demo.helloword(name, dwrHandler);
        }

        function dwrHandler(data) {
            alert(data);
        }
    </script
    </head>

    <body>

        <input type="text" id="it">
        <input type="button" value='提交' onclick="sayHello($('#it').val());  ">

    </body>
    </html>

7.结论:客户端某个操作可触发执行我们自定的普通Java代码.