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

学习dwr详细笔记

阅读更多

<convert        
今天花了一个下午学习了一下 关于 collection 的 converter 的使用,这是Dwr的一个默认的 converter <convert converter="collection" match="java.util.Collection"/>但是不知道怎么用,从 Java Object --> Javascript Object 问题不大,有现成的例子可供参考 :),
就是 Java function 返回一个Collection,看了一下返回值在 javascript 中是的形式是一个object Array然后在 javascript 取出每一个 Object的 property (eg. object.id ,objecct.name....)
下面是一个应用实例
---------------------DWR.XML------------------------------
<dwr>
    <allow>
        <convert converter="bean" match="dwr.sample.Apartment"/>
        <create creator="new" javascript="ApartmentDAO" class="dwr.sample.ApartmentDAO">
            <include method="findApartments"/>
            <include method="countApartments"/>
            <include method="addApartment"/>
            <include method="addApartments"/>
            <include method="addApartments2"/>
        </create>
        <create creator="spring"   javascript="ApartmentDAO"  >
        </create>
  </allow>
    <signatures>
     <![CDATA[
     import java.util.*;
     import dwr.sample.*;
     ApartmentDAO.addApartments(List<Apartment>);
     ApartmentDAO.addApartments2(Map<String,Apartment>);
     ]]>
     </signatures>
</dwr>
如果传如 java 的代码的参数 是一个 Collection ,则要稍微处理以下,先照上面 黑体字 的声明以下传入的Collection
的内部包含的类的 确切类型,以便 Java 代码 作出判断;
如果传入的参数是一个 List,则在 Javascript 中把这些对象放在 一个Array中就可以了,
如果传入的参数是一个Map,原来以为是 一个 二维的 Array就行了,但是试过之后发现不行,看了一下例子,原来要使用这种形式:
  var depts={"dept1":new department("2", "200"),"dept2":new department("3", "300")};
这样传进去之后 Java 就会根据 这些 数据构建 一个Map,

DWR中的Convert配置学习
        DWR帮助我们将本地的javascript脚本函数调用转变成对远程java对象函数的调用。在函数的调用过程中我们需要传递参数,这样我们就需要将本地的javascript变量转变成对应的java类型变量。这个就是Convertor的作用。DWR内部为我们 编写了一些JAVA主要类型的Convertor.默认下面的数据类型会自动转换:boolean, byte, short, int, long, float, double, char, java.lang.Boolean, java.lang.Byte, java.lang.Short, java.lang.Integer, java.lang.Long, java.lang.Float, java.lang.Double, java.lang.Character, java.math.BigInteger, java.math.BigDecimal and java.lang.String.但是假如我们有这样一个方法A.setB(B b),现在我们要在javascript脚本中调用该方法,我们需要传递java类型为B的参数,这个时候我们就需要配B配置Convertor.下面我 们编写一个添加用户的简单程序:
1、写一个用户信息Bean:UserBean,包含简单的userName,userPassword信息。
2、写一个类,里面包含添加用户函数DwrService.addUser(UserBean user)代码如下:
package test;
import java.io.IOException;
import org.directwebremoting.WebContext;
import org.directwebremoting.WebContextFactory;
import javax.servlet.ServletException;
public class DwrService {
public String check(String name){
     //访问数据库验证信息
     if(name.startsWith("aa")){
      return "用户已经存在";
     }
     else{
      return "可以使用该用户";
     }
}
public String getInclude() throws ServletException, IOException
{
       return WebContextFactory.get().forwardToString("/test.jsp");
}
public String addUser(UserBean user){
     //将用户信息添加到数据库中
     return "Name:"+user.getUserName()+";Password="+user.getUserPassword();
}
}
3、配置dwr.xml文件,注册类方法和Converte信息
<?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>
   <convert converter="bean" match="test.UserBean"/>
       <create creator="new" javascript="DwrService">
           <param name="class" value="test.DwrService"/>
       </create>
</allow>
</dwr>
4、编写页面文件,提供功能。index.html
<html>
<head>
   <script type='text/javascript' src='/test/dwr/interface/DwrService.js'></script>
   <script type='text/javascript' src='/test/dwr/engine.js'></script>
   <script type='text/javascript' src='/test/dwr/util.js'></script>
   <script LANGUAGE=javascript>
   <!--
   function addUser() {
   var user={userName:null,userPassword:null};
   dwr.util.getValues(user);
   DwrService.addUser(user,function(data) {
       dwr.util.setValue("userInfo",data);
   });
   }//-->
   </script>
</head>
<body>
   <hr>
   name:<input type="text" id="userName"/>
   <br>
   password:<input type="text" id="userpassword"/>
   <br>
   <input value="submit" type="button" onclick="addUser()" />
   <br>
   <span id="userinfo"></span>
</body>
</html>
5、现在我们就可以通过Bean Converter将javascript变量user转变成java类型UserBean类型传给java方法了。
说明:dwr.util.getValues(Object);如同dwr.util.getValue("id")方法,用来将页面中的元素内容复制到变量中,与getValue不同getValues方法不返回值内容而是修改参数Object中的信息。Object中的内容是一些键值对,键对应到页面 元素的id属性,值对应元素的内容。我们可以通过将页面元素的id设置为Bean的属性,然后通过该方法轻松的获取用户的输入信息。
=================================================================-=

DWR 调用返回值方法 (2007-11-19 14:20)
2.调用有简单返回值的java方法
2.1、dwr.xml的配置
配置同1.1
<dwr>
<allow>
  <create creator="new" javascript="testClass" >
   <param name="class" value="com.dwr.TestClass" />
   <include method="testMethod2"/>
  </create>
</allow>
</dwr>
2.2、javascript中调用
首先,引入javascript脚本
其次,编写调用java方法的javascript函数和接收返回值的回调函数
Function callTestMethod2(){
testClass.testMethod2(callBackFortestMethod2);
}
Function callBackFortestMethod2(data){
//其中date接收方法的返回值
//可以在这里对返回值进行处理和显示等等
alert("the return value is " + data);
}
其中callBackFortestMethod2是接收返回值的回调函数
3、调用有简单参数的java方法
3.1、dwr.xml的配置
配置同1.1
<dwr>
<allow>
  <create creator="new" javascript="testClass" >
   <param name="class" value="com.dwr.TestClass" />
   <include method="testMethod3"/>
  </create>
</allow>
</dwr>
3.2、javascript中调用
首先,引入javascript脚本
其次,编写调用java方法的javascript函数
Function callTestMethod3(){
//定义要传到java方法中的参数
var data;
//构造参数
data = “test String”;
testClass.testMethod3(data);
}
4、调用返回JavaBean的java方法
4.1、dwr.xml的配置
<dwr>
<allow>
<create creator="new" javascript="testClass" >
  <param name="class" value="com.dwr.TestClass" />
  <include method="testMethod4"/>
</create>
<convert converter="bean" match=""com.dwr.TestBean">
  <param name="include" value="username,password" />
</convert>
</allow>
</dwr>
<creator>标签负责公开用于Web远程的类和类的方法,
<convertor>标签则负责这些方法的参数和返回类型。convert元素的作用是告诉DWR在服务器端Java 对象表示和序列化的JavaScript之间如何转换数据类型。DWR自动地在Java和JavaScript表示之间调整简单数据类型。这些类型包括Java原生类型和它们各自的封装类表示,还有String、Date、数组和集合类型。DWR也能把JavaBean转换成JavaScript 表示,但是出于安全性的原因,要求显式的配置,<convert>标签就是完成此功能的。converter="bean"属性指定转换的方式采用JavaBean命名规范,match=""com.dwr.TestBean"属性指定要转换的javabean名称,<param>标签指定要转换的JavaBean属性。
4.2、javascript中调用
首先,引入javascript脚本
其次,编写调用java方法的javascript函数和接收返回值的回调函数
Function callTestMethod4(){
testClass.testMethod4(callBackFortestMethod4);
}
Function callBackFortestMethod4(data){
//其中data接收方法的返回值
//对于JavaBean返回值,有两种方式处理
//不知道属性名称时,使用如下方法
for(var property in data){
  alert("property:"+property);
  alert(property+":"+data[property]);
}
//知道属性名称时,使用如下方法
alert(data.username);
alert(data.password);
}
其中callBackFortestMethod4是接收返回值的回调函数
5、调用有JavaBean参数的java方法
5.1、dwr.xml的配置
配置同4.1
<dwr>
<allow>
  <create creator="new" javascript="testClass" >
   <param name="class" value="com.dwr.TestClass" />
   <include method="testMethod5"/>
  </create>
  <convert converter="bean" match="com.dwr.TestBean">
   <param name="include" value="username,password" />
  </convert>
</allow>
</dwr>
5.2、javascript中调用
首先,引入javascript脚本
其次,编写调用java方法的javascript函数
Function callTestMethod5(){
//定义要传到java方法中的参数
var data;
//构造参数,date实际上是一个object
data = { username:"user", password:"password" }
testClass.testMethod5(data);
}
6、调用返回List、Set或者Map的java方法
6.1、dwr.xml的配置
配置同4.1
<dwr>
<allow>
  <create creator="new" javascript="testClass" >
   <param name="class" value="com.dwr.TestClass" />
   <include method="testMethod6"/>
  </create>
  <convert converter="bean" match="com.dwr.TestBean">
   <param name="include" value="username,password" />
  </convert>
</allow>
</dwr>
注意:如果List、Set或者Map中的元素均为简单类型(包括其封装类)或String、Date、数组和集合类型,则不需要<convert>标签。
6.2、javascript中调用(以返回List为例,List的元素为TestBean)
首先,引入javascript脚本
其次,编写调用java方法的javascript函数和接收返回值的回调函数
Function callTestMethod6(){
testClass.testMethod6(callBackFortestMethod6);
}
Function callBackFortestMethod6(data){
//其中date接收方法的返回值
//对于JavaBean返回值,有两种方式处理
//不知道属性名称时,使用如下方法
for(var i=0;i<data.length;i++){
  for(var property in data){
   alert("property:"+property);
   alert(property+":"+data[property]);
  }
}
//知道属性名称时,使用如下方法
for(var i=0;i<data.length;i++){
  alert(data.username);
  alert(data.password);
}
}
7、调用有List、Set或者Map参数的java方法
7.1、dwr.xml的配置
<dwr>
<allow>
<create creator="new" javascript="testClass" >
  <param name="class" value="com.dwr.TestClass" />
  <include method="testMethod7"/>
</create> ="bean" match="com.dwr.TestBean">
  <param name="include" value="username,password" />
</convert>
</allow>
<signatures>
  <![CDATA[
  import java.util.List;
  import com.dwr.TestClass;
  import com.dwr.TestBean;
  TestClass.testMethod7(List<TestBean>);
  ]]>
</signatures>
</dwr>
<signatures>标签是用来声明java方法中List、Set或者Map参数所包含的确切类,以便java代码作出判断。
7.2、javascript中调用(以返回List为例,List的元素为TestBean)
首先,引入javascript脚本
其次,编写调用java方法的javascript函数
Function callTestMethod7(){
//定义要传到java方法中的参数
var data;
//构造参数,date实际上是一个object数组,即数组的每个元素均为object
data = [
{
username:"user1",
password:"password2"
},
{
username:"user2",
password:" password2"
}
];
testClass.testMethod7(data);
}
注意:
1、对于第6种情况,如果java方法的返回值为Map,则在接收该返回值的javascript回调函数中如下处理:
function callBackFortestMethod(data){
//其中date接收方法的返回值
for(var property in data){
var bean = data[property];
alert(bean.username);
alert(bean.password);
}
}
2、对于第7种情况,如果java的方法的参数为Map(假设其key为String,value为TestBean),则在调用该方法的javascript函数中用如下方法构造要传递的参数:
function callTestMethod (){
//定义要传到java方法中的参数
var data;
//构造参数,date实际上是一个object,其属性名为Map的key,属性值为Map的value
data = {
"key1":{
username:"user1",
password:"password2"
},
"key2":{
username:"user2",
password:" password2"
}
};
testClass.testMethod(data);
}
并且在dwr.xml中增加如下的配置段
<signatures>
<![CDATA[
import java.util.List;
import com.dwr.TestClass;
import com.dwr.TestBean;
TestClass.testMethod7(Map<String,TestBean>);
]]>
</signatures>
3、由以上可以发现,对于java方法的返回值为List(Set)的情况,DWR将其转化为Object数组,传递个javascript;对于java方法的返回值为Map的情况,DWR将其转化为一个Object,其中Object的属性为原Map的key值,属性值为原Map相应的value值。
4、如果java方法的参数为List(Set)和Map的情况,javascript中也要根据3种所说,构造相应的javascript数据来传递到java中。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics