`

最近刚研究的dwr技术

阅读更多

1,从官方网站下载DWR https://dwr.dev.java.net/files/documents/2427/32252/dwr.war 把他直接放到TOMCAT_HOME/webapps 下面
2,编写一个Java类如下:

package org.getahead.dwrdemo.simpletext;

import java.io.IOException;

import javax.servlet.ServletException;

import org.directwebremoting.WebContext;
import org.directwebremoting.WebContextFactory;

/**
* Some simple text demos
* @author Joe Walker [joe at getahead dot ltd dot uk]
*/
public class Demo
{
     /**
      * Return a server side string to display on the client in real time
      * @param name The name of person to say hello to
      * @return A demo string
      */
     public String sayHello(String name)
     {
         return "Hello, " + name;
     }

     /**
      * Fetch a resource using forwardToString()
      * @return a demo HTML page
      * @throws ServletException If the servlet engine breaks
      * @throws IOException If the servlet engine breaks
      */
    
     public String sayBye(String name){
         return "bye-bye,"+name;
     }
    
     public String sayWelcome(){
         return "welcome";
     }
    
     public String showTitle(String name,String title){
         return name+":"+title;
     }
    
     public int showNumber(){
         return 1;
     }
    
     public boolean showBool(String name){
         if(name==null){
             name="";
         }
         if(name.indexOf("janny")!=-1){
             return true;
         }else{
             return false;
         }
     }
    
     public String getInclude() throws ServletException, IOException
     {
         WebContext wctx = WebContextFactory.get();
         return wctx.forwardToString("simpletext/forward.html");
     }
}

3, 把DRWTest类配置在dwr.xml中,dwr.xml是DWR的配置文件,所有需要在JavaScript中调用的java的类都必须在这个文件中描述 。这个文件的位于TOMCAT_HOME/webapps/dwr/WEB-INF/dwr.xml. 在<allow>标签中添加以下内容

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

     <create creator="new" javascript="Demo">
       <param name="class" value="org.getahead.dwrdemo.simpletext.Demo"/>
     </create>

   </allow>
</dwr>

4,在web。xml里必须要加的内容

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE web-app PUBLIC
     "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
     "http://java.sun.com/dtd/web-app_2_3.dtd">

<web-app id="dwrtest">
     <welcome-file-list>
<welcome-file>
             index.jsp
         </welcome-file>
</welcome-file-list>

--------------------------------------这是必须要加的内容--------------------------------------------
   <servlet>
     <servlet-name>dwr-invoker</servlet-name>
     <display-name>DWR Servlet</display-name>
     <description>Direct Web Remoter Servlet</description>
     <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>activeReverseAjaxEnabled</param-name>
       <param-value>true</param-value>
     </init-param>
     <init-param>
       <param-name>initApplicationScopeCreatorsAtStartup</param-name>
       <param-value>true</param-value>
     </init-param>
     <init-param>
       <param-name>maxWaitAfterWrite</param-name>
       <param-value>500</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>

</web-app>

5,在index。html页面里html的内容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>Simple Text Generation Demo</title>
   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
   <script type='text/javascript' src='../tabs/tabs.js'> </script>

<!---------------------------------------这是必须要加的内容--------------->
   <script type='text/javascript' src='../dwr/engine.js'> </script>             
   <script type='text/javascript' src='../dwr/util.js'> </script>
   <script type='text/javascript' src='../dwr/interface/Demo.js'> </script>

<!--------------------------------------------------------------------------------->

<!----------------------------------这是要修改的javascript----------------------------------------->
   <script type="text/javascript" src='index.js'> </script>

<!------------------------------------------------------------------------------------------------------->
   <link rel="stylesheet" type="text/css" href="../tabs/tabs.css" />
   <link rel="stylesheet" type="text/css" href="../generic.css" />
</head>
<body onload="dwr.util.useLoadingMessage();Tabs.init('tabList', 'tabContents');">
<div id="page-title">[
   <a href="http://getahead.org/dwr/">DWR Website</a> |
   <a href="..">Web Application Index</a>
]</div>

<h1>Dynamically Updating Text</h1>

<p>This is a simple demonstration of how to dynamically update a web-page with
text fetched from a web server.</p>

<div id="demoDiv">

     <p>
       Name:
       <input type="text" id="demoName" value="Joe"/>
       <input value="Hello" type="button" onclick="hello()"/>
    <input value="Bye" type="button" onclick="bye()"/>
    <input value="Welcome" type="button" onclick="welcome()"/>
    <input value="showTitle" type="button" onclick="showTitle()"/>
    <input value="shownubmer" type="button" onclick="shownumber()"/>
       <input value="showbool" type="button" onclick="showbool()"/>
       <br/>
       Reply: <span id="demoReply" style="background:#eeffdd; padding-left:4px; padding-right:4px;"></span>
     </p>

   </div>

</body>
</html>

6,index。js的修改


function hello() {
   var name = dwr.util.getValue("demoName");

//注意:Demo.sayHello(name,function(data)...)是跟java类相似的
   Demo.sayHello(name, function(data) {       

dwr.util.setValue("demoReply", data);//这个setValue方法是dwr本身就带着
   });
}

function bye() {
   var name = dwr.util.getValue("demoName");
   Demo.sayBye(name, function(data) {
     dwr.util.setValue("demoReply", data);
   });
}

function welcome() {
   var name = dwr.util.getValue("demoName");
   Demo.sayWelcome(function(data) {
     dwr.util.setValue("demoReply", data+" to china! "+name);
   });
}

function showTitle() {
   var name = dwr.util.getValue("demoName");
   Demo.showTitle(name,"你在北京",function(data) {
     dwr.util.setValue("demoReply", data);
   });
}

function shownumber() {
   var name = dwr.util.getValue("demoName");
   Demo.showNumber(function(data) {
     dwr.util.setValue("demoReply", data);
   });
}

function showbool() {
   var name = dwr.util.getValue("demoName");
   Demo.showBool(name,function(data) {
if(data==true){
     dwr.util.setValue("demoReply", "你好呀"+name);
}else{
   dwr.util.setValue("demoReply", "哭死我了"+name);
}
   });
}

7, 运行,在浏览器中输入 http://localhost:8080/dwr/index.html

分享到:
评论

相关推荐

    基于Matlab极化天线和目标之间的信号传输建模 matlab代码.rar

    1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

    移动通信网络中集中式无线电接入网的数据处理需求与性能指标分析

    内容概要:本文提出了一种新的分析框架,用于评估集中式无线电接入网(RAN)的数据处理需求。作者定义了若干性能指标,如计算失效概率、复杂度、增益、多样性和复杂度率之间的权衡。该模型基于块瑞利衰落、距离相关路径损耗和部分功率控制假设下进行仿真验证,证明了集中计算资源的优势。 适用人群:通信工程领域的研究人员、5G技术开发人员和无线网络优化专家。 使用场景及目标:①理解集中式RAN架构对网络性能的影响;②评估集中化数据处理资源在提高吞吐量方面的效益;③量化集中式RAN系统的数据处理复杂度和可靠性。 其他说明:文章通过对多种场景和参数设置的仿真研究,展示了集中式RAN系统相对于传统分布式系统的优越性,为未来移动网络的设计提供了理论支持和技术依据。

    444.exe44444

    444.exe44444

    华为 ArkUI 框架的创新与生态探索.pdf

    华为 ArkUI 框架的创新与生态探索.pdf

    hufuman压缩算法,实现数据的压缩与解压缩

    哈夫曼解压缩算法实现

    GLake_ 高效透明的大模型显存管理和优化.pdf

    GLake_ 高效透明的大模型显存管理和优化.pdf

    美团 AdHoc 统一查询引擎实践.pdf

    美团 AdHoc 统一查询引擎实践.pdf

    C#基于MVC的.Net技术类门户网站源码数据库 SQL2012源码类型 WebForm

    基于MVC的.Net技术类门户网站源码 这是一款作者结合工作中积累的一些经验,开发的一套.Net门户类网站,界面十分 精美,功能也相当完善,想了解MVC的可以参考下。 该源码主要包括网站前台和管理后台两大部分,具体功能如下: 网站前台模块:主要包括了各类文章信息的检索、详细浏览、发表留言等功能。 网站后台模块 1、系统:后台首页、修改密码、菜单管理、操作记录、网站设置。 2、后台账号管理:管理员列表、部门管理、角色管理、权限管理。 3、资讯管理:添加文章资讯、所有文章列表、资讯分类管理、文章采集、新闻采集。 4、互动管理:留言管理。5、广告管理:广告列表、添加广告。6、相册管理:相册列表。 源码特色: 1、项目框架基于.Net多层架构+MVC,SQL2012,,需要安装MVC3.0。 2、使用了AutoMapper,和StructureMap,进行依赖注入。 3、归纳和整合了比较全的工具类,一并放入到了Gongap.Common类库中。

    huqehufhq1dwqe

    huqehufhq1dwqe

    Java基于springboot+vue的餐饮连锁店管理系统的设计与实现.rar

    【基于Springboot+Vue的设计与实现】高分通过项目,已获导师指导。 本项目是一套基于Springboot+Vue的管理系统,主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者。也可作为课程设计、期末大作业 包含:项目源码、数据库脚本、开发说明文档、部署视频、代码讲解视频、全套软件等,该项目可以直接作为毕设使用。 项目都经过严格调试,确保可以运行! 环境说明: 开发语言:Java 框架:springboot,mybatis JDK版本:JDK1.8 数据库:mysql 5.7数据库工具:Navicat11开发软件:eclipse/idea Maven包:Maven3.3

    计算机挑战赛2021程序设计赛C++

    计算机挑战赛2021程序设计赛C++

    java小区物业小程序源码数据库 MySQL源码类型 WebForm

    Java小区物业小程序源码 运行环境:jdk8+tomcat8+mysql5.7+IntelliJ IDEA+maven 使用技术:spring+spring mvc+mybatis+layui 项目描述 微信小程序物业管理系统,微信小程序端包括以下几个模块: 社区公告、报修、信息采集、生活缴费、二手置换 微信小程序后台管理界面可以增删改查社区公告、问卷、问卷问题、问题选项等 在微信小程序前端,用户提交信息后,可在我的界面查看提交的信息,管理员可 以在微信小程序后台管理界面查看所有用户提交的信息。

    地球物理学双差伴随层析成像方法研究与应用

    内容概要:本文介绍了一种基于伴随层析成像技术的‘双差法’(double-difference)方法,用于地震波速度结构反演。这种方法通过构建站间差异测量来减少源签名和系统误差的影响。文章详细探讨了‘双差法’在理论和实际应用中的实施步骤,包括差分时间的计算、不适定性问题的缓解、以及灵敏度比较等内容。数值实验表明,相比于传统的绝对测量,‘双差法’提供了更高分辨率的结构信息。 适合人群:地球物理学家、地震学家、研究人员、地质工程专业的学生和从业人员。 使用场景及目标:本方法适用于需要高精度地层结构解析的研究,如地震活动监测、资源勘探、地壳结构研究等场景。目标是在减少噪声干扰的同时提高成像精度。 其他说明:文中还讨论了聚类分析和正则化方法的应用,以增强问题的稳定性并降低计算成本。同时,‘双差法’对源信号函数错误较为鲁棒,在某些情况下可以更好地分离时相。

    03 曲柄摇杆机构的运动分析.rar

    1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

    06-3 外槽轮机构设计计算.rar

    1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

    体适能_2.0.8.apk

    体适能_2.0.8.apk

    (源码)基于TreasureHunt项目的户外寻宝游戏系统.zip

    # 基于TreasureHunt项目的户外寻宝游戏系统 ## 项目简介 TreasureHunt是一个旨在鼓励户外活动的寻宝游戏系统。该系统包括一个或多个宝藏和一个寻宝设备(猎手)。通过此项目,参与者可以在户外享受寻找宝藏的乐趣。 ## 项目的主要特性和功能 1. 宝藏与猎手交互猎手设备能够检测并追踪附近的宝藏。 2. 真实距离估算通过WiFi信号估算宝藏与猎手之间的距离。 3. 3D打印的抛物面反射器用于增强猎手设备的信号接收能力。 4. 丰富的用户界面提供详细的操作指南和指示,帮助用户更好地使用该系统。 5. 测试与实验项目中还包括对如何通过WiFi计算距离的尝试和文档记录。 6. 多重库支持项目使用了多个库,如Adafruit SSD1306、Adafruit GFX Library、Adafruit BusIO等,以实现各项功能。 ## 安装使用步骤

    基于Vue+Node.js+MySql小说网站

    基于Vue+Node.js+MySql的小说网站

    基于百度飞桨PaddleOCR的C++代码修改并封装的.NET的OCR工具本地类库,可离线使用 包含文本识别、文本检测、表格识别

    PaddleOCRSharp是一个基于百度飞桨PaddleOCR的C++代码修改并封装的.NET的OCR工具本地类库,可离线使用。包含文本识别、文本检测、表格识别功能。本项目针对小图识别不准的情况下做了优化,比飞桨原代码识别准确率有所提高。 包含总模型仅8.6M的超轻量级中文OCR,单模型支持中英文数字组合识别、竖排文本识别、长文本识别。同时支持多种文本检测。

    基于Springboot+Vue的江西红色旅游景点宣传网站(管理端代码)

    基于Springboot+Vue的江西红色旅游景点宣传网站(管理端代码)

Global site tag (gtag.js) - Google Analytics