自己学习用的感觉不错发给大家分享
Web框架——小编浅谈Struts2的pub-sub事件模型
作者:娜来源:程序员之家
发布者:admin
时间:2009-07-27 09:58:35
pub-sub是public-subscribe两个单词的缩写,其意思就是发布--订阅。Struts2的pub-sub 事件模型基本是采用了Dojo的pub-sub事件模
型。
pub-sub事件模型提供了一种简化的事件监听方式,通过pub-sub事件模型,可以让一个JavaScript事件同时触发多个事件处理函数。当我们把一个事件(也可能是一个普通的函数)
作为一个发布者注册到一个主题后,如果该事件被触发(普通函数被调用),则该主题下所有的事件处理函数都会被自动调用。
在Dojo中将一个事件注册到某个主题下的代码如下:
福尔摩斯 基本演绎法
//将foo对象的bar方法注册到/refresh主题,事件主题是一个任意的字符串,并没有太多额外的要求
pic.publish("/refresh","foo","bar");
将某个事件处理函数注册到某个主题下的代码如下:
//在/refresh主题下增加了一个匿名事件处理函数
pic.subscribe("/refresh",function(param1,param2){
//this function will be called everytime when "/refresh" is published
});
Struts2在Dojo的pub-sub事件模型基础上,进行了简单的包装,它为大部分Ajax标签提供了如下两个属性:
listenTopics:指定系列事件主题名,多个主题之间以英文逗号(,)隔开。配置该元素的HTML 元素将用于加载服务器响应。
notifyTopics:指定系列事件主题名,多个主题之间以英文逗号(,)隔开。配置该元素的HTML 元素将会把事件发布到指定主题,发布主题时会传递3个参数:data, type, request。
这3个参数代表了与服务器交互的内容,含义如下:
data:从服务器返回的数据。
type:与服务器交互的状态,只有3个值:before(交互之前) load(加载数据中) error(服务器响应出错)
request:代表请求对象本身。
因此,Struts2中的事件处理函数大致上都是如下形式的:
function(data, type, e) { ... ... }
4.1 pub-sub的例子
商务英语翻译证书下面的代码中使用了一个按钮来发布事件,将事件发布到指定主题,并且通过JavaScript代码来为该主题增加一个事件处理函数。页面代码如下:
<%@ page contentType="text/html;chart=GBK" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
<title>pub-sub模型</title>
<s:head theme="ajax"/>
</head>
<script type="text/javascript">
//为lee主题增加一个事件处理函数
pic.subscribe("/lee", function(data, type, e){
alert('正处于Dojo的异步交互过程中,类型是:'+type);
alert(e);
});
</script>
<body>
简单pub-sub模型<br>
<!-- notifyTopics属性设置该元素引发的事件发布到的主题-->
<s:submit type="submit" theme="ajax" value="提交" align="left" notifyTopics="/lee"/>
</body>
</html>
在上面代码中,定义"提交"按钮时,指定了notifyTopics="/lee"属性,该属性指定单击该按钮时,单击事件将被发布到/lee主题。
上面的代码是直接指定了事件处理函数作为/lee主题的订阅者,除此之外,我们也可以指定一个Struts2标签元素作为主题的订阅者,指定订阅者通过为Struts2标签listenTopics
属性实现。如下面的JSP页面代码:win the day
<%@ page contentType="text/html;chart=GBK" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
<title>pub-sub模型</title>
<s:head theme="ajax"/>
</head>
<body>compatible
pub-sub模型<br>
<s:url id="data" value="/data.action"/>
<!-- notifyTopics属性设置该元素引发的事件发布到的主题-->
<s:submit type="submit" theme="ajax" value="更新" align="left" notifyTopics="/change"/>
<!-- listenTopics属性设置该元素订阅的主题-->
<s:div theme="ajax" id="t1" cssStyle="background-color:#bbbbbb;width:360px;height:80px" listenTopics="/change" href="${data}"/>
秦学教育
</body>
</html>
上面的代码让一个"更新"按钮作为事件发布者,让一个div元素作为事件订阅者,意思就是每当单击"更新"按钮时,该按钮将会把单击事件发布到/change主题,而订阅者div元素的
默认行为(更新自己的内容)被触发。本例子中的action直接转发到如下JSP页面:
<%@ page contentType="text/html;chart=GBK" language="java" %>
泰语翻译<%@ taglib prefix="s" uri="/struts-tags" %>
<%=Math.random() > 0.5 ? "Spring2.0宝典" : "轻量级J2EE企业应用实战"%>
每次单击"更新"按钮时,将会引起页面中div元素内容的改变。
如果我们想阻止某个Ajax过程,则可以先将该Ajax标签的事件注册到某个事件主题下,再为该主题增加事件订阅者,并在该事件订阅者中取消该请求。例子如下:
<s:url id="ajaxTest" value="/AjaxTest.action" />
<!-- 将下面Ajax按钮的Ajax事件注册到/request事件主题下-->
diplomatic是什么意思<s:submit type="submit" theme="ajax" value="submit" notifyTopics="/request" href="%{ajaxTest}" />
下面为/request事件主题增加订阅者
pic.subscribe("/request",function(data,type,request){
//取消request
request.cancel=true;
});
英国的历史
Dojo学习资料
介绍:
preference这里将给你对于dojo的启蒙课程。你可能会跟自己说"这段可以跳过了,因为我已经很了解javascript并且对网站开发很了解了。“不过这里有个机会让你认识到其实你的知识并不是那么扎实,还有很多基础的东西需要学习。
当我们给人们介绍dojo的时候,遇到了两种难题。有些用户已经使用DHTML很久,并且对javascript有了很深的理解,他们清楚javascript能作什么,不能做什么,在脑海里存在定型思维,有些时候,更难让这些人明白dojo。第二种难题就是对于那些新手,他们太缺乏经验和对javascript的了解了。
我鼓励这两种朋友都读一下介绍内容,甚至你可以不全看。
什么是Dojo?
其实总结Dojo到底是什么是非常困难的。我说总结Dojo是很困难的,是因为Dojo是一个可扩展的代码集合(expandable collection of code)。扩展不只是来自于众多开发者,并且你会发现你可以根据你自己的需要扩展自己的一套东西。就是说,你把目光放在Dojo身上的原因是因为Dojo可以和javascript取长补短。
在开发客户端(client-side development)总共有3个主要部分:events,重复使用DHTML blocks,客户端和服务器传递信息。Dojo在这三方面都很在行,并且使他们变的很容易。
历史
译者注:历史我是真不想翻译了,如果有人很感兴趣的话,可以给我留言,我有时间会翻译的。
。。。。。。。。。。。。
什么是工具(Toolkit)?
d unit
很多人认为结构(framework),库(library),工具是同一个意思。但是弄清楚它们之间的区别,对于以后的理解很有帮助。