CN117149182A - 一种前端页面的低耦合配置方法、介质及设备 - Google Patents

Abstract

本发明涉及一种前端页面的低耦合配置方法、介质及设备，根据项目事件生成前端页面并设定业务流程节点，构建公共数据池，将项目事件相关联的数据信息存储至公共数据池中，将前端页面与公共数据池耦合，再将公共数据池与页面组件耦合，公共数据池根据前端页面的第一操作指令选用对应的页面组件，并将当前业务流程节点的关联数据发送至对应的页面组件。通过新增公共数据池这一模块，将项目事件的数据信息存储于公共数据池中，解除前端页面在开发过程中不同业务流程节点之间数据选用时的耦合关系，实现数据的统一规整与取用；实现前端页面与多个页面组件之间的低耦合操作，提高页面组件在不同的业务流程节点中的复用性，提高开发效率，便于维护。

Description

一种前端页面的低耦合配置方法、介质及设备

技术领域

本发明涉及计算机领域，具体涉及一种前端页面的低耦合配置方法、介质及设备。

背景技术

前端的页面的开发流程与业务项目相关联，现有的Vue组件化开发具体流程可结合图1进行理解：根据业务项目切分出对应的流程节点，再针对每一流程节点单独开发相应的页面与组件，这一过程中，多个流程节点之间具有顺序关联，则每一流程节点在开发过程中所使用的数据依赖于前一流程节点的数据，以此类推，多个流程节点之间存在高度耦合关系，而当其中某一流程节点存在问题需要进行修改时，将导致与这一流程节点相关联的后续流程节点的页面与组件均需要进行相应调节；同时，每一流程节点所选用的均为同一业务项目中的数据，则多个流程节点的页面与组件较为相似却略有不同，导致多个页面在开发过程中重复相似的组件开发流程，每一组件仅能响应于一个页面的业务处理，导致组件的复用率低，页面的开发效率低下。

发明内容

鉴于上述问题，本发明提供了一种前端页面的低耦合配置方法、介质及设备，解决了现有的Vue组件化开发流程中每一流程节点高度耦合，导致每一流程节点对应的组件复用率低，整个业务项目的页面开发效率低下的问题。

为实现上述目的，在第一方面，本发明提供了一种前端页面的低耦合配置方法，包括：

获取项目事件，根据项目事件生成前端页面并设定业务流程节点，前端页面为当前项目事件所对应的前端页面，前端页面用于展示某一业务流程节点，或者用于展示当前项目事件对应的全部业务流程节点；

构建公共数据池，获取项目事件对应的数据信息，并将数据信息存储至公共数据池内，数据信息包括当前项目事件的全部关联数据；

将前端页面与公共数据池耦合；

获取多个页面组件，将多个页面组件分别与公共数据池耦合；

获取前端页面的第一操作指令并将其发送至公共数据池，第一操作指令包括页面配置信息以及数据配置信息，页面配置信息包括当前业务流程节点对应的页面组件的配置信息，数据配置信息包括当前业务流程节点所需的关联数据的第一取用信息；

公共数据池根据第一操作指令配置页面组件，并对应选取当前业务流程节点所需的关联数据，将当前业务流程节点所需的关联数据发送至对应的页面组件；

页面组件对关联数据进行业务处理，返回业务处理结果并发送至公共数据池；

公共数据池将业务处理结果反馈至前端页面。

在一些实施例中，获取项目事件对应的数据信息，并将数据信息存储至公共数据池内还包括：

对数据信息按照预设格式进行格式化处理；

将格式化处理后的数据信息存储至公共数据池。

在一些实施例中，获取项目事件对应的数据信息，并将数据信息存储至公共数据池内还包括：

公共数据池按照预设周期定时获取项目事件的数据信息并更新。

在一些实施例中，还包括：

公共数据池接收前端页面的结束指令，根据结束指令将公共数据池与页面组件解耦，并删除公共数据池。

在一些实施例中，公共数据池接收前端页面的结束指令还包括：

获取前端页面的第二操作指令；

判断第二操作指令是否为结束指令，若是，则将结束指令发送至公共数据池。

在一些实施例中，根据项目事件生成前端页面并设定业务流程节点还包括：

根据业务流程节点生成子页面，将子页面嵌设在前端页面中并展示。

在一些实施例中，获取前端页面的第一操作指令并将其发送至公共数据池还包括：

获取第一操作指令对应的子页面以及业务流程节点；

根据业务流程节点生成页面配置信息以及数据配置信息；

将页面配置信息以及数据配置信息发送至公共数据池。

在一些实施例中，公共数据池根据第一操作指令配置页面组件，根据第一操作指令选取当前业务流程节点所需的关联数据，并将当前业务流程节点的关联数据发送至对应的页面组件还包括：

根据页面配置信息选取多个页面组件，获取每一页面组件所需的关联数据的第二取用信息；

根据第一取用信息选取公共数据池中的关联数据，生成数据取用集合；

根据第二取用信息在数据取用集合中选取对应的关联数据；

将关联数据发送至对应的页面组件。

在第二方面，本发明还提供一种计算机可读存储介质，其上存储计算机程序指令，所述计算机程序指令在被处理器执行时实现在第一方面所述的方法。

在第三方面，本发明还提供一种电子设备，包括存储器和处理器，所述存储器用于存储一条或多条计算机程序指令，其中，所述一条或多条计算机程序指令被所述处理器执行以实现在第一方面所述的方法。

区别于现有技术，上述技术方案中，根据项目事件生成前端页面，并设定业务流程节点，构建公共数据池，将项目事件相关联的数据信息存储至公共数据池中，将前端页面与公共数据池耦合，再将公共数据池与页面组件耦合，公共数据池根据前端页面的第一操作指令选用对应的页面组件，并将当前业务流程节点的关联数据发送至对应的页面组件中，则页面组件只需要执行单一的业务处理操作，前端页面也无需管理组件数据，只负责发送第一操作指令即可。本技术方案通过新增公共数据池这一模块，将项目事件的数据信息全部存储于公共数据池中，并由公共数据池实现数据信息的管理，解除了前端页面在开发过程中不同业务流程节点之间数据选用时的耦合关系，实现数据的统一规整与取用；同时，每一页面组件并不单独服务于单一的前端页面，前端页面也并不直接与页面组件耦合，实现了前端页面与多个页面组件之间的低耦合操作，提高了页面组件在不同的业务流程节点中的复用性，提高开发效率，便于维护。

上述发明内容相关记载仅是本发明技术方案的概述，为了让本领域普通技术人员能够更清楚地了解本发明的技术方案，进而可以依据说明书的文字及附图记载的内容予以实施，并且为了让本发明的上述目的及其它目的、特征和优点能够更易于理解，以下结合本发明的具体实施方式及附图进行说明。

附图说明

附图仅用于示出本发明具体实施方式以及其他相关内容的原理、实现方式、应用、特点以及效果等，并不能认为是对本发明的限制。

在说明书附图中：

图1为背景实施方式所示页面开发流程示意图；

图2为本发明第一示例性实施例所述前端页面的低耦合配置方法步骤图；

图3为本发明第一示例性实施例所述前端页面的低耦合配置方法流程示意图；

图4为本发明用于执行所述前端页面的低耦合配置方法的电子设备示意图。

上述各附图中涉及的附图标记说明如下：

1、电子设备；

11、存储器；

12、处理器。

具体实施方式

为详细说明本发明可能的应用场景，技术原理，可实施的具体方案，能实现目的与效果等，以下结合所列举的具体实施例并配合附图详予说明。本文所记载的实施例仅用于更加清楚地说明本发明的技术方案，因此只作为示例，而不能以此来限制本发明的保护范围。

在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本发明的至少一个实施例中。在说明书中各个位置出现的“实施例”一词并不一定指代相同的实施例，亦不特别限定其与其它实施例之间的独立性或关联性。原则上，在本发明中，只要不存在技术矛盾或冲突，各实施例中所提到的各项技术特征均可以以任意方式进行组合，以形成相应的可实施的技术方案。

除非另有定义，本文所使用的技术术语的含义与本发明所属技术领域的技术人员通常理解的含义相同；本文中对相关术语的使用只是为了描述具体的实施例，而不是旨在限制本发明。

在本发明的描述中，用语“和/或”是一种用于描述对象之间逻辑关系的表述，表示可以存在三种关系，例如A和/或B，表示：存在A，存在B，以及同时存在A和B这三种情况。另外，本文中字符“/”一般表示前后关联对象是一种“或”的逻辑关系。

在本发明中，诸如“第一”和“第二”之类的用语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何实际的数量、主次或顺序等关系。

在没有更多限制的情况下，在本发明中，语句中所使用的“包括”、“包含”、“具有”或者其他类似的开放式表述，意在涵盖非排他性的包含，这些表述并不排除在包括所述要素的过程、方法或者产品中还可以存在另外的要素，从而使得包括一系列要素的过程、方法或者产品中不仅可以包括那些限定的要素，而且还可以包括没有明确列出的其他要素，或者还包括为这种过程、方法或者产品所固有的要素。

与《审查指南》中的理解相同，在本发明中，“大于”、“小于”、“超过”等表述理解为不包括本数；“以上”、“以下”、“以内”等表述理解为包括本数。此外，在本发明实施例的描述中“多个”的含义是两个以上（包括两个），与之类似的与“多”相关的表述亦做此类理解，例如“多组”、“多次”等，除非另有明确具体的限定。

请参阅图1，实际开发工作中，业务项目需要经过层层审批，专家组层层审核，每经过一个审批节点，专家或监管员均需要查看业务项目内所有相关数据，因此按照传统Vue组件化开发的方案，将业务项目内的所有的展示UI分块，进行组件化开发，并分发至多人进行同步开发。

按照上述思路，页面负责业务数据流，组件仅负责UI展示及后续UI所需业务处理，即图1所示方案，这就导致页面和组件之间的耦合性比较高，不同的审批页面，获取到的数据结构不同，传递给组件的结构也不同，因此组件的开发，需要适应不同的数据结构，或者是为了不同的页面，开发多个几乎类似的相同UI界面的组件，较为繁琐，后期维护成本也比较高。

请参阅图2与图3，为解决上述问题，在第一方面，本实施例提供了一种前端页面的低耦合配置方法，包括：

S11、获取项目事件，根据项目事件生成前端页面并设定业务流程节点，前端页面为当前项目事件所对应的前端页面，前端页面用于展示某一业务流程节点，或者用于展示当前项目事件对应的全部业务流程节点；

S12、构建公共数据池，获取项目事件对应的数据信息，并将数据信息存储至公共数据池内，数据信息包括当前项目事件的全部关联数据；

S13、将前端页面与公共数据池耦合；

S14、获取多个页面组件，将多个页面组件分别与公共数据池耦合；

S15、获取前端页面的第一操作指令并将其发送至公共数据池，第一操作指令包括页面配置信息以及数据配置信息，页面配置信息包括当前业务流程节点对应的页面组件的配置信息，数据配置信息包括当前业务流程节点所需的关联数据的第一取用信息；

S16、公共数据池根据第一操作指令配置页面组件，并对应选取当前业务流程节点所需的关联数据，将当前业务流程节点所需的关联数据发送至对应的页面组件；

S17、页面组件对关联数据进行业务处理，返回业务处理结果并发送至公共数据池；

S18、公共数据池将业务处理结果反馈至前端页面。

本实施例中，项目事件可以理解为业务项目，一个业务项目包括多个业务流程节点，每一业务流程节点之间具有关联的执行次序。需要说明的是，此处所示前端页面理解为当前项目事件所对应的前端页面，在这一前端页面中可以选择展示某一业务流程节点，也可以用于展示整个项目事件对应的全部业务流程节点。

公共数据池为一个数据库，数据库内存储有这一项目事件的数据信息。具体的，数据信息包括当前项目事件的全部关联数据可以这样理解：当前项目事件所需要使用的数据内容也即当前项目事件的关联数据，数据内容具体可以包括数据类别、数据值以及数据格式中的至少一项，将当前项目事件的全部关联数据记为数据信息，将这一数据信息存储至公共数据池中。本实施例中，当前项目事件的数据信息可以人为传输至公共数据池内，也可以为公共数据池自动抓取生成；优选的，部分数据信息来源于人工传输，部分数据信息来源于公共数据池的自动抓取，公共数据池还可以增设可编辑入口，以供用户对数据信息中的关联数据进行编辑或修正。

可选地，公共数据池自动抓取生成数据信息包括：获取这一项目事件所需的数据清单，根据数据清单在总数据库中抓取当前项目事件的关联数据；其中，数据清单为人为输入的当前项目事件开发过程中所需的基础数据的数据清单，总数据库为存储有项目事件开发过程中所需的全部基础数据的数据库。这一方式可以进一步减少前端页面在开发过程中的数据获取步骤，提高开发效率。

本实施例中，将前端页面与公共数据池耦合，将多个页面组件分别与公共数据池耦合，实现了前端页面-公共数据池-页面组件这一交互通路。

本实施例中，第一操作指令为前端页面中用户输入的操作指令，也可以为前端页面中某一功能模块对应触发，进一步的，第一操作指令对应于一个业务流程节点。第一操作指令包括页面配置信息以及数据配置信息，页面配置信息包括当前业务流程节点所需的页面组件的配置信息，具体包括当前业务流程节点所需页面组件的类型、多个页面组件之间的执行次序等，数据配置信息包括当前业务流程节点所需的关联数据的第一取用信息，需要注意的是，第一取用信息包括当前业务流程节点所需的全部关联数据的取用信息，公共数据池根据第一取用信息在数据信息中选取对应这一业务流程节点的关联数据。

本实施例中，一个业务流程节点对应至少一个页面组件，单个页面组件用于执行一个业务处理步骤，基于这一前提，获取第一操作指令中的页面配置信息，基于页面配置信息选取相应的页面组件，并将每一业务处理步骤对应的关联数据发送至对应的页面组件中。

具体可结合图3对前端页面、公共数据池以及页面组件三者之间的交互过程进行理解，需要说明的是，一个业务处理结果对应于一个事件通知箭头，一次业务流程节点对应于一个数据传递箭头，基于此：前端页面发送第一操作指令至公共数据池，由公共数据池对多个页面组件进行配置，并将关联数据发送至对应的页面组件中，页面组件对接收到的关联数据执行对应的业务处理，再将业务处理结果反馈至公共数据池，公共数据池将业务处理结果反馈至前端页面。

本实施例通过新增公共数据池这一模块，将项目事件的数据信息全部存储于公共数据池中，并由公共数据池实现数据信息的管理，解除了前端页面在开发过程中不同业务流程节点之间数据选用时的耦合关系，实现数据的统一规整与取用；同时，每一页面组件并不单独服务于单一的前端页面，前端页面也并不直接与页面组件耦合，由公共数据池实现每一业务流程节点对应的页面组件的配置与关联数据的分配，实现了前端页面与多个页面组件之间的低耦合操作，提高了页面组件在不同的业务流程节点中的复用性，提高开发效率，便于维护。

作为一个优选的实施例，可以新增生命周期，在这一生命周期范围内，页面组件与公共数据池耦合，即在执行业务处理时，页面组件从公共数据池中获取关联数据，并在业务处理完毕后将业务处理结果反馈至公共数据池中。当项目事件的开发完毕或停止开发时，也即表示这一生命周期的结束，页面组件恢复初始的数据交互连接。这一方式不会对页面组件自身产生影响，而是通过时序控制的方式规范了页面组件的使用周期，进一步提升页面组件在多个项目事件中的复用性。

在一些实施例中，获取项目事件对应的数据信息，并将数据信息存储至公共数据池内还包括：

对数据信息按照预设格式进行格式化处理；

将格式化处理后的数据信息存储至公共数据池。

本实施例中，存储至公共数据池内的数据信息需要按照预设格式进行格式化处理，将关联数据转换为可供页面组件直接取用的数据格式。优选的，预设格式为UI展示所需格式。则公共数据池内的关联数据为同一预设格式，便于页面组件的取用，提高页面组件的业务处理效率。

在一些实施例中，获取项目事件对应的数据信息，并将数据信息存储至公共数据池内还包括：

公共数据池按照预设周期定时获取项目事件的数据信息并更新。

本实施例中，预设周期为预先设定好的数据更新周期。

优选的，公共数据池对当前项目事件的数据信息进行更新后，同步更新每一页面组件中正在执行业务处理步骤的关联数据，对应更新每一页面组件的业务处理结果。对于已经处理完毕的业务处理结果，在将其发送至前端页面时，新增提示信息，提示信息用于提示当前业务处理结果为上一更新周期中的关联数据进行业务处理获得。

在一些实施例中，还包括：

公共数据池接收前端页面的结束指令，根据结束指令将公共数据池与页面组件解耦，并删除公共数据池。

本实施例中，结束指令是指当前项目事件已经开发完毕或无需继续开发的指令，在这一前提下，公共数据池将与多个页面组件自动解耦，并在解耦完毕后删除公共数据池，对应删除当前项目事件对应的数据信息。结束指令可以通过条件触发，例如，具体的触发条件可以为：当前项目事件对应的前端页面在开发完毕后的保存指令；当前项目事件对应的前端页面在开发完毕后的关闭指令；当前项目事件对应的整个前端页面的删除指令等。

这一方式便于当前项目事件开发结束后减少整个开发系统中关于这一项目事件的冗余存储，减少开发系统的缓存占用空间，提高开发系统的运算效率。

在一些实施例中，公共数据池接收前端页面的结束指令还包括：

获取前端页面的第二操作指令；

判断第二操作指令是否为结束指令，若是，则将结束指令发送至公共数据池。

在本实施例中，第二操作指令为用户在前端页面中输入的操作指令，通过对第二操作指令的判断，实现第二操作指令中结束指令的识别。本实施例所示结束指令的获取通过用户在前端页面人为输入实现，这一方式可以避免结束指令的误触发。

在一些实施例中，根据项目事件生成前端页面并设定业务流程节点还包括：

根据业务流程节点生成子页面，将子页面嵌设在前端页面中并展示。

本实施例中，一个项目事件对应于多个业务流程节点，每一业务流程节点对应于一个子页面，并将这一子页面集成在前端页面中进行展示。这一方式便于开发过程中对这一项目事件的全部业务流程节点进行预览。

在一些优选的实施例中，子页面内可以记录有每一业务流程节点的业务处理进程，便于用户对各个业务流程节点中的业务处理进程进行跟踪。

在一些实施例中，获取前端页面的第一操作指令并将其发送至公共数据池还包括：

获取第一操作指令对应的子页面以及业务流程节点；

根据业务流程节点生成页面配置信息以及数据配置信息；

将页面配置信息以及数据配置信息发送至公共数据池。

本实施例示出了第一操作指令与子页面、公共数据池之间的交互流程。

在一些实施例中，公共数据池根据第一操作指令配置页面组件，根据第一操作指令选取当前业务流程节点所需的关联数据，并将当前业务流程节点的关联数据发送至对应的页面组件还包括：

根据页面配置信息选取多个页面组件，获取每一页面组件所需的关联数据的第二取用信息；

根据第一取用信息选取公共数据池中的关联数据，生成数据取用集合；

根据第二取用信息在数据取用集合中选取对应的关联数据；

将关联数据发送至对应的页面组件。

本实施例中，页面配置信息包括执行当前业务流程节点所需的多个页面组件。获取每一页面组件所需的关联数据的第二取用信息可以这样理解：一个业务流程节点包括多个业务处理步骤，每一页面组件用于执行一个业务处理步骤，一个业务处理步骤对应于至少一个关联数据，则一个业务处理步骤所需的关联数据的取用信息也即第二取用信息。

具体的，根据第一取用信息选取公共数据池中的关联数据，生成数据取用集合，这一数据取用集合中包括当前业务流程节点所需的全部关联数据。

为便于进一步细分每一页面组件所需的关联数据的取用，根据业务处理步骤对数据取用集合中的关联数据进行进一步筛分，也即根据业务处理步骤生成相应的第二取用信息，再依据第二取用信息对数据取用集合中的关联数据进行选取，并将选取出的关联数据发送至对应的页面组件，则页面组件只需对接收到的关联数据进行业务处理即可，进一步提升页面组件的业务处理效率。

在第三方面，本发明还提供一种计算机可读存储介质，其上存储计算机程序指令，所述计算机程序指令在被处理器执行时实现在第一方面所述的方法。

请参阅图4，在第四方面，本发明还提供一种电子设备1，包括存储器11和处理器12，所述存储器11用于存储一条或多条计算机程序指令，其中，所述一条或多条计算机程序指令被所述处理器12执行以实现在第一方面所述的方法。

所述存储介质/存储器11包括但不限于：RAM、ROM、磁碟、磁带、光盘、闪存、U 盘、移动硬盘、存储卡、记忆棒、网络服务器存储、网络云存储等。所述处理器12包括但不限于 CPU（中央处理器12）、GPU（图像处理器12）、MCU（微处理器12）等。

上述技术方案中，根据项目事件生成前端页面，并设定业务流程节点，构建公共数据池，将项目事件相关的数据信息存储至公共数据池中，将前端页面与公共数据池耦合，再将公共数据池与页面组件耦合，公共数据池根据前端页面的第一操作指令选用对应的页面组件，并将当前业务流程节点的关联数据发送至对应的页面组件中，则页面组件只需要执行单一的业务处理操作，前端页面也无需管理组件数据，只负责发送第一操作指令即可。本技术方案通过新增公共数据池这一模块，将项目事件的数据信息全部存储于公共数据池中，并由公共数据池实现数据信息的管理，解除了前端页面在开发过程中不同业务流程节点之间数据选用时的耦合关系，实现数据的统一规整与取用；同时，每一页面组件并不单独服务于单一的前端页面，前端页面也并不直接与页面组件耦合，实现了前端页面与多个页面组件之间的低耦合操作，提高了页面组件在不同的业务流程节点中的复用性，提高开发效率，便于维护。

最后需要说明的是，尽管在本发明的说明书文字及附图中已经对上述各实施例进行了描述，但并不能因此限制本发明的专利保护范围。凡是基于本发明的实质理念，利用本发明说明书文字及附图记载的内容所作的等效结构或等效流程替换或修改产生的技术方案，以及直接或间接地将以上实施例的技术方案实施于其他相关的技术领域等，均包括在本发明的专利保护范围之内。

Claims (10)

1.一种前端页面的低耦合配置方法，其特征在于，包括：

获取项目事件，根据所述项目事件生成前端页面并设定业务流程节点，所述前端页面为当前项目事件所对应的前端页面，所述前端页面用于展示某一业务流程节点，或者用于展示当前所述项目事件对应的全部业务流程节点；

构建公共数据池，获取所述项目事件对应的数据信息，并将所述数据信息存储至所述公共数据池内，所述数据信息包括当前项目事件的全部关联数据；

将所述前端页面与所述公共数据池耦合；

获取多个页面组件，将多个所述页面组件分别与所述公共数据池耦合；

获取所述前端页面的第一操作指令并将其发送至公共数据池，所述第一操作指令包括页面配置信息以及数据配置信息，所述页面配置信息包括当前业务流程节点对应的页面组件的配置信息，所述数据配置信息包括当前业务流程节点所需的关联数据的第一取用信息；

所述公共数据池根据所述第一操作指令配置页面组件，并对应选取当前业务流程节点所需的关联数据，将当前业务流程节点所需的关联数据发送至对应的页面组件；

所述页面组件对所述关联数据进行业务处理，返回业务处理结果并发送至公共数据池；

所述公共数据池将所述业务处理结果反馈至所述前端页面。

2.根据权利要求1所述的前端页面的低耦合配置方法，其特征在于，获取所述项目事件对应的数据信息，并将所述数据信息存储至所述公共数据池内还包括：

对所述数据信息按照预设格式进行格式化处理；

将所述格式化处理后的数据信息存储至公共数据池。

3.根据权利要求2所述的前端页面的低耦合配置方法，其特征在于，获取所述项目事件对应的数据信息，并将所述数据信息存储至所述公共数据池内还包括：

所述公共数据池按照预设周期定时获取所述项目事件的数据信息并更新。

4.根据权利要求1所述的前端页面的低耦合配置方法，其特征在于，还包括：

所述公共数据池接收所述前端页面的结束指令，根据所述结束指令将所述公共数据池与所述页面组件解耦，并删除所述公共数据池。

5.根据权利要求4所述的前端页面的低耦合配置方法，其特征在于，所述公共数据池接收所述前端页面的结束指令还包括：

获取所述前端页面的第二操作指令；

判断所述第二操作指令是否为结束指令，若是，则将所述结束指令发送至所述公共数据池。

6.根据权利要求1所述的前端页面的低耦合配置方法，其特征在于，根据所述项目事件生成前端页面并设定业务流程节点还包括：

根据所述业务流程节点生成子页面，将所述子页面嵌设在所述前端页面中并展示。

7.根据权利要求6所述的前端页面的低耦合配置方法，其特征在于，获取所述前端页面的第一操作指令并将其发送至公共数据池还包括：

获取所述第一操作指令对应的子页面以及业务流程节点；

根据所述业务流程节点生成页面配置信息以及数据配置信息；

将所述页面配置信息以及数据配置信息发送至所述公共数据池。

8.根据权利要求1所述的前端页面的低耦合配置方法，其特征在于，所述公共数据池根据所述第一操作指令配置页面组件，根据所述第一操作指令选取当前业务流程节点所需的关联数据，并将当前业务流程节点的关联数据发送至对应的页面组件还包括：

根据所述页面配置信息选取多个所述页面组件，获取每一所述页面组件所需的关联数据的第二取用信息；

根据所述第一取用信息选取所述公共数据池中的关联数据，生成数据取用集合；

根据所述第二取用信息在所述数据取用集合中选取对应的关联数据；

将所述关联数据发送至对应的页面组件。

9.一种计算机可读存储介质，其上存储计算机程序指令，其特征在于，所述计算机程序指令在被处理器执行时实现如权利要求1-8中任一项所述的方法。

10.一种电子设备，包括存储器和处理器，其特征在于，所述存储器用于存储一条或多条计算机程序指令，其中，所述一条或多条计算机程序指令被所述处理器执行以实现如权利要求1-8中任一项所述的方法。