CN102096593B - 基于Flex技术的Web端业务流程图形化编辑框架系统及方法 - Google Patents
基于Flex技术的Web端业务流程图形化编辑框架系统及方法 Download PDFInfo
- Publication number
- CN102096593B CN102096593B CN2011100391139A CN201110039113A CN102096593B CN 102096593 B CN102096593 B CN 102096593B CN 2011100391139 A CN2011100391139 A CN 2011100391139A CN 201110039113 A CN201110039113 A CN 201110039113A CN 102096593 B CN102096593 B CN 102096593B
- Authority
- CN
- China
- Prior art keywords
- plug
- view
- functional module
- maim body
- unit
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Landscapes
- Stored Programmes (AREA)
Abstract
本发明涉及一种计算机软件系统中基于Flex技术实现Web端业务流程图形化编辑的框架系统，其中包括核心注册控制功能模块、工作区控制功能模块和图形编辑框架功能模块，核心注册控制功能模块通过工作区控制功能模块与图形编辑框架功能模块相连接。本发明还涉及一种利用该框架系统实现计算机软件系统中基于Flex技术的Web端业务流程图形化编辑的方法。采用该种基于Flex技术的Web端业务流程图形化编辑框架系统及方法，能够方便地使用Flex技术开发图形化编辑器，能够提供编辑区域和视图区域、及相应的布局支持，实现了添加或减少图元、为图元属性添加或减少内容，不仅架构简单明晰，而且处理过程快捷方便，兼容性较好，工作性能稳定可靠，适用范围较为广泛。
Description
技术领域
本发明涉及计算机软件领域，特别涉及工作流系统中的业务流程的图形化编辑技术领域，具体是指一种基于Flex技术的Web端业务流程图形化编辑框架系统及方法。
背景技术
在工作流产品中图形化的工作流定制界面是其中的重要部分。图形化的工作流定制界面又分为两种，基于操作系统的桌面版图形化编辑器和基于浏览器的Web版图形化编辑器。其中桌面版编辑器无法实时的修改上线系统中的业务流程，因此在业务流程的调整过程中必须使用Web版编辑器。
现有的Web版图形化编辑器大多是基于JavaScript技术的。由于JavaScript本身难以进行调试和维护，而具有商业价值的图形化编辑器又十分复杂，因此，基于JavaScript技术的图形化编辑器的后期维护是十分复杂的。
Flex是一个高效、免费的开放源框架，可用于构建具有表现力的Web应用程序，这些应用程序利用Adobe Flash Player和Adobe AIR运行时跨浏览器、桌面和操作系统实现一致的部署。Flex技术使用的ActionScript3.0语言是面向对象语言，又有Adobe提供的Flex builder作为开发、调试工具，因此维护简单很多。但是Flex框架本身只提供了一个事件框架和基础组件库，而现有的开源框架，类似：pureMVC等又不适用于图形化开发，因此仅仅基于Flex框架开发图形化流程编辑器是很困难的。
GEF Graphical Editing Framework是Eclipse提供的图形编辑框架，采用MVC框架模式实现，并使用了事件监听、Command和Policy模式实现控制和操作的功能。模型对应业务逻辑，实现相应的接口，并添加事件监听器，实现对模型改变事件的监听。控制器由GEF提供的EditPart实现，安装编辑策略，监听模型的变化，处理模型变化请求，执行相应的Command命令完成相应的操作，绘制图形。
发明内容
本发明的目的是克服了上述现有技术中的缺点，提供一种能够方便地开发图形化编辑器、架构简单明晰、处理过程快捷方便、兼容性较好、工作性能稳定可靠、适用范围较为广泛的基于Flex技术的Web端业务流程图形化编辑框架系统及方法。
为了实现上述的目的，本发明的基于Flex技术的Web端业务流程图形化编辑框架系统及方法如下：
该计算机软件系统中基于Flex技术实现Web端业务流程图形化编辑的框架系统，其主要特点是，所述的框架系统包括：
核心注册控制功能模块，支持类或者接口的注册，为基于该框架系统的应用程序提供扩展机制；
工作区控制功能模块，与所述的核心注册控制功能模块相连接，提供编辑区域和视图区域及相应的布局支持，提供视图的支持、编辑区域和视图区域的交互支持；
图形编辑框架功能模块，与所述的工作区控制功能模块相连接，在可视化设计中提供对控制器和绘图的支持。
该计算机软件系统中基于Flex技术实现Web端业务流程图形化编辑的框架系统中的核心注册控制功能模块包括：
插件生命周期管理单元，控制插件在启动时进行初始化操作，并在该插件卸载时执行相应的清除操作；
服务注册管理单元，与所述的插件生命周期管理单元相连接，将插件所提供的服务以特定的名称进行注册；
扩展服务注册管理单元，与所述的服务注册管理单元相连接，为插件注册新的扩展服务，并通过优先级和过滤器机制来屏蔽或者替换其它插件所提供的相应服务。
该计算机软件系统中基于Flex技术实现Web端业务流程图形化编辑的框架系统中的工作区控制功能模块包括：
工作区管理单元，提供视图加载支持；
编辑器管理单元，与所述的工作区管理单元相连接，提供多编辑器支持；
视图管理单元，与所述的工作区管理单元相连接，提供视图加载和移除处理，并进行布局管理。
该计算机软件系统中基于Flex技术实现Web端业务流程图形化编辑的框架系统中的图形编辑框架功能模块包括：
模型层单元，用Flex对象构造图形编辑框架的模型；
视图层单元，实现视图图元的展示和与用户的交互；
控制器层单元，分别与所述的模型层单元和视图层单元相连接，进行视图图元信息和属性的修改控制。
该利用上述的框架系统实现计算机软件系统中基于Flex技术的Web端业务流程图形化编辑的方法，其主要特点是，所述的方法包括以下步骤：
(1)所述的框架系统根据用户的输入操作，创建并编译相应的主体程序；
(2)所述的框架系统加载所述的主体程序；
(3)所述的主体程序进行配置加载处理；
(4)所述的框架系统根据用户的输入操作，创建并编译相应的视图插件；
(5)所述的主体程序进行该视图插件的加载处理；
(6)所述的框架系统根据用户的输入操作，创建并编译相应的图元插件；
(7)所述的主体程序进行该图元插件的加载处理；
(8)所述的主体程序进行工作区和视图的加载和后续处理。
该实现计算机软件系统中基于Flex技术的Web端业务流程图形化编辑的方法中的主体程序进行配置加载处理，具体为：
所述的主体程序加载包括插件配置文件在内的各种配置信息。
该实现计算机软件系统中基于Flex技术的Web端业务流程图形化编辑的方法中的主体程序进行视图插件的加载处理，包括以下步骤：
(11)所述的主体程序远程加载该视图插件；
(12)所述的主体程序初始化相应的视图插件；
(13)所述的主体程序注册该视图插件的服务。
该实现计算机软件系统中基于Flex技术的Web端业务流程图形化编辑的方法中的主体程序进行图元插件的加载处理，包括以下步骤：
(21)所述的主体程序远程加载该图元插件；
(22)所述的主体程序初始化相应的图元插件；
(23)所述的主体程序注册该图元插件的服务。
该实现计算机软件系统中基于Flex技术的Web端业务流程图形化编辑的方法中的主体程序进行工作区和视图的加载和后续处理，包括以下步骤：
(31)所述的主体程序打开图形编辑框架功能模块；
(32)所述的图形编辑框架功能模块创建编辑器；
(33)所述的图形编辑框架功能模块进行模型解析；
(34)所述的图形编辑框架功能模块创建控制器；
(35)所述的图形编辑框架功能模块创建图形；
(36)所述的图形编辑框架功能模块根据用户输入操作，与用户进行实时交互处理。
采用了该发明的基于Flex技术的Web端业务流程图形化编辑框架系统及方法，由于其中采用了基于Flex技术的类似于Eclipse GEF的图形化编辑框架，并且基于Flex技术实现了插件式开发机制，从而能够方便地使用Flex技术开发图形化编辑器，从而能够提供编辑区域和视图区域、及相应的布局支持，同时提供视图的支持，可以通过扩展的方式添加或删除视图，能够编辑区域和视图区域的交互支持，如消息，事件等，能够提供属性编辑方面的支持，对于特定的对象，可以通过注册表得到相应的属性编辑功能，能够实现图元/连线的操作支持，如添加/删除图元或者连线，以及在进行关系处理时，支持验证，可以处理各种事件，并根据情况，调用插件中的代码以便进行业务操作，能够实现通过新加插件的方式来添加图元、移去插件的方式来减少图元、通过新加插件的方式来为某个图元的属性编辑对话框上添加新的内容、通过移去插件的方式来为某个图元的属性编辑对话框上减少内容，不仅架构简单明晰，而且处理过程快捷方便，兼容性较好，工作性能稳定可靠，适用范围较为广泛。
附图说明
图1为本发明的基于Flex技术的Web端业务流程图形化编辑框架系统的组成示意图。
图2为本发明的基于Flex技术的Web端业务流程图形化编辑框架系统中的工作区控制功能模块的界面组成示意图。
图3为本发明的基于Flex技术的Web端业务流程图形化编辑框架系统中的Flex图形编辑框架的模型-视图-控制器(MVC)结构示意图。
图4为本发明的实现计算机软件系统中基于Flex技术的Web端业务流程图形化编辑的方法的流程示意图。
图5为本发明的实现计算机软件系统中基于Flex技术的Web端业务流程图形化编辑的方法中主体程序进行工作区和视图的加载和后续处理流程示意图。
具体实施方式
为了能够更清楚地理解本发明的技术内容，特举以下实施例详细说明。
请参阅图1至图3所示，该计算机软件系统中基于Flex技术实现Web端业务流程图形化编辑的框架系统，其中包括：
(1)核心注册控制功能模块，支持类或者接口的注册，为基于该框架系统的应用程序提供扩展机制；该核心注册控制功能模块包括：
●插件生命周期管理单元，控制插件在启动时进行初始化操作，并在该插件卸载时执行相应的清除操作；
●服务注册管理单元，与所述的插件生命周期管理单元相连接，将插件所提供的服务以特定的名称进行注册；
●扩展服务注册管理单元，与所述的服务注册管理单元相连接，为插件注册新的扩展服务，并通过优先级和过滤器机制来屏蔽或者替换其它插件所提供的相应服务。
(2)工作区控制功能模块，与所述的核心注册控制功能模块相连接，提供编辑区域和视图区域及相应的布局支持，提供视图的支持、编辑区域和视图区域的交互支持；该工作区控制功能模块包括：
●工作区管理单元，提供视图加载支持；
●编辑器管理单元，与所述的工作区管理单元相连接，提供多编辑器支持；
●视图管理单元，与所述的工作区管理单元相连接，提供视图加载和移除处理，并进行布局管理。
(3)图形编辑框架功能模块，与所述的工作区控制功能模块相连接，在可视化设计中提供对控制器和绘图的支持；该图形编辑框架功能模块包括：
●模型层单元，用Flex对象构造图形编辑框架的模型；
●视图层单元，实现视图图元的展示和与用户的交互；
●控制器层单元，分别与所述的模型层单元和视图层单元相连接，进行视图图元信息和属性的修改控制。
该利用上述的框架系统实现计算机软件系统中基于Flex技术的Web端业务流程图形化编辑的方法，其中包括以下步骤：
(1)所述的框架系统根据用户的输入操作，创建并编译相应的主体程序；
(2)所述的框架系统加载所述的主体程序；
(3)所述的主体程序进行配置加载处理，具体为：
所述的主体程序加载包括插件配置文件在内的各种配置信息；
(4)所述的框架系统根据用户的输入操作，创建并编译相应的视图插件；
(5)所述的主体程序进行该视图插件的加载处理，包括以下步骤：
(a)所述的主体程序远程加载该视图插件；
(b)所述的主体程序初始化相应的视图插件；
(c)所述的主体程序注册该视图插件的服务；
(6)所述的框架系统根据用户的输入操作，创建并编译相应的图元插件；
(7)所述的主体程序进行该图元插件的加载处理，包括以下步骤：
(a)所述的主体程序远程加载该图元插件；
(b)所述的主体程序初始化相应的图元插件；
(c)所述的主体程序注册该图元插件的服务；
(8)所述的主体程序进行工作区和视图的加载和后续处理，包括以下步骤：
(a)所述的主体程序打开图形编辑框架功能模块；
(b)所述的图形编辑框架功能模块创建编辑器；
(c)所述的图形编辑框架功能模块进行模型解析；
(d)所述的图形编辑框架功能模块创建控制器；
(e)所述的图形编辑框架功能模块创建图形；
(f)所述的图形编辑框架功能模块根据用户输入操作，与用户进行实时交互处理。
在实际使用当中，本发明的基于Flex技术的Web端业务流程图形化编辑框架主要提供以下特性：
1、提供一个类似于注册表的模块，支持类或者接口的注册，从而为基于该框架的应用程序都提供扩展机制。
2、提供一个类似于Eclipse工作区的Workbench支持：
●提供编辑区域和视图区域，及相应的布局支持。
●提供视图的支持，可以通过扩展的方式添加或删除视图。
●编辑区域和视图区域的交互支持，如消息，事件等。
●提供属性编辑方面的支持，对于特定的对象，可以通过注册表得到相应的属性编辑功能。
3、GEF框架要具有以下内容，以帮助开发人员高效开发可视化设计的内容：
图元/连线的操作支持，如添加/删除图元或者连线，以及在进行关系处理时，支持验证，如两个图元间不允许进行连接，所有的规则接口由GEF框架提供，但具体规则的实现由插件提供。
可以处理各种事件，并根据情况，调用插件中的代码以便进行业务操作(如双击某图元后弹出一个由插件提供的属性编辑框)。
4、GEF框架要具有良好的扩展性：
●通过新加插件的方式来添加图元。
●通过移去插件的方式来减少图元。
●通过新加插件的方式来为某个图元的属性编辑对话框上添加新的内容。
●通过移去插件的方式来为某个图元的属性编辑对话框上减少内容。
基于Flex技术的Web端业务流程图形化编辑框架主要分成三大模块：
1、Kernel模块：
是一个核心模块，它被定义为一个简单的轻量级内容，它的功能特性非常简单，类似于一个服务注册表。
a)服务就是指代码功能，可以是一个接口，也可以是一个类。
b)提供生命周期管理，每一个插件SWF都通过一个Plugin的子类来在启动时进行初始化操作，并在插件卸载时，由Kernel来执行相应的清除操作。
c)提供服务注册机制，每个插件都可以将自己的服务(0～n个)以一个特定的名称注册到Kernel模块中。
d)功能模块可以通过Kernel模块，按照顺序取出一个类，或者多个类，进行调用。
e)每个模块都可以注册新的扩展服务，同时可以通过优先级和过滤器机制来屏蔽或者替换其它模块提供的服务。
f)Kernel的加载应该是仅次于整个应用，它还需要负责加载SWF插件事件的通知，以便进行进度条等方面的显示。
g)支持Adapter模式，以便未来对模型和功能进行增强。
基于上述服务注册技术来开发，会提供以下两个特性：
1)模块间解耦，如GEF模块不再和BPMN的实现模块放置在一起。
2)功能扩展，可以随时加入新插件，来添加和改变现有功能，也可以通过移除原有的插件，来减少现有功能(有可能是需要重新编译和部署，但不会对现有代码造成影响)。
2、Workbench模块：
对于可视化设计器来说，除了菜单和工具栏以外，还有几项是不得不提的：编辑器和视图。为了更好地解决统一技术的问题，这里在Kernel模块的基础上开发一个Workbench模块，它提供了基本的菜单和工具栏项，并为编辑器和视图提供了扩展能力，其中视图区可以随意添加和移除相应的视图。
主要提供的功能特性如下：
A)可以由外部加载菜单，如加载不到菜单，则自动隐藏菜单栏。
B)可以由外部加载工具栏，如加载不到工具栏，则自动隐藏菜单栏。
C)可以由外部加载左侧视图，如加载不到视图，则自动隐藏左侧视图区，如果有多个左侧视图，则等比例充满左侧视图区。
D)可以由外部加载右侧视图，如加载不到视图，则自动隐藏右侧视图区，如果有多个右侧视图，则等比例充满右侧视图区。
E)可以由外部加载底部视图，如加载不到视图，则自动隐藏底部视图区，如果有多个底部视图，则以Tab页的方式来放置多个视图。
F)三个视图区及编辑区，可以通过拖动的方式来调整大小。
提供的主要内容如下：
A)工作区Workbench(在load方法中加载视图)
B)编辑器IEditorPart，通过IEditorFactory来创建IEditorPart以支持多种编辑器
C)视图IViewPart，可以随意加载和移除不同视图，并进行布局。
3、GEF模块：
Eclipse的GEF模块为可视化设计提供了良好的支持，而Flex自身对可视化设计支持地更好，但尚未有一个统一的可视化设计框架来加以支持，为了更加方便和统一地支持可视化设计，所以要设计一个基于Flex的GEF框架，它的基本思路与Eclipse的GEF一致，不提供模型层的支持，而是提供控制器和绘图的支持，模型交由业务插件模块来加以支持。
为了保证Flex GEF框架的灵活性和扩展性，运用了大量设计方式。除了最基础的MVC设计模式以外，它还用到了：命令、工厂、观察者、责任链等模式。下面将借助于对这些设计的说明来说明Flex GEF框架的技术解决方案。
1、MVC设计模式
模型-视图-控制器(Model-View-Controller)：MVC方式被Flex GEF用来解除用户界面，行为和模型之间的耦合。模型层能够用任意Flex对象来构造GEF的模型。而视图必须完成IFigure接口，控制器则必须是EditPart类型。
通常情况下，GEF编辑器的流程为：
创建Editor→解析模型→生成相应的EditPart→由EditPart创建Figure→展示→与用户交互
由上述流程可见，主要的功能，特别是与用户交互的操作都由控制器EditPart完成。
2、命令模式
用来封装对模型的操作，支持Redo、Undo操作，每一个用户在编辑器中的行为都会由相应的EditPart产生一个Command，然后交由CommandStack，进行各种操作，并在合适的时候进行Undo和Redo。
3、工厂模式
GEF框架使用工厂办法来创建EditPart及其它内容，当编辑器拿到相应的模型后，会以扩展的方式来取得相应的IEditPartFactory，再由这个Factory创建EditPart，其它的内容，如Figure等，也如此操作，所有的Factory均由扩展机制来提供，方便随时切换。
4、责任列
责任链其实是非常重要的，以层为例，不管是Eclipse GEF还是Flex GEF，都会有层的概念，当鼠标点击屏幕上内容的时候，会逐层检查鼠标所在位置，这也是一个责任链的应用场景。
基于Flex GEF框架开发编辑器需要实现几个基本模块：
1、主体程序：加载其他插件并且读取插件中的信息，刷新视图，展现编辑器。
2、视图插件：加载和移除不同视图，并进行布局。
3、图元插件：提供编辑器行为。
在实际的应用环境中，本发明的基于Flex技术的Web端业务流程图形化编辑框架的具体过程如下：
1、开发主体程序：
创建一个主体程序的Flex项目(可以编译成SWF文件的App项目)，这个项目所编译产生的SWF文件将被网页直接加载。在项目的主页的初始化代码中要进行以下操作：加载各种配置，包括插件配置文件，根据插件配置，加载插件，然后再加载图形定义文件，刷新视图，展现编辑器。
2、开发视图插件
创建一个扩展视图的插件Flex项目(可以编译成SWF文件的App项目)，这个项目编译产生的SWF文件将被主体程序SWF文件加载。在项目的主页中必须包含public的属性pluginInfo，类型是com.primeton.common.models.pluginClasses.PluginInfo的子类(必须覆盖start()方法，以便主体程序调用)。
3、开发图元插件
创建一个图元插件的flex项目(能编译成SWF文件)，这个项目编译产生的SWF文件将被主体程序SWF文件加载。在项目的主页中必须包含public的属性pluginInfo，类型是com.primeton.common.models.pluginClasses.PluginInfo的子类(必须覆盖start()方法，以便主体程序调用)。
为了能够更清楚地理解本发明的技术内容，特举以下实施例详细说明。
基于Flex GEF框架开发编辑器需要实现几个基本模块：
1、主体程序——加载其他插件并且读取插件中的信息，刷新视图，展现编辑器。
2、视图插件——加载和移除不同视图，并进行布局。
3、图元插件——提供编辑器行为。
本发明的基于Flex技术的Web端业务流程图形化编辑框架的具体过程如下：
1、开发主体程序：
创建一个主体程序的Flex项目(可以编译成SWF文件的App项目)，这个项目所编译产生的SWF文件将被网页直接加载。在项目的主页的初始化代码中要进行以下操作：加载各种配置，包括插件配置文件，根据插件配置，加载插件，然后再加载图形定义文件，刷新视图，展现编辑器。
实例代码如下：
2、开发视图插件
创建一个扩展视图的插件Flex项目(可以编译成SWF文件的App项目)，这个项目编译产生的SWF文件将被主体程序SWF文件加载。在项目的主页中必须包含public的属性pluginInfo，类型是com.primeton.common.models.pluginClasses.PluginInfo的子类(必须覆盖start()方法，以便主体程序调用)。
需要实现接口com.primeton.frameworr.workbench.IPerspectiveFactory。
示例代码如下：
项目主页：
主体程序在加载框架时会自动调用PluginInfo的start()方法，BpmnViewPluginInfo需要将扩展的视图IPerspectiveFactory的实现类注册到Kernel中。
3、开发图元插件
创建一个图元插件的flex项目(能编译成SWF文件)，这个项目编译产生的SWF文件将被主体程序SWF文件加载。在项目的主页中必须包含public的属性pluginInfo，类型是com.primeton.common.models.pluginClasses.PluginInfo的子类(必须覆盖start()方法，以便主体程序调用)。
在项目中根据需要实现以下接口：
| 接口名称 | 功能 |
| com.primeton.framework.gef.IPaletteFactory | 创建选用版图元 |
| com.primeton.framework.workbench.parts.IEditorFactory | 创建GEF Editor |
| com.primeton.framework.workbench.spi.IControlFactory | 创建图元属性页 |
| com.primeton.framework.gef.IModelCreator | 创建图元模型 |
| com.primeton.framework.gef.IModelParser | 模型解析 |
| com.primeton.framework.gef.IModelSerialization | 模型序列化 |
同时，必须在pluginInfo的start()方法中需要将上述接口的实现类注册到Kenerl中。
采用了上述的基于Flex技术的Web端业务流程图形化编辑框架系统及方法，由于其中采用了基于Flex技术的类似于Eclipse GEF的图形化编辑框架，并且基于Flex技术实现了插件式开发机制，从而能够方便地使用Flex技术开发图形化编辑器，从而能够提供编辑区域和视图区域、及相应的布局支持，同时提供视图的支持，可以通过扩展的方式添加或删除视图，能够编辑区域和视图区域的交互支持，如消息，事件等，能够提供属性编辑方面的支持，对于特定的对象，可以通过注册表得到相应的属性编辑功能，能够实现图元/连线的操作支持，如添加/删除图元或者连线，以及在进行关系处理时，支持验证，可以处理各种事件，并根据情况，调用插件中的代码以便进行业务操作，能够实现通过新加插件的方式来添加图元、移去插件的方式来减少图元、通过新加插件的方式来为某个图元的属性编辑对话框上添加新的内容、通过移去插件的方式来为某个图元的属性编辑对话框上减少内容，不仅架构简单明晰，而且处理过程快捷方便，兼容性较好，工作性能稳定可靠，适用范围较为广泛。
在此说明书中，本发明已参照其特定的实施例作了描述。但是，很显然仍可以作出各种修改和变换而不背离本发明的精神和范围。因此，说明书和附图应被认为是说明性的而非限制性的。
Claims (1)
1.一种利用基于Flex技术实现Web端业务流程图形化编辑的框架系统实现计算机软件系统中基于Flex技术的Web端业务流程图形化编辑的方法，其中，所述的框架系统包括：
核心注册控制功能模块，支持类或者接口的注册，为基于该框架系统的应用程序提供扩展机制；
工作区控制功能模块，与所述的核心注册控制功能模块相连接，提供编辑区域和视图区域及相应的布局支持，提供视图的支持、编辑区域和视图区域的交互支持；
图形编辑框架功能模块，与所述的工作区控制功能模块相连接，在可视化设计中提供对控制器和绘图的支持；
其特征在于，所述的方法包括以下步骤：
（1）所述的框架系统根据用户的输入操作，创建并编译相应的主体程序；
（2）所述的框架系统加载所述的主体程序；
（3）所述的主体程序进行配置加载处理，具体为：
所述的主体程序加载包括插件配置文件在内的各种配置信息；
（4）所述的框架系统根据用户的输入操作，创建并编译相应的视图插件；
（5）所述的主体程序进行该视图插件的加载处理，包括以下步骤：
（11）所述的主体程序远程加载该视图插件；
（12）所述的主体程序初始化相应的视图插件；
（13）所述的主体程序注册该视图插件的服务；
（6）所述的框架系统根据用户的输入操作，创建并编译相应的图元插件；
（7）所述的主体程序进行该图元插件的加载处理，包括以下步骤：
（21）所述的主体程序远程加载该图元插件；
（22）所述的主体程序初始化相应的图元插件；
（23）所述的主体程序注册该图元插件的服务；
（8）所述的主体程序进行工作区和视图的加载和后续处理，包括以下步骤：
（31）所述的主体程序打开图形编辑框架功能模块；
（32）所述的图形编辑框架功能模块创建编辑器；
（33）所述的图形编辑框架功能模块进行模型解析；
（34）所述的图形编辑框架功能模块创建控制器；
（35）所述的图形编辑框架功能模块创建图形；
（36）所述的图形编辑框架功能模块根据用户输入操作，与用户进行实时交互处理。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2011100391139A CN102096593B (zh) | 2011-02-16 | 2011-02-16 | 基于Flex技术的Web端业务流程图形化编辑框架系统及方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2011100391139A CN102096593B (zh) | 2011-02-16 | 2011-02-16 | 基于Flex技术的Web端业务流程图形化编辑框架系统及方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN102096593A CN102096593A (zh) | 2011-06-15 |
| CN102096593B true CN102096593B (zh) | 2013-11-27 |
Family
ID=44129701
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2011100391139A Active CN102096593B (zh) | 2011-02-16 | 2011-02-16 | 基于Flex技术的Web端业务流程图形化编辑框架系统及方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102096593B (zh) |
Families Citing this family (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102508665B (zh) * | 2011-11-10 | 2014-12-17 | 北京高森明晨信息科技有限公司 | 绘制应用程序视图的方法和装置 |
| CN102609266A (zh) * | 2012-02-14 | 2012-07-25 | 上海普坤信息科技有限公司 | 基于Flex的富客户端平台系统及其操作运行方法 |
| CN102915476A (zh) * | 2012-05-11 | 2013-02-06 | 摩卡软件(天津)有限公司 | 一种可视化的业务流程设计方法 |
| CN103024351B (zh) * | 2012-12-05 | 2015-09-02 | 深圳供电局有限公司 | 一种电网运行监视画面多视图联动及切换的方法 |
| CN103077023B (zh) * | 2012-12-27 | 2017-05-17 | 北京思特奇信息技术股份有限公司 | 基于Flex主应用制作JSP插件的方法及装置 |
| CN104021007A (zh) * | 2013-03-01 | 2014-09-03 | 联想(北京)有限公司 | 一种参数更新的方法及电子设备 |
| CN103617486B (zh) * | 2013-11-21 | 2017-01-04 | 中国电子科技集团公司第十五研究所 | 一种复杂业务流程动态图形化监控的方法与系统 |
| CN104020997B (zh) * | 2014-06-13 | 2017-05-10 | 中国民航信息网络股份有限公司 | 可扩展图形化规则应用系统 |
| CN104240148A (zh) * | 2014-08-28 | 2014-12-24 | 国家电网公司 | 一种基于插件的电网可视化方法 |
| CN107632825A (zh) * | 2017-08-18 | 2018-01-26 | 深圳怡化电脑股份有限公司 | 一种业务软件开发方法及装置 |
| CN107589965A (zh) * | 2017-08-18 | 2018-01-16 | 深圳怡化电脑股份有限公司 | 一种软件开发方法及装置 |
| CN107632823A (zh) * | 2017-08-18 | 2018-01-26 | 深圳怡化电脑股份有限公司 | 一种软件开发方法及装置 |
| CN110688109A (zh) * | 2019-10-09 | 2020-01-14 | 凯德技术长沙股份有限公司 | 一种模型编辑系统的创建方法及模型编辑系统 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1950817A (zh) * | 2004-04-08 | 2007-04-18 | 佳思腾软件公司 | 文档处理装置和文档处理方法 |
| CN101615121A (zh) * | 2009-07-22 | 2009-12-30 | 福州星网视易信息系统有限公司 | Bs平台信息发布系统的样式编辑器 |
| CN101794455A (zh) * | 2009-01-21 | 2010-08-04 | 施昊 | 可绘图的网络编辑器及网络信息输入编辑系统 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20030067497A1 (en) * | 2001-10-09 | 2003-04-10 | Pichon Olivier Francis | Method and device for modifying a pre-existing graphical user interface |
-
2011
- 2011-02-16 CN CN2011100391139A patent/CN102096593B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1950817A (zh) * | 2004-04-08 | 2007-04-18 | 佳思腾软件公司 | 文档处理装置和文档处理方法 |
| CN101794455A (zh) * | 2009-01-21 | 2010-08-04 | 施昊 | 可绘图的网络编辑器及网络信息输入编辑系统 |
| CN101615121A (zh) * | 2009-07-22 | 2009-12-30 | 福州星网视易信息系统有限公司 | Bs平台信息发布系统的样式编辑器 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN102096593A (zh) | 2011-06-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102096593B (zh) | 基于Flex技术的Web端业务流程图形化编辑框架系统及方法 | |
| CN103441900B (zh) | 集中式跨平台自动化测试系统及其控制方法 | |
| CN102033743B (zh) | 一种应用插件扩充模型驱动开发能力的系统及其方法 | |
| CN103247003B (zh) | 面向事件处理的分布式程序化交易系统 | |
| CN107577515A (zh) | 可视化组件的扩展方法、装置、电子设备及存储介质 | |
| Hansson et al. | Effects on performance and usability for cross-platform application development using React Native | |
| CN103019684A (zh) | 一种基于动态模板的配置业务页面的方法 | |
| SG146613A1 (en) | System and method for applying development patterns for component based applications | |
| CN103279846A (zh) | 一种基于bim模型的工程验收方法和系统 | |
| CN102637406B (zh) | 一种led显示设计系统及方法 | |
| CN103544100A (zh) | 便携数据处理设备应用程序的测试方法、系统和客户端 | |
| KR101588592B1 (ko) | 객체관계 매핑 기반 하이브리드 앱 개발 시스템 및 그 방법 | |
| Benouda et al. | Automatic code generation within MDA approach for cross-platform mobiles apps | |
| CN103942092B (zh) | 一种支持LabView图形化编程的HLA协同仿真方法 | |
| CN101551742A (zh) | 辅助构建面向服务应用系统的向导组件 | |
| CN103207783A (zh) | 一种基于b/s的软件开发引擎系统及其构建方法 | |
| de_Almeida Monte-Mor et al. | Applying MDA approach to create graphical user interfaces | |
| CN108304190A (zh) | 网络店铺生成方法及装置 | |
| Amendola et al. | Adapting CRM systems for mobile platforms: An MDA perspective | |
| Iba et al. | From conceptual models to simulation models: Model driven development of agent-based simulations | |
| CN101582027B (zh) | 基于形式领域融合的计算模型 | |
| Yang et al. | A novel framework of using petri net to timed service business process modeling | |
| Lu et al. | Implementation of continuous integration and automated testing in software development of smart grid scheduling support system | |
| CN115421940A (zh) | 一种基于共享内存技术的多源异构模型白盒集成方法 | |
| CN104102496A (zh) | 一种基于windows平台的银行自助系统跨浏览器插件的开发方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C53 | Correction of patent for invention or patent application | ||
| CB02 | Change of applicant information |
Address after: 201203, Shanghai Zhangjiang hi tech park, Pudong New Area, No. 456 blue wave road, 4F Applicant after: Primeton Technologies Ltd. Address before: 201203, Shanghai Zhangjiang hi tech park, Pudong New Area, No. 456 blue wave road, 4F Applicant before: Primeton Technologies Ltd. |
|
| COR | Change of bibliographic data |
Free format text: CORRECT: APPLICANT; FROM: PRIMETON TECHNOLOGIES LTD. TO: PRIMETON TECHNOLOGY CO., LTD. |
|
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| C56 | Change in the name or address of the patentee |
Owner name: PRIMETON INFORMATION TECHNOLOGY CO., LTD. Free format text: FORMER NAME: PRIMETON TECHNOLOGIES LTD. |
|
| CI01 | Correction of invention patent gazette |
Correction item: Patentee Correct: Primeton Technologies Ltd.|201203, Shanghai Zhangjiang hi tech park, Pudong New Area, No. 456 blue wave road, 4F False: Primeton Technologies Ltd.|201203, Shanghai Zhangjiang hi tech park, Pudong New Area, No. 456 blue wave road, 4F Number: 47 Volume: 29 |
|
| CP01 | Change in the name or title of a patent holder |
Address after: 201203, Shanghai Zhangjiang hi tech park, Pudong New Area, No. 456 blue wave road, 4F Patentee after: PRIMETON INFORMATION TECHNOLOGY CO., LTD. Address before: 201203, Shanghai Zhangjiang hi tech park, Pudong New Area, No. 456 blue wave road, 4F Patentee before: Primeton Technologies Ltd. |
|
| ERR | Gazette correction |
Free format text: CORRECT: PATENTEE; FROM: PRIMETON TECHNOLOGY CO., LTD.:201203 PUDONG NEW AREA, SHANGHAI TO: PRIMETON TECHNOLOGIES LTD.:201203 PUDONG NEW AREA, SHANGHAI |