`
pavel
  • 浏览: 927832 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

dwr入门代码二

    博客分类:
  • dwr
阅读更多

dwr.Xml代码
<?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>      
<!-- without allow, DWR isn't allowed to do anything -->      
<allow>        
         <create creator="new" javascript="Student" scope="application">          
        <param name="class" value="com.xzj.service.StudentService"/>          
    </create>      
    <convert converter="com.xzj.domain.Student" match="bean"/>      
</allow>      
</dwr>    

StudentService方法的代码如下:
Java代码
package com.xzj.service;      
    
import java.util.ArrayList;      
import java.util.List;      
    
import com.xzj.domain.Student;      
    
public class StudentService {      
          
    public  List find(){      
        List list=new ArrayList();      
        for(int k=1;k<10;k++){      
            list.add(k);      
        }      
        return list;      
    }      
          
    public Student findStudent(){      
        Student stu=new Student();      
        stu.setId(127);      
        stu.setName("小虎队");      
        stu.setAge(48);      
        return stu;      
    }      
          
    public List listStudent(){      
        List list=new ArrayList();      
        Student stu=null;      
        for(int k=1;k<6;k++){      
            stu=new Student();      
            stu.setId(k);      
            stu.setName("小猪"+k);      
            stu.setAge(23+k);      
            list.add(stu);      
        }      
        return list;      
    }      
}    

Student 的代码如下:
Java代码
package com.xzj.domain;    
  
public class Student {    
private int id;    
private String name;    
private int age;    
  
public int getId() {    
return id;    
}    
public void setId(int id) {    
this.id = id;    
}    
public String getName() {    
return name;    
}    
public void setName(String name) {    
this.name = name;    
}    
public int getAge() {    
return age;    
}    
public void setAge(int age) {    
this.age = age;    
}    
}  

前台index.jsp的代码如下:
Java代码
<%@ page language="java"  pageEncoding="UTF-8"%>      
<html>      
  <head>      
    <title>DWR Operator List and Object</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">      
    <style type="text/css">      
    a:link, a:visited{      
        margin:10px;      
        color:#A62020;      
        padding:4px 10px 4px 10px;      
        background-color: #ecd8db;      
        text-decoration:none;      
        border-top: 1px solid #EEEEEE;            
        border-left: 1px solid #EEEEEE;      
        border-bottom: 1px solid #717171;      
        border-right: 1px solid #717171;      
    }      
          
    a:hover{      
        margin:10px;      
        color:#821818;      
        padding:5px 8px 3px 12px;      
        background-color:#e2c4c9;      
        border-top:1px solid #717171;      
        border-left:1px solid #717171;      
        border-bottom:1px solid #EEEEEE;      
        border-right:1px solid #EEEEEE;      
    }      
              
    .datalist{      
        border:1px solid #5F6F7E;      
        border-collapse:collapse;      
        width:60%;      
    }      
    .datalist th{      
        border:1px solid #5F6F7E;      
        background-color:#E2E2E2;      
        color:#000000px;      
        font-weight:normal;      
        text-align:center;      
        padding:2px 8px 2px 6px;      
        height:20px;      
    }      
    .datalist td{      
        margin:0px;      
        padding:1px;      
        border:1px solid #ABABAB;      
        }      
       .put{      
        margin:0px;                  
        border:0;      
        background-color:#E2E2E2;      
        padding:5px;      
        border-bottom:1px solid #ABABAB;      
        width:auto;      
    }      
    </style>      
    <script type="text/javascript" src='dwr/interface/Student.js'></script>      
   <script type="text/javascript" src='dwr/engine.js'></script>      
   <script type="text/javascript" src='dwr/util.js'></script>      
    <script type="text/javascript">      
        function find(){      
            Student.find(showMessage);      
            function showMessage(msg){      
                var rs=new Array();      
                rs=msg      
                for(var k in rs){      
                    alert("List中的:"+rs[k]);      
                }      
            }      
        }      
              
        function findStudent(){      
            Student.findStudent(showMessage);      
            function showMessage(msg){      
                //操作Bean文件Student 必须要先再dwr.xml中配置      
                /**<convert converter="bean" match="com.xzj.domain.Student"/>*/    
                var msgStr="编号:"+msg.id+"\n姓名:"+msg.name+"\n年龄:"+msg.age;      
                alert(msgStr);      
            }      
        }      
              
        function listStudent(){      
            Student.listStudent(showMessage);      
            function showMessage(msg){      
                var rs=new Array();      
                rs=msg;      
                var table="<table  class='datalist'>";      
                        table+="<tr>";      
                            table+="<th>编号</th>";      
                            table+="<th>姓名</th>";      
                            table+="<th>年龄</th>";      
                        table+="</tr>";      
                for(var k in rs){      
                    table+="<tr>";      
                        table+="<th>"+rs[k].id+"</th>";      
                        table+="<td>"+rs[k].name+"</td>";      
                        table+="<td>"+rs[k].age+"</td>";      
                    table+="</tr>";      
                }      
                table+="</table>";      
                showMsg.innerHTML=table;      
            }      
        }      
    </script>      
  </head>      
        
  <body>      
    <center>      
        <input type="button" class="put" name="btnList" value="查看对List的操作" onclick="find()"/>      
        <input type="button" class="put" name="btnList" value="查看对Student对象的操作" onclick="findStudent()"/>      
        <input type="button" class="put" name="btnList" value="查看对List中5个Student对象的操作" onclick="listStudent()"/>      
    </center>      
    <br><br>      
    <br><br>      
    <div id="showMsg" style="border:1px dashed #CCCCCC;width:500px:height:auto;margin:5px;padding:5px;text-align:center;">      
          
    </div>      
  </body>      
</html>    
记得在web.xml中配置

分享到:
评论

相关推荐

    DWR入门教程及实例(含源代码)

    本教程“DWR入门教程及实例(含源代码)”旨在帮助初学者快速掌握DWR的基本概念和使用方法。教程内容可能包括以下几个核心知识点: 1. **DWR概述**:讲解DWR的基本理念,如何通过HTTP协议实现JavaScript与Java之间...

    ExtJS DWR 入门级代码 源代码

    NULL 博文链接:https://atgoingguoat.iteye.com/blog/620103

    个人编写的一份dwr入门源代码

    这份"个人编写的一份dwr入门源代码"是针对初学者设计的,通过五个简单示例帮助理解DWR的基本用法和功能。 1. **DWR简介**:DWR简化了AJAX开发,通过自动处理跨域问题和JSON/JavaScript对象转换,使得前端可以像调用...

    STRUT2 DWR 入门STRUT2 DWR 入门STRUT2 DWR 入门STRUT2 DWR 入门

    STRUT2 DWR入门教程 DWR(Direct Web Remoting)是一种开源JavaScript库,它允许在Web应用程序中实现Ajax功能,使用户界面更加动态和交互性更强。与STRUT2框架结合使用,DWR可以为Java后端提供简单且高效的远程方法...

    Dwr入门操作手册及dwr包

    **DWR(Direct Web Remoting)入门操作手册及DWR包** DWR,全称Direct Web Remoting,是一个...通过深入学习"Dwr入门操作手册"并实践使用"dwr.jar",你可以掌握如何利用DWR构建交互性更强、用户体验更好的Web应用。

    DWR中文文档 dwr入门 dwr.jar

    **DWR入门步骤:** 1. **引入依赖**:首先,你需要在项目中添加dwr.jar到类路径中,这将包含所有DWR运行所需的类和库。 2. **配置DWR**:在Web应用的Web-INF目录下创建dwr.xml配置文件,设置允许的远程接口和方法...

    dwr API dwr入门教程

    在DWR入门教程中,首先会介绍DWR的基本概念和工作原理。DWR的核心是将Java方法暴露给JavaScript,通过在服务器端创建一个称为"逆向Ajax"的通道,使得JavaScript能够调用远程服务器上的Java方法。这个过程涉及到几个...

    dwr入门+springmvc实现

    利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java类来动态生成JavaScrip代码).它的最新版本DWR0.6添加许多特性如:支持Dom Trees的自动配置...

    DWR入门例子(一个很好的dwr入门例子)

    在这个"DWR入门例子"中,我们将深入探讨如何使用DWR进行服务器和客户端之间的数据交换。 1. **DWR基本概念** - **反向AJAX**: DWR的核心理念是反向AJAX,即由服务器主动向客户端推送数据,而不仅仅是响应客户端的...

    DWR入门,含有我整理的word,PDF书,代码,jar包

    现在,让我们深入探讨DWR的入门知识,包括其基本概念、安装、配置以及如何通过提供的例子来开始你的DWR学习之旅。 1. **DWR的基本概念** - **Web Remoting**:DWR的核心是远程调用,即JavaScript可以直接调用...

    dwr入门例子 返回list

    2. **服务器端代码**:在`UserService`类中,定义`getUserList()`方法,它可能从数据库或其他数据源获取数据并返回一个List对象: ```java public List&lt;User&gt; getUserList() { // 数据库操作获取User列表 List...

    DWR入门程序(1.0和3.0版本的测试工程)

    在"DWR入门程序--计算两个数之和及包含页面的例子(使用1.0版本).rar"中,我们可以看到一个简单的例子,展示了如何使用DWR 1.0进行数据交互。这个例子可能包括一个HTML页面,该页面包含一个JavaScript函数,该函数...

    DWR入门demo

    在"DWR入门demo"中,我们可以学习到以下几个关键知识点: 1. **DWR的基本概念**:DWR的核心是提供了一个安全、高效的机制,通过AJAX(Asynchronous JavaScript and XML)技术实现在浏览器和服务器之间进行异步通信...

    软件工程DWR入门教程.docx

    二、DWR 的配置文件 DWR 的配置文件 dwr.xml 用于定义哪些 Java 类可以被远程调用。例如: ```xml &lt;!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" ...

    DWR入门 (二)用户实例

    **DWR入门(二)用户实例** DWR(Direct Web Remoting)是一种开源JavaScript库,它允许在浏览器和服务器之间进行实时、双向通信,从而实现Web应用中的Ajax功能。DWR使得开发者能够像操作本地对象一样操作服务器端...

    dwr入门简单实现示例

    **二、DWR的工作原理** 1. **配置阶段**:在服务器端,我们需要在`dwr.xml`配置文件中声明可被远程调用的Java类和方法。 2. **编译阶段**:DWR自动生成JavaScript接口文件,供客户端使用。 3. **运行时**:客户端...

    最完整的DWR入门文档及DWR使用案例

    通过这个“最完整的DWR入门文档”,你将能够学习到如何从零开始搭建一个DWR应用,包括实例代码、配置示例和详细的解释。案例部分则可以帮助你将理论知识应用到实践中,解决实际问题。 总之,DWR是AJAX开发的一个...

    Ajax的DWR入门例子

    3. **DWR入门步骤**: - **准备环境**:首先,需要下载DWR的jar包,如dwrc.jar,将其放入项目的lib目录下。 - **创建Web项目**:创建一个新的Web项目,例如名为sayHello。 - **编写Java类**:创建一个名为...

    AJAX技术之DWR框架入门

    **AJAX技术之DWR框架入门** AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新。这种技术可以提升...

Global site tag (gtag.js) - Google Analytics