Dwr 2.0

最新推荐文章于 2021-02-28 03:19:27 发布
最新推荐文章于 2021-02-28 03:19:27 发布
阅读量659 收藏
点赞数
分类专栏： StrutsSpringHibernate 文章标签： dwr function input string button callback
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xmddl369/article/details/2493282
版权
Direct Web Remoting
DWR allows Javascript in a browser to interact with Java on a server and helps you manipulate web pages with the results.
DWR is Open Source, available under the Apache Software License v2.


本实例参考dwr 2.0官方文档


1）.web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app 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 ">
 <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>
</web-app>
2）.dwr.xml
<?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="HW">
   <param name="class" value="com.xmddl.dwr.demo.HelloWorld" />
  </create>
  <create creator="new" javascript="People" scope="script">
        <param name="class" value="com.xmddl.dwr.demo.People"/>
     </create>
     <convert converter="bean" match="com.xmddl.dwr.demo.Person"/>
  <convert converter="bean" match="com.xmddl.dwr.demo.bo.UserInfo"/>
 </allow>
</dwr>
3）.index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%@ taglib uri=" http://java.sun.com/jsf/html " prefix="h"%>
<%@ taglib uri=" http://java.sun.com/jsf/core " prefix="f"%>
<html>
 <head>
  <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
  <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/HW.js'></script>
  <script type='text/javascript' src='js/hello.js'></script>
 </head>
 <body>
  This is my JSP page.
  <br>
  <input type="text" id="name" size="20" />
  <input type="button" id="test" value="click me" οnclick="OnSave()" />
  <p>
   <input value="Include Page" type="button" οnclick="forward()" />
   <br />
   Included Page:
  </p>
  <div id="forward"></div>
  <ul>
    <li> LE16 7TR </li>
    <li> NR14 7SL </li>
    <li> B92 7TT </li>
    <li> E17 8YT </li>
    <li> SN4 8QS </li>
    <li> NN5 7HT  </li>
  </ul>
  <table>
   <tr>
    <td>
     Zipcode/Postcode:
    </td>
    <td>
     <input id="postcode" type="text" οnchange="fillAddress()" />
    </td>
   </tr>
   <tr>
    <td>
     House name/number:
    </td>
    <td>
     <input id="house" type="text" />
    </td>
   </tr>
   <tr>
    <td>
     Line 2:
    </td>
    <td>
     <input id="line2" type="text" />
    </td>
   </tr>
   <tr>
    <td>
     Line 3:
    </td>
    <td>
     <input id="line3" type="text" />
    </td>
   </tr>
   <tr>
    <td>
     Line 4:
    </td>
    <td>
     <input id="line4" type="text" />
    </td>
   </tr>
  </table>
 </body>
</html>
4）.index.html
<html>
 <head>
  <title>DWR - Test Home</title>
  <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/People.js'></script>
  <script type='text/javascript' src='js/table.js'></script>
 </head>
 <body>
  <h3>
   All People
  </h3>
  <table border="1">
   <thead>
    <tr>
     <th>
      Id
     </th>
     <th>
      Name
     </th>
     <th>
      Address
     </th>
     <th>
      Salary
     </th>
     <th>
      Actions
     </th>
    </tr>
   </thead>
   <tbody id="peoplebody">
    <tr id="pattern" style="display: none;">
     <td>
      <span id="tableId">Id</span>
      <br />
     </td>
     <td>
      <span id="tableName">Name</span>
      <br />
     </td>
     <td>
      <span id="tableAddress">Address</span>
     </td>
     <td>
      <span id="tableSalary">Salary</span>
     </td>
     <td>
      <input id="edit" type="button" value="Edit"
       οnclick="editClicked(this.id)" />
      <input id="delete" type="button" value="Delete"
       οnclick="deleteClicked(this.id)" />
     </td>
    </tr>
   </tbody>
  </table>
  <h3>
   Edit Person
  </h3>
  <table class="plain">
   <tr>
    <td>
     Name:
    </td>
    <td>
     <input id="name" type="text" size="30" />
    </td>
   </tr>
   <tr>
    <td>
     Salary:
    </td>
    <td>
     $
     <input id="salary" type="text" size="20" />
    </td>
   </tr>
   <tr>
    <td>
     Address:
    </td>
    <td>
     <input type="text" id="address" size="40" />
    </td>
   </tr>
   <tr>
    <td colspan="2" align="right">
     <small>(ID=<span id="id">-1</span>)</small>
     <input type="button" value="Save" οnclick="writePerson()" />
     <input type="button" value="Clear" οnclick="clearPerson()" />
    </td>
   </tr>
  </table>
 </body>
</html>
5）.hello.js
function OnSave() {
 //var user=document.getElementById("name").value;
 //var user=DWRUtil.getValue("name");
 //var user=$("name").value;
 var user=dwr.util.getValue("name")+"china";
 HW.test(user,callback);
}
function callback(data) {
 //DWRUtil.setValue("name", data);
 $("name").value=data;
}
function searchData()
{
 HW.returnH(function(data){DWRUtil.setValue("name", data);});
}
function forward() {
  HW.getInclude(function(data) {
    DWRUtil.setValue("forward", data, { escapeHtml:false });
  });
}
function fillAddress() {
  var postcode = dwr.util.getValue("postcode");
  HW.fillAddress(postcode, function(address) {
    dwr.util.setValues(address);
  });
}
6）.table.js
function init() {
 fillTable();
}
var peopleCache = {};
var viewed = -1;
function fillTable() {
 People.getPersonList(callback);
}
function callback(people) {
 dwr.util.removeAllRows("peoplebody", {filter:function (tr) {
  return (tr.id != "pattern");
 }});
 people.sort(function (p1, p2) {
  return p1.name.localeCompare(p2.name);
 });
 var person, id;
 for (var i = 0; i < people.length; i++) {
  person = people[i];
  id = person.id;
  dwr.util.cloneNode("pattern", {idSuffix:id});
  dwr.util.setValue("tableId" + id, person.id);
  dwr.util.setValue("tableName" + id, person.name);
  dwr.util.setValue("tableSalary" + id, person.salary);
  dwr.util.setValue("tableAddress" + id, person.address);
  $("pattern" + id).style.display = "block";
  peopleCache[id] = person;
 }
}
function editClicked(eleid) {
  // we were an id of the form "edit{id}", eg "edit42". We lookup the "42"
 var person = peopleCache[eleid.substring(4)];
 dwr.util.setValues(person);
}
function deleteClicked(eleid) {
  // we were an id of the form "delete{id}", eg "delete42". We lookup the "42"
 var person = peopleCache[eleid.substring(6)];
 if (confirm("Are you sure you want to delete " + person.name + "?")) {
  dwr.engine.beginBatch();
  People.deletePerson(person);
  fillTable();
  dwr.engine.endBatch();
 }
}
function writePerson() {
 var person = {id:viewed, name:null, address:null, salary:null};
 dwr.util.getValues(person);
 dwr.engine.beginBatch();
 People.savePerson(person,function(data) {alert(data);});
 fillTable();
 dwr.engine.endBatch();
}
function showData(data) {
   alert(data);
}      
function clearPerson() {
 viewed = -1;
 dwr.util.setValues({id:-1, name:null, address:null, salary:null});
}
7）.HelloWorld.java
package com.xmddl.dwr.demo;
import java.io.IOException;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.ServletException;
import org.directwebremoting.WebContext;
import org.directwebremoting.WebContextFactory;
import org.directwebremoting.util.LocalUtil;
public class HelloWorld {
    private static final String LINE4 = "line4";
    private static final String LINE3 = "line3";
    private static final String LINE2 = "line2";
    public Map<String, String> fillAddress(String origpostcode)
    {
        Map<String, String> reply = new HashMap<String, String>();
        String postcode = LocalUtil.replace(origpostcode, " ", "");
        if (postcode.equalsIgnoreCase("LE167TR"))
        {
            reply.put(LINE2, "Church Lane");
            reply.put(LINE3, "Thorpe Langton");
            reply.put(LINE4, "MARKET HARBOROUGH");
        }
        else if (postcode.equalsIgnoreCase("NR147SL"))
        {
            reply.put(LINE2, "Rectory Lane");
            reply.put(LINE3, "Poringland");
            reply.put(LINE4, "NORWICH");
        }
        else if (postcode.equalsIgnoreCase("B927TT"))
        {
            reply.put(LINE2, "Olton Mere");
            reply.put(LINE3, "Warwick Road");
            reply.put(LINE4, "SOLIHULL");
        }
        else if (postcode.equalsIgnoreCase("E178YT"))
        {
            reply.put(LINE2, "");
            reply.put(LINE3, "PO Box 43108 ");
            reply.put(LINE4, "LONDON");
        }
        else if (postcode.equalsIgnoreCase("SN48QS"))
        {
            reply.put(LINE2, "Binknoll");
            reply.put(LINE3, "Wootton Bassett");
            reply.put(LINE4, "SWINDON");
        }
        else if (postcode.equalsIgnoreCase("NN57HT"))
        {
            reply.put(LINE2, "Heathville");
            reply.put(LINE3, "");
            reply.put(LINE4, "NORTHAMPTON");
        }
        else
        {
            reply.put(LINE2, "Postcode not found");
            reply.put(LINE3, "");
            reply.put(LINE4, "");
        }
        return reply;
    }
    public String returnH() {
      return "Hello World";
    }
    public String test(String name) {
      System.out.println(name);
      return "Hello " + name;
    }
    public String getInclude() throws ServletException, IOException {
        WebContext wctx = WebContextFactory.get();
        return wctx.forwardToString("/index.html");
    }
}
8）.People.java
package com.xmddl.dwr.demo;
import java.util.ArrayList;
import java.util.Iterator;
import java.util.LinkedHashMap;
import java.util.List;
import java.util.Map;
import java.util.Map.Entry;
public class People {
 private static List<Person> personList = new ArrayList<Person>();
 private static final Map<Integer, Person> storeMap = new LinkedHashMap<Integer, Person>();
 public static List<Person> getPersonList() {
  personList.clear();
  Iterator<Entry<Integer, Person>> it = storeMap.entrySet().iterator();
  while (it.hasNext()) {
   Entry<Integer, Person> next = (Entry<Integer, Person>) it.next();
   personList.add((Person)next.getValue());
  }
  return personList;
 }
 public String savePerson(Person person) {
  if("".equals(person.getName()))
  {
   return "用户名不能为空！";
  }
  else
  {
   if (storeMap.keySet().contains(person.getId()))
    storeMap.put(Integer.parseInt(String.valueOf(person.getId())),
      person);
   else {
    person.setId(personList.size() + 1);
    storeMap.put(Integer.parseInt(String.valueOf(person.getId())),
      person);
   }
   return "保存成功！";
  }
 }
 public void deletePerson(Person person) {
  storeMap.remove(Integer.parseInt(String.valueOf(person.getId())));
 }
}
舞兮
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
dwr20.dtd
06-04
dwr20.dtd
DWR2.jar + DWR.xml + DWR2.0.dtd + Web.xml
10-23
DWR2.0 相关配置文件 DWR2.jar + DWR.xml + DWR2.0.dtd + Web.xml
DWR2.0框架入门
weixin_30488085的博客
07-25 66
1、DWR简介 DWR是一个远程web调用框架，利用该框架使得Ajax开发变得简单。利用DWR可以在客户端使用JavaScript直接调用服务器端的Java方法，并返回值给JavaScript；就好像直接在本地客户端调用一样（DWR根据Java类来动态生成JavaScript代码）。 DWR包含两部分： 一个运行在服务器端的 Java Servlet，它处理请求并且向浏览器发回...
DWR 2.0 m1 Released - Reverse Ajax added!
A15755509720000的博客
10-03 86
最近，DWR(Direct Web Remoting)发布了2.0的m1版本，其中最让人兴奋的新功能莫过于Reverse Ajax了。DWR的logo是两个指向不同方向的蓝红箭头，寓意应该是javascript和java的双向异步交流，但是即使是在最新的稳定版本1.1.1中，也只是支持在javascript中异步的调用java，不得不说，这和它的最终目的还差很远。因此当2.0m1发布的时...
基于dwr2.0的Push推送技术详细解析以及实例
赶路人儿
03-17 1749
DWR从2.0开始增加了push功能,也就是在异步传输的情况下可以从Web-Server端发送数据到Browser.我们知道,Web的访问机制天生是设计用来pull数据的,也就是只允许Browser端主动发起请求,server是被动的响应.不允许Server向Browser发出一个connection请求,也就是说没有为server向Browser push数据提供设计实现.虽然没有直接的实现方法
dwr2.0跨域配置
Nina的博客
09-13 1271
参见：https://blog.intropedro.com/es/tema/dwrweb.xml文件中需要配置：<servlet> <servlet-name>dwr-invoker</servlet-name> <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
java钟使用dwr_如何使用DWR2.0的注解功能
weixin_36448245的博客
02-28 236
DWR2.0新增加了JDK5的注解(Annotation)功能，使用注解功能之后可以从很大程度上简化了原来的dwr.xml的配置，使用起来非常的方便。一、配置DWR使用注解功能如果让dwr使用注解功能需要在web.xml进行如下配置：dwr-invokerorg.directwebremoting.servlet.DwrServletdebugtrueclassescom.javatang.dom...
DWR2.0笔记
独自登高楼 望断天涯路
02-20 1316
在使用DWR2.0从页面传一个bean对象回后台时抛出异常花费很久时间才发现是bean本身的问题，也就是是说，本身的bean必须有各不带参数的构造方法在dwr内部调用了这个构造方法，而我用带参数的构造方法覆盖了默认构造方法造成的开始一直以为是dwr.xml的配置问题呢。后来才发现不是。还有发现1.0和2.0的另一点却别就是web.xml配置DWRServlet的servlet-cl
DWR2.0 整合Spring2.0
yxwang0615的专栏
03-29 79
1.jar包：   spring2.5基本的jar包引入，（在http://yxwang0615.iteye.com/blog/967373中有笔记）;   dwr.jar;   commons-pool-1.3.jar; 2.web.xml中加入dwr拦截器、监听器及自动加载spring配置文件的参数： &lt;web-app version="2.5" xmlns="http:...
DWR2.0 中文手册
05-27
**DWR 2.0 中文手册** DWR (Direct Web Remoting) 是一个开源的Java库，它允许Web应用程序在客户端JavaScript和服务器端Java代码之间进行实时通信，类似于Ajax技术，但提供了更强大的功能。DWR 2.0版本是在DWR 1.x...
dwr2.0示例
03-19
《DWR 2.0 示例解析与应用》 Direct Web Remoting (DWR) 是一个开源的Java库，它允许JavaScript在浏览器中直接调用服务器上的Java方法，从而实现Ajax应用。DWR 2.0 版本是其发展过程中的一个重要里程碑，它在前一...
DWR 2.0 DEMO
03-21
DWR 2.0 版本是在其早期版本的基础上进行的升级，提高了性能和功能，使得与服务器端的数据交互变得更加简单和高效。 在DWR 2.0的DEMO中，我们可以学习到以下关键知识点： 1. **DWR的基本概念**：DWR的核心是将Java...
DWR3.0.jar、DWR.war和DWR2.0中文说明文档
09-16
这个压缩包包含了DWR的三个关键组件：DWR3.0.jar，DWR的实例war文件，以及DWR2.0的中文说明文档。以下是关于这些组件的详细知识： 1. **DWR3.0.jar**： DWR3.0.jar是DWR框架的核心库，包含所有必需的类和接口，...
配置dwr2.0框架步骤
htofly的专栏
07-18 1247
1.在项目导入 dwr.jar 包 . 2.在 web.xml 中引入 :  servlet >          servlet-name > dwr  servlet-name >          servlet-class > org.directwebremoting.servlet.DwrServlet  servlet-class >          init-param
DWR2.0+Spring2.0 : DWR2.0 与 Spring2.0的整合
边走边唱
05-10 134
     DWR2.0+Spring2.0 : DWR2.0 与 Spring2.0的整合    本文重点介绍DWR2.0与Spring2.0的整合，在阅读本文之前，假设读者已经了解了 DWR 与 spring的基本原理。    1，web.xml 中 对Spring的配置如下：   &lt;context-param&gt; &lt;par...
分包合同计量单.docx
最新发布
07-13
分包合同计量单.docx
树莓派简介PPT课件.ppt
07-13
树莓派简介PPT课件.ppt
DWR参考教程.docx
09-19
"DWR参考教程v0.9" DWR（Direct Web Remoting）是一个开源的Java库，专为创建AJAX驱动的Web应用程序而设计。它使得在浏览器中的JavaScript可以直接调用Web服务器上的Java代码，仿佛这些Java方法就运行在浏览器内部...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值