技术摘要：
本发明涉及一种生成带悬浮提示的流程图的方法及系统、电子设备、介质，所述方法包括首先制定流程图的编制规则，在Visio中绘制基本的流程图，并导出网页格式的流程图文件（.htm），利用MATLAB脚本编程等方式编写脚本程序，自动检索识别流程图网页文件的关键信息，根据流  全部
背景技术：
流程图是一种用框图及连线表达顺序过程或逻辑关系的图示。在日常工作中，流 程图通常用于表示工作开展的步骤，用以说明工作开展的内容、输入产物、输出产物以及与 上下游工作步骤的关系，用于指导人员开展工作活动。简明扼要的流程图，可以提升工作人 员对操作步骤的认知，使工作得以有序开展，进而提升组织的整体效率。 在汽车行业内，整车开发过程是一项庞大、繁杂的系统工程，开发阶段涉及项目预 研阶段、项目立项阶段、概念设计阶段、详细设计阶段、设计验证阶段、生产准备阶段及量产 市售阶段，开发内容涉及产品调研、产品企划、项目筹建、可行性分析、项目成立、方案制定、 详细设计(包含硬件设计、软件设计)、设计发布、设计验证、样车试制、试验验证、设计冻结、 生产支持、量产支持等。可见，如何利用流程图表达整车开发过程，提高整车开发活动的管 理效率，是整车厂商实施流程建设的一项重要工作。但是，面对庞杂的整车开发过程，如何 提炼各项工作活动的关系，做到去粗取精，在表达关键步骤的同时，又能详尽地描述工作内 容，是整车开发流程图绘制过程中所需解决的重要问题。 利用现有的专业流程图软件Microsoft  Office  Visio，只能通过插入“注释”或者 插入“形状屏幕提示”两种方式在流程图中呈现绘制人员预期表达的补充信息，这两种方 式，均存在明显的缺点，无法满足绘制人员制作“悬浮提示”效果的需求。 其中，采用插入“注释”的方法绘制效果如图1所示，“注释”信息以黄色框体的形式 附着在流程图形状的右上角，且需要点开“注释”的小标签才能显示，否则，会自动隐含“注 释”的内容。采用插入“注释”的方法还会自动添加作者及日期，并且“注释”标签在占用流程 图编辑版面的同时，无法自动跟随原始的流程图框体移动，当流程图添加的框体越来越多， 并且需要调整流程图框体位置时，维护注释信息便成为一项十分冗杂的工作，如图2所示。 其中，采用插入“形状屏幕提示”的方法，绘制效果如图3所示，当鼠标悬停于流程 图框体上方，会自动显示“形状屏幕提示”编辑的内容，基本实现“悬浮提示”的效果。采用插 入“形状屏幕提示”的方法主要缺点是该提示只能出现在Visio的编辑界面，当流程文件导 出生成网页或PDF文件时，所生成的“悬浮提示”仍然是框体内容的信息，而非“形状屏幕提 示”的信息，从而无法达到差异化显示的目的，如图4所示。 综上，现有的流程图绘制过程中，呈现补充信息的技术方案存在以下问题： (1)“注释”信息占用编辑版面； (2)增加冗余信息，影响版面美观； (3)“注释”信息无法自动跟随框体移动，维护及编辑困难； (4)“形状屏幕提示”无法在网页文件中呈现，影响流程文件的发布。 4 CN 111580803 A 说　明　书 2/10 页
技术实现要素：
本发明的目的在于针对现有的流程图绘制过程补充信息的方法存在的问题，提供 一种生成带悬浮提示的流程图的方法及系统、电子设备、介质，使得“悬浮提示”信息可以方 便地在Microsoft  Office  Visio软件界面编辑后，将“悬浮提示”信息呈现在网页格式的流 程图文件中。 为了实现本发明目的，本发明第一方面实施例提供一种生成带悬浮提示的流程图 的方法，包括如下步骤： S1.在Microsoft  Office  Visio软件的编辑界面中选择需要显示悬浮提示信息的 流程图框体对象，并根据预先设置的编号规则设置所述需要显示悬浮提示信息的流程图框 体对象的名称编号； S2.编辑所述流程图框体对象的形状数据，将期望显示的悬浮提示信息写入所述 需要显示悬浮提示信息的流程图框体对象的形状数据中； S3.将所述S2编辑得到的Microsoft  Office  Visio流程图文件另存为网页，生成 一个用于打开链接的网页文件和一个保存网页信息的工程文件目录； S4.获取所述工程文件目录下的data .xml文件，并根据所述需要显示悬浮提示信 息的流程图框体对象的名称编号获取所述data .xml文件中相应的流程图框体对象的悬浮 提示信息； S5.获取所述工程文件目录下与所述流程图框体对象对应的gif_*.htm文件，将所 述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息替换为所述S4获取的相 应的流程图框体对象的悬浮提示信息，并生成新的gif_*.htm文件；其中，*为大于0的自然 数； S6.将所述S3生成的工程文件目录中的gif_*.htm文件替换为所述S5生成的新的 gif_*.htm文件。 其中，所述S1中设置所述流程图框体对象的名称编号具体包括： 对流程图框体对象格式中的特殊部分的名称内容进行设置，根据预先设置的编号 规则将该名称内容设置为名称编号。 其中，所述步骤S4具体包括： S4.1获取所述工程文件目录下的data.xml文件； S4.2识别所述data.xml文件中的所有流程图网页文件页码信息、流程图框体对象 的名称编号信息以及流程图框体对象的形状数据中的悬浮提示信息； 其中，Microsoft  Office  Visio流程图文件中一页流程图对应生成一个网页，每 一网页具有一页码； S4 .3根据所述需要显示悬浮提示信息的流程图框体对象的名称编号获取所述 data.xml文件中相应的流程图框体对象的悬浮提示信息。 其中，所述S4.2中具体采用预设第一正则表达式检索识别所述工程文件目录下的 data.xml文件中的流程图文件页码信息、流程图框体对象的名称编号信息以及流程图框体 对象的形状数据中的悬浮提示信息。 其中，所述步骤S5具体包括： S5.1获取所述data.xml文件中相应的流程图框体对象的流程图文件页码信息； 5 CN 111580803 A 说　明　书 3/10 页 S5.2根据所述data .xml文件中相应的流程图框体对象的流程图文件页码信息获 取所述工程文件目录下与流程图文件页码信息对应的gif_*.htm文件；其中，*与网页页码 对应； S5.3识别所述对应的gif_*.htm文件中的所有流程图框体对象的页码信息、框体 内容中名称编号信息以及悬浮提示信息； S5.4根据所述流程图框体对象的页码信息和框体内容中的名称编号信息确定所 述对应的gif_*.htm文件中相应的流程图框体对象； S5.5将所述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息替换 为所述S4.3获取的所述data.xml文件中相应的流程图框体对象的悬浮提示信息，并生成新 的gif_*.htm文件。 其中，所述S5.3中具体采用预设第二正则表达式检索识别所述对应的gif_*.htm 文件中的流程图框体对象的页码信息、名称编号信息以及悬浮提示信息。 本发明第二方面实施例提供一种生成带悬浮提示的流程图的系统，包括： 第一编辑模块，用于在Microsoft  Office  Visio软件的编辑界面中选择需要显示 悬浮提示信息的流程图框体对象，并根据预先设置的编号规则设置所述需要显示悬浮提示 信息的流程图框体对象的名称编号； 第二编辑模块，用于编辑所述流程图框体对象的形状数据，将期望显示的悬浮提 示信息写入所述需要显示悬浮提示信息的流程图框体对象的形状数据中，得到Microsoft  Office  Visio流程图文件； 第一信息处理模块，用于将所述Microsoft  Office  Visio流程图文件另存为网 页，生成一个用于打开链接的网页文件和一个保存网页信息的工程文件目录； 第二信息处理模块，用于获取所述工程文件目录下的data .xml文件，并根据所述 需要显示悬浮提示信息的流程图框体对象的名称编号获取所述data .xml文件中相应的流 程图框体对象的悬浮提示信息； 第三信息处理模块，用于获取所述工程文件目录下与所述流程图框体对象对应的 gif_*.htm文件，将所述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息替 换为所述第二信息处理模块获取的相应的流程图框体对象的悬浮提示信息，并生成新的 gif_*.htm文件；其中，*为大于0的自然数； 第四信息处理模块，用于将所述第一信息处理模块生成的工程文件目录中的 gif_*.htm替换为所述第三信息处理模块生成的新的gif_*.htm文件。其中，所述第二信息 处理模块采用预设第一正则表达式获取所述data.xml文件中对应名称编码相应的流程图 框体对象的悬浮提示信息；所述第三信息处理模块采用预设第二正则表达式获取所述对应 的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息。 本发明第三方面实施例提供一种电子设备，包括存储器、处理器及存储在存储器 上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时，以实现如本发 明第一方面实施例所述的生成带悬浮提示的流程图的方法。 本发明第四方面实施例提供一种计算机可读存储介质，其特征在于，所述计算机 可读存储介质存储有计算机程序，所述计算机程序可由处理器执行完成如本发明第一方面 实施例所述的生成带悬浮提示的流程图的方法。 6 CN 111580803 A 说　明　书 4/10 页 与现有技术相比，本发明实施例具有以下有益效果： 1)现有技术中“注释”信息占用编辑版面；而本发明实施例自动生成“悬浮提示”的 效果，在流程图的网页界面，只有当鼠标悬停于流程图框体对象上时，才会显示“悬浮提示” 信息； 2)现有技术中“注释”增加冗余信息，影响版面美观；而本发明实施例的补充信息 可以体现在“悬浮提示”信息中，因此可以使框体内容尽量简化； 3)现有技术中“注释”信息无法自动跟随框体移动，维护及编辑困难；而本发明实 施例利用流程图的“形状数据”进行“悬浮信息”的编辑，极大地方便绘图人员修改和维护， 并且可以自由定义信息格式； 4)现有技术中“形状屏幕提示”无法在网页文件中呈现，影响流程文件的发布；而 本发明实施例实现了流程图网页文件的“悬浮提示”功能。 5)使用本发明实施例可以使流程图的绘制形式更清晰、更具层次感，在向用户提 供简明扼要的顺序关系、逻辑关系的同时，又可通过“悬浮提示”向用户展示更详细具体的 描述信息，极大地提高了用户阅读流程图的便利性和一致性，有助于流程图内涵的认知和 传播。 附图说明 为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现 有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本 发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以 根据这些附图获得其他的附图。 图1为