申请/专利权人：上海得帆信息技术有限公司

申请日：2021-09-10

公开（公告）日：2024-04-26

公开（公告）号：CN113849697B

主分类号：G06F16/901

分类号：G06F16/901;G06F16/904;G06T11/20

优先权：

专利状态码：有效-授权

法律状态：2024.04.26#授权;2022.01.14#实质审查的生效;2021.12.28#公开

摘要：本发明公开了一种轻量的基于DOM的流程图渲染方法，涉及数据处理技术领域。本发明提供一种流程图渲染方式，能够简单、轻量的渲染到浏览器中，帮助相关人员直观、高效的了解整个工作流，当然为了支撑业务的发展必须设计一种合理的数据结构，既能保证存储时相对结构化，又要兼顾前端的渲染。本发明基于Vue开发体系，采用DOM的方式，不依赖第三方插件，产出更加轻量、高效；支持自定义节点的样式，并且对外暴露交互事件，方便扩展；采用链式的存储结构，相对结构化，方便以后的业务发展。

主权项：1.一种轻量的基于DOM的流程图渲染方法，基于唯一开始节点和唯一结束节点设定，每个子流程都最终会汇合至一个父流程的节点上，该节点称为汇合节点，并且后端存储的数据结构中第一个节点即为开始节点，其特征在于，所述渲染方法包括如下步骤：S01、初始化最终的结果集graph为空，建立通过节点nodeId找到节点完整信息的映射表，并且确定汇合节点以及每个汇合节点的上级节点个数JoinNodes，从开始节点开始，执行下一步骤；S02、将当前节点push到最终的结果graph，然后执行下一步骤；S03、如果当前节点的nextNodeId只有一个，则通过映射表取下一个节点，继续执行S02步骤，否则执行下一步骤；S04、如果当前节点的nextNodeId为空，则流程结束，否则执行S05步骤；S05、初始化计数面板为空，遍历当前节点的nextNodeId，通过映射表找到每个节点的完整信息，然后对于每一个节点执行S06步骤；S06、当前节点存在，则初始化子结果集subGraph为空，从当前节点的开始，执行S07步骤，否则执行S12步骤；S07、将当前节点push到子结果集subGraph，然后执行下一步骤；S08、如果当前节点的nextNodeId字符串化在汇合节点的集合中，则执行下一步骤，否则执行S10步骤；S09、如果当前节点的nextNodeId字符串化之后在计数面板中，则计数+1，当前遍历结束，否则计数置为1，当前循环结束，继续执行S06步骤；S10、如果当前节点的nextNodeId只有一个，则通过映射表取下一个节点，则继续执行S07步骤，否则执行下一步骤；S11、如果当前节点nextNodeId为空，则当前循环结束，继续执行S06步骤，否则递归执行S05步骤；S12、将子结果集subGraphpush到最终的结果graph中，然后遍历计数面板中的结果，对于每一个结果执行S13步骤；S13、如果当前结果在汇合节点中的计数等于在计数面板中的计数，则将当前结果移出JoinNodes，然后执行下一步骤，否则执行S15步骤；S14、取出当前结果转换成数组，即为汇合节点的nextNodeId，继续执行S10步骤S15、将当前计数面板的结果传递到父级计数面板，当前递归结束，恢复为上一次nextNodeId的遍历。

全文数据：

权利要求：

百度查询： 上海得帆信息技术有限公司 一种轻量的基于DOM的流程图渲染方法

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。

阅读全文 双屏查看 官方信息 专利公告 收藏专利 下载PDF 下载WORD