生成带悬浮提示的流程图的方法及系统、电子设备、介质与流程

本发明涉及流程图绘制及呈现方式优化技术领域，具体涉及一种生成带悬浮提示的流程图的方法及系统、电子设备、介质。

背景技术：

流程图是一种用框图及连线表达顺序过程或逻辑关系的图示。在日常工作中，流程图通常用于表示工作开展的步骤，用以说明工作开展的内容、输入产物、输出产物以及与上下游工作步骤的关系，用于指导人员开展工作活动。简明扼要的流程图，可以提升工作人员对操作步骤的认知，使工作得以有序开展，进而提升组织的整体效率。

在汽车行业内，整车开发过程是一项庞大、繁杂的系统工程，开发阶段涉及项目预研阶段、项目立项阶段、概念设计阶段、详细设计阶段、设计验证阶段、生产准备阶段及量产市售阶段，开发内容涉及产品调研、产品企划、项目筹建、可行性分析、项目成立、方案制定、详细设计(包含硬件设计、软件设计)、设计发布、设计验证、样车试制、试验验证、设计冻结、生产支持、量产支持等。可见，如何利用流程图表达整车开发过程，提高整车开发活动的管理效率，是整车厂商实施流程建设的一项重要工作。但是，面对庞杂的整车开发过程，如何提炼各项工作活动的关系，做到去粗取精，在表达关键步骤的同时，又能详尽地描述工作内容，是整车开发流程图绘制过程中所需解决的重要问题。

利用现有的专业流程图软件microsoftofficevisio，只能通过插入“注释”或者插入“形状屏幕提示”两种方式在流程图中呈现绘制人员预期表达的补充信息，这两种方式，均存在明显的缺点，无法满足绘制人员制作“悬浮提示”效果的需求。

其中，采用插入“注释”的方法绘制效果如图1所示，“注释”信息以黄色框体的形式附着在流程图形状的右上角，且需要点开“注释”的小标签才能显示，否则，会自动隐含“注释”的内容。采用插入“注释”的方法还会自动添加作者及日期，并且“注释”标签在占用流程图编辑版面的同时，无法自动跟随原始的流程图框体移动，当流程图添加的框体越来越多，并且需要调整流程图框体位置时，维护注释信息便成为一项十分冗杂的工作，如图2所示。

其中，采用插入“形状屏幕提示”的方法，绘制效果如图3所示，当鼠标悬停于流程图框体上方，会自动显示“形状屏幕提示”编辑的内容，基本实现“悬浮提示”的效果。采用插入“形状屏幕提示”的方法主要缺点是该提示只能出现在visio的编辑界面，当流程文件导出生成网页或pdf文件时，所生成的“悬浮提示”仍然是框体内容的信息，而非“形状屏幕提示”的信息，从而无法达到差异化显示的目的，如图4所示。

综上，现有的流程图绘制过程中，呈现补充信息的技术方案存在以下问题：

(1)“注释”信息占用编辑版面；

(2)增加冗余信息，影响版面美观；

(3)“注释”信息无法自动跟随框体移动，维护及编辑困难；

(4)“形状屏幕提示”无法在网页文件中呈现，影响流程文件的发布。

技术实现要素：

本发明的目的在于针对现有的流程图绘制过程补充信息的方法存在的问题，提供一种生成带悬浮提示的流程图的方法及系统、电子设备、介质，使得“悬浮提示”信息可以方便地在microsoftofficevisio软件界面编辑后，将“悬浮提示”信息呈现在网页格式的流程图文件中。

为了实现本发明目的，本发明第一方面实施例提供一种生成带悬浮提示的流程图的方法，包括如下步骤：

s1.在microsoftofficevisio软件的编辑界面中选择需要显示悬浮提示信息的流程图框体对象，并根据预先设置的编号规则设置所述需要显示悬浮提示信息的流程图框体对象的名称编号；

s2.编辑所述流程图框体对象的形状数据，将期望显示的悬浮提示信息写入所述需要显示悬浮提示信息的流程图框体对象的形状数据中；

s3.将所述s2编辑得到的microsoftofficevisio流程图文件另存为网页，生成一个用于打开链接的网页文件和一个保存网页信息的工程文件目录；

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文件中的所有流程图网页文件页码信息、流程图框体对象的名称编号信息以及流程图框体对象的形状数据中的悬浮提示信息；

其中，microsoftofficevisio流程图文件中一页流程图对应生成一个网页，每一网页具有一页码；

s4.3根据所述需要显示悬浮提示信息的流程图框体对象的名称编号获取所述data.xml文件中相应的流程图框体对象的悬浮提示信息。

其中，所述s4.2中具体采用预设第一正则表达式检索识别所述工程文件目录下的data.xml文件中的流程图文件页码信息、流程图框体对象的名称编号信息以及流程图框体对象的形状数据中的悬浮提示信息。

其中，所述步骤s5具体包括：

s5.1获取所述data.xml文件中相应的流程图框体对象的流程图文件页码信息；

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文件中的流程图框体对象的页码信息、名称编号信息以及悬浮提示信息。

本发明第二方面实施例提供一种生成带悬浮提示的流程图的系统，包括：

第一编辑模块，用于在microsoftofficevisio软件的编辑界面中选择需要显示悬浮提示信息的流程图框体对象，并根据预先设置的编号规则设置所述需要显示悬浮提示信息的流程图框体对象的名称编号；

第二编辑模块，用于编辑所述流程图框体对象的形状数据，将期望显示的悬浮提示信息写入所述需要显示悬浮提示信息的流程图框体对象的形状数据中，得到microsoftofficevisio流程图文件；

第一信息处理模块，用于将所述microsoftofficevisio流程图文件另存为网页，生成一个用于打开链接的网页文件和一个保存网页信息的工程文件目录；

第二信息处理模块，用于获取所述工程文件目录下的data.xml文件，并根据所述需要显示悬浮提示信息的流程图框体对象的名称编号获取所述data.xml文件中相应的流程图框体对象的悬浮提示信息；

第三信息处理模块，用于获取所述工程文件目录下与所述流程图框体对象对应的gif_*.htm文件，将所述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息替换为所述第二信息处理模块获取的相应的流程图框体对象的悬浮提示信息，并生成新的gif_*.htm文件；其中，*为大于0的自然数；

第四信息处理模块，用于将所述第一信息处理模块生成的工程文件目录中的gif_*.htm替换为所述第三信息处理模块生成的新的gif_*.htm文件。其中，所述第二信息处理模块采用预设第一正则表达式获取所述data.xml文件中对应名称编码相应的流程图框体对象的悬浮提示信息；所述第三信息处理模块采用预设第二正则表达式获取所述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息。

本发明第三方面实施例提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时，以实现如本发明第一方面实施例所述的生成带悬浮提示的流程图的方法。

本发明第四方面实施例提供一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序可由处理器执行完成如本发明第一方面实施例所述的生成带悬浮提示的流程图的方法。

与现有技术相比，本发明实施例具有以下有益效果：

1)现有技术中“注释”信息占用编辑版面；而本发明实施例自动生成“悬浮提示”的效果，在流程图的网页界面，只有当鼠标悬停于流程图框体对象上时，才会显示“悬浮提示”信息；

2)现有技术中“注释”增加冗余信息，影响版面美观；而本发明实施例的补充信息可以体现在“悬浮提示”信息中，因此可以使框体内容尽量简化；

3)现有技术中“注释”信息无法自动跟随框体移动，维护及编辑困难；而本发明实施例利用流程图的“形状数据”进行“悬浮信息”的编辑，极大地方便绘图人员修改和维护，并且可以自由定义信息格式；

4)现有技术中“形状屏幕提示”无法在网页文件中呈现，影响流程文件的发布；而本发明实施例实现了流程图网页文件的“悬浮提示”功能。

5)使用本发明实施例可以使流程图的绘制形式更清晰、更具层次感，在向用户提供简明扼要的顺序关系、逻辑关系的同时，又可通过“悬浮提示”向用户展示更详细具体的描述信息，极大地提高了用户阅读流程图的便利性和一致性，有助于流程图内涵的认知和传播。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为背景技术所述采用插入注释的方法绘图的绘制效果示例一。

图2为背景技术所述采用插入注释的方法绘图的绘制效果示例二。

图3为背景技术所述采用插入形状屏幕提示的方法绘图的绘制效果示例一。

图4为背景技术所述采用插入形状屏幕提示的方法绘图的绘制效果示例二。

图5为本发明实施例一的一种生成带悬浮提示的流程图的方法流程图。

图6为本发明实施例一的一种生成带悬浮提示的流程图的方法中步骤s3形状数据编辑示例图。

图7为本发明实施例一的一种生成带悬浮提示的流程图的方法中悬浮提示信息呈现在网页格式的流程图文件中效果示意图。

图8为本发明实施例一的一种生成带悬浮提示的流程图的方法中步骤s2名称编号设置过程一部分示意图。

图9为本发明实施例一的一种生成带悬浮提示的流程图的方法中步骤s2名称编号设置过程另一部分示意图。

图10为本发明实施例一的一种生成带悬浮提示的流程图的方法中步骤s5的子步骤流程图。

图11为本发明实施例一的一种生成带悬浮提示的流程图的方法中步骤s6的子步骤流程图。

图12为本发明实施例二的一种生成带悬浮提示的流程图的系统结构示意图。

图13为本发明实施例三的一种电子设备的结构示意图。

具体实施方式

以下将参考附图详细说明本公开的各种示例性实施例、特征和方面。附图中相同的附图标记表示功能相同或相似的元件。尽管在附图中示出了实施例的各种方面，但是除非特别指出，不必按比例绘制附图。

另外，为了更好的说明本发明，在下文的具体实施例中给出了众多的具体细节。本领域技术人员应当理解，没有某些具体细节，本发明同样可以实施。在一些实例中，对于本领域技术人员熟知的手段、元件和电路未作详细描述，以便于凸显本发明的主旨。

如图5所示，本发明实施例一提供一种生成带悬浮提示的流程图的方法，包括如下步骤：

s1.在microsoftofficevisio软件的编辑界面中选择需要显示悬浮提示信息的流程图框体对象，并根据预先设置的编号规则设置所述需要显示悬浮提示信息的流程图框体对象的名称编号。

具体而言，步骤s1中所述预先设置的编号规则应满足下面步骤s5、s6可以实现程序语言识别的基本要求。例如，可以将“名称”编号规则定义为“字母数字：数字-数字-数字”，对应程序语言的正则表达式为：\w\d:\d-\d-\d。

s2.编辑所述流程图框体对象的形状数据，将期望显示的悬浮提示信息写入所述需要显示悬浮提示信息的流程图框体对象的形状数据中。

具体而言，s2中编辑所述流程图框体对象的形状数据具体包括在microsoftofficevisio流程图框体对象上，右键下拉菜单，选择“数据-形状数据”，进行“形状数据”的编辑；其中，“形状数据”首先需要点击“定义”选项，对“形状数据”的属性进行定义，确保s5可以正确识别可以被替代的内容。例如，定义一项“形状数据”，其“标签(l)”为“工作描述”，其“名称(n)”为“practice”，其“类型(t)”为“字符串”等，基本属性设置后可以设置“形状数据”的“值(v)”，即需要实现“悬浮提示”功能的信息，此处的“名称(n)”是data.xml文件中的唯一标识符，是visio与网页文件的关联属性，如图6所示，图6为microsoftofficevisio2007软件版本的操作界面。

s3.将所述s2编辑得到的microsoftofficevisio流程图文件另存为网页，生成一个用于打开链接的网页文件和一个保存网页信息的工程文件目录。

具体而言，另存为网页是指，在microsoftofficevisio软件的菜单栏中，点选“文件-另存为网页(g)…”，将流程图文件以网页的格式保存在指定路径。完成保存后，应包含一个用于打开链接的网页文件(文件后缀为.htm)以及保存网页信息的工程文件目录(文件后缀为.files)。

s4.获取所述工程文件目录下的data.xml文件，并根据所述需要显示悬浮提示信息的流程图框体对象的名称编号获取所述data.xml文件中相应的流程图框体对象的悬浮提示信息。

s5.获取所述工程文件目录下与所述流程图框体对象对应的gif_*.htm文件，将所述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息替换为所述s4获取的相应的流程图框体对象的悬浮提示信息，并生成新的gif_*.htm。

其中，*为大于0的自然数，若具有3页流程图，则对应生成多个gif_1.htm、gif_2.htm和gif_3.htm。

s6.将所述s3生成的工程文件目录中的gif_*.htm替换为所述s5生成的新的gif_*.htm文件。

在一个示例中，使用本发明实施例方法所实现的悬浮提示信息呈现在网页格式的流程图文件中效果如图7所示，c1和c2分别为流程图框体对象的编号，悬浮提示信息为“采用本发明中的方法，可以支持在网页格式的流程图文件中，体现与框体内容不同的差异化信息”。

在一个优选方式中，实施例一中所述的步骤s4-s6可以选用自动化m脚本实现，是指在matlab软件中，用m语言开发自动化程序脚本，以实现步骤s6、s7、s8的文件处理功能，其中包括文件的读取、保存，字符串的解析、修改等。需说明的是，实施例一中所述的步骤s4-s6还可以采用其它支持文本处理的脚本程序实现，例如c/c++，python等。

因此，本发明实施例一所述方法步骤s1-s3需要人工在microsoftofficevisio软件中进行编辑，人工进行相应程序脚本的开发之后，步骤s4-s6可以通过执行程序脚本自动完成。本发明实施例一方法通过检索流程图框体对象的“名称”编号以及“形状数据”，综合利用microsoftofficevisio软件的流程图编辑功能及例如matlab软件的m语言脚本等的自动化程序脚本，实现了带“悬浮提示”的流程图网页文件，改善了流程图的表现形式。

其中，所述s1中设置所述流程图框体对象的名称编号具体包括：

对流程图框体对象格式中的特殊部分的名称内容进行设置，根据预先设置的编号规则将该名称内容设置为对应的名称编号。具体可以参阅图8-9，图8-9为使用microsoftofficevisio2007版本软件的设置名称编号过程示意图。所述特殊部分即为图8中所示“特殊(e)”，所述名称内容即为图9中所示“名称(n)”，在图9中，名称编号具体设置为“流程.5”。本实施例中，步骤s1的目的是为了便于后续步骤s4中可以根据名称编号来正确检索识别流程图框体对象的悬浮提示信息。

其中，如图10所示，所述步骤s4具体包括：

s4.1获取所述工程文件目录(.files)下的data.xml文件；

s4.2识别所述data.xml文件中的所有流程图网页文件页码信息、流程图框体对象的名称编号信息以及流程图框体对象的形状数据中的悬浮提示信息；

其中，在将microsoftofficevisio流程图文件另存为网页时，microsoftofficevisio流程图文件中一页流程图对应生成一个网页(gif_*.htm文件)，每一网页具有一页码；

s4.3根据所述需要显示悬浮提示信息的流程图框体对象的名称编号(即s1中设置的名称编号)获取所述data.xml文件中相应的流程图框体对象的悬浮提示信息。

其中，所述s4.2中具体采用预设第一正则表达式检索识别所述工程文件目录下的data.xml文件中的流程图文件页码信息、流程图框体对象的名称编号信息以及流程图框体对象的形状数据中的悬浮提示信息。

具体而言，所述第一正则表达式包括如下内容：

1)页码表达式：

'<page\sid＝"([^"]+)"\sname＝"([^"]+)"\snameu＝"([^"]+)".*>'

示例：<pageid＝"3"name＝"整车开发流程：c0"nameu＝"整车开发流程">

示例说明：“页码”是3，流程图的名称是“整车开发流程：c0”，首次创建流程图时visio自动创建的标签是“整车开发流程”。

2)流程图框体对象名称编号表达式：

<shape\sid＝"([^"]+)"\suniqueid＝"[^"]+"\sname＝"([^"]+)"\snameu＝"([^"]+)".*>'

示例：<shapeid＝"25"uniqueid＝"{b4a327b0-a6e6-44e4-bb39-c19f62cf073d}"name＝"a1:1-2-3"nameu＝"a1:1-2-3"master＝"0">

示例说明：流程图框体对象的名称编号为“a1:1-2-3”。

3)形状数据表达式：

'<prop\sid＝"([^"]+)"\sname＝"([^"]+)"\snameu＝"([^"]+)".*>'

示例：<propid＝"1"name＝"practice"nameu＝"practice">

示例说明：此处“形状数据”的“名称”为“practice”。

4)形状数据中“值(v)”的表达式：

'<value\sunit＝"str">'

示例：<valueunit＝"str">本发明提供一种流程图方法</value>

示例说明：此处“值(v)”的内容为“本发明提供一种流程图方法”。

其中，如图11所示，所述步骤s5具体包括：

s5.1获取所述data.xml文件中相应的流程图框体对象的流程图文件页码信息；

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文件中的流程图框体对象的页码信息、名称编号信息以及悬浮提示信息。

所述预设第二正则表达式包括如下内容：

页码表达式：

'var\spageid\s＝\s(\d+)；'

示例：varpageid＝3；

示例说明：页码为“3”

2)框体内容及“悬浮提示”表达式：

'alt＝"[^"]+".*origtitle＝"([^"]+)".*title＝"([^"]+)".*target＝"[^"]+"'

其中，框体内容指属性标签origtitle后继的部分，“悬浮提示”指属性标签title后继的部分。

其中，流程图框体对象的框体内容包括对应的名称编号。

示例：<areashape＝"polygon"tabindex＝"1"alt＝"a1:1-2-3框体内容"origtitle＝"a1:1-2-3框体内容"title＝"本发明提供一种流程图方法"href＝"gif_7.htm"target＝"frmdrawing"coords＝"95,360,170,360,170,322,95,322,95,360"onmouseover＝"updatetooltip(this,4,60)"onfocus＝"updatetooltip(this,4,60)"onclick＝"returnonshapeclick(4,60)；"onkeyup＝"onshapekey(4,60)；">

示例说明：上述内容是gif_*.htm文件的实际内容。

3)框体对象“名称”编号表达式(取决于步骤s1的编号规则)：

'(\w\d+(:\d+)？(-\d+)？)'

上述表达式即“字母数字：数字-数字”。

需说明的是，正则表达式是一种文本处理的通用方法，在实施例中优选通过m脚本实现。

如图12所示，本发明实施例二提供一种生成带悬浮提示的流程图的系统，包括：

第一编辑模块1，用于在microsoftofficevisio软件的编辑界面中选择需要显示悬浮提示信息的流程图框体对象，并根据预先设置的编号规则设置所述需要显示悬浮提示信息的流程图框体对象的名称编号；

第二编辑模块2，用于编辑所述流程图框体对象的形状数据，将期望显示的悬浮提示信息写入所述需要显示悬浮提示信息的流程图框体对象的形状数据中，得到microsoftofficevisio流程图文件；

第一信息处理模块3，用于将所述microsoftofficevisio流程图文件另存为网页，生成一个用于打开链接的网页文件和一个保存网页信息的工程文件目录；

第二信息处理模块4，用于获取所述工程文件目录下的data.xml文件，并根据所述需要显示悬浮提示信息的流程图框体对象的名称编号获取所述data.xml文件中相应的流程图框体对象的悬浮提示信息；

第三信息处理模块5，用于获取所述工程文件目录下与所述流程图框体对象对应的gif_*.htm文件，将所述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息替换为所述第二信息处理模块获取的相应的流程图框体对象的悬浮提示信息，并生成新的gif_*.htm文件；其中，*为大于0的自然数；

第四信息处理模块6，用于将所述第一信息处理模块生成的工程文件目录中的gif_*.htm替换为所述第三信息处理模块生成的新的gif_*.htm文件。

其中，所述第二信息处理模块4采用预设第一正则表达式获取所述data.xml文件中对应名称编码相应的流程图框体对象的悬浮提示信息；所述第三信息处理模块5采用预设第二正则表达式获取所述对应的gif_*.htm文件中相应的流程图框体对象的悬浮提示信息。

对于实施例二公开的系统而言，由于其与实施例一公开的方法相对应，相关之处参见方法部分说明即可，此处不再赘述。

如图13所示，本发明实施例三提供一种电子设备200，包括存储器201、处理器202及存储在存储器201上并可在处理器202上运行的计算机程序203，所述处理器202执行所述程序203时，以实现如实施例一所述的生成带悬浮提示的流程图的方法。

需要说明的是，前述对实施例一方法的解释说明也适用于实施例三的电子设备，其实现原理类似，此处不再赘述。

本发明实施例四提供一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序可由处理器执行完成如本发明实施例一所述的生成带悬浮提示的流程图的方法。

需要说明的是，前述对实施例一方法的解释说明也适用于实施例四的计算机可读存储介质，其实现原理类似，此处不再赘述。

通过以上实施例的描述可知：

1)现有技术中“注释”信息占用编辑版面；而本发明实施例自动生成“悬浮提示”的效果，在流程图的网页界面，只有当鼠标悬停于流程图框体对象上时，才会显示“悬浮提示”信息；

2)现有技术中“注释”增加冗余信息，影响版面美观；而本发明实施例的补充信息可以体现在“悬浮提示”信息中，因此可以使框体内容尽量简化；

3)现有技术中“注释”信息无法自动跟随框体移动，维护及编辑困难；而本发明实施例利用流程图的“形状数据”进行“悬浮信息”的编辑，极大地方便绘图人员修改和维护，并且可以自由定义信息格式；

4)现有技术中“形状屏幕提示”无法在网页文件中呈现，影响流程文件的发布；而本发明实施例实现了流程图网页文件的“悬浮提示”功能。

5)使用本发明实施例可以使流程图的绘制形式更清晰、更具层次感，在向用户提供简明扼要的顺序关系、逻辑关系的同时，又可通过“悬浮提示”向用户展示更详细具体的描述信息，极大地提高了用户阅读流程图的便利性和一致性，有助于流程图内涵的认知和传播。

在本说明书的描述中，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本发明的描述中，“多个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现定制逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本发明的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本发明的实施例所属技术领域的技术人员所理解。

在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。就本说明书而言，“计算机可读介质”可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(ram)，只读存储器(rom)，可擦除可编辑只读存储器(eprom或闪速存储器)，光纤装置，以及便携式光盘只读存储器(cdrom)。另外，计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序，然后将其存储在计算机存储器中。

应当理解，本发明实施例的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。如，如果用硬件来实现和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(pga)，现场可编程门阵列(fpga)等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

此外，在本发明各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。

上述提到的存储介质可以是只读存储器，磁盘或光盘等。尽管上面已经示出和描述了本发明的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本发明的限制，本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。

以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。