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. unity, monodevelop 不安全的代码只会在使用/unsafe编译的情况下出现

    http://blog.sina.com.cn/s/blog_6b3661a90102wx2g.html

  2. CSS3 必须要知道的10 个顶级命令

    来源:http://www.cnblogs.com/damonlan/archive/2012/04/23/2465569.html 作者:浪迹天涯 1.边框圆角(Border Radiuas) 这个 ...

  3. eclipse中复制项目更名注意事项

    一.更改项目名称 web project Settings; 二.pom.xml中的项目名称更改

  4. mysql ALTER COLUMN MODIFY COLUMN CHANGE COLUMN 区别及用法 (转)

    -- 设置或删除列的默认值.该操作会直接修改.frm文件而不涉及表数据.此操作很快 -- ALTER COLUMN ALTER TABLE  dsp_ad_center.XianDuan ALTER  ...

  5. eclipse修改工程名

    直接修改工程可能会产生一些莫名其妙的问题,需遵循以下三步: 1. 右键工程:Refactor->Rename,或选中工程按F2,修改名称 2. 右键工程:Properties->Web P ...

  6. 【jmeter】测试报告优化<二>

    如果按JMeter默认设置,生成报告如下: 从上图可以看出,结果信息比较简单,对于运行成功的case,还可以将就用着.但对于跑失败的case,就只有一行assert错误信息.(信息量太少了,比较难找到 ...

  7. php反射机制获取未知类的详细信息

    使用ReflectionClass就可以获取未知类的详细信息 demo: require("hello.php"); $class = new ReflectionClass(&q ...

  8. makefile详解 嵌套执行make,定义命令包

    嵌套执行make 在一些大的工程中,我们会把我们不同模块或是不同功能的源文件放在不同的目录中,我们可以在每个目录中都书写一个该目录的Makefile,这有利于让我们的Makefile变得更加地简洁,而 ...

  9. [tty与uart]1.Linux中tty框架与uart框架之间的调用关系剖析

    转自:http://developer.51cto.com/art/201209/357501_all.htm 目录 1.tty框架 2.uart框架 3.自底向上 4.自顶向下 5.关系图 在这期间 ...

  10. 禁止使用finalize方法

    Don´t use Finalizers, mainly because are unpredictable and we don´t know when will be executed, &quo ...