`

Cairngorm学习笔记一:简单的例子

阅读更多

 

(部分为个人理解,未必准确,以官方教程为准)

 

1. 准备工作:

操作系统是Windows XP SP3。

首先下载Cairngorm示例工程:

http://sourceforge.net/adobe/cairngorm/wiki/SimpleSampleApplicationExplained/

点击Server-side component下的Download链接

安装JDK(必需),Flex Builder 3(必需)。

下载SocketSniff(可选,数据分析用),

下载xampp-portcheck(可选,在xampp的安装包中,用于tomcat的8009端口占用检查)

2. 启动hsqldb和tomcat

这两个东西都是在下载的flex-frameworks-max.zip压缩包中自带的。

根据Getting Started.pdf的方法安装,

由于我的windows下的JDK6是拷贝而非安装,所以需要修改bat文件,

让它直接指向我硬盘内的java.exe。

tomcat则是新建一个bat文件,以服务的形式运行,内容如下:

@echo off

set JAVA_HOME=D:\ugame\bin\jdk1.6

call service install

net start tomcat6

set JAVA_HOME=

@echo on

关闭服务的bat内容如下:

@echo off

service uninstall

@echo on

数据库hsqldb是以窗口模式启动,用Ctrl+C可以直接关闭。

3. 用Flex Builder 3导入Cairngorm的InsyncPlain工程,然后按工具栏上的“Run”按钮。

(因为我IE中的Flash不是Debug版,所以按“Debug”按钮会弹出警告框)

弹出IE窗口,在右上角随便键入一个字符,将在右方显示出一个用户列表。

双击其中一条用户数据,左方以标签页形式显示该用户的详细信息(包括照片等)。

可以使用多个浏览器浏览这些信息。

4. 用SocketSniff嗅探iexplore.exe和java.exe进程(tomcat6.exe不可以,会崩溃)。

发现如下现象:

1) 浏览器(IE8)进程连接的远程端口为TCP 8400(即tomcat监听的对外端口)

2) 浏览器可以使用相同的连接传输多个POST的HTTP请求,如下:

Send: Return Code: 0x00000000

POST /messagebroker/amf;jsessionid=0FF3E870FB12FED4F8AA43735BAAC715 HTTP/1.1

Accept: */*

Accept-Language: zh-CN

x-flash-version: 10,1,102,64

Content-Type: application/x-amf

Content-Length: 327

UA-CPU: x86

Accept-Encoding: gzip, deflate

User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C; .NET4.0E)

Host: localhost:8400

Connection: Keep-Alive

Cache-Control: no-cache

Cookie: uchome_loginuser=root; uchome_auth=e2593kVJbk%2BKWFdiyFuFk7Nxba8t7QITZudKljKUqgwgR7u%2BMCvlxgpRCVfwHL63N%2BJEyChq%2Fj1G%2FEfPF5gA; JSESSIONID=0FF3E870FB12FED4F8AA43735BAAC715

而接受的是amf格式的数据

Receive: Return Code: 0x00000000

HTTP/1.1 200 OK

Server: Apache-Coyote/1.1

Cache-Control: no-cache

Expires: Sat, 25 Dec 1999 00:00:00 GMT

Pragma: no-cache

Content-Type: application/x-amf

Content-Length: 59112

Date: Thu, 09 Dec 2010 06:17:13 GMT

...(以下为未解码二进制数据,略)

也就是说,浏览器可以复用一个连接来处理频繁发出的POST包。

3) 当客户端(Flash)的输入隔了较长的一段时间,浏览器会自动断开连接,

直至用户界面有输入时才开启新的连接。

4) 数据库监听9002端口,接受的数据是明文(摘自SocketSniff的拦截)

................

....SELECT * FRO

M contact WHERE 

UPPER(first_name

 + ' ' + last_na

me) LIKE ? OR UP

PER(last_name + 

' ' + first_name

) LIKE ? ORDER B

Y last_name, fir

st_name

整理一下就是

SELECT * FROM contact 

WHERE 

UPPER(first_name + ' ' + last_name) LIKE ? OR 

UPPER(last_name + ' ' + first_name) LIKE ? 

ORDER BY last_name, first_name

Java中常见的question-mark风格的SQL语句。

发送的则是编码后的二进制数据。  

另外,hsqldb在发送完毕后自动关闭TCP连接。

5) hsqldb在启动时显示如下信息:

[Server@6ca1c]: [Thread[main,5,main]]: checkRunning(false) entered

[Server@6ca1c]: [Thread[main,5,main]]: checkRunning(false) exited

[Server@6ca1c]: Startup sequence initiated from main() method

[Server@6ca1c]: Loaded properties from [D:\ugame\bin\flex-frameworks\sampledb\se

rver.properties]

[Server@6ca1c]: Initiating startup sequence...

[Server@6ca1c]: Server socket opened successfully in 0 ms.

[Server@6ca1c]: Database [index=0, id=0, db=file:insync/insync, alias=insync] op

ened sucessfully in 359 ms.

[Server@6ca1c]: Startup sequence completed in 375 ms.

[Server@6ca1c]: 2010-12-09 14:09:54.140 HSQLDB server 1.8.0 is online

[Server@6ca1c]: To close normally, connect and execute SHUTDOWN SQL

[Server@6ca1c]: From command line, use [Ctrl]+[C] to abort abruptly

可以看到hsqldb的进程读取server.properties文件,

然后打开insync数据库。

6) 如果关闭tomcat,会弹出以下错误窗口

Send failed

faultCode:Client.Error.MessageSend faultString:'Send failed' faultDetail:'Channel.Connect.Failed error NetConnection.Call.Failed: HTTP: Failed: url: 'http://localhost:8400/messagebroker/amf''

7) 如果关闭hsqldb,会弹出以下错误窗口

java.lang.RuntimeException : java.sql.SQLException: socket creation error -- Make sure that you successfully started the database.

faultCode:Server.Processing faultString:'java.lang.RuntimeException : java.sql.SQLException: socket creation error -- Make sure that you successfully started the database.' faultDetail:'null'

5. 阅读文档。

详细请看

http://sourceforge.net/adobe/cairngorm/wiki/SimpleSampleApplicationExplained/

那里阐述了这些问题(以insync-cairngorm-basic工程为例)

1) 无脚本块函数(mxml文件)

Toolbar视图以形式存在

这里是presentation/Toolbar.mxml

<fx:Script>

    <![CDATA[

        [Inject]

        [Bindable]

        public var model:ToolbarPM;

    ]]>

</fx:Script>

[Inject]的作用是把ToolbarPM注入到Toolbar视图中。

2) 表示模型(PM)(as文件)

每个重要的MXML都拥有各自独立的PM。

它是以类形式存在的as文件,这里是

presentation/ToolbarPM.as

这里ToolbarPM把用户输入的字符串去掉前后的空白符,

然后发出搜索事件。(简单来说就是事件派发器)

    [Event(name="add", type="insync.application.ContactEvent")]

    [Event(name="search", type="insync.application.SearchEvent")]

    [ManagedEvents(names="add,search")]

 

    public class ToolbarPM extends EventDispatcher

    {

        public function addContact():void

        {

            dispatchEvent(ContactEvent.newAddContactEvent());

        }

 

        public function search(keywords:String):void

        {

            if (keywords == null)

                return;

 

            keywords = StringUtil.trim(keywords);

 

            dispatchEvent(new SearchEvent(keywords));

        }

    }

PM的作用是从界面中分离出逻辑部分以降低单元测试的难度。

3) 数据绑定(mxml文件)

presentation/ContactList.mxml中

    <mx:Script>

        <![CDATA[

            import insync.domain.Contact;

 

            [Inject]

            [Bindable]

            public var model:ContactsListPM;

        ]]>

    </mx:Script>

 

    <mx:DataGrid id="list"

        width="100%" height="100%"

        dataProvider="{ model.contacts.items }" doubleClickEnabled="true"

        itemDoubleClick="model.editContact(Contact(list.selectedItem))">

        <mx:columns>

            <mx:DataGridColumn dataField="firstName" headerText="First Name"/>

            <mx:DataGridColumn dataField="lastName" headerText="Last Name"/>

            <mx:DataGridColumn dataField="phone" headerText="Phone"/>

        </mx:columns>

    </mx:DataGrid>

...

model这个Bindable的变量被下面的DataGrid引用了。

4) 部件间通信(as文件)

使用消息派发,例如ToolbarPM.as中

dispatchEvent(ContactEvent.newAddContactEvent());

dispatchEvent(new SearchEvent(keywords));

5) 命令类(as文件)

见application/SearchContactsCommand.as

package insync.application

{

    import com.adobe.cairngorm.integration.data.IDataCache;

 

    import insync.domain.Contacts;

 

    import mx.collections.IList;

    import mx.rpc.AsyncToken;

    import mx.rpc.remoting.RemoteObject;

 

    public class SearchContactsCommand

    {

 

        [Inject]

        public var contacts:Contacts;

 

        [Inject]

        public var cache:IDataCache;

 

        [Inject]

        public var service:RemoteObject;

 

        [Command]

        public function execute(event:SearchEvent):AsyncToken

        {

            return service.getContactsByName(event.keywords) as AsyncToken;

        }

 

        [CommandResult]

        public function onResult(items:IList):void

        {

            contacts.addContacts(cache.synchronize(items));

        }

    }

}

这里execute函数调用RemoteObject对象执行RPC操作,

onResult把结果保存到Contacts对象中

(Contact描述每个联系人的字段,Contacts则是Contact的复数)

其中execute和onResult是命名约定。

在src/InsyncContext.mxml中插入SearchContactsCommand这个命令类

    <!-- Application -->

    <app:SearchContactsCommand />

    <app:SaveContactCommand />

    <app:RemoveContactCommand />

6) 集成库。

SearchContactsCommand中的cache使用了集成库中的IDataCache

7) 一个操作触发另一个操作。

由于保存数据后需要刷新搜索结果,所以需要写一个控制器

package insync.application

{

    import flash.events.EventDispatcher;

 

    [Event(name="search", type="insync.application.SearchEvent")]

    [ManagedEvents(names="search")]

 

    public class RefreshSearchAfterSaveController extends EventDispatcher

    {

        private var lastSearch:String = "";

 

        [MessageHandler(selector="search")]

        public function onSearch(event:SearchEvent):void

        {

            lastSearch = event.keywords;

        }

 

        [CommandResult(selector="save")]

        public function onSaveComplete(request:ContactEvent):void

        {

            dispatchEvent(new SearchEvent(lastSearch));

        }

    }

}

在保存操作后立刻执行搜索操作,使用最后输入的关键字。

Task库可以定义操作的顺序。

8) SRP(单一职责原则)

SRP(Single responsibility principle)用于职责驱动设计方法,

定义为:a reason for change(改变类的原因不应该多于一个)。

简单来说,一种变化改变同一个模块。

例如打印程序中表面变化(打印格式)和本质变化(打印内容)属于两个不同的职责,必须把代码分割(使用接口),而通信数据的接收和发送虽然是两个不同的功能,但因为被一种变化(增加新的协议)所改变,所以可以放在同一个模块中处理。

总而言之,模块越小越好。

上面的RefreshSearchAfterSaveController控制器就是SRP的例子。

 

 

 

参考:

http://sourceforge.net/adobe/cairngorm/wiki/SimpleSampleApplicationExplained/

 

 

 

 

分享到:
评论

相关推荐

    flex parsley IOC框架笔记

    【Flex Parsley IOC框架笔记】 Flex Parsley是一个强大的Inversion of Control (IoC)框架,专为Adobe Flex和ActionScript开发者设计,它基于依赖注入和MVC(Model-View-Controller)开发模式,旨在简化Flex应用程序...

    `人工智能_人脸识别_活体检测_身份认证`.zip

    人脸识别项目实战

    深度学习教程和开发计划.zip

    深度学习教程和开发计划.zip

    事件总线_对象C_订阅发布_消息传递中间件_1741862275.zip

    c语言学习

    基本版贪吃蛇源代码.zip

    基本版贪吃蛇源代码.zip

    【Python毕设】p107基于Django的药店信息管理-vue.zip

    项目资源包含:可运行源码+sql文件+ python3.8+django+mysql5.7+vue 适用人群:学习不同技术领域的小白或进阶学习者;可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 项目具有较高的学习借鉴价值,也可拿来修改、二次开发。 有任何使用上的问题,欢迎随时与博主沟通,博主看到后会第一时间及时解答。 Django==3.2.11 PyMySQL==1.0.2 djangorestframework==3.13.0 django-cors-headers==3.13.0 Pillow==9.1.1 psutil==5.9.4

    Abaqus螺栓拧紧过程仿真 (1)螺栓螺母可实现参数化建模,全部采用六面体C3D8R单元建模 (2)施加边界条件实现螺母的拧紧过程,输出过程动画和应力、位移参数 (3)提取螺栓中部截面的轴力和螺母

    Abaqus螺栓拧紧过程仿真 (1)螺栓螺母可实现参数化建模,全部采用六面体C3D8R单元建模 (2)施加边界条件实现螺母的拧紧过程,输出过程动画和应力、位移参数 (3)提取螺栓中部截面的轴力和螺母拧紧力矩之间的关系 ,Abaqus; 螺栓拧紧; 参数化建模; 六面体C3D8R单元建模; 边界条件; 输出动画; 应力位移参数; 轴力与拧紧力矩关系。,Abaqus螺栓拧紧仿真:六面体单元建模与力矩关系分析

    苏苏源码-weixin123-基于SpringBoot的汽车售后服务系统及微信小程序的设计与实现(编号:49000250).zip

    标题基于SpringBoot的汽车售后服务系统及微信小程序的设计与实现AI更换标题第1章引言介绍汽车售后服务的重要性,SpringBoot和微信小程序的应用背景,以及本研究的意义和目的。1.1研究背景与意义阐述汽车售后服务市场的现状及发展趋势,SpringBoot和微信小程序在售后服务中的应用前景。1.2国内外研究现状概述国内外在汽车售后服务系统和小程序开发方面的研究进展。1.3研究内容与创新点介绍本文的主要研究内容,包括系统设计和微信小程序的开发,并阐述创新点。第2章相关理论与技术介绍SpringBoot框架、微信小程序开发的相关理论和关键技术。2.1SpringBoot框架概述阐述SpringBoot框架的特点、优势以及在系统开发中的应用。2.2微信小程序开发技术介绍微信小程序的开发流程、关键技术和功能实现。2.3数据库技术与系统设计讨论数据库设计原则、数据存储和处理速度的问题,并阐述系统设计的思路和方法。第3章系统需求分析与设计对汽车售后服务系统的需求进行分析,并设计系统的整体架构和功能模块。3.1需求分析从用户角度和业务需求出发,对系统的功能需求和非功能需求进行详细分析。3.2

    智慧园区安全方案(浙江大华)PPT(69页).pptx

    在智慧园区建设的浪潮中,一个集高效、安全、便捷于一体的综合解决方案正逐步成为现代园区管理的标配。这一方案旨在解决传统园区面临的智能化水平低、信息孤岛、管理手段落后等痛点,通过信息化平台与智能硬件的深度融合,为园区带来前所未有的变革。 首先,智慧园区综合解决方案以提升园区整体智能化水平为核心,打破了信息孤岛现象。通过构建统一的智能运营中心(IOC),采用1+N模式,即一个智能运营中心集成多个应用系统,实现了园区内各系统的互联互通与数据共享。IOC运营中心如同园区的“智慧大脑”,利用大数据可视化技术,将园区安防、机电设备运行、车辆通行、人员流动、能源能耗等关键信息实时呈现在拼接巨屏上,管理者可直观掌握园区运行状态,实现科学决策。这种“万物互联”的能力不仅消除了系统间的壁垒,还大幅提升了管理效率,让园区管理更加精细化、智能化。 更令人兴奋的是,该方案融入了诸多前沿科技,让智慧园区充满了未来感。例如,利用AI视频分析技术,智慧园区实现了对人脸、车辆、行为的智能识别与追踪,不仅极大提升了安防水平,还能为园区提供精准的人流分析、车辆管理等增值服务。同时,无人机巡查、巡逻机器人等智能设备的加入,让园区安全无死角,管理更轻松。特别是巡逻机器人,不仅能进行360度地面全天候巡检,还能自主绕障、充电,甚至具备火灾预警、空气质量检测等环境感知能力,成为了园区管理的得力助手。此外,通过构建高精度数字孪生系统,将园区现实场景与数字世界完美融合,管理者可借助VR/AR技术进行远程巡检、设备维护等操作,仿佛置身于一个虚拟与现实交织的智慧世界。 最值得关注的是,智慧园区综合解决方案还带来了显著的经济与社会效益。通过优化园区管理流程,实现降本增效。例如,智能库存管理、及时响应采购需求等举措,大幅减少了库存积压与浪费;而设备自动化与远程监控则降低了维修与人力成本。同时,借助大数据分析技术,园区可精准把握产业趋势,优化招商策略,提高入驻企业满意度与营收水平。此外,智慧园区的低碳节能设计,通过能源分析与精细化管理,实现了能耗的显著降低,为园区可持续发展奠定了坚实基础。总之,这一综合解决方案不仅让园区管理变得更加智慧、高效,更为入驻企业与员工带来了更加舒适、便捷的工作与生活环境,是未来园区建设的必然趋势。

    词法分析_SysY2022_标识符字面量_错误处理器_1741862780.zip

    c语言学习

    `移动开发_人脸识别_Face++_Android项目集成`.zip

    人脸识别项目源码实战

    计算机视觉_CNN_人脸识别_训练与测试.zip

    人脸识别项目实战

    电力电子技术基础-电力电子器件与典型应用解析

    内容概要:本文详细介绍了电力电子技术的基础知识及相关器件,内容涵盖电力电子器件(如晶闸管、GTR、IGBT)、相控整流电路(单相和三相)、直流斩波电路、交流变换电路、逆变电路、软开关技术等,并探讨了其应用场景(如开关电源、不间断电源(UPS)、电子镇流器、感应加热、直流电源、开关模焊接等),以及电力电子装置带来的电力公害(谐波污染、电磁干扰和功率因数降低)及其抑制方法。通过丰富的实例讲解了各类电路的工作原理和波形分析方法,旨在让学生和从业人员更好地理解和掌握该领域的核心技术和发展趋势。书中结合最新的研究成果进行了详尽阐述,使内容兼具科学性和创新性,并提供了大量习题以便于教与学。 适合人群:自动化、电气工程及其自动化等相关专业本科生、研究生和技术工程师。 使用场景及目标:①高校教师用于课堂授课,辅助学生深入理解电力电子器件工作原理;②电力电子领域科研人员和工程技术人员参考资料,掌握行业前沿技术和设计理念。 阅读建议:本文不仅讲解了电力电子器件的结构特点、操作流程,更重要的是展示了电力电子技术在整个电力系统和电气设备应用中的关键作用,希望读者能够在学习过程中理论结合实践,加深对知识的理解

    编译技术_C语言_Clang_AST_解释执行器_作业实现辅_1741861002.zip

    c语言学习

    万能视频拼接软件源码,可以直接进行修改增加功能,二次开发!

    万能视频拼接软件源码,可以直接进行修改增加功能,二次开发!

    1. 人工智能_图像识别_CaptchaRecognise_验证码识别.zip

    人脸识别项目源码实战

    医学设备FibroScan PRO肝病检测操作与数据解析指南(可复现,有问题请联系博主)

    内容概要:本文介绍了FibroScan PRO这款专门用于肝脏纤维化程度评估的医疗器械。强调了其仅能被认证过的专员使用,所得到的数据需要专业医生综合考虑病人的实际身体状况进行精准解释。文中列举了若干组测量示例以及相关单位,例如压力数值(kPa)、声衰减参数(dB/m),还特别指出VCTE探针的正确性和精确度依靠定期校正。此外,详细阐述了病人的姿势调整以及测试部位选取的原则,在不同层厚的情况下对皮肤组织进行检查。并提供了一份详细的检查报告模板,涵盖了操作者的身份确认、受检人基本信息、时间戳以及其他一些量化评价指标,例如IQR(四分位距),这有助于更好地理解和应用FibroScan的检测结果。 适合人群:面向医院、诊所等相关医疗保健机构的工作人员,包括但不限于操作员和技术支持团队成员。同时也可以为想要了解这一先进诊断工具的研究人员或医学学生提供重要参考资料。 使用场景及目标:旨在指导医疗机构如何标准化地完成FibroScan设备的实际临床应用过程;确保所有测量数据均能在符合质量控制的前提下产生,并提高医疗服务的质量和效率;并且帮助医师做出更加科学合理的健康决策,最终服务于病患的利益最大化。

    海豚鲸鱼数据集 5435张图 正确识别率可达92.6% 可识别:海豚 虎鲸 蜥蜴 海豹 鲨鱼 龟 支持darknet格式标注

    海豚鲸鱼数据集 5435张图 正确识别率可达92.6% 可识别:海豚 虎鲸 蜥蜴 海豹 鲨鱼 龟 支持darknet格式标注

    TokenYc_FaceRecognizer_1741777923.zip

    人脸识别项目

Global site tag (gtag.js) - Google Analytics