DWR之DWR实例(1)

2024-03-11 19:32
文章标签 实例 dwr

本文主要是介绍DWR之DWR实例(1),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

DWR之DWR实例(1)
----------

1.首先向项目中加入dwr.jar文件,这里我们使用maven构建,同时dwr还要依赖commons-logging.jar包,如例(pom.xml):

[html] view plain copy print ?
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>aaa</groupId>
<artifactId>bbb</artifactId>
<packaging>war</packaging>
<version>0.0.1-SNAPSHOT</version>
<name>bbb Maven Webapp</name>
<url>http://maven.apache.org</url>
<dependencies>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>3.8.1</version>
<scope>test</scope>
</dependency>
<!-- 必需的依赖 -->
<dependency>
<groupId>org.directwebremoting</groupId>
<artifactId>dwr</artifactId>
<version>3.0.M1</version>
</dependency>
<!-- 必需的依赖 -->
<dependency>
<groupId>commons-logging</groupId>
<artifactId>commons-logging</artifactId>
<version>1.1.1</version>
</dependency>
</dependencies>
<build>
<finalName>bbb</finalName>
</build>
</project>


2.在web.xml文件中增加DWRSevlet的配置,DWR指定映射路径的js(如:带有/dwr)都由这个servlet处理,就像这些路径的js(带有/dwr的路径):

[html] view plain copy print ?
<script src='/[YOUR-WEBAPP-CONTEXT]/dwr/interface/[YOUR-SCRIPT].js'></script>
<script src='/[YOUR-WEBAPP-CONTEXT]/dwr/engine.js'></script>

这两个件都是虚拟文件,并不是真实的文件。

web.xml的配置如下:

[html] view plain copy print ?
<?xml version="1.0" encoding="UTF-8"?>
<web-app 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"
version="2.4">
<display-name>firstDWR</display-name>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<!-- The DWR Servlet... -->
<servlet>
<display-name>DWR Servlet</display-name>
<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>
<!-- 跨域调用配置信息,不是必须的 -->
<init-param>
<param-name>crossDomainSessionSecurity</param-name>
<param-value>false</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
</web-app>


3.创建dwr.xml文件(与web.xml在同一个目录):

[html] view plain copy print ?
<?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="MathDelegate">
<param name="class" value="app.MathDelegate" />
</create>
</allow>
</dwr>


4.创建java文件,如:MathDelegate.java文件:

[java] view plain copy print ?
package app;
/**
* 数值计算
* @author fuhd
*/
public class MathDelegate {
/**加法*/
public int add(int a,int b){
return a+b;
}
/**减法*/
public int subtract(int a,int b){
return a-b;
}
/**乘法*/
public int multiply(int a,int b){
return a*b;
}
/**除法*/
public int divide(int a,int b){
return a/b;
}
}

5.创建jsp文件(可以是html或其它模板的文件),如:index.jsp :

[html] view plain copy print ?
  1. <html>  
  2.     <head>  
  3.         <title>firstdwr</title>  
  4.         <script type="text/javascript" src="dwr/interface/MathDelegate.js"></script>  
  5.         <script type="text/javascript" src="dwr/engine.js"></script>  
  6.         <script>  
  7.             var a = 0;  
  8.             var b = 0;  
  9.             var op = "";  
  10.             function doMath(){  
  11.                 a = document.getElementById("numA").value;  
  12.                 b = document.getElementById("numB").value;  
  13.                 op = document.getElementById("op").value;  
  14.                 if(op == "add"){  
  15.                     MathDelegate.add(a,b,doMathCallback);  
  16.                     op = "+";  
  17.                 }else if(op == "subtract"){  
  18.                     MathDelegate.subtract(a,b,doMathCallback);  
  19.                     op = "-";  
  20.                 }else if(op == "multiply"){  
  21.                     MathDelegate.multiply(a,b,doMathCallback);  
  22.                     op = "*";  
  23.                 }else if(op == "divide"){  
  24.                     MathDelegate.divide(a,b,doMathCallback);  
  25.                     op = "/";  
  26.                 }  
  27.             }  
  28.             var doMathCallback = function(answer){  
  29.                 document.getElementById("resultDiv").innerHTML = "<h1>" +   
  30.                     "Result: " + a + " " + op + " " + b + " = " + answer + "</h1>";  
  31.             };  
  32.         </script>  
  33.     </head>  
  34.     <body>  
  35.         <span id="resultDiv"></span>  
  36.         Please enter two numbers,select an operation,and click the equals button:  
  37.         <br><br>  
  38.         <input type="text" id="numA" size="4"/>  
  39.            
  40.         <select id="op">  
  41.             <option value="add">+</option>  
  42.             <option value="subtract">-</option>  
  43.             <option value="multiply">*</option>  
  44.             <option value="divide">/</option>  
  45.         </select>  
  46.            
  47.         <input type="text" id="numB" size="4"/>  
  48.            
  49.         <input type="button" value="=" onclick="doMath();"/>  
  50.     </body>  
  51. </html> 

转自:http://blog.csdn.net/fhd001/article/details/7063281

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

这篇关于DWR之DWR实例(1)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/798841

相关文章

Linux lvm实例之如何创建一个专用于MySQL数据存储的LVM卷组

《Linuxlvm实例之如何创建一个专用于MySQL数据存储的LVM卷组》:本文主要介绍使用Linux创建一个专用于MySQL数据存储的LVM卷组的实例,具有很好的参考价值,希望对大家有所帮助,... 目录在Centos 7上创建卷China编程组并配置mysql数据目录1. 检查现有磁盘2. 创建物理卷3. 创

Java List排序实例代码详解

《JavaList排序实例代码详解》:本文主要介绍JavaList排序的相关资料,Java排序方法包括自然排序、自定义排序、Lambda简化及多条件排序,实现灵活且代码简洁,文中通过代码介绍的... 目录一、自然排序二、自定义排序规则三、使用 Lambda 表达式简化 Comparator四、多条件排序五、

Java实例化对象的​7种方式详解

《Java实例化对象的​7种方式详解》在Java中,实例化对象的方式有多种,具体取决于场景需求和设计模式,本文整理了7种常用的方法,文中的示例代码讲解详细,有需要的可以了解下... 目录1. ​new 关键字(直接构造)​2. ​反射(Reflection)​​3. ​克隆(Clone)​​4. ​反序列化

Python解决雅努斯问题实例方案详解

《Python解决雅努斯问题实例方案详解》:本文主要介绍Python解决雅努斯问题实例方案,雅努斯问题是指AI生成的3D对象在不同视角下出现不一致性的问题,即从不同角度看物体时,物体的形状会出现不... 目录一、雅努斯简介二、雅努斯问题三、示例代码四、解决方案五、完整解决方案一、雅努斯简介雅努斯(Janu

Python开发文字版随机事件游戏的项目实例

《Python开发文字版随机事件游戏的项目实例》随机事件游戏是一种通过生成不可预测的事件来增强游戏体验的类型,在这篇博文中,我们将使用Python开发一款文字版随机事件游戏,通过这个项目,读者不仅能够... 目录项目概述2.1 游戏概念2.2 游戏特色2.3 目标玩家群体技术选择与环境准备3.1 开发环境3

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

SQL表间关联查询实例详解

《SQL表间关联查询实例详解》本文主要讲解SQL语句中常用的表间关联查询方式,包括:左连接(leftjoin)、右连接(rightjoin)、全连接(fulljoin)、内连接(innerjoin)、... 目录简介样例准备左外连接右外连接全外连接内连接交叉连接自然连接简介本文主要讲解SQL语句中常用的表

C# WinForms存储过程操作数据库的实例讲解

《C#WinForms存储过程操作数据库的实例讲解》:本文主要介绍C#WinForms存储过程操作数据库的实例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、存储过程基础二、C# 调用流程1. 数据库连接配置2. 执行存储过程(增删改)3. 查询数据三、事务处

springboot security验证码的登录实例

《springbootsecurity验证码的登录实例》:本文主要介绍springbootsecurity验证码的登录实例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录前言代码示例引入依赖定义验证码生成器定义获取验证码及认证接口测试获取验证码登录总结前言在spring

tomcat多实例部署的项目实践

《tomcat多实例部署的项目实践》Tomcat多实例是指在一台设备上运行多个Tomcat服务,这些Tomcat相互独立,本文主要介绍了tomcat多实例部署的项目实践,具有一定的参考价值,感兴趣的可... 目录1.创建项目目录,测试文China编程件2js.创建实例的安装目录3.准备实例的配置文件4.编辑实例的