`

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去检验其完整性。

分享到:
评论

相关推荐

    Flex流程设计器

    Flex流程设计器是一款基于Adobe Flex技术开发的业务流程设计工具,其源码的提供为开发者提供了深入理解并定制流程设计功能的机会。Flex是一种用于构建富互联网应用程序(RIA)的开源框架,它基于ActionScript编程...

    flex wf流程设计器(Workflow)

    Flex WF流程设计器是一款基于Adobe Flex技术开发的可视化工作流设计工具。它允许用户通过图形化界面来设计和构建复杂的业务流程,最终生成的XML文件能够与各种后台系统进行集成,符合JBPM(Java Business Process ...

    flex4 流程设计器

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

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

    基于 Flex 的 Web 流程设计器开发 本文将详细介绍基于 Flex 的 Web 流程设计器的开发,包括其背景、技术路线选择、架构设计、前端设计和后台设计等方面的内容。 Web 流程设计器的背景 ------------------ 在开发 ...

    流程设计器(flex版)

    3. **index.swf**:这是流程设计器(flex版)的主要SWF文件,它是使用Flex编译器生成的,包含了流程设计器的所有组件和逻辑。 4. **ShowImage.swf**:这可能是用于展示流程图或节点细节的辅助SWF文件,可能包含特定的...

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

    Flex开发流程详解 Flex是一种由Adobe推出的用于构建富互联网应用(Rich Internet Applications,简称RIA)的框架,它包含了Flex SDK、编译器、框架、调试工具以及开发环境Flex Builder等核心组成部分。Flex 3 SDK...

    flex 流程设计器

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

    flex流程设计器源码

    Flex流程设计器源码是一款基于Adobe Flex技术开发的用于创建和编辑工作流的图形化工具。Flex是一种开源的、基于ActionScript 3.0的框架,主要用于构建富互联网应用程序(RIA)。这款设计器允许用户通过拖放操作,...

    flex web工作流程图

    综上所述,"flex web工作流程图"涉及到的技术点包括Flex框架、MXML和ActionScript编程、图形组件设计、数据绑定、事件处理、自定义组件开发、状态管理、布局和动画效果,以及后端服务集成。通过这些技术,开发者可以...

    flex 工作流设计器

    Flex工作流设计器是一种基于Adobe Flex技术的工具,用于创建、编辑和管理业务流程。它提供了图形化的用户界面,使得非技术人员也能理解并构建复杂的业务逻辑。在本文中,我们将深入探讨Flex工作流设计器的主要功能、...

    FlexForm表单设计器

    FlexForm表单设计器是一款基于Adobe Flex技术开发的高级表单设计工具,专为构建用户界面提供强大支持。Flex是一种开放源代码的框架,主要用于构建富互联网应用程序(RIA),它使用MXML和ActionScript编程语言,结合...

    flex 实现 的流程设计器

    在本场景中,我们关注的是用Flex实现的流程设计器,这是一种允许用户在网页上构建和编辑工作流图的工具。 流程设计器的核心是图形化用户界面(GUI),它允许用户通过拖放操作来创建、连接和配置工作流节点。在Flex...

    flex工作流程编辑器

    Flex工作流程编辑器是一款专为开发人员设计的强大工具,它简化了基于Flex的工作流配置过程。Flex是一种由Adobe开发的开放源代码框架,主要用于构建富互联网应用程序(RIA),尤其是在使用ActionScript和MXML编程时。...

    精典flex图形化流程设计器源码

    Flex图形化流程设计器源码是一套用于创建和编辑工作流的高级开发工具,它基于Adobe Flex技术,提供了直观的可视化界面,使得用户可以方便地构建、定制和管理各种业务流程。这一源码对于开发者来说是极其宝贵的资源,...

    flex 3.0流程编辑器修改版源码

    总结来说,Flex 3.0流程编辑器修改版源码涉及到图形用户界面设计、事件处理、图形绘制等多个技术领域,对于深入理解Flex框架以及提高RIA开发能力具有重要价值。通过学习和实践,开发者不仅能掌握流程编辑器的实现...

    flex3 样式设计器

    总之,Flex3样式设计器是Flex 3开发过程中的一大利器,它通过提供直观的图形界面,让开发者能够轻松管理和定制应用的视觉样式。使用这个工具,不仅可以提高设计质量,还能节约大量时间,使开发者更加专注于业务逻辑...

    flex流程设计器(一周发布一个新版本,3月18日版本已发布)

    标题中的“flex流程设计器”指的是基于Adobe Flex技术开发的一款流程设计工具。Flex是一种用于构建富互联网应用程序(RIA)的开放源代码框架,它允许开发者创建交互式的、动态的Web应用程序。这里的“一周发布一个新...

    pentaho平台 flex 仪表盘设计器 插件

    6. **Flex 仪表盘设计器用户使用手册.pdf**:这份用户手册提供了关于如何使用Flex 仪表盘设计器的详细指南,包括界面介绍、操作流程、自定义选项等,帮助用户充分利用这个工具。 7. **replace.zip**:这个文件可能...

    flex 画流程图 流程编辑

    3. **数据绑定和模型**:在流程编辑器中,图形通常与数据模型绑定,这样可以保存和恢复用户的编辑。在Flex中,可以使用数据绑定机制将图形的位置、形状等属性与数据对象关联起来。 4. **事件处理**:为了让用户可以...

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

    总的来说,这些文件和标签涉及到的技术和工具都集中在Web环境下的流程设计和管理上,无论是EXTJS的组件化开发,Flex的富客户端展示,还是各种流程设计器的使用,都是为了实现更高效、更直观的业务流程自动化。...

Global site tag (gtag.js) - Google Analytics