[发明专利]可视化流程图编排方法、装置、可读介质及计算机设备

说明书

本发明提供了一种可视化流程图编排方法、装置、可读介质及计算机设备，该方法包括：加载HT图形组件，并生成编排流程图的操作界面；响应用户在操作界面上的编辑操作，以生成流程图；将流程图转换为超文本标记语言文档，并存储超文本标记语言文档；当浏览器调用流程图时，读取超文本标记语言文档，以将流程图展示在浏览器的页面上。该方法中的流程图操作界面简单、友好，降低了编排流程图的难度，提供了更方便，简洁的编排流程图的方法。

技术领域

本发明流程图像处理技术领域，特别是涉及一种可视化流程图编排方法、装置、可读介质及计算机设备。

背景技术

流程图广泛应用于各个行业中，以特定的图形符号加上说明，表示某一流程的信息流，观点流，物料流等信息。当下，越来越多的公司开始开发、搭建、运行自己的后台管理以及业务系统，并且大多数系统都是基于BS(Browser/Server)浏览器/服务器结构构建。

在这些系统中包含着各式各样的功能，虽然绝大多数功能流程是固定的并且已经有了对应的流程图，但随着业务功能的复杂或者需要用户自定义流程的功能时，存在对用户来说操作界面不是很友好，操作复杂的问题。

发明内容

鉴于上述状况，有必要针对现有技术中流程图编辑操作复杂的问题，提供一种可视化流程图编排方法、装置、可读介质及计算机设备。

一种可视化流程图编排方法，包括：

加载HT图形组件，并生成编排流程图的操作界面；

响应用户在所述操作界面上的编辑操作，以生成流程图；

将所述流程图转换为超文本标记语言文档，并存储所述超文本标记语言文档；

当浏览器调用所述流程图时，读取所述超文本标记语言文档，以将所述流程图展示在所述浏览器的页面上。

进一步的，上述可视化流程图编排方法，其中，所述响应用户在所述操作界面上的编辑操作，以生成流程图的步骤包括：

响应用户针所述操作界面中的流程图元素的拖拽操作，以将所述流程图元素移动至所述操作界面的摆放位置，并在所述摆放位置生成流程节点；

获取用户输入的所述流程节点的名称、备注字段、关联关系，以及关联描述信息；

根据所述流程节点，以及所述流程节点的名称、备注字段、关联关系、关联描述信息生成流程图。

进一步的，上述可视化流程图编排方法，其中，所述将所述流程图转换为超文本标记语言文档的步骤包括：

将所述流程图中各个流程节点的名称和备注字段转换为超文本标记语言；

将所述流程图中各个流程节点的流程图元素以及摆放位置信息转换为超文本语言；

将所述流程图中各个流程节点的关联关系以及关联描述信息转换为超文本语言。

进一步的，上述可视化流程图编排方法，所述响应用户在所述操作界面上的编辑操作，以生成流程图的步骤包括：

响应用户针所述操作界面中的流程图元素的拖拽操作，以将所述流程图元素移动至所述操作界面的摆放位置，并在所述摆放位置生成流程节点；

获取用户输入的所述流程节点的名称、备注字段、关联关系，以及获关联描述信息；

响应用户在所述操作界面上的弹框编辑操作，以在所述操作界面上生成弹框节点；

获取所述弹框节点的弹框信息，所述弹框信息包括显示标识和显示时间，所述显示标识用于标识是否需要显示所述弹框节点；

根据所述弹框节点、所述弹框节点的弹框信息、所述流程节点，以及所述流程节点的名称、备注字段、关联关系关联描述信息生成流程图。