`

Flex开发流程设计器的经验之谈(3) (转)

 
阅读更多

昨天说了WorkbenchPartEditorPartViewPart,以及为什么需要做这样的抽象,今天就先跳出这么细粒度的讲解,今天先来看看整个Flow Designer的整体结构。反正说写博客,想到哪里说道哪里。

在讲正题之前,如果阅读过前两篇的,可以先看看:
Flex开发流程设计器的经验只谈(1):
连接>>>

Flex开发流程设计器的经验只谈(2):连接>>>

整个Flow Designer的粗的架构如下:

其中“Flex GEF”是真正的Kernel,其内部的对象关系很多来源于Eclipse GEF的设计思路,当然远比Eclipse GEF要简易很多。

Flex GEF—— 实现最基础的Editor接口,维护Model-EditPart-Figure之间的关系。

Flex GEF4G—— 在Flex GEF之上实现一套专门针对Graphical的扩展

Flex GEF4P—— 在Flex GEF4G之上,实现一套专门针对通用Process描述的扩展。这样Flow Designer则可以将更多的精力和实现放置于专门针对特定Flow视图展示上。在第一篇介绍的内容中,只所以可以显示两种视图,原因就在此。

Flex UI View—— 对ViewPart的实现,由于Flex本身基类中对图形化组件支持的非常好了,所有基本上没有太复杂的扩展。

Model—— 实现对Model接口的声明,以及对Model变更的时候做Notifer响应机制的实现。
Flex Extention—— 扩展了一些Flex Controls和Containers做,来辅助视图显示。

一下是没啥用处的个人随感废话,大可不必看:

说实话,这套构架完全没有任何新颖的地方,也没啥特别的。我只是把它按照Eclipse GEF这种思路,在Flex(或者说用ActionScript)简易化的实现了一把。

只是一方面我之前对Eclipse GEF并不熟——虽然网上有很多介绍“如何基于Eclipse GEF开发”文档和教程,但真正从“底层”来阐述GEF原理,分析GEF内部机制和真正实现原理的文章太少。所以不得不一遍遍的翻Eclips GEF/UI方面的源码,来寻找正确的设计源泉。

另外,目前这套Flex GEF框架还不是很成熟和稳定。基本架构是在去年12月底构建完结的,也可以说初步实现。前些日子(今年2月初)在用其去实现上层一个小模块的时候,发现原有的一些设计还有很不足的地方,又做了一些地方的重构和调整。也许还需要更多的Case去检验其完整性。

分享到:
评论

相关推荐

    flex4 流程设计器

    不错的流程设计器,实现了连线,拖动,修改属性等,,,

    Flex流程设计器

    Flex项目 流程设计器 源码,代码完整,直接运行WorkFlowDesigner,简单,可以进行修改开发

    flex 流程设计器

    flex 流程设计器,flex 流程设计器

    Flex 开发流程 了解Flex开发的流程

    Flex的开发流程,对flex的开发流程有一个简单的了解。

    基于Flex的Web流程设计器开发

    基于Flex的Web流程设计器开发

    FlexForm表单设计器

    flex开发的表单设计器,可以完成界面的基本的操作和容器操作

    flex wf流程设计器(Workflow)

    flex 开发的可视化流程工具, 最终生成XML文件可与各种后台结合, 生成的xml格式合乎jbpm流程定义规范 不是为了分我才不会拿出来

    flex 实现 的流程设计器

    flex 实现 的流程设计器 实现在网页上构建一个工作流图

    FLEX播放器 flex 开发AIR及Flex之mp3播放器教程

    FLEX播放器 flex 开发AIR及Flex之mp3播放器教程 FLEX播放器 flex 开发AIR及Flex之mp3播放器教程

    flex web工作流程图

    flex强大、优美的界面流程图制作,这只是一个比较简单的画流程图程序,希望能帮助大家!可以在这个基础上构造属于自己的web流程图制作工具。

    flex 工作流设计器

    flex 工作流设计器flex 工作流设计器

    flex 自定义 制作 流程图 (五种)

    flex 流程图 制作 flex 流程图 制作flex 流程图 制作flex 流程图 制作flex 流程图 制作flex 流程图 制作flex 流程图 制作flex 流程图 制作flex 流程图 制作flex 流程图 制作flex 流程图 制作flex 流程图 制作flex ...

    Flex 开发详细设计文档

    Flex 开发详细设计文档Flex 开发详细设计文档Flex 开发详细设计文档Flex 开发详细设计文档Flex 开发详细设计文档

    flex 画流程图 流程编辑

    最近在研究flex画流程图收集的资料 该控件简单易用 含源码哟!!! 内含该项目的SVN地址 很值得推荐给大家 希望有需要的朋友下载

    基于Flex的web流程设计器

    OrchestraDesigner是由北京航空航天大学计算机学院新技术研究所自主开发的一款基于Flex技术的在线协同工作流编辑工具。该建模工具针对非技术人员,采用一种比BPEL更面向业务、更直观的图元作为建模基础,生成的模型...

    flex流程设计器源码

    基于flex的精典的工作流图形设计器源码

    流程设计,extjs、flex、web下的流程设计

    流程设计,包含extjs下的流程设计,OrchestraDesigner-3.2-bin(基于Flex的web流程设计器),流程设计(设计器版),web工作流管理系统开发等

    flex css 设计器

    flex css 设计器,flex css 设计器,flex css 设计器flex css 设计器,flex css 设计器,flex css 设计器flex css 设计器,flex css 设计器,flex css 设计器flex css 设计器,flex css 设计器,flex css 设计器

    flex3 样式设计器

    flex3 样式设计器..很好的样式设计工具.

    flex设计模式flex设计模式flex设计模式

    flex设计模式flex设计模式flex设计模式flex设计模式flex设计模式flex设计模式flex设计模式flex设计模式flex设计模式flex设计模式flex设计模式flex设计模式flex设计模式flex设计模式flex设计模式flex设计模式

Global site tag (gtag.js) - Google Analytics