随笔 - 303  文章 - 883  trackbacks - 0
<2007年3月>
25262728123
45678910
11121314151617
18192021222324
25262728293031
1234567

欢迎光临! 
闲聊 QQ:1074961813

随笔分类(357)

我管理的群

公共blog

  • n维空间
  • Email : java3d@126.com 群 : 12999758

参与管理的论坛

好友的blog

我的其他blog

朋友的网站

搜索

  •  

最新评论

大家中午好啊 我是寻觅
这里我们继续前个文章的学习

      

DWR(Direct Web Remoting) 是一个 WEB 远程调用框架 . 利用这个框架可以让 AJAX

开发变得很简单
. 利用 DWR 可以在客户端利用 JavaScript 直接调用服务端的 Java 方法并

返回值给
JavaScript 就好像直接本地客户端调用一样 (DWR 根据 Java 类来动态生成

JavaScrip
代码 ). 它的最新版本 DWR0.6 添加许多特性。 如 : 支持 Dom Trees 的自动配置 ,

支持
Spring(JavaScript 远程调用 spring bean), 更好浏览器支持 , 还支持一个可选的

commons-logging
日记操作 .

 

DWR 官方网址     http://www.getahead.ltd.uk/dwr/

 

现在我们就前面的两个文章 /*


下载官方
DWR 教程例子,实现 DWR 迅速入门


http://www.blogjava.net/lusm/archive/2007/03/10/103003.html


Ajax
具体认识 ~~~~~~~~~~~~ Ajax 变得具体不再抽象


http://www.blogjava.net/lusm/archive/2007/03/17/104490.html


*/

的内容展开 MVC  DWR ajax 的学习,如果你没看过或还没怎么了解,为了你能在下面

更好地学习,建议你先花点点时间看看上面的两个文章。

 

先看看我们要讲的这个 example 的总体结构图:
 


ajaxmvc_dwr.png

看到这个图是不上和我们上个文章里的最后一个很像啊!其实是一样的 ,大家都是

MVC
结构,只是这里少了个数据库而已。


好了看看我们的例子代码会有什么效果


demo1.BMP

当我们在 textfiled 里打入一个名字,如 , 这里的 Joe ,接着我们点一下旁边的 button send


大家就会马上看到
Hello, Joe 了,呵呵 ,是不是很好玩;是不是很想知道怎么会这样的!


现在就让我们来看看它的代码是什么样子的:


就这几个代码


 
HTML source: 这个代码就是我们看到的上面的那个图,比较简单不解释了


1
2 < p >
3   Name:
4    < input type = " text "  id = " demoName " />
5    < input value = " Send "  type = " button "  onclick = " update() " />
6    < br />
7   Reply:  < span id = " demoReply " ></ span >
8 </ p >



Javascript source:

这个是上面的<input value="Send" type="button" onclick="update()"/>调用的函数当我们

点击按钮(Send)时,就会去调用这个javaScript函数update( )并执行函数里的内容{。。。},

可以看到在这个函数里有这个 var name = dwr.util.getValue("demoName");这里要调用lib下

的dwr包里的方法;这里还定义了另一个函数Demo.sayHello(就是下一个代码Demo.java)把

textfiled里的数据传给Demo.java进行简单的处理,再把处理得到的数据传给下一个

textfiled demoReply .


1 function update()  {
2   var name  =  dwr.util.getValue( " demoName " );
3   Demo.sayHello(name, function(data)  {
4     dwr.util.setValue( " demoReply " , data);
5   }
);
6 }




Java source:

这里创建一个类处理上面js文件,传来的值



1 package  uk.ltd.getahead.dwrdemo.simpletext
2
3 public   class  Demo  {
4      public  String sayHello(String name)  {
5          return   " Hello,  "   +  name;
6     }

7 }
 
8




dwr.xml

 1<? xml version = " 1.0 "  encoding = " UTF-8 " ?> 
 2<! DOCTYPE dwr PUBLIC
 3" -//GetAhead Limited//DTD Direct Web Remoting 2.0//EN " 
 4 " http://www.getahead.ltd.uk/dwr/dwr20.dtd  " >  
 5<!--  
 6前面是废话不讲
 7熟析java 中的一些xml 如 structs里的structs - config.xml
 8都知道在一般情况下,java中的xml文件常用于配置文件使用,记录一些影射关系,比  
 9如 url 影射。
10这里的xml就是起到这个作用大家注意这里的橙红字部分,和前一个代码里的橙红字就了解了 
11-->
12< dwr > 
13   < allow > 
14      < create creator = " new "  javascript = " Demo " > 
15        < param name = " class "  value = " uk.ltd.getahead.dwrdemo.simpletext.Demo " /> 
16      </ create > 
17    </ allow > 
18  </ dwr >

 



看到这里大家应该对这些代码了解了,请在将我讲的内容和前面的图结合起来,

想想哪个代码出现在哪里;呵呵,以后还会有更复杂的代码,

大家要努力了,别落伍了



地震让大伙知道:居安思危,才是生存之道。
posted on 2007-03-18 15:04 小寻 阅读(635) 评论(0)  编辑  收藏 所属分类: j2se/j2ee/j2me

只有注册用户登录后才能发表评论。


网站导航: