CN110688104A - 可视化流程处理方法、装置、电子设备及可读存储介质 - Google Patents
可视化流程处理方法、装置、电子设备及可读存储介质 Download PDFInfo
- Publication number
- CN110688104A CN110688104A CN201910833683.1A CN201910833683A CN110688104A CN 110688104 A CN110688104 A CN 110688104A CN 201910833683 A CN201910833683 A CN 201910833683A CN 110688104 A CN110688104 A CN 110688104A
- Authority
- CN
- China
- Prior art keywords
- canvas
- flow
- flow chart
- component
- node
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06N—COMPUTING ARRANGEMENTS BASED ON SPECIFIC COMPUTATIONAL MODELS
- G06N20/00—Machine learning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Artificial Intelligence (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Data Mining & Analysis (AREA)
- Evolutionary Computation (AREA)
- Medical Informatics (AREA)
- Computing Systems (AREA)
- Mathematical Physics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开的实施例提供了一种可视化流程处理方法、装置、电子设备及可读存储介质,所述方法包括:根据用户在预置界面的画布中添加的流程节点、以及在所述画布中的流程节点之间添加的边,生成流程图;将所述流程图对应的拓扑结构、以及所述流程图对应的画布文件,保存在服务端;所述拓扑结构中包括:所述流程图中各流程节点以及各条边之间的连接关系;所述画布文件中包括:所述流程图中各流程节点对应的节点标识以及各条边对应的边标识。本公开实施例可以提升前端渲染效率以及后端的存储效率。
Description
技术领域
本公开的实施例涉及网络技术领域,尤其涉及一种可视化流程处理方法、装置、电子设备及可读存储介质。
背景技术
随着互联网技术的迅速发展,使得业务数据的积累和使用更加方便,这也使得机器学习方法的应用更加广泛,例如,可以应用于搜索,推荐,广告,图像识别,机器翻译等领域。
机器学习方法在应用过程中,可以分解抽象为训练样本的获取,特征分布的观察,数据的预处理,模型的训练评估,模型上线等一系列步骤。实现这些步骤需要技术人员进行手工代码编写和维护管理,导致应用的门槛较高,流程繁琐且容易出错。
为了提高机器学习的效率,目前可以在服务端通过预设的程序模块来实现机器学习流程中的一系列步骤,其中,每一个步骤都对应有程序模块,用户可以通过编写json(JavaScript Object Notation,JS对象简谱)文本的方式,来完成整个流程以及流程中每个步骤的配置。
然而,现有的机器学习的流程通常为固定流程,难以满足用户的多样化需求,此外,编写json文本仍然需要具有一定的专业知识,导致用户操作门槛较高。且配置效率较低。
发明内容
本公开的实施例提供一种可视化流程处理方法、装置、电子设备及可读存储介质,用以提高机器学习模型流程配置的效率。
根据本公开的实施例的第一方面,提供了一种可视化流程处理方法,所述方法包括:
根据用户在预置界面的画布中添加的流程节点、以及在所述画布中的流程节点之间添加的边,生成流程图;
将所述流程图对应的拓扑结构、以及所述流程图对应的画布文件,保存在服务端;所述拓扑结构中包括:所述流程图中各流程节点以及各条边之间的连接关系;所述画布文件中包括:所述流程图中各流程节点对应的节点标识以及各条边对应的边标识。
根据本公开的实施例的第二方面,提供了一种可视化流程处理装置,所述装置包括:
绘制模块,用于根据用户在预置界面的画布中添加的流程节点、以及在所述画布中的流程节点之间添加的边,生成流程图;
第一保存模块,用于将所述流程图对应的拓扑结构、以及所述流程图对应的画布文件,保存在服务端;所述拓扑结构中包括:所述流程图中各流程节点以及各条边之间的连接关系;所述画布文件中包括:所述流程图中各流程节点对应的节点标识以及各条边对应的边标识。
根据本公开的实施例的第三方面,提供了一种电子设备,包括:
处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现前述可视化流程处理方法。
根据本公开的实施例的第四方面,提供了一种可读存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行前述可视化流程处理方法。
本公开的实施例提供了一种可视化流程处理方法、装置、电子设备及可读存储介质,所述方法包括:
根据用户在预置界面的画布中添加的流程节点、以及在所述画布中的流程节点之间添加的边,生成流程图;
将所述流程图对应的拓扑结构、以及所述流程图对应的画布文件,保存在服务端;所述拓扑结构中包括:所述流程图中各流程节点以及各条边之间的连接关系;所述画布文件中包括:所述流程图中各流程节点对应的节点标识以及各条边对应的边标识。
本公开实施例使用前后端分离的数据交互和存储方式,对流程图的展示和存储进行分离,其中,前端指的是web(World Wide Web,万维网)前端,后端指的是服务端。将所述流程图对应的拓扑结构、以及所述流程图对应的画布文件,保存在服务端;所述拓扑结构中包括:所述流程图中各流程节点以及各条边之间的连接关系;所述画布文件中包括:所述流程图中各流程节点对应的节点标识以及各条边对应的边标识。前端仅用于对流程图进行展现,也即,前端只需要关注流程图的渲染,后端只需要关注抽象的图结构,进而可以提升前端渲染效率以及后端的存储效率,也使前后端的业务边界更加清晰。
此外,本公开实施例可以根据用户在画布中自由添加的流程节点和流程节点之间的边,实现机器学习模型流程的可视化配置,达到所见即所得、降低用户编辑门槛、提升编辑效率的效果。
附图说明
为了更清楚地说明本公开的实施例的技术方案,下面将对本公开的实施例的描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本公开的实施例的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1示出了本公开的一个实施例中的可视化流程处理方法的步骤流程图;
图2示出了在本公开的一个实施例中的可视化流程处理装置的结构图;
图3示出了本公开的一个实施例提供的电子设备的结构图。
具体实施方式
下面将结合本公开的实施例中的附图,对本公开的实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本公开的实施例一部分实施例,而不是全部的实施例。基于本公开的实施例中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本公开的实施例保护的范围。
实施例一
参照图1,其示出了本公开的一个实施例中的可视化流程处理方法的步骤流程图,包括:
步骤101、根据用户在预置界面的画布中添加的流程节点、以及在所述画布中的流程节点之间添加的边,生成流程图;
步骤102、将所述流程图对应的拓扑结构、以及所述流程图对应的画布文件,保存在服务端;所述拓扑结构中包括:所述流程图中各流程节点以及各条边之间的连接关系;所述画布文件中包括:所述流程图中各流程节点对应的节点标识以及各条边对应的边标识。
本公开实施例在流程图配置阶段对流程图的展示和存储进行分离,也即,在配置流程图的过程中,使用前后端分离的数据交互和存储方式。其中,前端指的是web前端,后端指的是服务端。将所述流程图对应的拓扑结构、以及所述流程图对应的画布文件,保存在服务端;前端仅用于对流程图进行展现。使得前端只需要关注流程图的渲染,后端只需要关注抽象的图结构,可以提升前端渲染效率以及后端的存储效率,也使前后端的业务边界更加清晰。
可选地,在前端配置流程图的过程中,本公开实施例允许用户通过拖拽式的交互,将组件拖动到预置界面的画布上,使得用户可以自由添加流程节点和流程节点之间的边,实现机器学习模型流程的灵活配置,达到所见即所得、降低用户编辑门槛、提升编辑效率的效果。
在本公开的一种可选实施例中,所述根据用户在预置界面的画布中添加的流程节点、以及在所述画布中的流程节点之间添加的边,生成流程图,具体可以包括:
步骤S11、根据用户通过拖拽方式在预置界面的画布中添加的组件,生成流程节点;所述预置界面中包括:用于向画布中拖拽组件的组件容器、以及预置格式的画布;所述组件包括:通用组件和/或自定义组件;
步骤S12、根据用户在所述画布中的组件之间添加的连线、以及所述组件之间的参数传递关系,生成流程节点之间的边;
步骤S13、根据所述流程节点、以及所述流程节点之间的边,生成流程图。
所述预置界面用于向用户提供一个所见即所得的生成流程图的可视化配置界面。该预置界面至少可以包括如下两个区域:节点池和画布。本公开实施例在节点池中显示可用于生成流程图的所有组件,响应于用户针对节点池中组件的查看指令,可以向用户展示组件的属性,组件的属性具体可以包括:名称、图标、入参、出参、组件代表的功能模块、组件可支持的配置参数等。
其中,名称指组件的名称。图标为用于直观展示组件功能的图标,可缺省。入参指组件可接收的参数列表,该参数列表中可以包括0个参数或者多个参数,入参的参数列表中可以规定每个参数的类型。出参指组件执行完成后输出的参数列表,同样地,该参数列表中可以包括0个参数或者多个参数,出参的参数列表中可以规定每个参数的类型。为便于描述,本公开实施例将组件的入参和出参统称为端口。组件代表的功能模块,可以是一段包含了输入输出的代码,也可以是一个配置描述等,由后端决定;组件可支持的配置参数,可以为一个配置参数的列表,每个配置参数包含参数名、输入类型、参数间的关联关系等。其中参数名可以展示在节点池区域中;输入类型包括单行输入框、多行输入框、下拉选择框、穿梭框、json编辑器、sql(Structured Query Language,结构化查询语言)编辑器等类型;关联关系用于支持部分参数之间的联动关系。
本公开实施例中的组件包括通用组件和/或自定义组件;其中,通用组件可以为根据业务需要,对机器学习模型中的具体模块抽象得到。本公开实施例还允许用户通过高度抽象的数据结构,在明确定义组件的上述属性的基础上,添加用户自定义的组件,以满足用户对组件的自定义需求。
画布用于向用户提供一个绘制流程图的界面,在流程图配置阶段,用户可以通过拖拽组件的方式绘制流程图,用户可以自由添加流程节点和流程节点之间的边,并且可以随意拖动组件位置来调整布局。组件可以是通用组件,也可以是用户自定义的组件,在提高生成流程图的便利性的同时,可以满足用户多样化需求。
在本公开的一种可选实施例中,所述预置格式具体可以包括:可伸缩矢量图形。
SVG(Scalable Vector Graphics,可伸缩矢量图形)定义用于网络的基于矢量的图形,SVG使用XML(Extensible Markup Language,可扩展标记语言)格式定义图形,SVG图像在放大或改变尺寸的情况下其图形质量不会有所损失。
可选地,所述根据用户通过拖拽方式在预置界面的画布中添加的组件,生成流程节点,具体可以包括:
步骤S21、当检测到用户将组件拖拽到画布上时,向服务端发送携带组件标识的节点创建请求;
步骤S22、接收来自服务端针对所述节点创建请求返回的节点创建成功消息;所述节点创建成功消息为所述服务端在验证所述组件标识通过合法性验证的情况下所发出的,所述节点创建成功消息中携带有所述服务端针对所述组件标识生成的流程节点标识;
步骤S23、在所述画布上生成所述流程节点标识对应的画布元素。
具体地,本公开实施例在前端检测到用户将某个组件拖拽到画布上的操作时,向服务端发送节点创建请求,该节点创建请求中携带有该组件的组件标识id(Identitydocument,身份标识),服务端根据该组件id校验该组件是否合法,若合法,则创建该组件对应的流程节点,并生成流程节点id,向前端返回携带该流程节点id的节点创建成功消息,前端在接收到来自后端针对所述节点创建请求返回的节点创建成功消息之后,在画布中创建该流程节点id对应的画布元素,以及生成该画布元素对应的画布元素id。该画布元素具体为SVG元素。
服务端对所述组件标识的合法性验证包括但不限于:对所述组件标识对应的组件属性、组件个数、组件参数的验证。
本公开实施例还可以根据用户在所述画布中的组件之间添加的连线,生成流程节点之间的边。在本公开的一种可选实施例中,所述根据用户在所述画布中的组件之间添加的连线、以及所述组件之间的参数传递关系,生成流程节点之间的边,具体可以包括:
步骤S31、在检测到用户在所述画布中的组件之间添加连线的情况下,根据当前连线的方向,确定所述当前连线连接的两个组件中的出参组件和入参组件;
步骤S32、向所述服务端发送边创建请求;所述边创建请求中携带有所述出参组件的组件标识、所述入参组件的组件标识、所述出参组件的输出参数、以及所述入参组件的输入参数;
步骤S33、若接收到所述服务端针对所述边创建请求返回的边创建成功消息,则在所述画布中生成所述当前连线对应的边;其中,所述边创建成功消息为所述服务端在验证所述输出参数与所述输入参数相匹配的情况下所发出的。
生成边的过程与生成流程节点的过程相似。在生成边的过程中,只有在服务端验证待生成边的两个组件的输出参数和输入参数相匹配的情况下,才可以生成边,以保证生成的流程图的准确性。
在本公开的一种应用示例中,假设用户在画布中已生成流程节点A和流程节点B,其中,流程节点A对应组件A,流程节点B对应组件B。在检测到用户在所述画布中的组件A和组件B之间添加连线的情况下,根据当前连线的方向,确定所述当前连线连接的两个组件中的出参组件和入参组件。
例如,用户以流程节点A为起点、流程节点B为终点绘制当前连线,根据当前连线的方向,可以确定流程节点A对应的组件A为出参组件,流程节点B对应的组件B为入参组件。其中,出参组件指需要输出参数的组件,入参组件指需要输入参数的组件。
前端可以向后端(服务端)发送边创建请求;所述边创建请求中携带有所述出参组件的组件标识、所述入参组件的组件标识、所述出参组件的输出参数、以及所述入参组件的输入参数。
服务端根据出参组件(如组件A)的组件id、所述入参组件(如组件B)的组件id、所述出参组件的输出参数、以及所述入参组件的输入参数,验证组件A的输出参数和组件B的输入参数是否相匹配。若匹配,则可以生成对应的边id,并且向前端返回携带有该边id的边创建成功消息。前端在接收到该边创建成功消息的情况下,在所述画布中生成所述当前连线对应的边,也即,在画布中创建该边id对应边的画布元素,以及生成该画布元素对应的画布元素id。
在本公开的一种可选实施例中,所述输出参数与所述输入参数相匹配,具体可以包括:所述输出参数与所述输入参数的数据类型相匹配,且所述输出参数对应的出参组件与所述输入参数对应的入参组件为不同的组件。
其中,输出参数与所述输入参数的数据类型相匹配,可以避免因数据结构不匹配导致出错的情况发生。输出参数对应的出参组件与所述输入参数对应的入参组件为不同的组件,可以避免将某个组件的输出参数作为该组件的输入参数造成死循环的情况发生。本公开实施例在确定出参组件的输出参数与入参组件的输入参数同时满足上述两个条件的情况下,才可以确定输出参数与所述输入参数相匹配,才可以生成出参组件对应流程节点与入参组件对应流程节点之间的边,以保证流程图的准确性。
需要说明的是,本公开实施例在流程图配置阶段,后端只需要关心抽象的图结构,如流程图中的点和边之间的逻辑,而不需要关心逻辑和具体画布元素的关联关系,关联关系由前端处理。例如,组件id、流程节点id和画布元素id之间具有映射关系,前端可以将后端返回的流程节点id存储在SVG画布的描述文件内,通过SVG画布上每个SVG元素对应的流程节点id来绑定后端数据。边的处理方式与流程节点的处理方式相类似,SVG的描述文件可以存储在后端(服务端),也即,本公开实施例的数据存储在后端,数据展示在前端。
在本公开的一种可选实施例中,前端可以周期性地自动保存SVG画布对应的画布文件。例如,在用户的每次调整画布所对应流程图的抽象结构之后,自动保存画布文件,或者每5分钟自动保存画布文件等。由此可以避免用户多次调整布局所带来的冗余的请求和存储过程。
在本公开的一种可选实施例中,所述服务端中保存有所述流程图中各流程节点对应的组件参数,所述方法还可以包括:
步骤S41、响应于用户针对所述画布中选择的目标流程节点触发的参数修改请求,从所述服务端获取所述目标流程节点对应的组件参数;
步骤S42、在所述预置界面中显示所述目标流程节点对应的组件参数;
步骤S43、根据用户针对所述目标流程节点对应组件参数的编辑操作,更新所述目标流程节点对应的组件参数;
步骤S44、将更新后的目标流程节点对应的组件参数保存在所述服务端。
在具体应用中,同一个组件使用在不同模块时,可能需要设置不同的配置参数。本公开实施例的所述预置界面中还可以包括参数配置区域。在本公开的一种示例中,可以在预置界面的左边显示节点池区域,中间显示画布区域,右边显示参数配置区域。
本公开实施例响应于用户将节点池中的组件拖拽到画布中的操作,在画布上生成对应的流程节点,以及响应于用户在流程节点之间连线的操作,生成流程节点之间的边。
在用户通过拖拽方式在画布中绘制流程节点以及边的过程中,本公开实施例还可以响应于用户针对所述画布中选择的目标流程节点触发的参数修改请求,从所述服务端获取所述目标流程节点对应的组件参数;在所述预置界面中显示所述目标流程节点对应的组件参数;例如,在参数配置区域显示所述目标流程节点对应的组件参数,以使用户可以编辑修改目标流程节点对应的组件参数;在画布区域可以展示目标组件的入参、出参、图标、名称等属性参数,其中,组件的名称初始可以默认为组件名,用户可以将组件名修改为自定义的名称。
根据用户针对所述目标流程节点对应组件参数的编辑操作,更新所述目标流程节点对应的组件参数,并且将更新后的目标流程节点对应的组件参数保存在所述服务端。具体地,可以建立更新后的组件参数与组件id之间的关联关系,并且在服务端保存该关联关系。由此,本公开实施例针对画布上的每个流程节点,可以灵活设置其支持的属性,支持的多种配置方式等,以提高流程配置的灵活性。
在本公开的一种可选实施例中,在所述生成流程图之后,所述方法可以还包括:
在所述预置界面中显示所述流程图中各流程节点对应的节点状态;其中,所述节点状态包括:未开始执行、执行中、执行完成、执行失败。
在生成流程图之后,可以在所述预置界面中执行流程图。本公开实施例在生成流程图之后,或者在流程图的执行过程中,可以展示各流程节点的节点状态,以使用户可以实时了解流程图的执行情况。
在本公开实施例中,在执行流程图的过程中,可以将当前流程图中的各流程节点设置为只读状态,禁止用户修改流程节点,避免执行过程中修改流程节点导致执行出错的情况发生。
在执行流程图的过程中,每个流程节点可以包括如下四个节点状态:未开始执行、执行中、执行完成、执行失败,所述节点状态由后端返回的执行结果所决定。可选地,在执行过程中,对于在等待前驱节点的输出参数的流程节点,该流程节点和其前驱节点两个端口之间的连线可以使用表示流动方向的流动状态的虚线表示。在前驱节点执行完成,将输出参数传入该流程节点之后,可以将该虚线表示改为实线表示。
可选地,所述节点状态可以通过预设的图标、标记、符号等形式进行展示。例如,对于节点状态为执行完成的流程节点,可以在该流程节点旁显示一个绿色的对勾符号。在流程图的执行过程中,后端不需要关注前端画布的展示更新,后端只要在某个流程节点的节点状态发生改变时,将该节点的节点id、节点状态以及节点的相关信息实时地推送到前端,前端即可根据后端推动的数据修改流程图中流程节点的节点状态,以及流程节点之间的边的展示状态。
在本公开的一种可选实施例中,在所述将所述流程图对应的拓扑结构、以及所述流程图对应的画布文件,保存在服务端之后,所述方法还可以包括:
步骤S51、响应于用户针对目标流程图的查看请求,获取所述目标流程图对应的目标拓扑结构和目标画布文件;
步骤S52、根据所述目标画布文件中包含的流程节点和边,以及所述目标拓扑结构中包含的各流程节点以及各条边之间的连接关系,在所述预置界面的画布,展示所述目标流程图。
在本公开实施例中,服务端可以保存流程图的拓扑结构、以及所述流程图对应的画布文件。根据服务端已保存的流程图的拓扑结构和画布文件,可以在预置界面的画布中重现该流程图。
具体地,本公开实施例可以响应于用户针对目标流程图的查看请求,获取所述目标流程图对应的目标拓扑结构和目标画布文件,根据已保存的流程图的拓扑结构和画布文件,可以得知所述目标画布文件中包含的流程节点和边,以及所述目标拓扑结构中包含的各流程节点以及各条边之间的连接关系,进而可以根据各流程节点以及各条边之间的连接关系,在所述预置界面的画布中,展示所述目标流程图。
由此,在生成流程图之后,用户可以随时查看已生成的流程图。可选地,本公开实施例除了可以向用户提供查看已生成的流程图的功能,还可以向用户提供修改已生成的流程图的功能。
具体地,响应于用户针对目标流程图的修改请求,首先判断该目标流程图是否已经被执行过,如果还未执行过,则可以在预置界面的画布中直接展现该目标流程图,以使用户可以对该目标流程图进行修改。如果该目标流程图已经被执行过,则在预置界面的画布中拷贝一个与所述目标流程图相同的新流程图。这样,用户可以在该新流程图上进行修改,可以避免修改前的执行记录和修改后的流程无法匹配的问题。
综上,本公开实施例根据用户在预置界面的画布中添加的流程节点、以及在所述画布中的流程节点之间添加的边,生成流程图,并且将所述流程图对应的拓扑结构、以及所述流程图对应的画布文件,保存在服务端。实现对流程图的展示和存储进行分离,前端仅用于对流程图进行展现,也即,前端只需要关注流程图的渲染,后端只需要关注抽象的图结构,进而可以提升前端渲染效率以及后端的存储效率,也使前后端的业务边界更加清晰。此外,本公开实施例可以根据用户在画布中自由添加的流程节点和流程节点之间的边,实现机器学习模型流程的可视化配置,达到所见即所得、降低用户编辑门槛、提升编辑效率的效果。
实施例二
参照图2,其示出了在本公开的一个实施例中的可视化流程处理装置的结构图,具体如下。
绘制模块201,用于根据用户在预置界面的画布中添加的流程节点、以及在所述画布中的流程节点之间添加的边,生成流程图;
第一保存模块202,用于将所述流程图对应的拓扑结构、以及所述流程图对应的画布文件,保存在服务端;所述拓扑结构中包括:所述流程图中各流程节点以及各条边之间的连接关系;所述画布文件中包括:所述流程图中各流程节点对应的节点标识以及各条边对应的边标识。
可选地,所述绘制模块201,包括:
节点生成子模块,用于根据用户通过拖拽方式在预置界面的画布中添加的组件,生成流程节点;所述预置界面中包括:用于向画布中拖拽组件的组件容器、以及预置格式的画布;所述组件包括:通用组件和/或自定义组件;
边生成子模块,用于根据用户在所述画布中的组件之间添加的连线、以及所述组件之间的参数传递关系,生成流程节点之间的边;
流程图生成子模块,用于根据所述流程节点、以及所述流程节点之间的边,生成流程图。
可选地,所述边生成子模块,包括:
参数确定单元,用于在检测到用户在所述画布中的组件之间添加连线的情况下,根据当前连线的方向,确定所述当前连线连接的两个组件中的出参组件和入参组件;
请求发送单元,用于向所述服务端发送边创建请求;所述边创建请求中携带有所述出参组件的组件标识、所述入参组件的组件标识、所述出参组件的输出参数、以及所述入参组件的输入参数;
边创建单元,用于若接收到所述服务端针对所述边创建请求返回的边创建成功消息,则在所述画布中生成所述当前连线对应的边;其中,所述边创建成功消息为所述服务端在验证所述输出参数与所述输入参数相匹配的情况下所发出的。
可选地,所述输出参数与所述输入参数相匹配,包括:所述输出参数与所述输入参数的数据类型相匹配,且所述输出参数对应的出参组件与所述输入参数对应的入参组件为不同的组件。
可选地,所述装置还包括:
第一获取模块,用于响应于用户针对目标流程图的查看请求,获取所述目标流程图对应的目标拓扑结构和目标画布文件;
第一展示模块,用于根据所述目标画布文件中包含的流程节点和边,以及所述目标拓扑结构中包含的各流程节点以及各条边之间的连接关系,在所述预置界面的画布,展示所述目标流程图。
可选地,所述服务端中保存有所述流程图中各流程节点对应的组件参数,所述装置还包括:
第二获取模块,用于响应于用户针对所述画布中选择的目标流程节点触发的参数修改请求,从所述服务端获取所述目标流程节点对应的组件参数;
第二展示模块,用于在所述预置界面中显示所述目标流程节点对应的组件参数;
更新模块,用于根据用户针对所述目标流程节点对应组件参数的编辑操作,更新所述目标流程节点对应的组件参数;
第二保存模块,用于将更新后的目标流程节点对应的组件参数保存在所述服务端。
可选地,所述装置还包括:
状态显示模块,用于在所述预置界面中显示所述流程图中各流程节点对应的节点状态;其中,所述节点状态包括:未开始执行、执行中、执行完成、执行失败。
可选地,所述预置格式包括:可伸缩矢量图形。
综上所述,本公开的实施例提供了一种可视化流程处理装置,所述装置包括:绘制模块201,用于根据用户在预置界面的画布中添加的流程节点、以及在所述画布中的流程节点之间添加的边,生成流程图;第一保存模块202,用于将所述流程图对应的拓扑结构、以及所述流程图对应的画布文件,保存在服务端;所述拓扑结构中包括:所述流程图中各流程节点以及各条边之间的连接关系;所述画布文件中包括:所述流程图中各流程节点对应的节点标识以及各条边对应的边标识。本公开实施例能够实现机器学习模型流程的可视化配置,达到所见即所得、降低用户编辑门槛、提升编辑效率的效果。此外,本公开实施例使用前后端分离的数据交互和存储方式,对流程图的展示和存储进行分离,前端仅用于对流程图进行展现,也即,前端只需要关注流程图的渲染,后端只需要关注抽象的图结构,进而可以提升前端渲染效率以及后端的存储效率,也使前后端的业务边界更加清晰。
本公开的实施例还提供了一种电子设备,参见图3,包括:处理器301、存储器302以及存储在所述存储器上并可在所述处理器上运行的计算机程序3021,所述处理器执行所述程序时实现前述实施例的可视化流程处理方法。
本公开的实施例还提供了一种可读存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行前述实施例的可视化流程处理方法。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本公开的实施例也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本公开的实施例的内容,并且上面对特定语言所做的描述是为了披露本公开的实施例的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本公开的实施例的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本公开的实施例的示例性实施例的描述中,本公开的实施例的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本公开的实施例要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本公开的实施例的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
本公开的实施例的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本公开的实施例的排序设备中的一些或者全部部件的一些或者全部功能。本公开的实施例还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序。这样的实现本公开的实施例的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本公开的实施例进行说明而不是对本公开的实施例进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本公开的实施例可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
以上所述仅为本公开的实施例的较佳实施例而已,并不用以限制本公开的实施例,凡在本公开的实施例的精神和原则之内所作的任何修改、等同替换和改进等,均应包含在本公开的实施例的保护范围之内。
以上所述,仅为本公开的实施例的具体实施方式,但本公开的实施例的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本公开的实施例揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本公开的实施例的保护范围之内。因此,本公开的实施例的保护范围应以权利要求的保护范围为准。
Claims (11)
1.一种可视化流程处理方法,其特征在于,所述方法包括:
根据用户在预置界面的画布中添加的流程节点、以及在所述画布中的流程节点之间添加的边,生成流程图;
将所述流程图对应的拓扑结构、以及所述流程图对应的画布文件,保存在服务端;所述拓扑结构中包括:所述流程图中各流程节点以及各条边之间的连接关系;所述画布文件中包括:所述流程图中各流程节点对应的节点标识以及各条边对应的边标识。
2.根据权利要求1所述的方法,其特征在于,所述根据用户在预置界面的画布中添加的流程节点、以及在所述画布中的流程节点之间添加的边,生成流程图,包括:
根据用户通过拖拽方式在预置界面的画布中添加的组件,生成流程节点;所述预置界面中包括:用于向画布中拖拽组件的组件容器、以及预置格式的画布;所述组件包括:通用组件和/或自定义组件;
根据用户在所述画布中的组件之间添加的连线、以及所述组件之间的参数传递关系,生成流程节点之间的边;
根据所述流程节点、以及所述流程节点之间的边,生成流程图。
3.根据权利要求2所述的方法,其特征在于,所述根据用户在所述画布中的组件之间添加的连线、以及所述组件之间的参数传递关系,生成流程节点之间的边,包括:
在检测到用户在所述画布中的组件之间添加连线的情况下,根据当前连线的方向,确定所述当前连线连接的两个组件中的出参组件和入参组件;
向所述服务端发送边创建请求;所述边创建请求中携带有所述出参组件的组件标识、所述入参组件的组件标识、所述出参组件的输出参数、以及所述入参组件的输入参数;
若接收到所述服务端针对所述边创建请求返回的边创建成功消息,则在所述画布中生成所述当前连线对应的边;其中,所述边创建成功消息为所述服务端在验证所述输出参数与所述输入参数相匹配的情况下所发出的。
4.根据权利要求3所述的方法,其特征在于,所述输出参数与所述输入参数相匹配,包括:所述输出参数与所述输入参数的数据类型相匹配,且所述输出参数对应的出参组件与所述输入参数对应的入参组件为不同的组件。
5.根据权利要求1所述的方法,其特征在于,在所述将所述流程图对应的拓扑结构、以及所述流程图对应的画布文件,保存在服务端之后,所述方法还包括:
响应于用户针对目标流程图的查看请求,获取所述目标流程图对应的目标拓扑结构和目标画布文件;
根据所述目标画布文件中包含的流程节点和边,以及所述目标拓扑结构中包含的各流程节点以及各条边之间的连接关系,在所述预置界面的画布,展示所述目标流程图。
6.根据权利要求1所述的方法,其特征在于,所述服务端中保存有所述流程图中各流程节点对应的组件参数,所述方法还包括:
响应于用户针对所述画布中选择的目标流程节点触发的参数修改请求,从所述服务端获取所述目标流程节点对应的组件参数;
在所述预置界面中显示所述目标流程节点对应的组件参数;
根据用户针对所述目标流程节点对应组件参数的编辑操作,更新所述目标流程节点对应的组件参数;
将更新后的目标流程节点对应的组件参数保存在所述服务端。
7.根据权利要求1所述的方法,其特征在于,在所述生成流程图之后,所述方法还包括:
在所述预置界面中显示所述流程图中各流程节点对应的节点状态;其中,所述节点状态包括:未开始执行、执行中、执行完成、执行失败。
8.根据权利要求1至7中任一所述的方法,其特征在于,所述预置格式包括:可伸缩矢量图形。
9.一种可视化流程处理装置,其特征在于,所述装置包括:
绘制模块,用于根据用户在预置界面的画布中添加的流程节点、以及在所述画布中的流程节点之间添加的边,生成流程图;
第一保存模块,用于将所述流程图对应的拓扑结构、以及所述流程图对应的画布文件,保存在服务端;所述拓扑结构中包括:所述流程图中各流程节点以及各条边之间的连接关系;所述画布文件中包括:所述流程图中各流程节点对应的节点标识以及各条边对应的边标识。
10.一种电子设备,其特征在于,包括:
处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1-8中一个或多个所述的可视化流程处理方法。
11.一种可读存储介质,其特征在于,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如方法权利要求1-8中一个或多个所述的可视化流程处理方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910833683.1A CN110688104A (zh) | 2019-09-04 | 2019-09-04 | 可视化流程处理方法、装置、电子设备及可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910833683.1A CN110688104A (zh) | 2019-09-04 | 2019-09-04 | 可视化流程处理方法、装置、电子设备及可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110688104A true CN110688104A (zh) | 2020-01-14 |
Family
ID=69107848
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910833683.1A Pending CN110688104A (zh) | 2019-09-04 | 2019-09-04 | 可视化流程处理方法、装置、电子设备及可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110688104A (zh) |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111461554A (zh) * | 2020-04-02 | 2020-07-28 | 北京年管家信息科技有限公司 | 知识产权流程管理可视化方法、装置、存储介质及设备 |
CN112099768A (zh) * | 2020-08-04 | 2020-12-18 | 北京奇艺世纪科技有限公司 | 业务流程处理方法、装置及计算机可读存储介质 |
CN112394919A (zh) * | 2020-11-17 | 2021-02-23 | 上海君牧生物信息技术有限公司 | 基于生物信息的图形化流程自定义方法、系统及存储介质 |
CN112783405A (zh) * | 2021-01-25 | 2021-05-11 | 张飞 | 一种在计算机上制作和显示流程图的方法 |
CN113448951A (zh) * | 2021-09-02 | 2021-09-28 | 深圳市信润富联数字科技有限公司 | 数据处理方法、装置、设备及计算机可读存储介质 |
CN113741965A (zh) * | 2021-08-30 | 2021-12-03 | 深圳壹账通智能科技有限公司 | 一种流程图的编排方法、装置、设备及存储介质 |
CN113741876A (zh) * | 2020-05-29 | 2021-12-03 | 奇安信科技集团股份有限公司 | 项目状态管理方法、装置、电子设备及存储介质 |
CN114035784A (zh) * | 2022-01-11 | 2022-02-11 | 北京顶象技术有限公司 | 一种通过图形和规则集来定义验证码流程的方法及装置 |
WO2022052959A1 (zh) * | 2020-09-08 | 2022-03-17 | 第四范式(北京)技术有限公司 | 一种文本数据的处理方法、装置及系统 |
CN114296947A (zh) * | 2022-03-09 | 2022-04-08 | 四川大学 | 一种面向复杂场景的多计算模型管理方法 |
WO2022104612A1 (zh) * | 2020-11-18 | 2022-05-27 | 京东方科技集团股份有限公司 | 数据分发流程配置方法及装置、电子设备、存储介质 |
WO2023109349A1 (zh) * | 2021-12-17 | 2023-06-22 | 北京字跳网络技术有限公司 | 一种组节点的导出、导入方法及装置 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20010011370A1 (en) * | 1998-09-03 | 2001-08-02 | Elsa L. Gunter | Interactive software testing system and method |
CN102196000A (zh) * | 2010-03-11 | 2011-09-21 | 新奥特(北京)视频技术有限公司 | 一种基于b/s结构的业务流程可视化方法及系统 |
CN105786526A (zh) * | 2016-03-24 | 2016-07-20 | 江苏大学 | 一种基于Web的高效流程图绘制系统及方法 |
-
2019
- 2019-09-04 CN CN201910833683.1A patent/CN110688104A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20010011370A1 (en) * | 1998-09-03 | 2001-08-02 | Elsa L. Gunter | Interactive software testing system and method |
CN102196000A (zh) * | 2010-03-11 | 2011-09-21 | 新奥特(北京)视频技术有限公司 | 一种基于b/s结构的业务流程可视化方法及系统 |
CN105786526A (zh) * | 2016-03-24 | 2016-07-20 | 江苏大学 | 一种基于Web的高效流程图绘制系统及方法 |
Cited By (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111461554A (zh) * | 2020-04-02 | 2020-07-28 | 北京年管家信息科技有限公司 | 知识产权流程管理可视化方法、装置、存储介质及设备 |
CN113741876A (zh) * | 2020-05-29 | 2021-12-03 | 奇安信科技集团股份有限公司 | 项目状态管理方法、装置、电子设备及存储介质 |
CN112099768A (zh) * | 2020-08-04 | 2020-12-18 | 北京奇艺世纪科技有限公司 | 业务流程处理方法、装置及计算机可读存储介质 |
CN112099768B (zh) * | 2020-08-04 | 2024-02-23 | 北京奇艺世纪科技有限公司 | 业务流程处理方法、装置及计算机可读存储介质 |
WO2022052959A1 (zh) * | 2020-09-08 | 2022-03-17 | 第四范式(北京)技术有限公司 | 一种文本数据的处理方法、装置及系统 |
CN112394919A (zh) * | 2020-11-17 | 2021-02-23 | 上海君牧生物信息技术有限公司 | 基于生物信息的图形化流程自定义方法、系统及存储介质 |
CN114830080B (zh) * | 2020-11-18 | 2023-03-14 | 京东方科技集团股份有限公司 | 数据分发流程配置方法及装置、电子设备、存储介质 |
WO2022104612A1 (zh) * | 2020-11-18 | 2022-05-27 | 京东方科技集团股份有限公司 | 数据分发流程配置方法及装置、电子设备、存储介质 |
US11868361B2 (en) | 2020-11-18 | 2024-01-09 | Beijing Zhongxiangying Technology Co., Ltd. | Data distribution process configuration method and apparatus, electronic device and storage medium |
CN114830080A (zh) * | 2020-11-18 | 2022-07-29 | 京东方科技集团股份有限公司 | 数据分发流程配置方法及装置、电子设备、存储介质 |
CN112783405A (zh) * | 2021-01-25 | 2021-05-11 | 张飞 | 一种在计算机上制作和显示流程图的方法 |
CN113741965A (zh) * | 2021-08-30 | 2021-12-03 | 深圳壹账通智能科技有限公司 | 一种流程图的编排方法、装置、设备及存储介质 |
CN113448951A (zh) * | 2021-09-02 | 2021-09-28 | 深圳市信润富联数字科技有限公司 | 数据处理方法、装置、设备及计算机可读存储介质 |
CN113448951B (zh) * | 2021-09-02 | 2021-12-21 | 深圳市信润富联数字科技有限公司 | 数据处理方法、装置、设备及计算机可读存储介质 |
WO2023109349A1 (zh) * | 2021-12-17 | 2023-06-22 | 北京字跳网络技术有限公司 | 一种组节点的导出、导入方法及装置 |
CN114035784A (zh) * | 2022-01-11 | 2022-02-11 | 北京顶象技术有限公司 | 一种通过图形和规则集来定义验证码流程的方法及装置 |
CN114035784B (zh) * | 2022-01-11 | 2022-05-31 | 北京顶象技术有限公司 | 一种通过图形和规则集来定义验证码流程的方法及装置 |
CN114296947B (zh) * | 2022-03-09 | 2022-07-08 | 四川大学 | 一种面向复杂场景的多计算模型管理方法 |
CN114296947A (zh) * | 2022-03-09 | 2022-04-08 | 四川大学 | 一种面向复杂场景的多计算模型管理方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110688104A (zh) | 可视化流程处理方法、装置、电子设备及可读存储介质 | |
CN112561386A (zh) | 一种获得业务流程的方法、装置及设备 | |
US20190196672A1 (en) | Visual effects system for "big data" analysis workflow editors, distribution platforms, execution engines, and management systems comprising same | |
CN109634598A (zh) | 一种页面显示方法、装置、设备及存储介质 | |
CN110795148A (zh) | 编排文件的生成方法、装置及电子设备 | |
CN108292231A (zh) | 从数据生成应用 | |
CN109918607A (zh) | 页面搭建方法及装置、介质和计算设备 | |
CN110399550A (zh) | 一种信息推荐方法及装置 | |
US20160313874A1 (en) | Visual effects system for "big data" analysis workflow editors, distribution platforms, execution engines, and management systems comprising same | |
US20200057550A1 (en) | Method and apparatus for generating customized visualization component | |
CN110232162A (zh) | 一种基于html5的流程定义方法及系统 | |
CN102027476A (zh) | 经由管道应用的文件访问 | |
US10453491B2 (en) | Video processing architectures which provide looping video | |
CN113610963B (zh) | 三维网络拓扑绘制方法、装置、计算设备及存储介质 | |
CN109522429A (zh) | 用于生成信息的方法和装置 | |
CN114266233A (zh) | 表单生成方法、装置、设备及介质 | |
KR20100137364A (ko) | 패턴을 그래픽적으로 구성 및 가시화하기 위한 툴 | |
CN106559454A (zh) | 资源访问方法、装置及系统 | |
CN113806596B (zh) | 运营数据管理方法及相关装置 | |
CN113821202B (zh) | 一种管理软件文件生成方法、装置、设备及可读存储介质 | |
CN108846582A (zh) | 健康度数据确定方法、电子设备及计算机可读存储介质 | |
CN114281231B (zh) | 信息呈现方法、装置、电子设备和存储介质 | |
CN116383018B (zh) | 自定义流量追踪插件的方法及系统 | |
CN116662123B (zh) | 服务器部件监控方法、装置、电子设备及存储介质 | |
CN117370630A (zh) | 一种数据血缘生成方法、装置、电子设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |