页面编辑方法、装置、电子设备及存储介质与流程

1.本发明涉及研发管理领域，尤其涉及一种页面编辑方法、装置、电子设备及存储介质。


背景技术：

2.在金融领域中的业务项目通常是由多个不同业务人员负责，例如，业务项目可以是指电子交易相关的项目，而在项目最后需要递交项目报告，不同的业务人员负责不同的部分，故在项目报告的编辑上则需要多人进行在线编辑。在线编辑是业务系统通过文档控件集成了软件或其他思维导图、流程图软件，在页面中直接打开了存储在服务端的文件进行预览和编辑。
3.现有的在线编辑方法采用整体保存的方案，用户只有编辑完成后点击保存才可提交编辑内容到服务器中保存，精细化、颗粒化程度不够，并且由于数据提交的时序有先后关系，会出现数据覆盖的情况，进而导致页面编辑的准确度不够高。因此，亟待提出一种准确度更高的页面编辑方法。


技术实现要素：

4.本发明提供一种页面编辑方法、装置、电子设备及存储介质，其主要目的在于提高金融科技领域中页面编辑的准确度。
5.为实现上述目的，本发明提供的一种页面编辑方法，包括：
6.利用预设连接协议建立与服务端之间的连接，并获取所述服务端的操作流程数据，对所述流程数据进行图像渲染，得到操作流程页面；
7.提取所述操作流程页面中的多个业务操作并将所述业务操作转换为操作指令，对所述操作指令进行指令细化处理，得到细化指令；
8.当接收到编辑请求及所述编辑请求对应的待编辑数据时，将所述细化指令输入至预设消息队列中进行顺序消费，得到顺序消费结果，根据所述顺序消费结果及所述待编辑数据对所述操作流程页面进行初次编辑处理，得到初始编辑页面；
9.识别所述操作流程页面中的多个参考客户端，当获取到多个所述参考客户端的编辑操作时，对所述初始编辑页面进行数据更新处理，将数据更新后的页面作为编辑完成页面。
10.可选地，所述对所述流程数据进行图像渲染，得到操作流程图，包括：
11.将所述流程数据按照预设优先级顺序发送给对应的流程组件并利用所述流程组件进行数据转换处理，得到组件转换数据；
12.识别所述组件转换数据中的节点信息数据及关系信息数据，根据所述节点信息数据和所述关系信息数据构建对应的操作流程图；
13.利用渲染坐标算法将所述操作流程图渲染至前端页面中，得到操作流程页面。
14.可选地，所述提取所述操作流程页面中的多个业务操作并将所述业务操作转换为
操作指令，包括：
15.获取所述操作流程页面中的操作流程图对应的关系信息数据，将所述关系信息数据中的多个节点之间的交互作为业务操作；
16.将所述业务操作与预设参考指令库中的指令进行比对，并将所述参考指令对应的指令类别标识作为所述业务操作的操作类别标识；
17.将所述操作类别标识与对应的业务操作进行绑定处理，得到操作指令。
18.可选地，所述将所述细化指令输入至预设消息队列中进行顺序消费，得到顺序消费结果，包括：
19.当所述预设消息队列接收到所述细化指令时，根据所述细化指令对消息队列中的数据进行数据操作，得到操作信息；
20.识别所述消息队列的队列名称，根据所述队列名称检索到对应的队列处理标识，利用所述队列处理标识对应的队列进程对所述操作信息进行消费处理，得到顺序消费结果。
21.可选地，所述得到顺序消费结果之后，所述方法还包括：
22.根据所述客户端对应的全局唯一标识符创建缓存列表；
23.将执行完的所述细化指令存入所述缓存列表中。
24.可选地，所述对所述初始编辑页面进行数据更新处理，将数据更新后的页面作为编辑完成页面，包括：
25.利用预设流程比较算法计算所述初始编辑页面的第一对比值和所述参考客户端的编辑操作对应的第二对比值；
26.基于所述第一比对值和所述第二比对值生成的比较结果将所述编辑操作对应的数据合并到所述初始编辑页面中，得到数据更新后的页面；
27.将所述数据更新后的页面作为编辑完成页面。
28.可选地，所述得到操作流程页面之后，所述方法还包括：
29.生成所述客户端对应的全局唯一标识符。
30.为了解决上述问题，本发明还提供一种页面编辑装置，所述装置包括：
31.图像渲染模块，用于利用预设连接协议建立与服务端之间的连接，并获取所述服务端的操作流程数据，对所述流程数据进行图像渲染，得到操作流程页面；
32.指令细化模块，用于提取所述操作流程页面中的多个业务操作并将所述业务操作转换为操作指令，对所述操作指令进行指令细化处理，得到细化指令；
33.初次编辑模块，用于当接收到编辑请求及所述编辑请求对应的待编辑数据时，将所述细化指令输入至预设消息队列中进行顺序消费，得到顺序消费结果，根据所述顺序消费结果及所述待编辑数据对所述操作流程页面进行初次编辑处理，得到初始编辑页面；
34.数据更新模块，用于识别所述操作流程页面中的多个参考客户端，当获取到多个所述参考客户端的编辑操作时，对所述初始编辑页面进行数据更新处理，将数据更新后的页面作为编辑完成页面。
35.为了解决上述问题，本发明还提供一种电子设备，所述电子设备包括：
36.至少一个处理器；以及，
37.与所述至少一个处理器通信连接的存储器；其中，
38.所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行上述所述的页面编辑方法。
39.为了解决上述问题，本发明还提供一种存储介质，所述存储介质中存储有至少一个计算机程序，所述至少一个计算机程序被电子设备中的处理器执行以实现上述所述的页面编辑方法。
40.本发明实施例中，通过连接协议建立和服务端的连接，并将其他客户端的编辑数据实时推送到每一个客户端，服务器针对每一个提交的编辑操作都会放入预设消息队列，只有前一个编辑操作完成，后一个编辑操作才能进入处理，有效阻止了数据覆盖的情况。页面提交保存操作精细到颗粒化的程度，用户可以针对单个点进行编辑操作保存，有效解决编辑冲突以及保存时效问题。因此本发明提出的页面编辑方法、装置、电子设备及存储介质，可以解决提高页面编辑的准确度低的问题。
附图说明
41.图1为本发明一实施例提供的页面编辑方法的流程示意图；
42.图2为图1中其中一个步骤的详细实施流程示意图；
43.图3为本发明一实施例提供的页面编辑装置的功能模块图；
44.图4为本发明一实施例提供的实现所述页面编辑方法的电子设备的结构示意图。
45.本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
46.应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
47.本技术实施例提供一种页面编辑方法。所述页面编辑方法的执行主体包括但不限于服务端、终端等能够被配置为执行本技术实施例提供的该方法的电子设备中的至少一种。换言之，所述页面编辑方法可以由安装在终端设备或服务端设备的软件或硬件来执行，所述软件可以是区块链平台。所述服务端包括但不限于：单台服务器、服务器集群、云端服务器或云端服务器集群等。所述服务器可以是独立的服务器，也可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(contentdelivery network，cdn)、以及大数据和人工智能平台等基础云计算服务的云服务器。
48.参照图1所示，为本发明一实施例提供的页面编辑方法的流程示意图。
49.在本实施例中，所述页面编辑方法包括以下步骤s1-s4：
50.s1、利用预设连接协议建立与服务端之间的连接，并获取所述服务端的操作流程数据，对所述流程数据进行图像渲染，得到操作流程页面。
51.本发明实施例中，所述预设连接协议是指通过websocket长连接实现的客户端与服务端之间的连接。其中，所述websocket是一个持久化的协议，该协议使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。而所述操作流程数据可以是指在金融科技领域中进行业务流程操作的相关数据。例如，所述操作流程数据是电子交易相关的流程数据，包括建立交易双方之间的连接，进行交易操作等。
52.具体地，所述利用预设连接协议建立与服务端之间的连接之前，所述方法还包括：
53.基于客户端对用户进行登录鉴权处理，得到鉴权结果；
54.当所述鉴权结果为鉴权通过时，建立所述客户端与服务端之间的连接。
55.详细地，用户通过浏览器客户端登录鉴权后进入多轮对话项目流程图时，与服务端建立以单个项目为单位的websocket长连接，客户端请求服务端获取流程图数据以便后续进行渲染流程图。
56.进一步地，参照图2所示，所述对所述流程数据进行图像渲染，得到操作流程图，包括以下步骤s21-s23：
57.s21、将所述流程数据按照预设优先级顺序发送给对应的流程组件并利用所述流程组件进行数据转换处理，得到组件转换数据；
58.s22、识别所述组件转换数据中的节点信息数据及关系信息数据，根据所述节点信息数据和所述关系信息数据构建对应的操作流程图；
59.s23、利用渲染坐标算法将所述操作流程图渲染至前端页面中，得到操作流程页面。
60.详细地，为了避免后期流程图设计过程中各个流程组件杂乱的数据处理影响流程图自身的扩展性，根据流程数据中的各个流程组件负责执行的数据进行数据拆分，各个流程组件中都设有对应的转换器，拆分后的流程数据根据各个流程组件执行的数据对应的事件的优先级顺序进行优先级排序，最后根据优先级排序的结果依次将数据发送给各个数据对应的流程组件进行数据处理获得组件转换数据。
61.其中，由于所述组件转换数据中包含节点信息数据和关系信息数据，构建对应的操作流程图并利用利用渲染坐标算法将所述操作流程图渲染至前端页面中，得到操作流程页面。
62.具体地，所述得到操作流程页面之后，所述方法还包括：
63.生成所述客户端对应的全局唯一标识符。
64.详细地，所述全局唯一标识符定义了在时间和空间都完全唯一的系统信息。
65.例如，所述全局唯一标识符可以为66c7d16e317f4b66a98dfc8222c87150，该标识符可以用于后续记录该客户端的操作以及存活的客户端方便推送其它客户端的操作指令。
66.s2、提取所述操作流程页面中的多个业务操作并将所述业务操作转换为操作指令，对所述操作指令进行指令细化处理，得到细化指令。
67.本发明实施例中，所述提取所述操作流程页面中的多个业务操作并将所述业务操作转换为操作指令，包括：
68.获取所述操作流程页面中的操作流程图对应的关系信息数据，将所述关系信息数据中的多个节点之间的交互作为业务操作；
69.将所述业务操作与预设参考指令库中的指令进行比对，并将所述参考指令对应的指令类别标识作为所述业务操作的操作类别标识；
70.将所述操作类别标识与对应的业务操作进行绑定处理，得到操作指令。
71.详细地，所述关系信息数据中包括节点之间的连线操作数据，将操作流程图节点、连线的操作分为多个类别指令:新增(create)、修改(update)、删除(delete)、移动(move)、复制(copy)。
72.其中，所述业务操作是指在金融科技领域中与电子交易相关的业务操作。
73.具体地，对所述操作指令进行指令细化处理是指针对不同类型的节点存在细分，节点内不同属性、模块等也进行了颗粒化的划分，确保每个操作进行最小力度的变更。
74.s3、当接收到编辑请求及所述编辑请求对应的待编辑数据时，将所述细化指令输入至预设消息队列中进行顺序消费，得到顺序消费结果，根据所述顺序消费结果及所述待编辑数据对所述操作流程页面进行初次编辑处理，得到初始编辑页面。
75.本发明实施例中，所述编辑请求是指用户在进行编辑操作提交时发出的请求，所述编辑请求对应的待编辑数据是指在进行页面编辑是需要输入的数据。
76.具体地，所述当接收到编辑请求及所述编辑请求对应的待编辑数据时之前，所述方法还包括：
77.基于发送json串指令的方法将所述待编辑数据发送至服务端。
78.详细地，用户在进行编辑操作提交时，客户端通过发送json串指令的方式将编辑数据传给服务器。
79.进一步地，所述将所述细化指令输入至预设消息队列中进行顺序消费，得到顺序消费结果，包括：
80.当所述预设消息队列接收到所述细化指令时，根据所述细化指令对消息队列中的数据进行数据操作，得到操作信息；
81.识别所述消息队列的队列名称，根据所述队列名称检索到对应的队列处理标识，利用所述队列处理标识对应的队列进程对所述操作信息进行消费处理，得到顺序消费结果。
82.详细地，所述预设消息队列为rabbitmq队列，rabbitmq队列是一个实现了amqp的开源消息中间件。使用rabbitmq实现应用系统软件间的通信，可以屏蔽底层操作系统、网络环境及开发语言的差异性，使软件的开发工作变得简单，同时也可以缩短开发周期。
83.具体地，所述得到顺序消费结果之后，所述方法还包括：
84.根据所述客户端对应的全局唯一标识符创建缓存列表；
85.将执行完的所述细化指令存入所述缓存列表中。
86.其中，所述缓存列表为redis列表。
87.进一步地，根据所述顺序消费结果及所述待编辑数据对所述操作流程页面进行初次编辑处理，得到初始编辑页面。将操作指令放入rabbitmq队列中，rabbitmq队列顺序消费对应的类别操作指令，解析操作数据更新数据库中的流程图。指令执行完成后将对应的指令存入以客户端唯一标识创建的redis列表中，等待其它客户端的websocket轮询消费。
88.s4、识别所述操作流程页面中的多个参考客户端，当获取到多个所述参考客户端的编辑操作时，对所述初始编辑页面进行数据更新处理，将数据更新后的页面作为编辑完成页面。
89.本发明实施例中，由于页面可以供多人实现协同在线编辑，因此可以识别出所述操作流程页面中其他的客户端作为多个参考客户端。
90.具体地，所述操作流程页面中的每个客户端会定时通过websocket长连接轮询获取其它参考客户端发生的编辑操作，其中，所述编辑操作是指新增、修改、删除、移动或者复制等操作。
91.进一步地，所述当获取到多个所述参考客户端的编辑操作时之后，所述方法还包括：
92.将所述缓存列表进行销毁处理。
93.详细地，获取其它客户端发生的编辑操作，即新增、修改、删除、移动、复制操作，获取完成后服务端销毁redis列表
94.具体地，所述对所述初始编辑页面进行数据更新处理，将数据更新后的页面作为编辑完成页面，包括：
95.利用预设流程比较算法计算所述初始编辑页面的第一对比值和所述参考客户端的编辑操作对应的第二对比值；
96.基于所述第一比对值和所述第二比对值生成的比较结果将所述编辑操作对应的数据合并到所述初始编辑页面中，得到数据更新后的页面；
97.将所述数据更新后的页面作为编辑完成页面。
98.详细地，所述预设流程比较算法是指diff算法，所述diff算法是虚拟dom中采用的算法，该算法把树形结构按照层级分解，只比较同级元素，不同层级的节点只有创建和删除操作。
99.例如，客户端通过对比流程图前后的diff，进行数据合并处理后刷新页面的流程图并提示用户其它客户端对某个节点某个部分进行了更新，比如用户a需要修改图3玲珑心对话流程图机器人话术节点中的话术内容，修改完成保存后，其他在线的用户如果同在该话术节点编辑操作，页面会进行提示用户a对该节点修改了话术，并且话术部分数据也会进行刷新呈现最新的话术。
100.优选地，本方案可以让用户实时了解到其它客户端对流程图的更新，更好的进行协同完成某项任务，防止多余的无用功以及防止对别的客户端操作的数据产生覆盖影响。
101.进一步地，所述将数据更新后的页面作为编辑完成页面之后，所述方法还包括：
102.对所述全局唯一标识符及所述全局唯一标识符对应的数据进行回收销毁处理。
103.详细地，对全局唯一标识符66c7d16e317f4b66a98dfc8222c87150以及所述全局唯一标识符对应的用户数据进行回收销毁。
104.本发明实施例中，通过连接协议建立和服务端的连接，并将其他客户端的编辑数据实时推送到每一个客户端，服务器针对每一个提交的编辑操作都会放入预设消息队列，只有前一个编辑操作完成，后一个编辑操作才能进入处理，有效阻止了数据覆盖的情况。页面提交保存操作精细到颗粒化的程度，用户可以针对单个点进行编辑操作保存，有效解决编辑冲突以及保存时效问题。因此本发明提出的页面编辑方法可以解决提高页面编辑的准确度低的问题。
105.如图3所示，是本发明一实施例提供的页面编辑装置的功能模块图。
106.本发明所述页面编辑装置100可以安装于电子设备中。根据实现的功能，所述页面编辑装置100可以包括图像渲染模块101、指令细化模块102、初次编辑模块模块103及数据更新模块104。本发明所述模块也可以称之为单元，是指一种能够被电子设备处理器所执行，并且能够完成固定功能的一系列计算机程序段，其存储在电子设备的存储器中。
107.在本实施例中，关于各模块/单元的功能如下：
108.所述图像渲染模块101，用于利用预设连接协议建立与服务端之间的连接，并获取
所述服务端的操作流程数据，对所述流程数据进行图像渲染，得到操作流程页面；
109.所述指令细化模块102，用于提取所述操作流程页面中的多个业务操作并将所述业务操作转换为操作指令，对所述操作指令进行指令细化处理，得到细化指令；
110.所述初次编辑模块103，用于当接收到编辑请求及所述编辑请求对应的待编辑数据时，将所述细化指令输入至预设消息队列中进行顺序消费，得到顺序消费结果，根据所述顺序消费结果及所述待编辑数据对所述操作流程页面进行初次编辑处理，得到初始编辑页面；
111.所述数据更新模块104，用于识别所述操作流程页面中的多个参考客户端，当获取到多个所述参考客户端的编辑操作时，对所述初始编辑页面进行数据更新处理，将数据更新后的页面作为编辑完成页面。
112.详细地，所述页面编辑装置100各模块的具体实施方式如下：
113.步骤一、利用预设连接协议建立与服务端之间的连接，并获取所述服务端的操作流程数据，对所述流程数据进行图像渲染，得到操作流程页面。
114.本发明实施例中，所述预设连接协议是指通过websocket长连接实现的客户端与服务端之间的连接。其中，所述websocket是一个持久化的协议，该协议使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。而所述操作流程数据可以是指在金融科技领域中进行业务流程操作的相关数据。例如，所述操作流程数据是电子交易相关的流程数据，包括建立交易双方之间的连接，进行交易操作等。
115.具体地，所述利用预设连接协议建立与服务端之间的连接之前，所述方法还包括：
116.基于客户端对用户进行登录鉴权处理，得到鉴权结果；
117.当所述鉴权结果为鉴权通过时，建立所述客户端与服务端之间的连接。
118.详细地，用户通过浏览器客户端登录鉴权后进入多轮对话项目流程图时，与服务端建立以单个项目为单位的websocket长连接，客户端请求服务端获取流程图数据以便后续进行渲染流程图。
119.进一步地，所述对所述流程数据进行图像渲染，得到操作流程图，包括：
120.将所述流程数据按照预设优先级顺序发送给对应的流程组件并利用所述流程组件进行数据转换处理，得到组件转换数据；
121.识别所述组件转换数据中的节点信息数据及关系信息数据，根据所述节点信息数据和所述关系信息数据构建对应的操作流程图；
122.利用渲染坐标算法将所述操作流程图渲染至前端页面中，得到操作流程页面。
123.详细地，为了避免后期流程图设计过程中各个流程组件杂乱的数据处理影响流程图自身的扩展性，根据流程数据中的各个流程组件负责执行的数据进行数据拆分，各个流程组件中都设有对应的转换器，拆分后的流程数据根据各个流程组件执行的数据对应的事件的优先级顺序进行优先级排序，最后根据优先级排序的结果依次将数据发送给各个数据对应的流程组件进行数据处理获得组件转换数据。
124.其中，由于所述组件转换数据中包含节点信息数据和关系信息数据，构建对应的操作流程图并利用利用渲染坐标算法将所述操作流程图渲染至前端页面中，得到操作流程页面。
125.具体地，所述得到操作流程页面之后，所述方法还包括：
126.生成所述客户端对应的全局唯一标识符。
127.详细地，所述全局唯一标识符定义了在时间和空间都完全唯一的系统信息。
128.例如，所述全局唯一标识符可以为66c7d16e317f4b66a98dfc8222c87150，该标识符可以用于后续记录该客户端的操作以及存活的客户端方便推送其它客户端的操作指令。
129.步骤二、提取所述操作流程页面中的多个业务操作并将所述业务操作转换为操作指令，对所述操作指令进行指令细化处理，得到细化指令。
130.本发明实施例中，所述提取所述操作流程页面中的多个业务操作并将所述业务操作转换为操作指令，包括：
131.获取所述操作流程页面中的操作流程图对应的关系信息数据，将所述关系信息数据中的多个节点之间的交互作为业务操作；
132.将所述业务操作与预设参考指令库中的指令进行比对，并将所述参考指令对应的指令类别标识作为所述业务操作的操作类别标识；
133.将所述操作类别标识与对应的业务操作进行绑定处理，得到操作指令。
134.详细地，所述关系信息数据中包括节点之间的连线操作数据，将操作流程图节点、连线的操作分为多个类别指令:新增(create)、修改(update)、删除(delete)、移动(move)、复制(copy)。
135.其中，所述业务操作是指在金融科技领域中与电子交易相关的业务操作。
136.具体地，对所述操作指令进行指令细化处理是指针对不同类型的节点存在细分，节点内不同属性、模块等也进行了颗粒化的划分，确保每个操作进行最小力度的变更。
137.步骤三、当接收到编辑请求及所述编辑请求对应的待编辑数据时，将所述细化指令输入至预设消息队列中进行顺序消费，得到顺序消费结果，根据所述顺序消费结果及所述待编辑数据对所述操作流程页面进行初次编辑处理，得到初始编辑页面。
138.本发明实施例中，所述编辑请求是指用户在进行编辑操作提交时发出的请求，所述编辑请求对应的待编辑数据是指在进行页面编辑是需要输入的数据。
139.具体地，所述当接收到编辑请求及所述编辑请求对应的待编辑数据时之前，所述方法还包括：
140.基于发送json串指令的方法将所述待编辑数据发送至服务端。
141.详细地，用户在进行编辑操作提交时，客户端通过发送json串指令的方式将编辑数据传给服务器。
142.进一步地，所述将所述细化指令输入至预设消息队列中进行顺序消费，得到顺序消费结果，包括：
143.当所述预设消息队列接收到所述细化指令时，根据所述细化指令对消息队列中的数据进行数据操作，得到操作信息；
144.识别所述消息队列的队列名称，根据所述队列名称检索到对应的队列处理标识，利用所述队列处理标识对应的队列进程对所述操作信息进行消费处理，得到顺序消费结果。
145.详细地，所述预设消息队列为rabbitmq队列，rabbitmq队列是一个实现了amqp的开源消息中间件。使用rabbitmq实现应用系统软件间的通信，可以屏蔽底层操作系统、网络环境及开发语言的差异性，使软件的开发工作变得简单，同时也可以缩短开发周期。
146.具体地，所述得到顺序消费结果之后，所述方法还包括：
147.根据所述客户端对应的全局唯一标识符创建缓存列表；
148.将执行完的所述细化指令存入所述缓存列表中。
149.其中，所述缓存列表为redis列表。
150.进一步地，根据所述顺序消费结果及所述待编辑数据对所述操作流程页面进行初次编辑处理，得到初始编辑页面。将操作指令放入rabbitmq队列中，rabbitmq队列顺序消费对应的类别操作指令，解析操作数据更新数据库中的流程图。指令执行完成后将对应的指令存入以客户端唯一标识创建的redis列表中，等待其它客户端的websocket轮询消费。
151.步骤四、识别所述操作流程页面中的多个参考客户端，当获取到多个所述参考客户端的编辑操作时，对所述初始编辑页面进行数据更新处理，将数据更新后的页面作为编辑完成页面。
152.本发明实施例中，由于页面可以供多人实现协同在线编辑，因此可以识别出所述操作流程页面中其他的客户端作为多个参考客户端。
153.具体地，所述操作流程页面中的每个客户端会定时通过websocket长连接轮询获取其它参考客户端发生的编辑操作，其中，所述编辑操作是指新增、修改、删除、移动或者复制等操作。
154.进一步地，所述当获取到多个所述参考客户端的编辑操作时之后，所述方法还包括：
155.将所述缓存列表进行销毁处理。
156.详细地，获取其它客户端发生的编辑操作，即新增、修改、删除、移动、复制操作，获取完成后服务端销毁redis列表
157.具体地，所述对所述初始编辑页面进行数据更新处理，将数据更新后的页面作为编辑完成页面，包括：
158.利用预设流程比较算法计算所述初始编辑页面的第一对比值和所述参考客户端的编辑操作对应的第二对比值；
159.基于所述第一比对值和所述第二比对值生成的比较结果将所述编辑操作对应的数据合并到所述初始编辑页面中，得到数据更新后的页面；
160.将所述数据更新后的页面作为编辑完成页面。
161.详细地，所述预设流程比较算法是指diff算法，所述diff算法是虚拟dom中采用的算法，该算法把树形结构按照层级分解，只比较同级元素，不同层级的节点只有创建和删除操作。
162.例如，客户端通过对比流程图前后的diff，进行数据合并处理后刷新页面的流程图并提示用户其它客户端对某个节点某个部分进行了更新，比如用户a需要修改图3玲珑心对话流程图机器人话术节点中的话术内容，修改完成保存后，其他在线的用户如果同在该话术节点编辑操作，页面会进行提示用户a对该节点修改了话术，并且话术部分数据也会进行刷新呈现最新的话术。
163.优选地，本方案可以让用户实时了解到其它客户端对流程图的更新，更好的进行协同完成某项任务，防止多余的无用功以及防止对别的客户端操作的数据产生覆盖影响。
164.进一步地，所述将数据更新后的页面作为编辑完成页面之后，所述方法还包括：
165.对所述全局唯一标识符及所述全局唯一标识符对应的数据进行回收销毁处理。
166.详细地，对全局唯一标识符66c7d16e317f4b66a98dfc8222c87150以及所述全局唯一标识符对应的用户数据进行回收销毁。
167.本发明实施例中，通过连接协议建立和服务端的连接，并将其他客户端的编辑数据实时推送到每一个客户端，服务器针对每一个提交的编辑操作都会放入预设消息队列，只有前一个编辑操作完成，后一个编辑操作才能进入处理，有效阻止了数据覆盖的情况。页面提交保存操作精细到颗粒化的程度，用户可以针对单个点进行编辑操作保存，有效解决编辑冲突以及保存时效问题。因此本发明提出的页面编辑装置可以解决提高页面编辑的准确度低的问题。
168.如图4所示，是本发明一实施例提供的实现页面编辑方法的电子设备的结构示意图。
169.所述电子设备1可以包括处理器10、存储器11、通信总线12以及通信接口13，还可以包括存储在所述存储器11中并可在所述处理器10上运行的计算机程序，如页面编辑程序。
170.其中，所述处理器10在一些实施例中可以由集成电路组成，例如可以由单个封装的集成电路所组成，也可以是由多个相同功能或不同功能封装的集成电路所组成，包括一个或者多个中央处理器(central processing unit，cpu)、微处理器、数字处理芯片、图形处理器及各种控制芯片的组合等。所述处理器10是所述电子设备的控制核心(control unit)，利用各种接口和线路连接整个电子设备的各个部件，通过运行或执行存储在所述存储器11内的程序或者模块(例如执行页面编辑程序等)，以及调用存储在所述存储器11内的数据，以执行电子设备的各种功能和处理数据。
171.所述存储器11至少包括一种类型的可读存储介质，所述可读存储介质包括闪存、移动硬盘、多媒体卡、卡型存储器(例如：sd或dx存储器等)、磁性存储器、磁盘、光盘等。所述存储器11在一些实施例中可以是电子设备的内部存储单元，例如该电子设备的移动硬盘。所述存储器11在另一些实施例中也可以是电子设备的外部存储设备，例如电子设备上配备的插接式移动硬盘、智能存储卡(smart media card，smc)、安全数字(secure digital，sd)卡、闪存卡(flash card)等。进一步地，所述存储器11还可以既包括电子设备的内部存储单元也包括外部存储设备。所述存储器11不仅可以用于存储安装于电子设备的应用软件及各类数据，例如页面编辑程序的代码等，还可以用于暂时地存储已经输出或者将要输出的数据。
172.所述通信总线12可以是外设部件互连标准(peripheral component interconnect，简称pci)总线或扩展工业标准结构(extended industry standard architecture，简称eisa)总线等。该总线可以分为地址总线、数据总线、控制总线等。所述总线被设置为实现所述存储器11以及至少一个处理器10等之间的连接通信。
173.所述通信接口13用于上述电子设备与其他设备之间的通信，包括网络接口和用户接口。可选地，所述网络接口可以包括有线接口和/或无线接口(如wi-fi接口、蓝牙接口等)，通常用于在该电子设备与其他电子设备之间建立通信连接。所述用户接口可以是显示器(display)、输入单元(比如键盘(keyboard))，可选地，用户接口还可以是标准的有线接口、无线接口。可选地，在一些实施例中，显示器可以是led显示器、液晶显示器、触控式液晶
显示器以及oled(organic light-emitting diode，有机发光二极管)触摸器等。其中，显示器也可以适当的称为显示屏或显示单元，用于显示在电子设备中处理的信息以及用于显示可视化的用户界面。
174.图4仅示出了具有部件的电子设备，本领域技术人员可以理解的是，图4示出的结构并不构成对所述电子设备1的限定，可以包括比图示更少或者更多的部件，或者组合某些部件，或者不同的部件布置。
175.例如，尽管未示出，所述电子设备还可以包括给各个部件供电的电源(比如电池)，优选地，电源可以通过电源管理装置与所述至少一个处理器10逻辑相连，从而通过电源管理装置实现充电管理、放电管理、以及功耗管理等功能。电源还可以包括一个或一个以上的直流或交流电源、再充电装置、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。所述电子设备还可以包括多种传感器、蓝牙模块、wi-fi模块等，在此不再赘述。
176.应该了解，所述实施例仅为说明之用，在专利申请范围上并不受此结构的限制。
177.所述电子设备1中的所述存储器11存储的页面编辑程序是多个指令的组合，在所述处理器10中运行时，可以实现：
178.利用预设连接协议建立与服务端之间的连接，并获取所述服务端的操作流程数据，对所述流程数据进行图像渲染，得到操作流程页面；
179.提取所述操作流程页面中的多个业务操作并将所述业务操作转换为操作指令，对所述操作指令进行指令细化处理，得到细化指令；
180.当接收到编辑请求及所述编辑请求对应的待编辑数据时，将所述细化指令输入至预设消息队列中进行顺序消费，得到顺序消费结果，根据所述顺序消费结果及所述待编辑数据对所述操作流程页面进行初次编辑处理，得到初始编辑页面；
181.识别所述操作流程页面中的多个参考客户端，当获取到多个所述参考客户端的编辑操作时，对所述初始编辑页面进行数据更新处理，将数据更新后的页面作为编辑完成页面。
182.具体地，所述处理器10对上述指令的具体实现方法可参考附图对应实施例中相关步骤的描述，在此不赘述。
183.进一步地，所述电子设备1集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个存储介质中。所述存储介质可以是易失性的，也可以是非易失性的。例如，所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、u盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(rom，read-only memory)。
184.本发明还提供一种存储介质，所述可读存储介质存储有计算机程序，所述计算机程序在被电子设备的处理器所执行时，可以实现：
185.利用预设连接协议建立与服务端之间的连接，并获取所述服务端的操作流程数据，对所述流程数据进行图像渲染，得到操作流程页面；
186.提取所述操作流程页面中的多个业务操作并将所述业务操作转换为操作指令，对所述操作指令进行指令细化处理，得到细化指令；
187.当接收到编辑请求及所述编辑请求对应的待编辑数据时，将所述细化指令输入至
预设消息队列中进行顺序消费，得到顺序消费结果，根据所述顺序消费结果及所述待编辑数据对所述操作流程页面进行初次编辑处理，得到初始编辑页面；
188.识别所述操作流程页面中的多个参考客户端，当获取到多个所述参考客户端的编辑操作时，对所述初始编辑页面进行数据更新处理，将数据更新后的页面作为编辑完成页面。
189.在本发明所提供的几个实施例中，应该理解到，所揭露的设备，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。
190.所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。
191.另外，在本发明各个实施例中的各功能模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能模块的形式实现。
192.对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。
193.因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附关联图标记视为限制所涉及的权利要求。
194.本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
195.本技术实施例可以基于人工智能技术对相关的数据进行获取和处理。其中，人工智能(artificial intelligence，ai)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。
196.此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一、第二等词语用来表示名称，而并不表示任何特定的顺序。
197.最后应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或等同替换，而不脱离本发明技术方案的精神和范围。

技术特征：
1.一种页面编辑方法，其特征在于，所述方法包括：利用预设连接协议建立与服务端之间的连接，并获取所述服务端的操作流程数据，对所述流程数据进行图像渲染，得到操作流程页面；提取所述操作流程页面中的多个业务操作并将所述业务操作转换为操作指令，对所述操作指令进行指令细化处理，得到细化指令；当接收到编辑请求及所述编辑请求对应的待编辑数据时，将所述细化指令输入至预设消息队列中进行顺序消费，得到顺序消费结果，根据所述顺序消费结果及所述待编辑数据对所述操作流程页面进行初次编辑处理，得到初始编辑页面；识别所述操作流程页面中的多个参考客户端，当获取到多个所述参考客户端的编辑操作时，对所述初始编辑页面进行数据更新处理，将数据更新后的页面作为编辑完成页面。2.如权利要求1所述的页面编辑方法，其特征在于，所述对所述流程数据进行图像渲染，得到操作流程图，包括：将所述流程数据按照预设优先级顺序发送给对应的流程组件并利用所述流程组件进行数据转换处理，得到组件转换数据；识别所述组件转换数据中的节点信息数据及关系信息数据，根据所述节点信息数据和所述关系信息数据构建对应的操作流程图；利用渲染坐标算法将所述操作流程图渲染至前端页面中，得到操作流程页面。3.如权利要求1所述的页面编辑方法，其特征在于，所述提取所述操作流程页面中的多个业务操作并将所述业务操作转换为操作指令，包括：获取所述操作流程页面中的操作流程图对应的关系信息数据，将所述关系信息数据中的多个节点之间的交互作为业务操作；将所述业务操作与预设参考指令库中的指令进行比对，并将所述参考指令对应的指令类别标识作为所述业务操作的操作类别标识；将所述操作类别标识与对应的业务操作进行绑定处理，得到操作指令。4.如权利要求1所述的页面编辑方法，其特征在于，所述将所述细化指令输入至预设消息队列中进行顺序消费，得到顺序消费结果，包括：当所述预设消息队列接收到所述细化指令时，根据所述细化指令对消息队列中的数据进行数据操作，得到操作信息；识别所述消息队列的队列名称，根据所述队列名称检索到对应的队列处理标识，利用所述队列处理标识对应的队列进程对所述操作信息进行消费处理，得到顺序消费结果。5.如权利要求1所述的页面编辑方法，其特征在于，所述得到顺序消费结果之后，所述方法还包括：根据所述客户端对应的全局唯一标识符创建缓存列表；将执行完的所述细化指令存入所述缓存列表中。6.如权利要求1所述的页面编辑方法，其特征在于，所述对所述初始编辑页面进行数据更新处理，将数据更新后的页面作为编辑完成页面，包括：利用预设流程比较算法计算所述初始编辑页面的第一对比值和所述参考客户端的编辑操作对应的第二对比值；基于所述第一比对值和所述第二比对值生成的比较结果将所述编辑操作对应的数据
合并到所述初始编辑页面中，得到数据更新后的页面；将所述数据更新后的页面作为编辑完成页面。7.如权利要求1所述的页面编辑方法，其特征在于，所述得到操作流程页面之后，所述方法还包括：生成所述客户端对应的全局唯一标识符。8.一种页面编辑装置，其特征在于，所述装置包括：图像渲染模块，用于利用预设连接协议建立与服务端之间的连接，并获取所述服务端的操作流程数据，对所述流程数据进行图像渲染，得到操作流程页面；指令细化模块，用于提取所述操作流程页面中的多个业务操作并将所述业务操作转换为操作指令，对所述操作指令进行指令细化处理，得到细化指令；初次编辑模块，用于当接收到编辑请求及所述编辑请求对应的待编辑数据时，将所述细化指令输入至预设消息队列中进行顺序消费，得到顺序消费结果，根据所述顺序消费结果及所述待编辑数据对所述操作流程页面进行初次编辑处理，得到初始编辑页面；数据更新模块，用于识别所述操作流程页面中的多个参考客户端，当获取到多个所述参考客户端的编辑操作时，对所述初始编辑页面进行数据更新处理，将数据更新后的页面作为编辑完成页面。9.一种电子设备，其特征在于，所述电子设备包括：至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行如权利要求1至7中任意一项所述的页面编辑方法。10.一种存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7中任意一项所述的页面编辑方法。

技术总结
本发明涉及金融科技领域的研发管理技术，揭露一种页面编辑方法，包括：对服务端的电子交易的操作流程数据进行图像渲染，得到操作流程页面，提取操作流程页面中的多个业务操作并将业务操作转换为操作指令，对操作指令进行指令细化，得到细化指令，将细化指令输入消息队列进行顺序消费，得到顺序消费结果，根据顺序消费结果及待编辑数据对操作流程页面进行初次编辑得到初始编辑页面，当获取到多个参考客户端的编辑操作，对初始编辑页面进行数据更新，得到编辑完成页面。此外，本发明还涉及区块链技术，细化指令可存储于区块链的节点。本发明还提出一种页面编辑装置、电子设备以及存储介质。本发明可以提高金融科技领域页面编辑的准确度。准确度。准确度。


技术研发人员：陈俊良 王燕蒙 李剑锋 张力
受保护的技术使用者：平安科技（深圳）有限公司
技术研发日：2023.05.24
技术公布日：2023/8/24