================================================================================
Qomolangma OpenProject v1.0
类别 :Rich Web Client
关键词 :JS OOP,JS Framwork, Rich Web Client,RIA,Web Component,
DOM,DTHML,CSS,JavaScript,JScript
项目发起:aimingoo (aim@263.net)
项目团队:..\..\Qomo_team.txt
有贡献者:JingYu(zjy@cnpack.org)
================================================================================
一、框架库:处理池与处理机
~~~~~~~~~~~~~~~~~~
严格地说,Pool被译成“池”即可,只是在Qomo的TPool类中,所有放在“池”中的对象都是
处理机(Machine),因此这个TPool被称为“处理池”类。
Pool的出现早在WEUI的时代,其目的是处理同步的、缓存的XmlHttp对象。因此,Machine也
就在事实上只实现了“THttpGetMachine”。这个HttpGetMachine也能处理POST类型的HTTP请
求,所以,严格地说,它应该名为“THttpMachine”。
Pool是一种机制,并不局限在使用 HttpGetMachine 上。HttpGetMachine只是Machine的一个
实现实例。我们先澄清这一点,以避免开发人员把它当成了Ajax技术的另一个名词。
HttpGetMachine已经处理了兼容问题。随便指出,Framework\Common下的公共类,都是可以
在mozilla兼容浏览器中使用的。
二、池化的架构
~~~~~~~~~~~~~~~~~~
Pool提供四种能力:
- 注册处理机类(Machine Class)
- 管理处理机实例(Machine Instance)
- 调度处理机(包括状态:resume, sleep, free)
- 管理数据(Data)对象
处理机类提供处理数据(Data)的能力,数据(Data)的结构对Pool来说是完全透明,Pool只在
调度过程中,将数据传给处理器,处理器如何识别、使用、修改这个数据,Pool完全不知。
处理机应当具体的能力有:
- 提供 OnStateChange 事件,响应来自Pool的调度状态(resume, free)
- 在必要的时候,激活OnStateChange事件,以通知Pool进入调度状态(sleep)
事实上,Pool和Machine都可以响应三种状态,架构中没有约定哪种状态由谁发出,或者是由
谁处理(并终结)。但在目前的设计中,
- Machine处理完一段事务后,(类似于线程一样,)应触发sleep状态.
- Pool在调用push()方法填入新的数据时,如果有空闲的Machine,则触发该Machine的result;
否则,(在Pool未满的情况下,将)尝试创建新的Machine,会触发它Machine的resume.
- Machine处理完自己的事务并进入sleep状态时,如果Pool有未处理数据,则为该Machine
触发一个新的resume.
Pool和Machine可以根据需要重新设定触发方式,但不能改变对各状态值的含义的约定。
Pool和Machine都可以添加新的状态。
Machine的启动时间,以及Data处理的结束时间,是没有时序和关联的。
三、使用处理池
~~~~~~~~~~~~~~~~~~
同一个处理池中,只能使用相同的处理机。这在处理池创建时就需要定义好。例如:
------------------
// 声明一个处理THttpGetMachine的池,池的大小(深度)为10
var pool = new Pool(THttpGetMachine, 10);
------------------
这里,池的大小为10表明池中容纳THttpGetMachine实例的上限为10个。当Machine在忙(Busy)时,
如果有新的数据请求处理,则会尝试创建新的Machine。当上限设定数的Machine都在忙时,数据
被缓存到队列中等待处理。
从原理上来说,无论是创建大小为1个还是100个的池,最终所有的数据都能得到处理。只是处理
的并发量不一样,因此速度和性能也就有差异。——池的大小通常是经验值。
池创建后立即开始工作。但它只响应一个方法:
------------------
pool.push( _your_data );
------------------
这里的_your_data是用户自已决定的一种结构,它对于Pool来说是透明的。当它被处理时,会被
传递到某个Machine实例,而这个实例确切地知道如何处理这种数据。
对于THttpGetMachine来说,它能处理一个对象,该对象有一个名为src的属性,即:
------------------
var data = { src: "http://www.doany.net/" };
pool.push( data );
------------------
这里并不限制必须是一个对象,也不限制必须是直接量声明。当然,直接量的好处,是你可以这
样写代码:
------------------
pool.push({ src: "http://www.doany.net/" });
------------------
四、使用处理机
~~~~~~~~~~~~~~~~~~
如何处理机被实现过,那么使用者只需要非常简单地调用,即可完成处理,而无需关注具体的处
理机与处理池的调度过程。在上面这个使用THttpGetMachine的例子中,我们的基本代码如下:
------------------
// 1. 处理数据时的动作
function doAction(state) {
// THttpGetMachine约定state值4表明下载完毕
if (state == 4) {
alert('Url: %s\nLength: %s'.format(this.data.src, this.get('XMLHTTP').responseText.length));
}
}
// 2. Pool的状态变更响应
function doOnStateChange(mac, state) {
doAction.call(mac, state);
}
// 3. 创建pool并添加事件响应
var pool = new Pool(THttpGetMachine, 10);
pool.OnStateChange.add(doOnStateChange);
// 4. 处理数据
pool.push({ src: "http://www.doany.net/" });
------------------
上面的步骤1、2可以有更灵活的处理方式,包括"this"的传递、数据(Data)的分析、状态(State)
的识别等等,这些都是用户代码中的技巧。但在THttpGetMachine中,基本的使用方法是如上的。
下面讲述处理机的实现方法。因为Qomo的框架允许用户自行扩充各种不同的处理机。
四、实现处理机(1):基本结构
~~~~~~~~~~~~~~~~~~
处理机需要具有两个属性:
- data: 当处理机被TPool调度时,data指向需要被处理的数据
- pool: 当处理机被TPool调度时,pool指向Pool自身
所以我们看到,THttpGetMachine实现中,为每个对象声明了这两个属性:
------------------
function HttpGetMachine () {
//...
this.Create = function() {
this.data = null;
this.pool = null;
// ...
}
}
------------------
我们说过,处理机明确地知道它将处理的数据的格式。因此,在THttpGetMachine的实现中,它
响应OnStateChange时的处理代码如下:
------------------
var doStateChange = function(state) {
if (state=='resume') {
// 获取或创建 XmlHttpRequest 对象、设置属性等
var xmlHttp = ...
var method = 'GET';
// this 指向 Machine 自身
var src = this.data.src;
// src 指向需要当前 Machine 处理的URL地址,因此应该通过类似如下代码来获取数据
xmlHttp.open(method, src, true);
xmlHttp.send(null);
}
else if (state=='free') {
// ...
}
}
------------------
五、实现处理机(2):自定义状态
~~~~~~~~~~~~~~~~~~
我们发现,这里的代码中,只处理了XmlHttpRequest开始下载的行为,那么这个对象下载完成
之后应该如何处理呢?
对于XmlHttpRequest来说,同步调用时,onreadystatechange事件会被对象触发。而这个状态其
实对Pool来说,是透明的。这时,Pool会把这个状态交回给Machine。这个过程在Pool和Machine
中传递,但只被Machine处理。
这些状态,被称为自定义状态——例如前面提到过的状态值“4”。它们是由Machine负责处理的。
THttpGetMachine使用如下的方法来实现自定义状态:
------------------
// 定义XMLHTTP.onreadystatechange事件的响应句柄
var onreadystatechange = function() {
var xmlHttp = this.get('XMLHTTP');
this.OnStateChange(xmlHttp.readyState);
if (xmlHttp.readyState==4) {
this.OnStateChange('sleep')
}
}
// HttpGetMachine的对象构造过程
this.Create = function() {
//..
var ajx = new Ajax();
var mac = this;
this.set('XMLHTTP', ajx);
// 将函数封装为方法,以使this在函数内有效
this.get('XMLHTTP').onreadystatechange = function() {
onreadystatechange.apply(mac, arguments);
}
}
------------------
我们看到,HttpGetMachine内部处理了XmlHttpRequest对象的状态变更,并通过调用
------------------
this.OnStateChange(xmlHttp.readyState);
------------------
来向处理器自身/子类/事件处理程序传递该状态,同时Pool也会感知到这个事件并响应它。
这样,xmlHttp.readyState这个自定义状态就成功地在架构的全局完成了传递——如果有事件
处理程序需要处理这个状态的话,就可以得到响应的机会。
onreadystatechange中有一段代码用于激活处理机的"sleep"状态。因为这个xmlHttp已经完成
了它的“处理任务”,也就是获取数据。而且,完成下载的状态值“4”也经在上一行代码中
向架构全局发布了通知,这意味着(如果有响应者的话)已经完成了处理过程。所以这里触发
了"sleep"状态。
上面的代码与Qomo代码包中稍有差距。代码包中的_changer()函数用于封装这个过程,而原因
只是因为在Mozilla引擎中,xmlHttp.onreadystatechange会在处理完成后被自动置null。
六、处理机的高级使用方法
~~~~~~~~~~~~~~~~~~
Qomo的类继承结构允许你进一步的实现THttpGetMachine的子类,或者创建新的Machine类,以
处理其它的数据。一般来讲,你不必要重写Pool。
在前面的基本用法中,数据的处理程序是挂在Pool.OnStateChange事件上的。但这并不是理想
的用法,事实上,处理的最终处理应当由Machine负责。因此,下面的代码更符合逻辑:
------------------
function MyMachine() {
var doStateChange = function(mac, state) {
// if (state == 4) ...
// ...
}
this.Create = function() {
this.OnStateChange.add(doStateChange);
}
}
TMyMachine = Class(THttpGetMahine, 'MyMachine');
var pool = new Pool(TMyMachine, 10);
//...
------------------
也许你还不明白这种结构的价值,那么下面的例子,讲述如何处理不同的网页。——事实上,
这已经实现了一个动态获取并分析网页(搜索引擎?)的基本结构,或者你也可以用它来做
RSS分析。
------------------
var analy_tree = {
sina: function(ctx) {
// ...
},
baidu: function(ctx) {
// ...
},
google = function(ctx) {
// ...
}
};
funtion getHostFromUrl() {
// 分析URL,对不同的url返回其host,或返回特定的分析器标识(analy_tree的属性名)
}
var doStateChange = function(mac, state) {
if (state != 4) return;
var host = getHostFromUrl(this.data.src);
var analizer = analy_tree[host];
if (analizer) {
analizer.call(this, this.get('XMLHTTP').responseText);
}
}
------------------
更多的代码,我就不写了。哈哈~~
七、其它
~~~~~~~~~~~~~~~~~~
详见示例:
\Framework\DOCUMENTs\TestCase\T_Ajax.html
这个示例是可以运行在FireFox等Mozilla系列浏览器上的。但由于有跨域数据存取的问题(我在
示例中访问了非本机的Url),因此你可能会看到一个警告框,请确定即可。
在这个文件:
\Framework\DOCUMENTs\TestCase\T_AjaxPriviledge(FF).html
中是一个解释mozilla系列浏览器上跨域存取的示例。但目前来说,没有方法能清除那个提示框。
^.^
分享到:
相关推荐
这篇PPT课件是针对英语教学,特别是针对人教版八年级下册Unit A的内容,主要探讨了形容词比较级和最高级的用法,以及关于珠穆朗玛峰(Qomolangma)的一些地理和历史知识。以下是相关知识点的详细说明: 1. 形容词...
- `get along with`:与...相处,进展。 - `gossip`:闲话,流言蜚语。 - `fall in love`:相爱,坠入爱河。 - `exactly`:恰好,正是。 - `disagree`:不同意,有分歧。 - `grateful`:感激的,感恩的。 - `...
- **珠穆朗玛峰(Qomolangma)**:位于喜马拉雅山脉,是世界最高峰,海拔8,844.43米。 - **尼罗河(The Nile)**:世界上最长的河流,全长6,671千米。 - **里海(The Caspian Sea)**:世界上最大的内陆湖,深度...
1. 知识目标:学生需掌握新词汇,如Qomolangma(珠穆朗玛峰)、Nile(尼罗河)、Caspian Sea(里海)、Sahara(撒哈拉沙漠)、square kilometer(平方公里)、desert(沙漠)、population(人口)等;学习短语,如in...
在JavaScript框架和库方面,例如提到的Qomolangma OpenProject,它们通常提供了一套工具和API,简化了JavaScript开发,提高了代码的可维护性和复用性。这些框架常包括组件系统、事件处理、动画等功能,帮助开发者...
综上所述,这个单元的教学内容不仅涵盖了地理知识,也强调了与地理相关的英语表达,旨在提升学生的英语交流能力和对地理知识的理解。同时,它也提醒教师在教授时需注重语言的实际应用,如提供旅游指南或进行比较时的...
- `my friends`: 这个短语指的是与说话者关系亲近的人,表示“我的朋友们”。 - `a bit`: 表示程度,意为“一点儿”,常用来修饰形容词或副词。 - `a nice teacher`: 描述一个善良和蔼的教师。 - `a clever pupil`: ...
7. **垃圾处理与限制登山人数**:文章提到中国为减少珠峰垃圾采取的措施,如限制登山人数,这反映了环境管理策略,教育学生要有环保意识并采取实际行动。 8. **政府投资与清理行动**:当地政府计划投入大量资金进行...
例如,听对话回答问题,如山脉名称(Qomolangma)、动物习性(熊猫最喜欢的食物是竹子)以及人与动物的关系(大象因森林砍伐而处于危险之中)等。 2. **语法与词汇**:在单项选择题中,涉及到冠词的用法(如"a" 和 ...
- `B: Qomolangma.` 5. **学习过程**: - 自学单词和预习课文,填写首字母填空,如 `square kilometers`,`deepest`,`population` 和 `protect China`。 - 合作校对答案,分组学习新单词和短语,进行听力练习和...
3. 特殊类名词:某些特定类型的名词,如季节、月份、星期、节假日等,以及三餐饭菜、语言、运动、游戏、学科等,也常使用零冠词。例如:"We have no classes on Sunday."(星期日我们不上课)和 "She speaks Chinese...
2. **the Changjiang River/Yellow River/Mount Qomolangma/Mount Tai/the Great Wall/the Summer Palace**: 中国的自然与人文景观,分别是长江、黄河、珠穆朗玛峰、泰山、长城和颐和园。 3. **Chinese music**: ...
在《全国版2020中考英语复习方案第三篇中考题型集训词语运用01用所给单词的适当形式填空试题人教新目标版》这份资料中,主要针对的是中考英语中的词语运用部分,特别是“用所给单词的适当形式填空”这一题型。...
【Lesson 70 教学设计方案二】是一个针对英语课程的教学教案,主要目的是教授与“Lesson 70”相关的对话内容、新词汇以及复习过去完成时态。此教案适合使用计算机、投影仪和PPT文档等教学工具进行。 **教学目标:**...
为了避免兼容性问题,一些库如Qomolangma会通过void操作符来设置undefined的值,void 0的表达式结果就是undefined。 JavaScript的面向对象特性主要体现在以下几个方面: 1. **构造函数与原型**:函数在JavaScript...
3. **比较级与最高级**:掌握"any other"的用法,它用于比较级中,表示“比其他任何一座山都高”,例如“Qomolangma is higher than any other mountain in the world.”,等同于最高级。 4. **人口表达**:学习...
- 学习并理解新词汇和短语,如文中提到的mountain Qomolangma,及其相关登山术语和困难描述。 - 提高通过阅读获取新知识的意识,了解世界。 4. **独学准备**: - 首次阅读,标出生词。 - 查阅工具书理解生词...
【火线100天广西专版2016中考英语总复习第一部分第十三课时八下Units7_8试题】 本课时的主题聚焦在自然环境和相关词汇上,涵盖了自然、地理、生物和人类活动等多个方面。高频单词和词组如下: 1. **square** (n.) ...
【火线100天云南专版2016中考英语总复习第一部分第十三课时八下Units7_8试题】 本课时的主题聚焦在自然环境和相关词汇上,涵盖了自然、地理、生物和人类活动等多个方面。以下是具体的知识点解析: 1. **自然词汇**...