DWR的学习笔记_cmmiao1103的博客-程序员宅基地

技术标签: ViewUI  Web  JSP  JavaScript  Servlet  web開發  DWR  

1.1 DWR简介  

 

      DWR是一个可以允许你去创建AJAX WEB站点的JAVA开源库。它可以让你在浏览器中的Javascript代码调用Web服务器上的Java代码,就像在Java代码就在浏览器中一样。

 

      DWR包含2个主要部分:

      1、 一个运行在服务器端的Java Servlet,它处理请求并且向浏览器发回响应。

    2、运行在浏览器端的JavaScript,它发送请求而且还能动态更新网页。 

    

     DWR工作原理是通过动态把Java类生成为Javascript。

 

 1.2 第一个DWR程序:Hello World   

 

   1.2.1 将DWR放入你的工程     

   

    1) 从官方网站下载dwr.jar包。然后将它放在你webapp的WEB-INF/lib目录下。   

    2) 将下载的dwr-版本号-src.zip \java\org\directwebremoting内的engine.js和util.js放入WEB应用中,比如js文件夹下。   

 

   1.2.2 编辑配置文件    

    

    1. web.xml    

    

    注意,要把<servlet>和其他<servlet>放在一起,<servlet-mapping>要和其他<servlet-mapping>放在一起

<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_9" version="2.4"
	xmlns="http://java.sun.com/xml/ns/j2ee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

<display-name>projectName</display-name>
    <!-- 其它的一些相关配置  在此省略-->
      <!-- 开始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>
		<load-on-startup>1</load-on-startup>
	</servlet>
	
	<servlet-mapping>
		<servlet-name>dwr-invoker</servlet-name>
		<url-pattern>/dwr/*</url-pattern>
	</servlet-mapping>
	<!-- 结束DWR配置 -->

</web-app>

 

 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>

 

 

 1.2.3 编写service
  

  就像没有dwr一样,写一个简单类并加一个方法

 

  

package helloWorld;

public class Service {

   public String sayHello(String yourName) 

  { 

  //可以是访问数据库的复杂代码 

   return "Hello World " + yourName; 

  } 

}

 

1.2.4 测试DWR
  将代码放入应用服务器(比如Tomcat),启动。
  然后在地址栏输入http://localhost:8080/你的工程(projectName)/dwr

 

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

 

1.2.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("Jorwen",callBackHello); 

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

    </head>
    <body> 
    
    <input type="button" name="button" value="测试" οnclick="firstDwr()"> 

   </body>

</html>

 

   地址栏输入http://localhost:8080/你的工程(projectName)/first_dwr.jsp  进行测试

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/cmmiao1103/article/details/83261971

智能推荐

前端加密AES、RSA、SHA256用法_头戴小红花的博客-程序员宅基地_aes sha256

import CryptoJS from "crypto-js"import nodeRSA from "node-rsa"class encryptClass { // 示例: // var aesKey = this.utils.encryptClass.AES_KEY // var pubKey = this.utils.encryptClass.RSAPublicKey // var penguin = this.utils.encryptClass.RSAUtilencryptPu.

map怎样删除元素(键值对)_西蜀漫山桃花的博客-程序员宅基地_map删除键值对

Map&lt;String, Object&gt; mapVal = (Map&lt;String, Object&gt;) val;mapVal.keySet().removeIf(key-&gt;key.equals("张三"));

Spring Cloud Gateway CORS 方案看这篇就够了,漏洞也需修复_公众号:肉眼品世界的博客-程序员宅基地

在 SpringCloud 项目中,前后端分离目前很常见,在调试时,会遇到两种情况的跨域:前端页面通过不同域名或IP访问微服务的后台例如前端人员会在本地起HttpServer 直连后台开发...

Vue进阶(幺捌叁):IE9兼容性问题-数据初始化问题_No Silver Bullet的博客-程序员宅基地

前言在Vue项目开发过程中,以父子组件的形式进行页面调用,在测试过程中发现IE9下,子组件中定义初始化数据dataA=0,执行异步逻辑A,在异步请求方法前,输出dataA结果为0,请求结束后时,后台返回值将dataA赋值为1,输出dataA结果为1。再次触发子组件同样事件,但后台请求结果不满足赋值条件,对dataA不做赋值操作,发现在异步请求方法前后,输出dataA结果为1!伪码如下:data () { return { dataA: 0 }}&lt;script&gt; methods

在vc环境中一个c语言源程序要经过编译,在vc环境中,一个c语言源程序要经过编辑、编译、和什么后才能执行?..._weixin_39535283的博客-程序员宅基地

2020-02-25 回答//code by pnig0s1992//date:2012,3,13#include#include#includetypedef void (_stdcall*p)(void);bool enabledebugpriv(){handle htoken;luid sedebugnamevalue;token_privileges tkp;if (!openproces...

随便推点

超赞网络资源总结_dengzhasong7076的博客-程序员宅基地

挺多不错的东西,点点散散记到笔记就不知道跑哪去了。代码审计1、全面总结http://find-sec-bugs.github.io/bugs.htm2、python安全https://github.com/bit4woo/python_sec内网渗透1、内网渗透攻防总结https://github.com/infosecn1nja/AD-Attack-Defense2...

Ubuntu服务器的配置nginx 简单实现rtmp视频直播_qq_33860270的博客-程序员宅基地

一:前期准备工作下载Nginx wgethttp://nginx.org/download/nginx-1.12.1.tar.gz下载Openssl wget https://github.com/openssl/openssl/archive/OpenSSL_1_1_0f.tar.gz下载 Rtmp wgethttps://github.com/arut/ngin

MQ 学习 2 KAFKA 集群搭建_记忆的残缺的博客-程序员宅基地

zookeeper 安装Zookeeper集群搭建https://www.cnblogs.com/grimm/p/6732867.html下载http://mirror.bit.edu.cn/apache/zookeeper/zookeeper-3.4.10/zookeeper-3.4.10.tar.gz解压tar -zxvf zookeeper-3.4.10.ta...

Java核心技术笔记——了解多线程_安洁莉娅丶的博客-程序员宅基地

目录1.线程的概念2.线程的特点3.线程的三种创建方式4.继承Thread类实现线程5.实现Runnable接口来创建线程6.lamda表达式7.线程的五大状态8.线程停止的方法9.线程休眠10.线程礼让11.线程强制执行(插队)12.观察线程状态13.线程的优先级(Priority)14.守护线程15.线程同步(重点)15.1 条件对象15.*重点15.2 synchronized关键字15.3 Volatile域1.线程的概念程序是静态的概念。进程是动态的概念。进程内又若干个线程。2.线程的特

ShopEx安装过程_weixin_30593261的博客-程序员宅基地

NginxPHPMySQLZendSquid 公司要上ShopEx,之前一台dell r210无法安装Linux系统(主要是那个硬阵列不支持Linux),如果不要硬阵列的话还是可以安装Linux的,但是没有硬阵列的话不符我们的需要。  一周后加采购了一台dell r710,这两天也在折腾这台东东。  整个过程中发现自己接下来要赶快学习一些新东西:1. 对硬件不熟...

推荐文章

热门文章

相关标签