流程图处理方法、装置、设备及介质与流程

1.本技术涉及计算机技术领域，尤其涉及一种流程图处理方法、装置、设备及介质。


背景技术：

2.绘制业务工作流是流程图绘图工具的主要用途之一，也是制定符合公司业务的工作流程的重要环节。能否快速制定出能够直观反映公司业务且便于人员理解的业务流程图，是用户衡量流程图制作工具是否好用的关键因素。
3.通常的，在绘制业务工作流时，是通过预先在终端上安装的流程图绘图工具进行业务流程图的绘制。其中，流程图绘图工具提供了属性的固定模板“key-value”，还提供了多种字段(比如“userid”、“type”等)，在为业务流程图添加业务内容时，用户点击添加属性，在流程画图工具提供的字段中，确定为属性中的“key”进行赋值的字段，在后端的业务数据中，确定属性中的“value”进行赋值的数据。
4.然而，通过上述方式为流程图添加业务内容，绘制出的流程图无法直观反映业务流程，不便于人员理解。


技术实现要素：

5.本技术提供一种流程图处理方法、装置、设备及介质，用以解决为流程图添加业务内容，绘制出的流程图无法直观反映业务流程的问题。
6.第一方面，本技术提供一种流程图处理方法，应用于终端，该方法包括：
7.在流程图编辑页面的画布区域中，显示业务流程图；响应于业务流程图中目标元素的交互操作，确定目标元素的元素属性，元素属性包括属性名和与属性名对应的属性值；根据目标元素的元素属性，确定目标元素对应的业务内容，业务内容包括业务属性名和与业务属性名对应的业务属性值；在流程图编辑页面中，显示目标元素对应的业务内容。
8.第二方面，本技术提供一种流程图处理装置，应用于终端，终端通过网页版的流程图绘图工具进行流程图的绘制，流程图处理装置包括：
9.第一显示模块，用于在流程图编辑页面的画布区域中，显示业务流程图；
10.属性确定模块，用于响应于业务流程图中目标元素的交互操作，确定目标元素的元素属性，元素属性包括属性名和与属性名对应的属性值；
11.业务确定模块，用于根据目标元素的元素属性，确定目标元素对应的业务内容，业务内容包括业务属性名和与业务属性名对应的业务属性值；
12.第二显示模块，用于在流程图编辑页面中，显示目标元素对应的业务内容。
13.第三方面，本技术提供一种电子设备，包括：至少一个处理器和存储器；所述存储器存储有计算机程序；所述处理器执行所述存储器存储的计算机程序时，实现第一方面或第一方面中任一可能的实现方式所提供的流程图处理方法。
14.第四方面，本技术提供一种计算机可读存储介质，所述计算机可读介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现第一方面或第一方面中任
一可能的实现方式所提供的流程图处理方法。
15.第五方面，本技术提供一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现上述第一方面或第一方面中任一可能的实现方式所提供的流程图处理方法。
16.在本技术中，响应于业务流程图中目标元素的交互操作，确定目标元素的元素属性，根据目标元素的元素属性，确定目标元素对应的业务内容；在流程图编辑页面中，显示目标元素对应的业务内容。
17.从而，一方面，响应于用户与业务流程图中的元素的交互操作，通过将元素的元素属性转换为元素对应的业务内容，在流程图编辑页面展示元素对应的业务内容，使得用户在与元素交互后可以直观地看到元素对应的业务内容，即使得绘制出的流程图可以直观反映业务流程，有效地提高了用户体验；又一方面，由于用户与元素交互后可以直观地看到元素对应的业务内容，加快了用户对业务流程图的理解，进而有利于加快用户的流程图绘制，提高流程图绘制效率。
附图说明
18.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本技术的实施例，并与说明书一起用于解释本技术的原理。
19.图1为流程图绘图工具的页面示例图；
20.图2为本技术实施例提供的应用场景示意图；
21.图3为本技术实施例提供的流程图处理方法的流程示意图一；
22.图4为本技术实施例提供的流程图处理方法的流程示意图二；
23.图5为本技术实施例提供的流程图编辑页面的页面示例图；
24.图6为本技术实施例提供的流程图处理装置的结构示意图；
25.图7为本技术实施例提供的电子设备的结构示意图。
26.通过上述附图，已示出本技术明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本技术构思的范围，而是通过参考特定实施例为本领域技术人员说明本技术的概念。
具体实施方式
27.这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本技术相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本技术的一些方面相一致的装置和方法的例子。
28.首先对本技术实施例所涉及的名词进行解释：
29.业务流程图：是指用于体现业务流转信息的流程图。
30.其中，业务流程图可包括多个元素，比如节点、边、文本框。
31.例如，审批业务的业务流程图包括开始节点、多个中间节点和结束节点，不同的中间节点代表不同阶段的审批人，节点和节点之间的边表示业务流转方向，位于边周围的文本框中描述了该条边对应的业务流转的触发条件。
32.相关技术中，用户在终端上预先安装流程图绘图工具，在流程图绘图工具上进行业务流程图的绘制。绘制过程中，用户可按照流程图绘图工具的固定模板“key-value”和字段，为业务流程图中的节点添加节点属性。比如用户可在“key”对应的输入框中输入字段“userid”，在“value”对应的输入框中输入多个人员的id。
33.图1为流程图绘图工具的页面示例图。如图1所示，绘图者可在左侧区域绘制业务流程图的开始节点、审批节点1、审批节点2和结束节点，在右侧区域点击“添加属性”左侧的交互控件。流程图绘图工具响应于绘图者点击该交互控件，按照固定模板显示输入框：包括对应属性名(相当于“key”)和属性值(相当于“value”)的输入框。用户在属性名对应的输入框中输入字段“id”，在属性值对应的输入框中输入多个用户的id“1,2,3”，表明将id分别为1、2、3的人员设置为审批人员。
34.可见，上述方式有以下不足之处：
35.(1)绘图者需要掌握流程图绘制工具提供了哪些字段以及字段的含义，还需要多次在后端的业务数据中确定属性值，比如，确定人员的id。如此，导致业务流程图制作对用户要求较高，且耗时较长；
36.(2)绘图者只能按照固定单一的模板在业务流程图中定义业务需求，比如，用a字段代表用户姓名。如此，使得业务流程图对业务的贴合程度不够，即无法直观反映业务内容，用户无法直观地理解业务流程图整体以及业务流程图的每个节点所描述的业务流转信息。
37.(3)用户必须在终端上安装第三方工具才能绘制和查看流程图，导致流程图的绘制和查看不够便捷。
38.为解决上述问题，本技术实施例提供了一种流程图处理方法、装置、设备及介质。本技术实施例应用于终端，终端在流程图编辑页面的画布区域中，显示业务流程图；响应于业务流程图中目标元素的交互操作，确定目标元素的元素属性；根据目标元素的元素属性，确定目标元素对应的业务内容；在流程图编辑页面中，显示目标元素对应的业务内容。
39.可见，基于本技术实施例，一方面，用户和目标元素交互后，流程图编辑页面直接显示目标元素对应的业务内容，直观地反映业务内容，提高绘图者的绘图体验也提高了其他人员的浏览体验；又一方面，绘图者无需关心流程图绘图工具提供的固定模板和字段，也无需在后端的业务数据中查找相关的业务内容，提高了用户的流程图绘制效率。
40.可选的，流程图编辑页面可为网页，流程图绘制工具可为网页版的流程图绘图工具，从而，用户无需安装第三方应用程序，提高了流程图绘制的便捷性，提高了用户体验。
41.本技术提供的流程图处理方法，可以适用于图2所示的应用场景，该应用场景以网页版的流程图绘图工具为例。
42.如图2所示，应用场景涉及终端、全球广域网(world wide web，web)服务器和业务数据库，其中，终端与web服务器之间可通过有线网络或者无线网络进行通信，web服务器与业务数据库之间建立有通信链路。
43.用户可在终端上打开web浏览器，访问与网页版的流程图绘图工具相关的web页面，与网页版的流程图绘图工具相关的web页面可包括流程图编辑页面，还可包括其他页面。其中，在流程图编辑页面中，用户可绘制和查看业务流程图，还可以编辑和查看与业务流程图相关的业务内容。
44.在上述过程中，终端可以与web服务器进行通信，一方面可将用户绘制的业务流程图存储至web服务器，另一方面，可在用户请求查看业务流程图时，向web服务器中请求获取业务流程图并显示。在用户编辑和/或查看流程图的业务内容时，终端可向web服务器请求业务内容，web服务器可根据该请求从业务数据库获取业务内容，再将业务内容发送至终端显示。
45.其中，终端可以是个人数字处理(personal digital assistant，简称pda)设备、具有无线通信功能的手持设备(例如智能手机、平板电脑)、计算设备(例如个人电脑(personal computer，简称pc))、车载设备、可穿戴设备(例如智能手表、智能手环)、智能家居设备(例如智能显示设备)等。
46.下面以具体地实施例对本技术的技术方案以及本技术的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本技术的实施例进行描述。
47.参考图3，图3为本技术实施例提供的流程图处理方法的流程示意图一。如图3所示，流程图处理方法包括：
48.s301、在流程图编辑页面的画布区域中，显示业务流程图。
49.其中，画布区域用于绘制和显示业务流程图，因此，画布区域又可成为流程图绘制区域、流程图编辑区域、流程图展示区域等。
50.本实施例中，终端可响应于用户对流程图编辑页面的访问请求，在浏览器中显示流程图编辑页面，并在流程图编辑页面显示画布区域。可响应于画布区域的绘图操作，在画布区域显示业务流程图；或者，可响应于对已绘制好的业务流程图的显示请求，在画布区域中显示该业务流程图。
51.一示例中，可在检测用户在画布区域的绘图操作的情况下，在画布区域中显示绘图操作对应的元素，由一个或多个元素构成画布区域中显示的业务流程图。比如，在检测到用户在画布区域添加开始节点、结束节点的绘图操作的情况下，在画布区域中显示开始节点和结束节点。
52.可选的，在流程图编辑页面上显示有绘图工具区域，在绘图工具区域中显示有元素模板，可响应于用户将元素模板拖拽至画布区域的操作，在画布区域中显示与用户所拖拽的元素模板对应的元素。
53.又一示例中，可在检测到用户打开业务流程图的请求的情况下，在画布区域中显示业务流程图。比如，用户将业务流程图拖拽至画布区域，触发对业务流程图的打开请求，终端响应该请求，在画布区域中显示业务流程图。
54.s302、响应于业务流程图中目标元素的交互操作，确定目标元素的元素属性。其中，元素属性包括属性名和与属性名对应的属性值。
55.其中，目标元素可为节点、边、文本、图片等元素中的任一种。目标元素的交互操作可以为对目标元素的点击操作、勾选操作、长按操作等。
56.其中，为便于服务器或者终端对业务流程图的解析，目标元素的元素属性可符合流程图绘图工具规定的属性模板，属性模板表示为属性名和与属性名对应的属性值，属性名采用流程图绘图工具规定的字段，属性值为基于业务内容确定的字段的取值，表示为一个或多个数字。
57.其中，在业务流程图中，元素与元素属性一一对应。不同的元素分别对应的元素属性可相同，也可不同。在两个元素分别对应的元素属性相同时，该两个元素分别对应的业务内容也相同；在两个元素分别对应的元素属性不同时，该两个元素分别对应的业务内容也不同。
58.本实施例中，用户可通过输入设备(比如鼠标、键盘)或者通过触屏方式，在绘图区域所显示的业务流程图中与目标元素交互。终端响应于用户对目标元素的交互操作，从业务流程图的多个元素的元素属性中，获取目标元素的元素属性。其中，目标元素的元素属性可为默认属性，也可以基于为目标元素设置的业务内容生成，即，基于用户在绘图过程中为目标元素设置的业务内容生产
59.s303、根据目标元素的元素属性，确定目标元素对应的业务内容。其中，业务内容包括业务属性名和与业务属性名对应的业务属性值。
60.其中，业务属性名又可以理解为业务标识、业务名称，业务内容中的业务属性名与元素属性中的属性名对应，不同的是，元素属性中的属性名为符合流程图绘图工具规定的字段，业务内容中的业务属性名为开发人员根据业务需求预先设置的贴合业务内容的文本内容。比如，在审批业务对应的业务流程图中，元素属性中的属性名为userid、upload、type等字段，业务内容中的业务属性名为指定人员、上传文件、节点类型等。
61.其中，与业务属性名对应的业务属性值是指在业务属性名下的具体业务信息，业务内容中的业务属性值与元素属性中的属性值对应，不同的是，元素属性中的属性值通常为一个或多个数字，业务内容中的业务属性值为贴合业务内容的文本内容。比如，元素的属性名为userid，属性值为{1，2，3}，业务属性名为指定人员，业务属性值为小明、小红等人员的姓名。
62.本实施例中，对于用户来说，目标元素的元素属性与业务内容不贴合，不易理解，因此，可将目标元素的元素属性转换为目标元素对应的业务内容。在将目标元素的元素属性转换为目标元素对应的业务内容的过程中，可将目标元素的元素属性中的属性名，转换为目标元素对应的业务内容中的业务属性名，可将目标元素的元素属性中与属性名对应的属性值，转换为业务内容中与业务属性对应的业务属性值。
63.s304、在流程图编辑页面中，显示目标元素对应的业务内容。
64.本实施例中，确定目标元素的业务内容后，可在流程图编辑页面中直接显示出目标元素对应的业务内容，其中，可以在流程图编辑页面的指定位置处显示目标元素对应的业务内容，也可以在目标元素的周围区域显示目标元素对应的业务内容。从而，用户在流程图编辑页面中通过与目标元素的交互操作，即可直观地看到目标元素对应的业务内容。
65.本技术实施例中，在流程图编辑页面上，在绘图区域中显示业务流程图，响应于业务流程图中目标元素的交互操作，基于目标元素的元素属性转换得到目标元素对应的业务内容，在流程图编辑页面中，显示目标元素对应的业务内容。从而，用户可通过对业务流程图中元素的交互操作，直观地看到业务内容，提高了绘图者的绘图体验，也提高了绘图者与其他人员的浏览体验，提高了业务流程图的绘图效率。
66.进一步的，在流程图绘图工具为网页版的流程图绘图工具，流程图编辑页面为网页的情况下，用户无需下载和安装第三方软件，打开网页即可进行业务流程图的查看和绘制，有效地提高了用户体验。
67.基于前述实施例，可选的，业务流程图与流程文件一一对应。与业务流程图对应的流程文件记载着业务流程图中多个元素的相关信息，其中包括多个元素的元素属性。流程图绘图工具可通过加载流程文件，在绘图区域中显示流程文件对应的业务流程图；服务器和/或终端可通过对流程文件进行解析，得到业务流转信息，基于业务流转信息控制业务系统的流转。
68.进一步的，业务流程图对应的流程文件的文件格式为可扩展标记语言(extensible markup language，xml)文件格式。从而，便于网页版的流程图绘图工具通过加载流程文件的方式在流程图编辑页面绘制业务流程图。
69.在一种可能的实现方式中，基于业务流程图与流程文件一一对应，s302包括：响应于目标元素的交互操作，从业务流程图对应的流程文件中，获取目标元素的元素属性。从而，在业务流程图对应的流程文件中记载目标元素的元素属性，在目标元素的属性编辑区域显示目标元素的业务内容，一方面流程文件中的记载符合流程图绘图工具规定的属性模板和字段，有利于流程文件的解析，另一方面使得业务流程图的显示能够更直观地体现业务内容，提高了用户对业务流程图的绘图效率、绘图体验以及浏览体验。
70.其中，在流程文件中，目标元素的元素属性为默认属性，或者，目标元素的元素属性基于为目标元素设置的业务内容生成。可选的，目标元素的元素属性基于用户在属性编辑区域为目标元素设置的业务内容生成。具体的，在用户未为目标元素设置业务内容的情况下，确定目标元素对应的业务内容为默认业务内容(比如审批人员下默认的人员姓名)，此时目标元素对应的元素属性为默认属性(包括默认的属性名和默认的属性值)。
71.进一步的，用于获取目标元素的元素属性的一种可能的实现方式，可包括：响应于监听到目标元素的交互操作触发的事件，从流程文件中获取目标元素对应的元素实例，从元素实例中获取目标元素的属性名和目标元素的属性名对应的属性值。从而，通过事件检测和在流程文件中记载目标元素对应的元素实例，提高目标元素的元素属性获取的效率和准确性。
72.其中，实例是指编程语言中创建的对象。在业务流程图对应的流程文件中，记载着与业务流程图中的各个元素对应的元素实例，不同元素对应不同的元素实例。在元素实例中包括元素的元素属性，具体的，包括元素的属性名和与属性名对应的属性值。
73.本实施例中，用户与业务流程图中的目标元素交互时触发相应的事件，终端可在业务流程图对应的模型实例中，监听该事件，在监听到该事件后，从业务流程图对应的流程文件中，获取目标元素对应的元素实例，从目标元素对应的元素实例中，获取目标元素的属性名，并获取与目标元素的属性名对应的属性值。其中，业务流程图对应的模型实例可在新建业务流程图时创建，不同的业务流程图可对应不同的模型实例。
74.例如，用户点击业务流程图中的目标元素时，触发转换(changed)事件(即元素属性与业务内容的转换)，终端通过业务流程图对应的模型实例监听到转换事件，获取目标元素对应的元素(element)实例，获取元素实例中的属性名(bussinessobject)和与属性名对应的属性值(bussinessobject.$attrs)。
75.在一种可能的实现方式中，s303包括：根据元素属性与业务内容的预设映射关系，确定目标元素对应的业务内容为目标元素的元素属性对应的业务内容。从而，基于业务属性与业务内容的预设映射关系，实现业务内容与元素属性之间的转换，既满足了业务流程
图显示业务内容的需求，又满足了流程图绘图工具对元素模板、字段的规定，实现了业务流程图的业务内容显示与流程图绘图工具的衔接和打通。
76.本实现方式中，可响应于目标元素的交互操作，从业务流程图对应的流程文件中，获取目标元素的元素属性，其中包括目标元素在所有属性名下的属性值。在元素属性与业务内容的预设映射关系中，确定与目标元素的属性名对应的业务属性名，确定与目标元素的属性值对应的业务属性值。
77.其中，终端可响应于在流程图编辑页面的绘图区域显示业务流程图，获取业务属性与业务内容的预设映射关系。
78.进一步的，元素属性与业务内容的预设映射关系可记载在业务系统中。此时，s303可包括：基于目标元素的元素属性，与业务系统进行数据交互，得到目标元素对应的业务内容。从而，通过流程图绘图工具与业务系统的数据交互(也相当于业务流程图对应的流程文件与业务系统的后台数据的数据交互)，实现元素属性与业务内容之间的灵活转换，提高业务内容的准确性。
79.本实施例中，在获得目标元素的元素属性后，可调用与业务相关的功能组件，将目标元素的元素属性输出至功能组件中，得到功能组件输出的目标元素对应的业务内容。其中，与业务相关的功能组件可基于目标元素的元素属性，从业务系统的后台数据中获得目标元素对应的业务内容。
80.作为示例的，将目标元素的元素属性中的人员id(相当于元素属性中的属性值)传输至业务系统提供的人员筛选组件(相当于功能组件)，人员筛选组件基于人员id，在业务系统的后台数据中查询人员id对应的人员姓名(相当于业务内容中的业务属性值)并输出。
81.基于前述实施例，可选的，不同元素类型的元素对应不同的属性编辑区域。比如，在审批业务对应的业务流程图中，开始节点对应的属性编辑区域与位于中间的审批节点对应的属性编辑区域不同，开始节点无需添加审批人员，即开始节点对应的业务内容中不包括审批人员，而审批节点需要添加审批人员，所以需要为开始节点、审批节点提供不同样式的属性编辑区域。从而，通过为不同元素类型的元素有针对性地提供不同的属性编辑区域，提高属性编辑区域的个性化，提高为元素添加业务内容的准确性和多样性，解决了流程图编辑工具提供单一编辑区域导致无法为元素添加复杂业务的问题。
82.在一种可能的实现方式中，流程图编辑页面可显示元素对应的属性编辑区域。此时，s304可包括：在流程图编辑页面中，显示与目标元素对应的属性编辑区域；在属性编辑区域中，显示目标元素对应的业务内容。
83.其中，属性编辑区域为用于显示和编辑元素对应的业务内容的页面区域。
84.可选的，不同的元素对应不同的属性编辑区域，从而，为元素提供个性化的属性编辑区域，便于在属性编辑区域中为元素显示或设置更贴合实际业务的业务内容，提高业务流程图的绘制效果。
85.进一步的，属性编辑区域的不同可包括：属性编辑区域中显示的业务内容的不同，和/或，属性编辑区域所采用的页面样式(比如交互控件)不同。
86.可选的，在流程图编辑页面中，画布区域与属性编辑区域可以左右排列(比如画布区域位于属性编辑区域的左侧)，也可以上下排列(比如画布区域位于属性编辑区域的上方)，还可以表现为上下图层(比如，属性编辑区域位于画布区域内，相对于画布区域，属性
编辑区域为上一图层)。此外，还可在流程图编辑页面中通过弹窗方式显示与目标元素对应的属性编辑区域。
87.本实施例中，终端可在显示业务流程图的同时，显示与业务流程图中的一个或多个元素对应的属性编辑区域。或者，终端可响应于目标元素的交互操作，在流程图编辑页面上显示与目标元素对应的属性编辑区域，如此，用户选中一个元素便可观察到该元素的属性编辑区域，选中另一个元素又可观察到另一个元素的属性编辑区域，在节省页面空间的同时，使得元素与属性编辑区域的对应关系一目了然，而且操作便捷，提高用户体验。
88.本实施例中，在确定目标元素对应的业务内容并在流程图编辑页面显示了属性编辑区域后，可在属性编辑区域中显示目标元素对应的业务内容。属性编辑区域中可包括业务属性名的显示区域和业务属性值的显示区域，可在业务属性名的显示区域中显示业务属性名，在业务属性值的显示区域中显示业务属性值。从而，通过在目标元素的属性编辑区域直接显示目标元素对应的业务内容，使得用户直观地看到目标元素对应的业务内容，而不用基于对流程图编辑工具中字段的了解，思考目标元素的元素属性中属性名的业务含义，不用在大量的业务数据中查找目标元素的属性值的业务含义。
89.在一种可能的实现方式中，基于不同元素类型的元素对应不同的属性编辑区域，s304包括：根据目标元素的元素类型与属性编辑区域的对应关系，确定与目标元素对应的属性编辑区域并显示。
90.本实现方式中，预先准备了不同元素类型对应的属性编辑区域，在检测到用户选中目标元素的操作的情况下，获取目标元素的元素类型，在不同元素类型对应的属性编辑区域中，确定目标元素的元素类型对应的属性编辑区域并显示。之后，可在该属性编辑区域显示目标元素对应的业务内容。从而，提高了属性编辑区域的个性化，提高了在属性编辑区域显示目标元素对应的业务内容的个性化和准确性。
91.由于属性编辑区域还可用于编辑目标元素对应的业务内容，下面通过实施例提供在属性编辑区域编辑目标元素对应的业务内容的过程。
92.参考图4，图4为本技术实施例提供的流程图处理方法的流程示意图二。如图4所示，流程图处理方法包括：
93.s401、在流程图编辑页面的画布区域中，显示业务流程图。
94.s402、响应于业务流程图中目标元素的交互操作，确定目标元素的元素属性。其中，元素属性包括属性名和与属性名对应的属性值。
95.s403、根据目标元素的元素属性，确定目标元素对应的业务内容。其中，业务内容包括业务属性名和与业务属性名对应的业务属性值。
96.s404、在流程图编辑页面中，显示与目标元素对应的属性编辑区域；
97.s405、在属性编辑区域中，显示目标元素对应的业务内容。
98.其中，s401-s406的实现原理和技术效果可参照前述实施例，不再赘述。
99.s406、响应于属性编辑区域中输入控件的交互操作，获取更新的业务内容，根据更新的业务内容，更新目标元素的元素属性。
100.其中，在属性编辑区域可显示一个或多个输入控件，输入控件用于输入业务内容。输入控件可以为输入框、勾选框、下拉选择框、上传按键、选择按键等。比如，属性编辑区域中显示有输入人员姓名的输入控件，或者，属性编辑区域中显示有选择人员姓名的选择按
键。
101.本实施例中，用户可通过对目标元素对应的属性编辑区域内的输入控件进行交互操作，为目标元素更新业务内容。其中，为目标元素更新业务内容可包括为目标元素新增、删除和/或替换业务内容。终端响应于用户对属性编辑区域中输入控件的交互操作，获取目标元素更新的业务内容，将目标元素更新的业务内容转换为对应的元素属性，得到目标元素更新的元素属性。
102.作为示例的，用户在目标元素对应的属性编辑区域内将审批人员的人员姓名从a、b、c修改为b、c、d，终端确定目标元素更新的业务内容包括审批人员{b，c，d}，将审批人员{b，c，d}转换为对应的元素属性：userid{2、3、4}。其中，2、3、4分别表示b、c、d对应的人员标识。
103.其中，在以web页面呈现的流程图编辑页面中，可随着用户在绘图区域的绘图操作，或者，随着用户在属性编辑区域的编辑操作，动态更新业务流程图中的元素，动态更新业务流程图中的元素对应的业务内容以及元素属性。
104.在一种可能的实现方式中，基于业务流程图与流程文件一一对应，s406包括：将更新的业务内容转换为符合属性格式要求的元素属性；在业务流程图对应的流程文件中，确定目标元素的元素属性包括符合属性格式要求的元素属性。其中，属性格式要求可由开发人员预先制定。从而，实现了属性编辑区域与流程文件的打通，也即实现属性编辑区域中的业务内容与流程文件中的元素属性的打通，使得用户在属性编辑区域中更新的业务内容，能够实时转换为流程文件中的元素属性。同样的，在前述实施例中(例如图3所示实施例)，实现了流程文件中的元素属性转换为属性编辑区域中显示的业务内容。通过上述打通操作(将属性区域中的业务内容转换为流程文件中的元素属性，和/或，将流程文件中的元素属性转换为属性区域中的业务内容)，使得基于流程文件，业务流程图能够被正确解析，也使得能够直观显示业务流程图中元素的业务内容，显示具备语义的业务流程图。进而，提高了业务流程图的绘制效率，降低了绘图人员的绘制时间成本，同时也避免了手写元素属性发生错误，提高业务流程图的准确性及可读易懂性。
105.本实现方式中，可将更新的业务内容，转换为符合属性格式要求的元素属性，一种方式中，将更新的业务内容中的业务属性名{业务属性值}转换为“属性格式：属性名{属性值}”的形式，从而，能够基于用户在属性编辑区域中更新的业务内容，实时更新业务流程图的流程文件中的元素属性，也使得流程图绘图工具能够基于属性格式准确解析业务流程图对应的流程文件。流程图绘图工具可响应于用户选中目标元素的操作，在流程文件中找到目标元素的“属性格式：属性名{属性值}”，将其转换为“业务属性名{业务属性值}”形式的业务内容，继而在流程图编辑页面显示业务内容，实现流程文件到流程图编辑页面的打通，进一步的，在流程图编辑页面的属性编辑区域显示业务内容，实现流程文件到属性编辑区域的打通；流程图绘图工具还可响应于用户在流程图编辑页面上编辑目标元素的业务内容的操作，将“业务属性名{业务属性值}”形式的业务内容转换为“属性格式：属性名{属性值}”的元素属性，将该元素属性更新至流程文件中，实现流程图编辑页面到流程文件的打通，进一步的，实现属性编辑区域到流程文件的打通。如此，实现了流程图编辑页面(可选的，属性编辑区域)与流程图工具之间的底层打通，在实现直观展示元素对应的业务内容的同时，动态更新符合流程图工具的属性格式要求的流程文件，便于流程图工具可以基于流
程文件显示业务流程图。
106.此外，基于上述方式，服务器也可以基于流程图绘图工具的属性格式要求对流程文件准确解析，实现对业务各个环节的流转的管理控制和限制。
107.进一步的，将更新的业务内容转换为符合属性格式要求的元素属性，包括：若更新的业务内容中的业务属性名位于配置信息中，则将更新的业务内容转换为符合属性格式要求的元素属性；其中，配置信息中包括需进行格式转换的业务属性名。从而，通过在配置信息中预先配置好要进行格式转换的业务属性名的方式，提高将业务内容转换为元素属性的准确性。
108.其中，可在绘图区域显示业务流程图的过程中加载配置信息。
109.本实现方式中，可将更新的业务内容中的业务属性名转换为符合流程图绘图工具规定的字段，即得到属性名，比如，将指定人员转换为“userid”，将上传文件转换为字段“upload”；将更新的业务内容中的业务属性值转换为对应的数值，比如将姓名“小明”转换为小明对应的工号；如此，得到更新的业务内容对应的元素属性。若更新的业务内容中的业务属性名位于配置信息中，则将更新的业务内容对应的元素属性转换为符合属性格式要求的元素属性。在一种转换方式中，可在转换结果“属性名{属性值}”中加入属性格式要求，得到符合属性格式要求的“属性格式：属性名{属性值}”。之后，可将符合属性格式要求的元素属性写入流程文件中。
110.进一步的，将更新的业务内容转换为符合属性格式要求的元素属性的过程可包括：通过与业务相关的功能组件，确定更新的业务内容对应的元素属性；如果更新的业务内容的业务属性名位于配置信息中，则将更新的业务内容对应的元素属性转换为符合属性格式要求的元素属性。之后，可将符合属性格式要求的元素属性写入流程文件中。从而，实现将目标元素的业务内容转换为符合属性格式要求的元素属性，并将转换得到的符合属性格式要求的元素属性记载至流程文件中，实现元素属性至业务内容的灵活转换。
111.其中，与业务相关的功能组件，用于与后端的业务数据进行交互，可由业务系统向流程图绘图工具提供功能组件。不同的业务可关联不同的功能组件，比如，人员选择业务关联人员筛选组件，人员筛选组件用于与后端的人员数据进行交互，人员数据中可包括人员姓名和人员id。又如，附件上传业务关联附件上传组件，附件上传组件用于与后端的附件数据进行交互。
112.本实施例中，通过与业务相关的功能组件，确定更新的业务内容对应的元素属性的过程如下：可基于业务属性名与元素属性中的属性名的预设映射关系，将更新的业务内容中的业务属性名转换为对应的属性名，例如，将“指定人员”转换为“userid”；可通过调用与业务相关的功能组件，将更新的业务内容中的业务属性值转换为对应的属性值，其中，功能组件可基于业务属性值在后端的业务数据中查找与业务属性值对应的属性值，比如，人员筛选组件基于人员姓名在后端的人员数据中查找人员id。
113.在确定更新的业务内容对应的元素属性之后，如果更新的业务内容中的业务属性名位于配置信息中，表明更新的业务内容对应的元素属性要转换为符合属性格式要求的元素属性，因此可将更新的业务内容对应的元素属性转换为符合属性格式要求的元素属性，之后，将转换后的符合属性格式要求的元素属性写入流程文件中。
114.可选的，通过调用属性更新接口将更新的业务内容对应的元素属性转换为符合属
性格式要求的元素属性。其中，属性更新接口用于提供格式转换服务，属性更新接口的开发过程中可由开发人员定义了属性格式的转换规则。
115.可选的，在流程文件中将目标元素转换后的符合属性格式要求的元素属性写入目标元素对应的元素实例中。
116.作为示例的，在业务属性名为“指定人员”的情况下，用户点击用户选择时，流程图绘图工具调用业务系统提供的人员筛选组件，用户在人员筛选组件中点击人员选择按键，人员筛选组件响应于该点击操作，从后端的业务数据中获取人员姓名并显示，用户下选择好人员姓名后，流程图绘图工具可确定元素属性中的属性名为“userid”，人员筛选组件获得用户所选择的人员姓名，从后端的业务数据中获取用户所选择的人员姓名所对应的人员id，将人员id传给流程图绘图工具，流程图绘制工具将“userid”和人员id转换为符合属性格式要求的元素属性并记载在xml文件中。
117.基于前述任一实施例，在一种可能的实现方式中，在显示业务流程图之后，可响应于业务流程图的确认操作或者提交操作，将业务流程图的流程文件发送至服务器，以便服务器对流程文件进行解析，继而控制业务流程；和/或，可响应于业务流程图的确认操作或者提交操作，将业务流程图的创建信息添加至流程列表，从而通过流程列表提高对业务流程图的管理效果。
118.本实现方式中，可在流程图编辑页面上显示确认控件或者提交控件，用户在完成业务流程图的绘制后，可点击确认控件或者提交控件，触发对业务流程图进行上传的请求。终端响应于该请求，将业务流程图的流程未见上传至服务器，和/或，将业务流程图的创建信息添加至流程列表。其中，业务流程图的创建信息可包括业务流程图的名称、创建时间、绘制人员等信息。
119.进一步的，在流程图编辑页面的画布区域中显示业务流程图，可包括：响应于在流程图管理页面上业务流程图的编辑请求，显示流程图编辑页面和画布区域，并在画布区域显示业务流程图，从而，用户可以通过在流程图管理页面上请求编辑业务流程图的方式，画布区域中业务流程图的显示，打开自身或者其他人员绘制的业务流程图，而无需进行将文件手动导入流程图绘图工具，提高了业务流程图浏览的便捷性。
120.其中，流程图管理页面上可显示流程列表，在流程列表中的每一行中，显示有一个业务流程图的创建信息和编辑控件，用户可通过点击其中一行或多样的编辑控件的方式，发起对相应的业务流程图进行编辑的请求。终端可响应于用户对业务流程图的编辑请求，从服务器中获取业务流程图的流程文件，通过对流程文件进行解析，在绘图区域显示出业务流程图。
121.进一步的，在流程图编辑页面的画布区域中显示业务流程图，可包括：可显示流程图编辑页面和画布区域，响应于画布区域的绘制操作，在画布区域显示业务流程图。从而，用户可通过在画布区域进行绘制流程图的方式，实现画布区域中业务流程图的显示。
122.基于前述任一实施例，可选的，业务流程图对应的业务为审批业务，如图5所示，流程图编辑页面包括画布区域，画布区域显示有审批业务对应的业务流程图，业务流程图中的元素包括开始节点、审批节点和结束节点。可响应于用户在画布区域对审批节点的交互操作，在流程图编辑页面显示审批节点对应的属性编辑区域，在属性编辑区域中显示审批节点对应的业务内容。
123.如图5所示，审批节点对应的业务内容中，业务属性名包括审批人员、审批节点类型、上传附件，其中：审批人员对应的业务属性值包括“a、b、c”，其中，a、b、c代表不同的人名；审批节点类型对应的业务属性值包括“类型一”、“类型二”；上传附件对应的业务属性值包括：上传、不上传。从而，用户在审批节点对应的属性编辑区域可直观地看到业务内容。
124.如图5所示，在审批节点对应的属性编辑区域中，可显示业务内容的输入控件，比如图5中所示的“选择人员”控件501、“类型一”和“类型二”分别对应的勾选控件502、“上传附件”的勾选控件503。从而，用户可以在属性编辑区域中直观且灵活地为审批节点编辑业务内容。
125.基于图5所示的审批节点对应的属性编辑区域，可响应于用户与业务内容的输入控件的交互操作，获取审批节点对应的更新的业务内容，将更新的业务内容转换为审批节点的节点属性。比如，在用户点击“选择人员”控件501后，显示人员筛选组件，获取用户在人员筛选组件所选的人员姓名a、b、c，在属性编辑区域显示人员姓名a、b、c，同时将业务内容“审批人员：a、b、c”转换为对应的节点属性“userid：1、2、3”并写入流程文件。
126.其中，用户在画布区域绘制业务流程图或者在属性编辑页面编辑业务内容时，终端基于用户绘制的内容或者编辑的业务内容，动态更新流程文件。
127.如图5所示，画布区域还显示有提交控件504，用户可通过点击提交控件504，将业务流程图对应的流程文件上传至服务器，还可将业务流程图的创建信息添加至流程列表(图5未示出)。例如，在流程文件为xml文件的情况下，将业务流程图对应的xml文件上传至服务器。
128.如图5所示，画布区域还显示有取消控件505,用户可通过点击取消控件505，取消业务流程图的绘制。
129.基于前述任一实施例，可选的，流程图绘图工具为camunda工具。
130.相关技术中，camunda工具为需用户单独安装的第三方应用程序，用于绘制流程图，在camunda工具上绘制流程图时，存在以下多方面的不足：一方面，需按照camunda工具提供的固定模板为元素设置元素属性，具体的，需要在固定的属性编辑页面上，采用固定的字段为业务流程图中的元素添加元素属性，导致元素属性与业务的紧密性不足，稍加复杂的业务流程很难通过camunda工具绘制和展示出来，绘制出来的业务流程图也几乎没有语义性；另一方面，当绘图者或者其他用户想要查看业务流程时，无法通过web页面查看相应的业务流程图，而是需要将业务流程图导入camunda工具。
131.为解决camunda工具的上述缺点，在本技术实施例中，将camunda工具集成至web系统，实现在web页面上的业务流程图绘制和浏览，提高了业务流程图绘制和浏览的便捷性，用户可直接在web页面上打开和绘制业务流程图，而无需将业务流程图导入camunda工具；通过业务内容与元素属性之间的打通，即通过流程图编辑页面所显示的业务内容与流程文件中元素属性的打通，使得流程图编辑页面中可以直接显示元素对应的业务内容，可以基于用户在流程图编辑页面更新的业务内容，实现流程文件中元素属性的实时更新，提高了元素属性和业务内容之间的紧密性，使得业务流程图带有丰富的语义性，用户也无需按照camunda工具提供的固定模板为业务流程图中的元素添加元素属性，而是可以直接添加业务内容，绘制更复杂的业务流程。
132.可选的，还可在流程图编辑页面中为业务流程图中不同类型的元素提供不同的属
性编辑区域，相较于camunda工具提供的固定模式的属性编辑区域，该方式可以为不同类型的元素设置更贴合的更复杂的业务内容，提高了用户的绘制体验。比如，为审批节点和开始节点提供不同的属性编辑区域，可响应于用户点击审批节点，显示审批节点对应的属性编辑区域，响应于用户点击开始节点，显示开始节点对应的属性编辑区域。
133.基于流程图绘图工具为camunda工具，在将目标元素的业务内容转换为目标元素的元素属性以将目标元素的元素属性写入至流程文件的过程中，以及，在将流程文件中记载的目标元素的元素属性转换为目标属性的业务内容以直观显示目标元素的业务内容的过程中，需要基于camunda工具的格式要求，对web页面与camunda工具进行底层打通。可选的，底层打通过程如下：
134.首先，可预先创建配置文件，配置文件中记载着配置信息，配置信息包括需要进行格式转换的业务属性名或者需要进行格式转换的属性名。在画布区域显示业务流程图时，可加载该配置文件。
135.在显示过程中，可响应于业务流程图中目标元素的选中操作，从流程文件中获取目标元素的元素属性；可基于元素属性中属性名与业务属性名的对应关系，确定业务内容中的业务属性名；可通过调用与业务相关的功能组件，确定与元素属性中属性值对应的业务属性值，得到业务内容中的业务属性值。如此，将目标元素的元素属性转换得到目标元素对应的业务内容。之后，可在目标元素对应的属性编辑区域，显示目标元素对应的业务内容。从而，实现流程文件中目标元素的元素属性到属性编辑区域中目标元素的业务内容的打通，使得可以直接显示出目标元素的业务内容。
136.在编辑过程中，可获取用户在目标元素对应的属性编辑区域更新的业务内容，可基于配置文件中记载的配置信息和与业务相关的功能组件，将更新的业务内容转换为目标元素的元素属性，将目标元素的元素属性写入业务流程图对应的流程文件中。其中，配置文件用于确定业务内容是否需要进行格式转换，若需要，则可将更新的业务内容转换为符合camunda格式要求的元素属性，一种方式中，可将业务内容中的业务属性名{业务属性值}转换为camunda：属性名{属性值}。比如，将指定人员{a,b,c}转换为camunda：userid{1,2,3}。其中，与业务相关的功能组件可参照前述实施例，不再赘述。
137.可选的，配置文件为camunda.json文件。可在开发过程中，将camunda工具集成至web系统中，并在本地项目中创建自定义的camunda.json文件，将配置信息(比如哪些字段需要添加camunda格式)写入camunda.json文件。
138.基于本可选方案，可响应于对流程图编辑页面的显示，在业务流程图对应的生成实例中(例如new bpmnmodeler实例)加载camunda.json文件中的配置信息，其中，生成实例用于生成业务流程图的模型实例(例如modelering实例)，实例可以理解为函数或者对象。之后：
139.在业务内容到元素属性的打通过程中，可在业务流程图的模型实例中，调用属性更新接口(例如updateproperties api)，将目标元素的元素标识和目标元素的元素属性(通过与业务相关的功能组件对目标元素的业务内容进行转换得到，具体可参照前述实施例，不再赘述)输入至属性更新接口，该属性更新接口用于提供格式转换服务，将目标元素的元素属性转换为符合camunda工具的格式要求的元素属性，基于目标元素的元素标识，在业务流程图对应的流程文件(例如xml文件)中，将转换后得到的符合camunda工具的格式要
求的元素属性写入目标元素的元素实例。比如，将指定人员{a,b,c}转换为camunda：userid{1,2,3}写入xml文件记载的目标元素的元素实例中，其中，“camunda：”相当于camunda工具的格式要求。
140.在元素属性到业务内容的打通过程中，可在目标元素的元素实例中监听用户交互目标元素所触发的转换事件(例如changed事件)；响应于监听到转换事件，从流程文件记载的目标元素的元素实例中，获得目标元素的属性名(例如bussinessobject)和属性值(例如bussinessobject.$attrs)；可通过与业务相关的功能组件与后端的业务数据进行数据交互的方式，将元素的属性名和属性值转换为目标元素的业务内容；最后，显示目标元素的业务内容。
141.以人员选择为例，用户在流程图编辑页面中与目标元素对应的属性编辑区域点击用户选择时，流程图编辑页面将调用业务系统的人员筛选组件(即功能组件)，通过人员筛选组件从后端的业务数据中获取所有组织机构和操作员并展示给用户；在用户选择完人员并点击确认之后，人员筛选组件将输出用户所选择人员的id，流程图编辑页面可调用属性更新接口，通过属性更新接口提供的格式转换服务，将《选中人员，人员id》转换为符合camunda工具的格式要求的元素属性，之后将该元素属性写入xml文件中。
142.用户点击画布区域中某个元素时，全局记录(或者跟踪)当前被点击的元素，响应于用户点击选择人员，从流程文件中记载的被选中元素的camunda格式的元素属性中读取人员的id，将人员的id输入人员筛选组件，获取人员筛选组件输出的人员姓名，将人员姓名展示给用户。如此，用户此时可以看到此元素之前被选择的人员姓名，可以在之前的选择状态上继续进行操作，比如添加新的人员，或者删除之前被选择的人员。
143.下述为本技术装置实施例，可以用于执行本技术对应的方法实施例。对于本技术装置实施例中未披露的细节，请参照本技术对应的方法实施例。
144.参考图6，图6为本技术实施例提供的流程图处理装置的结构示意图，该流程图处理装置应用于终端，终端通过网页版的流程图绘图工具进行流程图的绘制。如图6所示，本实施例提供的流程图处理装置600，包括：
145.第一显示模块601，用于在流程图编辑页面的画布区域中，显示业务流程图；
146.属性确定模块602，用于响应于业务流程图中目标元素的交互操作，确定目标元素的元素属性，元素属性包括属性名和与属性名对应的属性值；
147.业务确定模块603，用于根据目标元素的元素属性，确定目标元素对应的业务内容，业务内容包括业务属性名和与业务属性名对应的业务属性值；
148.第二显示模块604，用于在流程图编辑页面中，显示与目标元素对应的属性编辑区域；
149.第三显示模块605，用于在属性编辑区域中，显示目标元素对应的业务内容。
150.在一种可能的实现方式中，属性确定模块602具体用于：响应于目标元素的交互操作，从业务流程图对应的流程文件中，获取目标元素的元素属性；其中，在流程文件中，目标元素的元素属性为默认属性，或者，目标元素的元素属性基于用户在属性编辑区域为目标元素设置的业务内容生成。
151.在一种可能的实现方式中，在响应于目标元素的交互操作，从业务流程图对应的流程文件中，获取目标元素的元素属性的过程中，属性确定模块602具体用于：响应于监听
到交互操作触发的事件，从流程文件中获取目标元素对应的元素实例，从元素实例中获取目标元素的属性名和目标元素的属性名对应的属性值。
152.在一种可能的实现方式中，业务确定模块603具体用于：根据元素属性与业务内容的预设映射关系，确定目标元素对应的业务内容为目标元素的元素属性对应的业务内容。
153.在一种可能的实现方式中，第二显示模块604具体用于：在流程图编辑页面中，显示与目标元素对应的属性编辑区域；在属性编辑区域中，显示目标元素对应的业务内容。
154.在一种可能的实现方式中，在流程图编辑页面中，显示与目标元素对应的属性编辑区域的过程中，第二显示模块604具体用于：根据目标元素的元素类型与属性编辑区域的对应关系，确定与目标元素对应的属性编辑区域并显示；其中，不同元素类型的元素对应不同的属性编辑区域。
155.在一种可能的实现方式中，流程图处理装置还包括编辑模块(图6未示出)，编辑模块用于：响应于属性编辑区域中输入控件的交互操作，获取更新的业务内容；根据更新的业务内容，更新目标元素的元素属性。
156.在一种可能的实现方式中，在根据更新的业务内容，更新目标元素的元素属性的过程中，编辑模块具体用于：将更新的业务内容转换为符合属性格式要求的元素属性；在业务流程图对应的流程文件中，确定目标元素的元素属性包括符合属性格式要求的元素属性。
157.在一种可能的实现方式中，在将更新的业务内容转换为符合属性格式要求的元素属性的过程中，编辑模块具体用于：若更新的业务内容中的业务属性名位于配置信息中，则将更新的业务内容转换为符合属性格式要求的元素属性；其中，配置信息中包含需进行格式转换的业务属性名。
158.在一种可能的实现方式中，在若更新的业务内容中的业务属性名位于配置信息中，则将更新的业务内容转换为符合属性格式要求的元素属性的过程中，编辑模块具体用于：通过与业务相关的功能组件，确定更新的业务内容对应的元素属性；若更新的业务内容中的业务属性名位于配置信息中，则将更新的业务内容对应的元素属性转换为符合属性格式要求的元素属性。在业务流程图对应的流程文件中，确定目标元素的元素属性包括符合属性格式要求的元素属性的过程中，编辑模块具体用于：将符合属性格式要求的元素属性写入流程文件。
159.在一种可能的实现方式中，流程图处理装置，还包括：上传模块(图6未示出)，用于响应于业务流程图的确认操作或者提交操作，将业务流程图的创建信息添加至流程列表，以及将业务流程图的流程文件发送至服务器。
160.在一种可能的实现方式中，第一显示模块601具体用于：响应于在流程图管理页面上业务流程图的编辑请求，显示流程图编辑页面和画布区域，并在画布区域显示业务流程图；或者，显示流程图编辑页面和画布区域，响应于画布区域的绘制操作，在画布区域显示业务流程图。
161.值得说明的，上述各实施例提供的流程图处理装置，可用于执行上述任一实施例提供的流程图处理方法中的各步骤，具体实现方式和技术效果类似，这里不再赘述。
162.本技术所提供的上述各装置实施例仅仅是示意性的，其中的模块划分仅仅是一种逻辑功能划分，实际实现时可以有另外的划分方式。例如多个模块可以结合或者可以集成
到另一个系统。各个模块相互之间的耦合可以是通过一些接口实现，这些接口通常是电性通信接口，但是也不排除可能是机械接口或其它的形式接口。因此，作为分离部件说明的模块可以是或者也可以不是物理上分开的，既可以位于一个地方，也可以分布到同一个或不同设备的不同位置上。
163.参考图7，图7为本技术实施例提供的电子设备的结构示意图。如图7所示，该电子设备700可以包括：至少一个处理器701和存储器702。图7示出的是以一个处理器为例的电子设备。
164.存储器702，用于存放处理器701的程序。具体地，程序可以包括程序代码，程序代码包括计算机操作指令。
165.存储器702可能包含高速ram存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。
166.处理器701配置为用于执行存储器702存储的计算机程序，以实现以上各方法实施例中流程图处理方法中的各步骤。
167.其中，处理器701可能是一个中央处理器(central processing unit，简称为cpu)，或者是特定集成电路(application specific integrated circuit，简称为asic)，或者是被配置成实施本技术实施例的一个或多个集成电路。
168.可选地，存储器702既可以是独立的，也可以跟处理器701集成在一起。当存储器702是独立于处理器701之外的器件时，电子设备700，还可以包括：总线703，用于连接处理器701以及存储器702。总线可以是工业标准体系结构(industry standard architecture，简称为isa)总线、外部设备互连(peripheralcomponent，pci)总线或扩展工业标准体系结构(extended industry standardarchitecture，eisa)总线等。总线可以分为地址总线、数据总线、控制总线等，但并不表示仅有一根总线或一种类型的总线。
169.可选的，在具体实现上，如果存储器702和处理器701集成在一块芯片上实现，则存储器702和处理器701可以通过内部接口完成通信。
170.本技术还提供了一种计算机可读存储介质，该计算机可读存储介质可以包括：u盘、移动硬盘、只读存储器(read-only memory，rom)、随机存取存储器(random accessmemory，ram)、磁盘或者光盘等各种可以存储程序代码的介质，具体的，该计算机可读存储介质中存储有计算机程序，当电子设备的至少一个处理器执行该计算机程序时，电子设备执行上述的各种实施方式提供的流程图处理方法的各个步骤。
171.本技术实施例还提供一种计算机程序产品，该计算机程序产品包括计算机程序，该计算机程序存储在可读存储介质中。电子设备的至少一个处理器可以从可读存储介质读取该计算机程序，至少一个处理器执行该计算机程序使得电子设备实施上述的各种实施方式提供的流程图处理方法的各个步骤。
172.本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本技术的其它实施方案。本技术旨在涵盖本技术的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本技术的一般性原理并包括本技术未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本技术的真正范围和精神由下面的权利要求书指出。
173.应当理解的是，本技术并不局限于上面已经描述并在附图中示出的精确结构，并
且可以在不脱离其范围进行各种修改和改变。本技术的范围仅由所附的权利要求书来限制。