一种通过可视化界面进行图元扩展的方法与流程

技术领域

本发明涉及图元扩展技术领域，具体地，涉及一种通过可视化界面进行图元扩展的方法。

背景技术：

图元扩展可应用于多种建模工具中，只要建模工具中需要为用户提供一组图元，一般情况下就需要对图元进行扩展，以适应不同用户的需求。例如流程设计器中，需要为用户提供图元扩展机制，使用户能够配置自己所需的额外图元。

为了提供用户可扩展机制，在以往的实现中，主要采用以下几种方式：

冗余图元方式，预留几个图元给用户使用，该方法实现简单，但扩展性不好，仍可能不满足用户需求；

配置文件方式，用户写符合一定格式的配置文件，程序读取生成用户自定义图元，该方法扩展性好，但对用户要求比较高，用户体验不好；

为了清晰的描述用户可扩展图元的实现方式，本文将以流程建模工具为例进行说明，下面介绍几个重要的概念：

流程图元：简单来说每个图元在建模工具中都是一个图形，这个图形代表特定含义，具有一系列属性，可以转换成一段xml。

流程模型：一种可以使用流程建模工具来绘制的模型，包含开始，结束，用户任务等元素，设计完成后可以存储为xml格式文件。

CN105786893A使用xml进行存储，但目标和方法与本发明不同，CN104020997A虽然是可扩展图形化，但是于本发明相比采用方法不同，应用领域也不同

在建模工具中，为了实现图元的用户可扩展，在以往的实现中，主要采用以下几种方案：

1.通过增加冗余图元的方式，但是这种实现增加了模型的复杂性，特别是如果某些用户需要扩展的图元很多，那么势必需要增加很多冗余图元，这样就增加了模型的复杂性，提高了用户使用的难度，对不需要进行太多图元扩展的用户造成了困扰。

2.开发人员定义好配置文件，当用户需要扩展时需要在配置文件中按一定的格式进行图元的配置，这种方法扩展性好，但写配置文件对用户有一定要求，给用户使用带来了不便，易用性较差。

技术实现要素：

本发明的目的在于，针对上述问题，提出一种通过可视化界面进行图元扩展的方法，以实现对图元的扩展更加简单有效的优点。

为实现上述目的，本发明采用的技术方案是：一种通过可视化界面进行图元扩展的方法，主要包括：

步骤1：用户在界面中定义某图元扩展；

步骤2：在配置文件中查找是否包含该图元，若包含该图元则，提示图元重复，若不包含该图元，则在配置文件中定义该图元，即将图元注册到配置文件中；

步骤3：自动刷新界面，显示新增图元；

步骤4：用户使用新增图元画图；

步骤5：新增图元存入元素模型；

步骤6：保存模型，将扩展图元及其属性存入json文件中；json转化为后台模型时，扩展图元生成对应的后台模型；导出时，扩展图元生成对应的xml。

进一步地，步骤1具体为，提供一个界面用于图元扩展；在界面中按分组显示所有预置图元，并对图元进行编辑，具体包括删除图元或增加图元，所述删除图元包括选中图元点击删除按钮；所述增加图元包括选中该分组，右键点击增加按钮，在弹出的对话框中输入该图元所具有的属性，包括图元名称、图元code、图元图标位置和图元svg位置然后点击确定。

进一步地，步骤2具体包括，按照用户输入的图元名称和图元code到配置文件中查找，如果该图元名称或code已存在，则提示用户修改图元名称或code；如果图元名称和code都不存在，则需在配置文件中配置该图元，并将用户填写的属性注册到该图元中；如果用户填写的属性中出现某个属性未注册，则还需要注册该属性。

进一步地，所述步骤7具体包括，当模型保存时，模型中的扩展图元被作为独立一段存入json文件中，随json文件传入后台，然后在后台中完成json文件到后台模型model的转化，这时json中的扩展图元及其属性的信息会存入模型中，并带有extend前缀；模型导出时，模型中每个图元作为独立标签被写入到xml文件中，当模型需要修改，再次导入时，已经过扩展的配置文件就将扩展后的图元及其属性值展现出来，扩展完成。

本发明各实施例的一种通过可视化界面进行图元扩展的方法，由于主要包括：用户在界面中定义某图元扩展；在配置文件中查找是否包含该图元，若包含该图元则，提示图元重复，若不包含该图元，则在配置文件中定义该图元，即将图元注册到配置文件中；自动刷新界面，显示新增图元；用户使用新增图元画图；新增图元存入元素模型；保存模型，将扩展图元及其属性存入json文件中；json转化为后台模型时，扩展图元生成对应的后台模型；导出时，扩展图元生成对应的xml；从而可以克服现有技术中扩展图元时，模型的复杂性太高，用户使用难度大，易用性差缺陷。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

附图说明

附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：

图1为本发明具体实施例所述的一种通过可视化界面进行图元扩展的方法流程图；

图2为本发明具体实施例所述的一种通过可视化界面进行图元扩展的方法描述的用户精简模型设计器时的应用示意图；

图3为本发明具体实施例所述的一种通过可视化界面进行图元扩展的方法描述的用户扩展模型设计器的应用示意图。

具体实施方式

以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

具体地，一种通过可视化界面进行图元扩展的方法，主要包括：

步骤1：用户在界面中定义某图元扩展；

步骤2：在配置文件中查找是否包含该图元，若包含该图元则，提示图元重复，若不包含该图元，则在配置文件中定义该图元，即将图元注册到配置文件中；

步骤3：自动刷新界面，显示新增图元；

步骤4：用户使用新增图元画图；

步骤5：新增图元存入元素模型；

步骤6：保存模型，将扩展图元及其属性存入json文件中；json转化为后台模型时，扩展图元生成对应的后台模型；导出时，扩展图元生成对应的xml。

步骤1具体为，提供一个界面用于图元扩展；在界面中按分组显示所有预置图元，并对图元进行编辑，具体包括删除图元或增加图元，所述删除图元包括选中图元点击删除按钮；所述增加图元包括选中该分组，右键点击增加按钮，在弹出的对话框中输入该图元所具有的属性，包括图元名称、图元code、图元图标位置和图元svg位置然后点击确定。

步骤2具体包括，按照用户输入的图元名称和图元code到配置文件中查找，如果该图元名称或code已存在，则提示用户修改图元名称或code；如果图元名称和code都不存在，则需在配置文件中配置该图元，并将用户填写的属性注册到该图元中；如果用户填写的属性中出现某个属性未注册，则还需要注册该属性。

所述步骤7具体包括，当模型保存时，模型中的扩展图元被作为独立一段存入json文件中，随json文件传入后台，然后在后台中完成json文件到后台模型model的转化，这时json中的扩展图元及其属性的信息会存入模型中，并带有extend前缀；模型导出时，模型中每个图元作为独立标签被写入到xml文件中，当模型需要修改，再次导入时，已经过扩展的配置文件就将扩展后的图元及其属性值展现出来，扩展完成。

结合图1，主要的实现步骤如下：

1． 用户在界面中定义某图元扩展。

2． 在配置文件中查找是否包含该图元。

3． 若2成立则提示图元重复。

4． 若2不成立则先在配置文件中定义该图元。

5． 自动刷新设计器，显示新图元。

6． 用户使用新图元画图。

7． 模型设计完成保存时，将扩展图元及其属性存入json文件中。

8． 在解析json文件时将扩展图元及其属性解析到模型model对应图元模型中。

用户导出模型时，系统将扩展图元转化为对应xml。

对该机制进行详细描述：

首先，该机制提供给用户一个简洁，易用的界面用于图元扩展；在界面中按分组显示所有预置图元，如用户不需要某些图元只需选中图元点击删除按钮；如用户需要在某个分组中增加图元，则需选中该分组，右键点击增加按钮，在弹出的对话框中输入图元名称，图元code，图元图标位置，图元svg位置，以及该图元所具有的属性，点击确定。

然后，我们按照用户输入的图元名称和图元code到配置文件中查找，如果该图元名称或code已存在，则提示用户修改图元名称或code；如果图元名称和code都不存在，则需在配置文件中配置该图元，并将用户填写的属性注册到该图元中；如果用户填写的属性中出现某个属性未注册，则还需要注册该属性；

然后，需要对模型进行自动刷新，重新加载，以产生扩展图元，并将扩展图元的属性显示出来，这时用户可以使用扩展图元进行画图，并对其属性的值进行设置，设置好的属性值将会和属性名称一起被记录在扩展图元的属性中，并设置扩展标记；

最后，当模型保存时，模型中的扩展图元会被作为独立一段存入json文件中，随json文件传入后台，然后在后台中完成json文件到后台模型model的转化，这时json中的扩展图元及其属性的信息会存入模型中，并带有extend前缀；模型导出时，模型中每个图元会作为独立标签被写入到xml文件中。这样，当模型需要修改，再次导入的时候，已经经过扩展的配置文件就能够顺利的将扩展后的图元及其属性值展现出来，扩展完成。

属性用户扩展机制的应用

应用场景1：用户需要精简模型设计器，去掉其中的脚本活动；此时只需要选中活动分组中的脚本活动，然后点击删除即可；效果如图2所示：

应用场景2：用户需要扩展模型设计器，增加出纳节点和条件节点；此时只需要选中活动分组，右键选择增加，然后在弹出框中输入出纳节点的名称，code，图标和svg的位置，以及出纳节点包含的属性等，点击确定即可，效果如图2

至少可以达到以下有益效果：使用该技术用户可以简单方便的扩展自己所需要的图元，用户体验好，易用性强，并且不需要增加冗余字段，不需要开发人员额外开发代码，具有很高的易用性，灵活性和可扩展性。

最后应说明的是：以上所述仅为本发明的优选实施例而已，并不用于限制本发明，尽管参照前述实施例对本发明进行了详细的说明，对于本领域的技术人员来说，其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。