CN106502680A - 一种通过可视化界面进行图元扩展的方法 - Google Patents

一种通过可视化界面进行图元扩展的方法 Download PDF

Info

Publication number
CN106502680A
CN106502680A CN201610928585.2A CN201610928585A CN106502680A CN 106502680 A CN106502680 A CN 106502680A CN 201610928585 A CN201610928585 A CN 201610928585A CN 106502680 A CN106502680 A CN 106502680A
Authority
CN
China
Prior art keywords
pel
extension
model
user
configuration file
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.)
Granted
Application number
CN201610928585.2A
Other languages
English (en)
Other versions
CN106502680B (zh
Inventor
朱玉皎
张晓燕
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Yonyou Network Technology Co Ltd
Original Assignee
Yonyou Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Yonyou Network Technology Co Ltd filed Critical Yonyou Network Technology Co Ltd
Priority to CN201610928585.2A priority Critical patent/CN106502680B/zh
Publication of CN106502680A publication Critical patent/CN106502680A/zh
Application granted granted Critical
Publication of CN106502680B publication Critical patent/CN106502680B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

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

Description

一种通过可视化界面进行图元扩展的方法
技术领域
本发明涉及图元扩展技术领域,具体地,涉及一种通过可视化界面进行图元扩展的方法。
背景技术
图元扩展可应用于多种建模工具中,只要建模工具中需要为用户提供一组图元,一般情况下就需要对图元进行扩展,以适应不同用户的需求。例如流程设计器中,需要为用户提供图元扩展机制,使用户能够配置自己所需的额外图元。
为了提供用户可扩展机制,在以往的实现中,主要采用以下几种方式:
冗余图元方式,预留几个图元给用户使用,该方法实现简单,但扩展性不好,仍可能不满足用户需求;
配置文件方式,用户写符合一定格式的配置文件,程序读取生成用户自定义图元,该方法扩展性好,但对用户要求比较高,用户体验不好;
为了清晰的描述用户可扩展图元的实现方式,本文将以流程建模工具为例进行说明,下面介绍几个重要的概念:
流程图元:简单来说每个图元在建模工具中都是一个图形,这个图形代表特定含义,具有一系列属性,可以转换成一段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
至少可以达到以下有益效果:使用该技术用户可以简单方便的扩展自己所需要的图元,用户体验好,易用性强,并且不需要增加冗余字段,不需要开发人员额外开发代码,具有很高的易用性,灵活性和可扩展性。
最后应说明的是:以上所述仅为本发明的优选实施例而已,并不用于限制本发明,尽管参照前述实施例对本发明进行了详细的说明,对于本领域的技术人员来说,其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

Claims (4)

1.一种通过可视化界面进行图元扩展的方法,其特征在于,包括以下步骤:
步骤1:用户在界面中定义某图元扩展;
步骤2:在配置文件中查找是否包含该图元,若包含该图元则,提示图元重复,若不包含该图元,则在配置文件中定义该图元,即将图元注册到配置文件中;
步骤3:自动刷新界面,显示新增图元;
步骤4:用户使用新增图元画图;
步骤5:新增图元存入元素模型;
步骤6:保存模型,将扩展图元及其属性存入json文件中;json转化为后台模型时,扩展图元生成对应的后台模型;导出时,扩展图元生成对应的xml。
2.根据权利要求1所述的通过可视化界面进行图元扩展的方法,其特征在于,所述步骤1具体为,提供一个界面用于图元扩展;在界面中按分组显示所有预置图元,并对图元进行编辑,具体包括删除图元或增加图元,所述删除图元包括选中图元点击删除按钮;所述增加图元包括选中该分组,右键点击增加按钮,在弹出的对话框中输入该图元所具有的属性,包括图元名称、图元code、图元图标位置和图元svg位置然后点击确定。
3.根据权利要求2所述的通过可视化界面进行图元扩展的方法,其特征在于,步骤2具体包括,按照用户输入的图元名称和图元code到配置文件中查找,如果该图元名称或code已存在,则提示用户修改图元名称或code;如果图元名称和code都不存在,则需在配置文件中配置该图元,并将用户填写的属性注册到该图元中;如果用户填写的属性中出现某个属性未注册,则还需要注册该属性。
4.根据权利要求3所述的通过可视化界面进行图元扩展的方法,其特征在于,所述步骤7具体包括,当模型保存时,模型中的扩展图元被作为独立一段存入json文件中,随json文件传入后台,然后在后台中完成json文件到后台模型model的转化,这时json中的扩展图元及其属性的信息会存入模型中,并带有extend前缀;模型导出时,模型中每个图元作为独立标签被写入到xml文件中,当模型需要修改,再次导入时,已经过扩展的配置文件就将扩展后的图元及其属性值展现出来,扩展完成。
CN201610928585.2A 2016-10-31 2016-10-31 一种通过可视化界面进行图元扩展的方法 Active CN106502680B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610928585.2A CN106502680B (zh) 2016-10-31 2016-10-31 一种通过可视化界面进行图元扩展的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610928585.2A CN106502680B (zh) 2016-10-31 2016-10-31 一种通过可视化界面进行图元扩展的方法

Publications (2)

Publication Number Publication Date
CN106502680A true CN106502680A (zh) 2017-03-15
CN106502680B CN106502680B (zh) 2019-08-16

Family

ID=58318747

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610928585.2A Active CN106502680B (zh) 2016-10-31 2016-10-31 一种通过可视化界面进行图元扩展的方法

Country Status (1)

Country Link
CN (1) CN106502680B (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107861717A (zh) * 2017-11-09 2018-03-30 用友网络科技股份有限公司 以数据库注册方式进行图元属性定制的方法
CN109117207A (zh) * 2017-06-21 2019-01-01 深圳联友科技有限公司 一种业务流程模型的数据处理方法
CN109471613A (zh) * 2018-09-25 2019-03-15 北京广利核***工程有限公司 核安全级应用的图形文件生成方法和***
CN109521984A (zh) * 2017-09-20 2019-03-26 南京南瑞继保电气有限公司 基于嵌入式***的液晶面板自定义图符显示方法

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103412744A (zh) * 2013-07-18 2013-11-27 国电南瑞科技股份有限公司 一种发电厂图元的综合信息的展示方法
CN104020997A (zh) * 2014-06-13 2014-09-03 中国民航信息网络股份有限公司 可扩展图形化规则应用***
CN104216691A (zh) * 2013-05-31 2014-12-17 华为技术有限公司 一种创建应用的方法及装置
CN105740543A (zh) * 2016-01-29 2016-07-06 山东鲁能智能技术有限公司 基于qml图形化的电力***建模方法及建模***

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104216691A (zh) * 2013-05-31 2014-12-17 华为技术有限公司 一种创建应用的方法及装置
CN103412744A (zh) * 2013-07-18 2013-11-27 国电南瑞科技股份有限公司 一种发电厂图元的综合信息的展示方法
CN104020997A (zh) * 2014-06-13 2014-09-03 中国民航信息网络股份有限公司 可扩展图形化规则应用***
CN105740543A (zh) * 2016-01-29 2016-07-06 山东鲁能智能技术有限公司 基于qml图形化的电力***建模方法及建模***

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109117207A (zh) * 2017-06-21 2019-01-01 深圳联友科技有限公司 一种业务流程模型的数据处理方法
CN109117207B (zh) * 2017-06-21 2021-11-23 深圳联友科技有限公司 一种业务流程模型的数据处理方法
CN109521984A (zh) * 2017-09-20 2019-03-26 南京南瑞继保电气有限公司 基于嵌入式***的液晶面板自定义图符显示方法
CN107861717A (zh) * 2017-11-09 2018-03-30 用友网络科技股份有限公司 以数据库注册方式进行图元属性定制的方法
CN109471613A (zh) * 2018-09-25 2019-03-15 北京广利核***工程有限公司 核安全级应用的图形文件生成方法和***

Also Published As

Publication number Publication date
CN106502680B (zh) 2019-08-16

Similar Documents

Publication Publication Date Title
CN105867931B (zh) 信息展示界面的变更方法和装置
CN106502680A (zh) 一种通过可视化界面进行图元扩展的方法
JP2016526216A (ja) インクからテキスト表現への変換
CN107122173A (zh) 一种适配activiti、可拖拽的表单生成方法
WO2006107529A2 (en) Method and system for aggregating rules for a property associated with a document element
KR101890831B1 (ko) 전자책 서비스 제공방법 및 그를 위한 컴퓨터 프로그램
CN104735468A (zh) 一种基于语义分析将图像合成新视频的方法及***
US20150178263A1 (en) System and Method for Constructing Markup Language Templates and Input Data Structure Specifications
CN104063365B (zh) 在pdf文档中***对象的方法
US11514399B2 (en) Authoring through suggestion
CN106933887A (zh) 一种数据可视化方法及装置
CN104899038B (zh) 一种界面样式变换方法及装置
CN102306143A (zh) 一种pdf文档生成、编辑的方法和***
CN113360619A (zh) 一种表单生成方法、装置、设备及介质
CN107728873A (zh) 内容选取的方法及其装置
US7730388B2 (en) Converting an enhanced metafile into a chronologically independent object property list for conversion into a PDF document
CN106970758A (zh) 电子文档操作处理方法、装置和电子设备
CN109816754A (zh) 流程图的创建方法、显示方法及***和存储介质
CN107621951B (zh) 一种视图层级优化的方法及装置
JP5867540B2 (ja) プログラム生成装置、プログラム生成装置の制御方法、およびプログラム
CN107423267B (zh) 基于光标定位的修改文件传输、合并方法及***
KR102175964B1 (ko) 프로토타이핑 디자인 툴을 이용한 서비스 생성 장치 및 방법
CN106055416B (zh) 数据跨应用转移的方法和装置
CN104360851A (zh) 一种需求预演业务的组合控制方法
CN105446967A (zh) 一种多模态评价报告的生成方法

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant