DWR框架配置详细教程

已于 2024-06-26 01:59:31 修改
阅读量1.1k 收藏 3
点赞数
文章标签： DWR框架 js函数直接调用java代码 配置dwr.xml
于 2018-12-11 00:31:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Xeon_CC/article/details/84948766
版权

1、首先要准备两个jar包：*

**
dwr.jar 和
commons-logging-1.2.jar

可以从maven的中央仓库中搜索和下载.jar文件
比如dwr.jar在这里：
https://mvnrepository.com/artifact/dwr/dwr

可以下载各个版本都试一试。

2、新建一个Web Project，注意java EE version 为javaEE 6-Web 3.0

3、把dwr.jar和commons-logging-1.2.jar复制到WebRoot->WEB-INF->lib 的目录下，

在这里插入图片描述

然后，分别右键两个jar包，Build Path，Add to Build Path
在这里插入图片描述

4、配置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>TestDwr</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.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>
  	<init-param>      
            <param-name>crossDomainSessionSecurity</param-name>      
            <param-value>false</param-value>      
    </init-param>  
  </servlet>
  <servlet-mapping>
  	<servlet-name>dwr</servlet-name>
  	<url-pattern>/dwr/*</url-pattern>
  </servlet-mapping>
  
</web-app>

注意：
在这里插入图片描述

5、在WEB-INF的目录下新建一个dwr.xml文件

编辑dwr文件：

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

<dwr>
  <allow>
  <!-- 当在jsp页面引入engine.js、util.js 和 HelloService.js文件时候，注意，第三个js文件名要和这里javascript的值要一样 -->
	<create creator="new" javascript="HelloService">	
	<!-- 这里面com.ht.bean是包的名字，HelloService是此包里面的类的名字，
	这个param标签是用来指定那些java类可被js函数调用 -->	
		<param name="class" value="com.ht.bean.HelloService" />
	</create>
  </allow>

</dwr>

注意：engine.js、util.js、文件在dwr.jar->org.directwebremoting里面，这两个文件自带，不用去找，HelloService.js是找不到的，到时候要用的时候直接引用就行。注意创建包名的时候！！要根据dwr.xml里面的 来写！

6、编写jsp页面，此时要引用三个js文件，这些文件的路劲是虚拟的不用去找

第三个js文件要根据你要是使用js函数调用的类，我这里是HelloService类要使用js函数来调用
在这里插入图片描述

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>
  
  <!-- 引用三个js文件，前两个是必须的也是固定的，第三个js文件要看dwr.xml文件里面的配置 -->
  
  <script type="text/javascript" src="dwr/engine.js"></script>
  <script type="text/javascript" src="dwr/util.js"></script>
  <!-- 先看看dwr.xml里面的<create creator="new" javascript="HelloService">   这个标签里面的javascript的值为HelloService
  所以  src="dwr/interface/HelloService.js" 引用的的是HelloService.js文件，这个文件是看不到的
  -->
  <script type="text/javascript" src="dwr/interface/HelloService.js"></script>
  <script type="text/javascript">
  	function testDwr(){
  		var username=document.getElementById("username").value;
  		HelloService.sayHello(username,callback);
  	}
  	//回调函数,也就是说，服务器端（普通类）返回一个值的时候要做的事情
  	function callback(data){
  		document.getElementById("msg").innerHTML=data;
  	}

//如果你想简单一点
// function func(){
// //点击按钮时，直接调用HelloService类里面的aa()方法;
// 	HelloService.aa();
// }

  </script>
  <body>
    <h1 align="center">DWR类库使用</h1>
    <div id="msg">显示服务器端传给客户端的值</div>
    <input type="text" name="username" id="username" value="张三">
    <input type="button" value="测试" onclick="testDwr()">
  </body>
</html>

7、创建一个普通类

在这里插入图片描述

package com.ht.bean;

public class HelloService {
	public String sayHello(String name){
		return "您好，"+name;
	}
	
//	public void aa(){
//		System.out.println("我是java代码，我被js函数调用了");
//	}
}

8、测试：

点击测试
在这里插入图片描述

点击测试后，其中“您好“这个字符串是从普通类里面来的，达到js函数直接调用java代码的效果！
在这里插入图片描述

Tip：修改web.xml或者dwr.xml文件以后，要重启web服务才会生效！

【如果想再新建一个可用js调用的java类，叫A类吧，那么，还需要在dwr.xml里面添加一个create标签，属性javascript=“A”，param标签的属性value=“com.ht.bean.A” 即可，然后在jsp页面文件添加，要改动的地方就是这些】

Xeon_CC
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JavaWeb项目使用DWR框架
MingoRun的博客
09-19 596
JavaWeb项目使用DWR框架 前言：作者在之前的公司项目中使用的AJAX技术就是这种Java+DWR框架实现的技术，因为作者在大学学习的时候使用的是JQ封装的AJAX，所以作者当时在公司第一次接触觉的时候得还挺新颖的，于是就跟着项目学习了一波。但是到后来逐渐就发现这种方式的调用比较繁琐，主要是配置臃肿（配置了有几十到一百不等的Java类，没有细数，汗~），还时不时出现调用不了的问题，当时耗费了不少的时间与精力，现总结博文如下。 一、DWR框架概念 首先先让我们来了解DWR是什么，然后再去了解它为什么
DWR框架配置学习教程
01-23
### DWR框架配置学习教程 #### 一、DWR框架简介与配置 DWR（Direct Web Remoting）是一个用于简化Ajax应用开发的框架，它可以让客户端JavaScript代码直接调用服务器端Java方法，从而大大简化了前端与后端的交互...
DWR的使用以及DWR中工具JS文件的使用
u012878236的专栏
01-29 617
DWR介绍： DWR本身是一个AJAX框架。 作用： 允许开发人员在客户端通过JavaScript代码调用服务器端的Java方法。 可以使用DWR中的util.js文件中包含了一些工具函数，通过这些函数的帮助，将简化JavaScript操作。 DWR框架主要由两部分组成： 1.客户端JavaScript代码直接调用服务器端Java方法. 2.服务器上运行的...
2024年Web端服务器推送技术原理分析及dwr框架简单的使用，程序员进阶知识点
2401_84419009的博客
05-06 1078
基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】司。
DWR（2）：DWR配置详情
u013938578的博客
05-19 617
下面我们通过一个简单的入门项目来讲解DWR的配置。 首先新建一个maven项目，结构如下： 1 引入依赖 <dependency> <groupId>org.directwebremoting</groupId> <artifactId>dwr</artifactId> <version>3.0.0-RELEASE</version> </depen.
Dwr框架入门教学
weixin_45203607的博客
10-17 1473
Dwr框架入门教学 DWR（Direct Web Remoting）是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架，可以帮助开发人员开发包含AJAX技术的网站。它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数，就像它就在浏览器里一样。 虽然现在慢慢被淘汰了,但是还是很多公司在用的,还是有必要简单的学习下以便不时之需 dwr 支持和spring结合,或者dwr +SSM 结合, 需要自己研究研究 dwr官方文档: http://directwebremoting.or
dwr与ssh框架整合教程
编程猫的博客
04-14 361
转自：http://blog.csdn.net/e421083458/article/details/8806252 (1)dwr与ssh框架整合教程dwr框架介绍。 DWR（Direct Web Remoting）是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站.它可以允许 在浏览器里的代码使用运行在WEB服务器上的JAV
IDEA使用DWR框架实现登录功能
吟游诗人——吟唱生命的不朽
06-15 1435
近来做项目需要用到SSH框架，我就顺便用了下DWR来做登录和注册了，下面就讲述如何制作登录功能。 众所周知，DWR框架是基于ajax的异步框架，通过其可以在js代码里直接对java方法进行操作，其底层肯定是借用了ajax的异步的，但是其也不可能真的能够在js里调用java方法，不过是利用java的一些反射机制罢了，不过必须得承认其做的非常好。 下面也不说废话了，直接上手吧。 首先申明，我的项...
DWR框架搭建以及使用
听雨轩
06-12 432
1，DWR介绍 DWR（Direct Web Remoting）是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架，可以帮助开发人员开发包含AJAX技术的网站。它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数，就像它就在浏览器里一样。 它包含两个主要的部分:允许JavaScript从WEB服务器上一个遵循了AJAX原则的Servlet中获取数据.另外一方
DWR搭建以及使用教程
chengxuyuan1314的博客
08-07 168
DWR（Direct Web Remoting）是一个Ajax的开源框架，用于改善web页面与Java类交互的远程服务器端的交互体验，可以帮助开发人员开发包含AJAX技术的网站。它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数，就像它就在浏览器里一样。 　　从DWR官网下载最新版本的jar包，地址：http://directwebremoting.org/dwr/download
dwr ajax框架使用教程
凉粉
09-02 991
来自小站:dwr ajax框架使用教程 DWR（Direct Web Remoting）是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架，可以帮助开发人员开发包含AJAX技术的网站。它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数，就像它就在浏览器里一样。 先看看整个Web项目。一个Card实体类与配置文件，记得给配置添加后添加一个lazy=f
DWR框架学习demo
08-07
**DWR（Direct Web Remoting）框架学习指南** ...通过学习和实践DWR框架，开发者可以创建更加动态、响应式的Web应用，提升用户的交互体验。理解DWR的工作原理以及如何配置和使用，对于开发人员来说是非常有价值的技能。
dwr学习教程3
08-24
【DWR学习教程3】是针对Direct Web Remoting (DWR)这一JavaScript和Java之间的通信框架的深入学习资料。DWR允许在Web浏览器和服务器之间进行实时、安全且高效的交互，使得前端JavaScript能够调用后端Java方法，极大...
DWR配置介绍
10-16
DWR，全称为Direct Web Remoting，是一种专为Java开发者设计的AJAX框架。它通过简化JavaScript与Java后端服务之间的交互，使得前端开发人员能够如同调用本地JavaScript函数一样轻松地调用服务器端的Java对象。这一...
DWR参考教程.docx
09-19
DWR参考教程 DWR（Direct Web Remoting）是一种基于Java的AJAX框架，旨在帮助开发人员快速构建基于Web的应用程序。下面是根据提供的文件信息生成的相关知识点： 第1章:DWR入门 * DWR是什么？DWR是一个基于Java的...
JNDIExploit使用
07-29
一款用于 JNDI注入利用的工具，大量参考/引用了 Rogue JNDI项目的代码，支持直接植入内存shell，并集成了常见的bypass 高版本JDK的方式，适用于与自动化工具配合使用。 使用说明 使用 java -jar JNDIExploit.jar -h查看参数说明，其中 --ip参数为必选参数 Usage: java -jar JNDIExploit.jar [options] Options: * -i, --ip Local ip address -l, --ldapPort Ldap bind port (default: 1389) -p, --httpPort Http bind port (default: 8080) -u, --usage Show usage (default: false) -h, --help Show this help Dockerfile git clone https://github.com/feihong-cs/JNDIExploit.git cd ./JN
基于MATLAB的人体行为识别.zip
最新发布
07-29
在MATLAB中，可以使用机器学习和计算机视觉技术来实现人体行为识别。下面是一个基本的人体行为识别过程的程序： 1. 数据收集和准备： - 收集包含不同人体行为的视频数据。 - 使用视频处理技术提取每个视频中的人体姿势和关键点信息。 2. 特征提取： - 使用计算机视觉技术，如OpenPose或者其他姿势估计算法，提取每个视频中的人体关键点位置。 - 根据关键点位置计算特征向量，例如关节角度、运动速度等。 3. 数据标记和标签： - 根据人体行为类型，对收集的数据进行标记和分类，例如步行、跑步、打球等。 - 为每个人体行为类型分配一个标签。 4. 训练模型： - 使用机器学习算法，如支持向量机（SVM）、决策树、深度神经网络等，对标记和分类的数据进行训练。 - 使用训练数据和标签训练模型，以学习不同行为类型之间的关系。 5. 测试和识别： - 使用训练好的模型对新的测试数据进行预测和识别。 - 输入测试数据的特征向量到训练好的模型中，根据模型的输出来确定人体行为类型。 6. 评估和改进： - 根据测试结果评估
【创新未发表】Matlab实现蝗虫优化算法GOA-Kmean-Transformer-BiLSTM组合状态识别算法研究.rar
07-29
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值