dwr2.0的jar包，还需要同时导入log4j.jar和commons-loggin.jar

首先是配置文件:

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

           <init-param>

              <param-name>crossDomainSessionSecurity</param-name>

              <param-value>false</param-value>

       </init-param>

       <init-param>

             <param-name>allowScriptTagRemoting</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.xml的同级目录下建立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>

         <!-- javascript="DWRUserAccess" 表示提供给前台页面调用的javascript文件是DWRUserAccess.js

             convert用于数据类型转换,即java类和javascript之间相互转换-->

         <create creator="new" javascript="service" scope="application">

             <param name="class" value="helloWorld.Service"></param>

         </create>

         <create creator="new" javascript="DWRUserAccess">

             <param name="class" value="com.dwr.DWRUserAccess" />

         </create>

         <convert converter="bean" match="com.dwr.User" />

     </allow>

 </dwr>

user.java

 package com.dwr;

 public class User {

     private String id;

     private String name;

     private String password;

     private String email;

     public String getName() {

         return name;

     }

     public void setName(String name) {

         this.name = name;

     }

     public String getPassword() {

         return password;

     }

     public void setPassword(String password) {

         this.password = password;

     }

     public String getId() {

         return id;

     }

     public void setId(String id) {

         this.id = id;

     }

     public String getEmail() {

         return email;

     }

     public void setEmail(String email) {

         this.email = email;

     }

 }

userDao.java

 package com.dwr;

 import java.util.HashMap;

 import java.util.Map;

 public class UserDAO {

     //存放保存的数据

     private static Map dataMap = new HashMap();

   //持久用户

     public boolean save(User user){

         if (dataMap.containsKey(user.getId()))

             return false;

           System.out.println("下面开始保存用户");

           System.out.println("id："+user.getId());

           System.out.println("password："+user.getPassword());

           System.out.println("name："+user.getName());

           System.out.println("email："+user.getEmail());

           dataMap.put(user.getId(), user);

           System.out.println("用户保存结束");

           return true;

     }

     //查找用户

     public User find(String id) {

       return (User)dataMap.get(id);

     }

 }

People.java

 package com.dwr;

 public class People {

     public String getName(){

         return "guoyansi";

     }

 }

DWRUserAccess.java

 package com.dwr;

 public class DWRUserAccess {

     UserDAO userDAO = new UserDAO();

     public boolean save(User user) {

       return userDAO.save(user);

     }

     public User find(String id) {

       return userDAO.find(id);

     }

 }

test.jsp

 <%@ page language="java" import="java.util.*" contentType="text/html; charset=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>测试dwr</title>

 <script src="dwr/engine.js"></script>

 <script src="dwr/util.js"></script>

 <script src="dwr/interface/DWRUserAccess.js"></script>

   </head>

   <body>

     <B>用户注册</B>

     <br> ------------------------------------------------

     <Br>

     <form name="regForm">

         登陆ID：<input type="text" name="id"><br>

         口 令：<input type="password" name="password"><br>

         姓 名：<input type="text" name="name"><br>

         电子邮件：<input type="text"    name="email"><br>

         <input type="button" name="submitBtn" value="提交" onclick="OnSave()"><br>

     </form>

     <br>

     <br>

     <B>用户查询</B>

     <br> ------------------------------------------------

     <Br>

     <form name="queryForm">

         登陆ID：<input type="text" name="id"><br>

         <input type="button" name="submitBtn" value="提交" onclick="OnFind()"><br>

     </form>

     <br>

     <script type="text/javascript">

         function saveFun(data) {

             if (data) {

                 alert("注册成功！");

             } else {

                 alert("登陆ID已经存在！");

             }

         }

         function OnSave() {

             var userMap = {};

             userMap.id = regForm.id.value;

             userMap.password = regForm.password.value;

             userMap.name = regForm.name.value;

             userMap.email = regForm.email.value;

             DWRUserAccess.save(userMap, saveFun);

         }

         function findFun(data) {

             if (data == null) {

                 alert("无法找到用户：" + queryForm.id.value);

                 return;

             }

             alert("找到用户，nid：" + data.id + "，npassword：" + data.password

                     + "，nname：" + data.name + "，nemail：" + data.email);

         }

         function OnFind() {

             DWRUserAccess.find(queryForm.id.value, findFun);

         }

     </script>

   </body>

 </html>

test1.jsp

 <%@ page language="java" import="java.util.*" contentType="text/html; charset=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>测试dwr</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/service.js'></script>

 <script type="text/javascript">

     function firstDwr(){

         service.sayHello("jiuzi",callBackHello);

     }

     function callBackHello(data){

         alert(data);

     }

 </script>  

   </head>

   <body>

     <button onclick="firstDwr()">测试</button>

   </body>

 </html>

dwr入门的更多相关文章

  1. DWR入门教程

    DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给 ...

  2. DWR入门实例(二)

    DWR(Direct Web Remoting) DWR is a Java library that enables Java on the server and JavaScript in a b ...

  3. DWR入门的例子(一个)

    DWR(Direct Web Remoting)是WEB远程调用框架.使用这种框架使AJAX发展至今已成为非常easy.使用DWR能client利用JavaScript直接调用服务端的Java方法并返 ...

  4. [JavaEE] DWR入门教程

    DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给 ...

  5. DWR实现扫一扫登录功能

    前言 <DWR实现后台推送消息到Web页面>一文中已对DWR作了简介,并列出了集成步骤.本文中再一次使用到DWR,用以实现扫一扫登录功能. 业务场景 web端首页点击"登陆&qu ...

  6. jQuery UI框架

    jQuery UI框架 1.oschina开源社区-jQuery教程 2.jQuery PrimeUI(推荐) 3.弹出框.警告框.提示框.拖动支持.位置固定.选项卡切换 4.Bootstrap框架( ...

  7. DWR3.0框架入门（2） —— DWR的服务器推送

    DWR3.0框架入门(2) —— DWR的服务器推送 DWR 在开始本节内容之前,先来了解一下什么是服务器推送技术和DWR的推送方式.   1.服务器推送技术和DWR的推送方式   传统模式的 Web ...

  8. 【DWR系列01】-DWR简介及入门例子

    .literal { background-color: #f2f2f2; border: 1px solid #cccccc; padding: 1px 3px 0; white-space: no ...

  9. DWR应用—快速入门篇

    DWR(Direct Web Remoting)是一个Ajax的开源框架,用于改善web页面与Java类交互的远程服务器端的交互体验. 官网:http://directwebremoting.org/ ...

随机推荐

  1. Linux 下 apache 日志分析与状态查看[转]

    假设apache日志格式为: 118.78.199.98 – - [09/Jan/2010:00:59:59 +0800] “GET /Public/Css/index.css HTTP/1.1″ 3 ...

  2. MVC2、MVC3、MVC4、MVC5之间的区别 以及Entity Framework 6 Code First using MVC 5官方介绍教程

    现在MVC的技术日趋成熟,面对着不同版本的MVC大家不免有所迷惑 -- 它们之间有什么不同呢?下面我把我搜集的信息汇总一下,以便大家能更好的认识不同版本MVC的功能,也便于自己查阅. View Eng ...

  3. windows中用eclipse开发Android环境搭建SDK安装异常

    SDK更新时的“https://dl-ssl.google.com refused”错误 Download interrupted: hostname in certificate didn't ma ...

  4. html之p标签

    p标签定义段落 p元素会自动在其前后创建一些空白,浏览器会自动添加这些空间. 效果图:

  5. Spring和SpringMVC的区别

    spring 是是一个开源框架,是为了解决企业应用程序开发,功能如下◆目的:解决企业应用开发的复杂性◆功能:使用基本的JavaBean代替EJB,并提供了更多的企业应用功能◆范围:任何Java应用简单 ...

  6. junit类找不到的问题解决

    1. Class not found  *******java.lang.ClassNotFoundException: ******* at java.net.URLClassLoader$1.ru ...

  7. JavaScript判断字符串能否转化为数字

    判断一个字符串能否转化为数字 我们常常使用parseInt函数. 不过该函数的适用范围是很小的. 一般说来对于 如下类似 var myStr = "123hello"; 使用par ...

  8. jquery中关于append()的用法笔记---append()节点移动与复制之说

    jquery中关于append()的用法笔记---append()节点移动与复制之说 今天看一本关于jquery的基础教程,看到其中一段代码关于append()的一行,总是百思不得其解.于是查了查官方 ...

  9. 折腾Ipython

    1. 用easy_install安装吧 [root@host python]# easy_install IPython Searching for IPython Reading https://p ...

  10. TCP/IP四层模型和OSI七层模型的概念

    转:http://blog.csdn.net/superjunjin/article/details/7841099/ TCP/IP四层模型 TCP/IP是一组协议的代名词,它还包括许多协议,组成了T ...