CN115981643A - 业务关联组件的配置方法、系统、设备及存储介质 - Google Patents

Abstract

本申请提供了业务关联组件的配置方法、系统、设备及存储介质，属于计算机技术领域。业务关联组件的配置方法包括：获取目标数据源中的源数据；从预设的多个组件选框中确定组件的显示方式，得到目标关联选框；获取用于配置目标关联选框中内容显示的显示规则；调用预设的JSON配置包，基于所述JSON配置包解析得到数据传出规则，根据数据传出规则将源数据映射在目标关联选框中，根据显示规则显示映射后目标关联选框中的呈现内容，生成业务关联组件。本申请可以通过后端数据的调用自动生成业务关联组件，实现数据联动，系统代码复用率高、开发速度快、页面代码体积小，大大提高了系统的开发效率，降低了开发和维护的成本。

Description

业务关联组件的配置方法、系统、设备及存储介质

技术领域

本申请涉及计算机技术领域，尤其涉及一种业务关联组件的配置方法、系统、设备及存储介质。

背景技术

在页面开发时，经常会遇到表单数据需要使用单选框、多选框、下拉框、选择弹出框等页面交互方式。相关技术中，这类高频使用的组件往往功能比较单一，当业务需要实用这些表单进行数据联动时，往往需要独立写一套代码来实现，若是有比较多的页面都需要开发时，就需要进行大量的重复性工作，导致系统代码复用率低、开发速度慢、页面代码体积大，大大降低了系统的开发效率，提高了开发和维护的成本。

发明内容

本申请实施例的主要目的在于提出一种业务关联组件的配置方法、系统、设备及存储介质，能够提高系统开发的效率，降低开发和维护的成本。

为实现上述目的，本申请实施例的第一方面提出了一种业务关联组件的配置方法，所述方法包括：获取目标数据源中的源数据；从预设的多个组件选框中确定组件的显示方式，得到目标关联选框；获取用于配置所述目标关联选框中内容显示的显示规则；调用预设的JSON配置包，基于所述JSON配置包解析得到数据传出规则；根据所述数据传出规则将所述源数据映射在所述目标关联选框中，根据所述显示规则显示映射后所述目标关联选框中的呈现内容，生成业务关联组件。

在一些实施例中，所述获取目标数据源中的源数据，包括：获取用户端的数据源配置信息；根据所述数据源配置信息加载目标数据源，并从所述目标数据源中获取源数据。

在一些实施例中，所述从预设的多个组件选框中确定组件的显示方式，得到目标关联选框，包括：获取预设的多个组件选框，所述组件选框包括单选框、多选框和下拉框中的多个；基于所述源数据得到组件的显示方式选择信息；根据所述显示方式选择信息从所述单选框、所述多选框和所述下拉框中确定一个为目标关联选框。

在一些实施例中，所述获取用于配置所述目标关联选框中内容显示的显示规则，包括：获取用户端的显示配置信息；根据所述呈现配置信息，得到用于配置所述目标关联选框中内容显示的表格显示字段、筛选字段和数据排序方式中的至少一个；根据所述表格显示字段、所述筛选字段和所述数据排序方式中的至少一个得到内容显示的显示规则。

在一些实施例中，所述根据所述数据传出规则将所述源数据映射在所述目标关联选框中，根据所述显示规则显示映射后所述目标关联选框中的呈现内容，生成业务关联组件，包括：分别获取所述源数据和所述目标关联选框的字段；根据所述数据传出规则，在所述源数据的字段与所述目标关联选框的字段之间建立对应关系，得到对应的映射字段；将所述映射字段传出到所述目标关联选框的对应字段位置中，并根据所述显示规则显示映射后所述目标关联选框中的呈现内容，生成业务关联组件。

在一些实施例中，所述将所述映射字段传出到所述目标关联选框的对应字段位置中，并根据所述显示规则显示映射后所述目标关联选框中的呈现内容，生成业务关联组件，包括：记录所述映射字段的数据字典，得到记录数据，其中，所述记录数据包括名称、编号、数据类型、格式和多语言信息中的至少一个；根据所述记录数据生成所述目标关联选框的组件名称；将所述映射字段传出到所述组件名称对应位置中，并根据所述显示规则显示映射后所述目标关联选框中的呈现内容，生成组件内容；根据所述组件名称和所述组件内容生成业务关联组件。

在一些实施例中，所述将所述映射字段传出到所述目标关联选框的对应字段位置中，包括：获取所述目标关联选框中的目标数据类型，所述目标数据类型包括日期类型、数值类型、地址本类型、金额类型、布尔类型和字符串类型中的至少一个；将所述映射字段数据转换成所述目标数据类型，并传出到所述目标关联选框的对应字段位置中。

在一些实施例中，所述将所述映射字段传出到所述目标关联选框的对应字段位置中，包括：若所述对应关系为一对一对应关系，将所述映射字段传出到所述目标关联选框下的一个字段位置中；若所述对应关系为多行对应关系，依次将所述映射字段传出到所述目标关联选框的多个对应字段位置中。

在一些实施例中，所述生成业务关联组件之后，所述方法还包括：获取用户端的权限控制信息；根据所述权限控制信息，与所述业务关联组件预设的控制权限进行匹配，并在匹配结果为是时，显示所述业务关联组件或接收所述用户端发送的组件编辑信息。

在一些实施例中，所述生成业务关联组件之后，所述方法还包括：为所述业务关联组件添加侦听事件；通过所述侦听事件侦听所述业务关联组件的组件值，并在所述组件值变更时，执行预设的事件处理规则。

在一些实施例中，所述生成业务关联组件之后，所述方法还包括：获取用户端的留痕控制信息；根据所述留痕控制信息获取所述业务关联组件的组件值，并在所述组件值变更时，记录对应的操作信息和变更后的内容；在所述业务关联组件中显示所述操作信息和所述变更后的内容。

为实现上述目的，本申请实施例的第二方面提出了一种业务关联组件的配置系统，所述系统包括：数据源获取模块，用于获取目标数据源中的源数据；选框确定模块，用于从预设的多个组件选框中确定组件的显示方式，得到目标关联选框；显示规则确定模块，用于获取用于配置所述目标关联选框中内容显示的显示规则；传出规则调用模块，用于调用预设的JSON配置包，基于所述JSON配置包解析得到数据传出规则；组件生成模块，用于根据所述数据传出规则将所述源数据映射在所述目标关联选框中，根据所述显示规则显示映射后所述目标关联选框中的呈现内容，生成业务关联组件。

为实现上述目的，本申请实施例的第三方面提出了一种电子设备，所述电子设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述第一方面实施例所述的方法。

为实现上述目的，本申请实施例的第四方面提出了一种存储介质，所述存储介质为计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述第一方面实施例所述的方法。

本申请实施例提出的业务关联组件的配置方法、系统、设备及存储介质，其中，业务关联组件的配置方法可以应用在业务关联组件的配置系统中。通过执行业务关联组件的配置方法，在获取源数据后，可以选择需要呈现的目标关联选框，随后确定获取用于配置目标关联选框中内容显示的显示规则，明确组件的呈现效果，接着调用后端的JSON配置包来解析得到数据传出规则，根据数据传出规则将源数据映射在目标关联选框中，根据显示规则显示映射后目标关联选框中的呈现内容，最终生成业务关联组件。

本申请实施例可以通过预先配置的方式，在获取源数据后，通过预设的方式来得到组件的显示方式、显示规则和数据的数据传出规则，根据这些配置将内容映射到目标关联选框中，通过后端数据的调用自动生成业务关联组件，实现数据联动，系统代码复用率高、开发速度快、页面代码体积小，大大提高了系统的开发效率，降低了开发和维护的成本。

附图说明

图1是本申请实施例提供的业务关联组件的配置系统的框架图；

图2是本申请实施例提供的业务关联组件的配置方法的流程图；

图3是图2中的步骤S101的流程图；

图4是图2中的步骤S102的流程图；

图5是图2中的步骤S103的流程图；

图6是图2中的步骤S105的流程图；

图7是本申请实施例提供的配置界面示意图；

图8是图6中的步骤S503的流程图；

图9是本申请实施例提供的显示规则配置界面示意图；

图10是本申请实施例提供的业务关联组件的示意图；

图11是本申请实施例提供的业务关联组件中组件内容的示意图；

图12是图6中的步骤S503的另一个流程图；

图13是图6中的步骤S503的还包括的另一个流程图；

图14是本申请实施例提供的数据传出规则设置的示意图；

图15是图2中的步骤S105之后的流程图；

图16是本申请实施例提供的个性化配置界面的示意图；

图17是图2中的步骤S105之后添加侦听事件的流程图；

图18是本申请实施例提供的侦听过程显示界面的示意图；

图19是图2中的步骤S105之后留痕控制的流程图；

图20是本申请实施例提供的留痕控制显示界面的示意图；

图21是本申请实施例提供的业务关联组件的配置系统的功能模块示意图；

图22是本申请实施例提供的电子设备的硬件结构示意图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本申请，并不用于限定本申请。

需要说明的是，虽然在装置示意图中进行了功能模块划分，在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于装置中的模块划分，或流程图中的顺序执行所示出或描述的步骤。说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。

除非另有定义，本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本申请实施例的目的，不是旨在限制本申请。

JavaScript(简称“JS”)是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JS基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

目前，前端软件开发人员进行页面开发时，经常会遇到表单数据需要使用单选框、多选框、下拉框、选择弹出框等页面交互方式。这类高频使用的组件往往功能比较单一，无法进行自定义数据源、根据业务动态呈现不同效果、进行复杂的业务数据关联等。

前端开发人员做页面编码时，若要实现单选框、多选框、下拉框、选择弹出框之类组件，且数据源是动态获取时，并需要做数据联动时，则往往需要独立写一套代码实现。若是有比较多页面需要类似效果的话，则需编写多套重复度比较高的代码实现，最终则会导致系统代码复用率低、开发速度慢，页面代码体积大，维护成本比较高。

基于此，本申请实施例提供了一种业务关联组件的配置方法、系统、设备及存储介质，能够提高系统开发的效率，降低开发和维护的成本。

本申请实施例提供的业务关联组件的配置方法、系统、设备及存储介质，业务关联组件的配置方法基于JS实现，具体通过如下实施例进行说明，首先介绍本申请中的业务关联组件的配置系统的系统框架。

示例性的，参照图1所示，本申请实施例中的业务关联组件的配置系统包括终端和客户端。其中，客户端可以是终端的一部分，终端通过设置客户端可以接受用户的各种输入信息，并通过客户端显示生成的组件；或者，客户端和终端可以分别是独立的逻辑个体，客户端和终端之间通过通信连接，可以互相接收和发送数据，客户端在接收到用户的配置信息和其他各项输入信息后，可以发送给终端，终端基于用户的配置信息和其他各项输入信息进行处理，生成或更新组件，并在终端的交互界面中显示组件，或者发送生成的组件到客户端中，通过客户端显示组件。

本申请实施例中的业务关联组件的配置方法可以通过如下实施例进行说明。

需要说明的是，在本申请的各个具体实施方式中，当涉及到需要根据用户信息、用户行为数据，用户历史数据以及用户位置信息等与用户身份或特性相关的数据进行相关处理时，都会先获得用户的许可或者同意，例如，获取用户存储的数据以及用户的缓存数据访问请求时，均会先获得用户的许可或者同意；或者，获取系统中目标数据源的源数据的时候，均会先获得用户的许可或者同意。而且，对这些数据的收集、使用和处理等，都会遵守相关国家和地区的相关法律法规和标准。此外，当本申请实施例需要获取用户的敏感个人信息时，会通过弹窗或者跳转到确认页面等方式获得用户的单独许可或者单独同意，在明确获得用户的单独许可或者单独同意之后，再获取用于使本申请实施例能够正常运行的必要的用户相关数据。

图2是本申请实施例提供的业务关联组件的配置方法的一个可选的流程图，图2中的方法可以包括但不限于包括步骤S101至步骤S105。

步骤S101，获取目标数据源中的源数据；

在一些实施例中，业务关联组件的配置方法(可简称生成方法或方法)可以应用在业务关联组件的配置系统(可简称生成系统或系统)中。系统在执行方法时，可以获取目标数据源中的源数据。

可以理解的是，系统可以通过预先配置的方式，与目标数据源建立连接，并在系统执行方法的时候，直接从目标数据源获取源数据；或者，系统可以遍历连接的各个数据源，从中任意挑选，或者基于用户指定从中挑选一个数据源作为目标数据源，从而获取其中的源数据。

示例性的，目标数据源可以是任意一个数据源，例如，可以是业务表单实体，通过获取业务表单实体中的数据，并作为源数据。源数据是一个从目标数据源中提取得到的数据，后续需要对源数据进行处理，以便生成在业务关联组件中。

步骤S102，从预设的多个组件选框中确定组件的显示方式，得到目标关联选框；

在一些实施例中，本申请实施例可以通过预先配置的方式确定所需要呈现的关联选框。具体的，系统可以从预先设定的多个组件选框中确定组件的显示方式，根据业务需要，从中选择一个组件选框并作为目标关联选框，可以理解的是，目标关联选框是作为随后建立的业务关联组件中的选框。

示例性的，系统可以获取用户的配置信息，基于用户的配置信息从预设的多个组件选框中确定一个为目标关联选框，满足根据业务需要来选择用户需要的组件显示方式；又或者，系统可以根据目标数据源或源数据的类型，从组件选框中进行筛选，自动识别，并自动选择一个组件选框为目标关联选框。

示例性的，组件选框包括单选框、多选框和下拉框等列表框，在选择其中一个作为目标关联选框后，最终将通过选中的目标关联选框来显示业务关联内容。此外，在选择目标关联选框后，用户还可以进一步配置显示方式，例如，若呈现单选框、多选框交互效果，则需要再配置弹出列表框的显示列、自定义筛选项等，在此不做具体限制。

步骤S103，获取用于配置目标关联选框中内容显示的显示规则；

在一些实施例中，系统可以配置组件的呈现效果。具体的，系统可以根据业务需要，获取用于配置目标关联选框中内容显示的显示规则，显示规则可以表征组件的呈现效果，包括组件名称的呈现效果，可对名称呈现做自定义配置。

示例性的，系统可以从预存的多个显示规则中，选择一个作为当前组件生成所需要的显示规则，以满足当前组件的呈现效果，例如，系统可以根据目标数据源或源数据的类型，进行自动识别，根据不同的类型选择不同的显示规则。又或者，系统可以获取用户的配置信息，根据用户实际需求，自定义设置一个显示规则，用来约束目标关联选框中的内容显示，以满足业务需求，在此不做具体限制。

步骤S104，调用预设的JSON配置包，基于JSON配置包解析得到数据传出规则；

在一些实施例中，系统可以通过预先配置的方式建立数据传出规则。具体的，系统可以基于用户端的配置信息，建立数据传出规则，或者，系统可以根据业务需要自动设置数据传出规则，数据传出规则是一种数据映射规则，通过建立数据传出规则，可以建立当前源数据与目标关联选框的对应关系，用来进行数据映射，实现数据传出。

需要说明的是，本申请实施例中的方法基于JS实现，本申请实施例中在预先配置过程中，根据建立的数据传出规则在后端中进行存储，可以将数据传出规则转换为在后端存储中的JSON配置包，在系统进行组件生成的过程中，可以调度后端设置的JSON配置包，并对JSON配置包进行解析，从而得到其中的数据传出规则。可以理解的是，后端可以是本地的后端服务器，或者与系统连接的云端，在此不做具体限制。

步骤S105，根据数据传出规则将源数据映射在目标关联选框中，根据显示规则显示映射后目标关联选框中的呈现内容，生成业务关联组件。

在一些实施例中，系统可以建立当前源数据与目标关联选框的对应关系，并根据数据传出规则将源数据映射在目标关联选框中，随后，在进行具体的内容呈现时，本申请实施例可以根据显示规则对映射到目标关联选框的内容进行筛选，显示映射后目标关联选框中的呈现内容，生成最终所需要的业务关联组件，完成组件生成。

需要说明的是，本申请实施例中生成的业务关联组件，可以实现数据的联动，实现了将任意一个目标数据源的源数据，经过各项处理后，最终映射到目标关联选框中，生成最终的业务关联组件。

本申请实施例可以通过预先配置的方式，在获取源数据后，通过预设的方式来得到组件的显示方式、显示规则和数据的数据传出规则，根据这些配置将内容映射到目标关联选框中，通过后端数据的调用自动生成业务关联组件，实现数据联动，系统代码复用率高、开发速度快、页面代码体积小，大大提高了系统的开发效率，降低了开发和维护的成本。

需要说明的是，本申请实施例中是基于JS实现的业务关联组件的配置方法，实现了在JS开发业务关联组件的过程中，减少了代码体积，提高了开发效率，无需在JS环境下重复实现业务关联组件的生成。

请参阅图3，在一些实施例中，步骤S101中还可以包括步骤S201至步骤S202：

步骤S201，获取用户端的数据源配置信息；

步骤S202，根据数据源配置信息加载目标数据源，并从目标数据源中获取源数据。

在一些实施例中，系统可以通过预先配置的方式，与目标数据源建立连接，并在系统执行方法的时候，直接从目标数据源获取源数据。具体的，系统可以获取用户端的数据源配置信息，配置业务关联组件的数据源，随后根据数据源配置信息加载对应目标数据源，并从目标数据源中获取源数据，如在获取用户端的业务表单实体配置信息后，可以加载业务表单实体，将业务表单实体作为目标数据源，并从中获取源数据。

进一步的，本申请实施例中还可以根据用户端的数据源配置信息，配置数据过滤规则、数据排序方式。数据源配置信息不单单是用来选择所需要连接的目标数据源，还可以进一步限定数据获取过程中的细节，包括通过配置数据过滤规则，实现对源数据的过滤除杂，完成对数据的清洗，数据过滤规则可以根据具体业务需要设置，通过在数据源配置信息中配置数据过滤规则，可以让用户实现自由定义数据筛选条件；而通过配置数据排序方式，可以实现对源数据的排序，让数据提取后可以通过升序、降序呈现。

请参阅图4，在一些实施例中，步骤S102中还可以包括步骤S301至步骤S303：

步骤S301，获取预设的多个组件选框，组件选框包括单选框、多选框和下拉框中的多个；

步骤S302，基于源数据得到组件的显示方式选择信息；

步骤S303，根据显示方式选择信息从单选框、多选框和下拉框中确定一个为目标关联选框。

在一些实施例中，组件选框包括单选框、多选框和下拉框中的多个，系统可以选择其中一个组件选框作为目标关联选框，最终将通过选中的目标关联选框来显示业务关联内容。其中，单选框是一种单选列表框，可以进行一项列表框的显示；多选框是一种多选列表框，可以进行多项列表框的显示；下拉框是一个下拉列表框，可以在该列表框中进行下拉操作并进行下拉显示。

具体的，本申请实施例中可以基于源数据得到组件的显示方式选择信息。本申请实施例可以有多种方式来得到组件的显示方式选择信息。系统可以对数据类型进行识别，自动得到组件的显示方式选择信息，示例性的，系统可以根据源数据的数据类型来得到组件的显示方式选择信息。系统可以对源数据的数据类型进行识别，识别数据类型的过程有多种，包括针对源数据中起标识作用的标识代码进行识别，通过标识代码来判断源数据的数据类型；或者，可以识别源数据中的关键字，再根据关键字从预设的对比数据库中进行筛选，从而确定源数据的数据类型，可以理解的是，对比数据库是预先建立的关键字到数据类型的对比数据库，在此不做具体限制。

此外，基于源数据得到组件的显示方式选择信息的方式还可以包括接收用户的自定义配置信息。本申请实施例中在得到源数据后，可以获取通过系统设置的人机交互界面展示数据源所属的目标数据源或源数据本身，用户在看到目标数据源或源数据后，根据业务需要，可以通过配置的方式进行选择，用户可以在系统设置的人机交互界面中输入选择指令，系统根据选择指令得到组件的显示方式选择信息，实现了组件显示方式的自定义配置。

在得到组件的显示方式选择信息后，可以用来确定目标关联选框，系统可以根据显示方式选择信息，从单选框、多选框和下拉框中确定一个为目标关联选框，比如，可以选择单选框作为目标关联选框，随后所生成的业务关联组件中将以单选框的方式实现业务联动。

请参阅图5，在一些实施例中，步骤S103中还可以包括步骤S401至步骤S403：

步骤S401，获取用户端的显示配置信息；

步骤S402，根据呈现配置信息，得到用于配置目标关联选框中内容显示的表格显示字段、筛选字段和数据排序方式中的至少一个；

步骤S403，根据表格显示字段、筛选字段和数据排序方式中的至少一个得到内容显示的显示规则。

在一些实施例中，系统可以根据用户的自定义配置信息来选择满足业务需求的呈现内容。具体的，系统可以获取用户端的显示配置信息，其中，客户端可以是系统的人机交互界面，显示配置信息可以是用户在系统的人机交互界面中输入控制指令后生成的，客户端也可以部署在其他主体上，并通过与系统通信连接，在客户端接收到用户的控制指令后，生成显示配置信息并发送给系统，在此不做具体限制。

显示配置信息可以用于确定列表框的呈现内容，具体的，系统在得到呈现配置信息后，可以知晓用户的自定义配置情况，从而得到用于配置目标关联选框中内容显示的表格显示字段、筛选字段和数据排序方式中的至少一个，随后根据表格显示字段、筛选字段和数据排序方式中的至少一个得到内容显示的显示规则。

具体的，系统可以基于显示配置信息对表格显示字段、筛选字段和数据排序方式中的至少一个进行自定义显示的配置。例如，在针对表格显示字段进行自定义配置时，系统可以在根据呈现配置信息确定用于配置目标关联选框中内容显示的表格显示字段后，对组件中列表框的显示进行限定，形成对列表框显示规范要求的显示规则，包括不同类型的列表框需要显示什么内容等。在针对筛选字段进行自定义配置时，系统可以在根据呈现配置信息确定用于配置目标关联选框中内容显示的筛选字段后，对需要显示的内容进行筛选，根据筛选字段判断哪些内容可以显示，哪些内容不可以显示，提高了呈现效果显示的灵活性。在针对数据排序方式进行自定义配置时，系统可以在根据呈现配置信息确定用于配置目标关联选框中内容显示的数据排序方式后，对需要显示的内容进行排序，根据数据排序方式判断哪些内容需要优先显示，哪些不需要优先显示，其中可以确定之间的优先权来实现，提高了呈现效果显示的灵活性。

请参阅图6，在一些实施例中，步骤S105中还可以包括步骤S501至步骤S503：

步骤S501，分别获取源数据和目标关联选框的字段；

步骤S502，根据数据传出规则，在源数据的字段与目标关联选框的字段之间建立对应关系，得到对应的映射字段；

步骤S503，将映射字段传出到目标关联选框的对应字段位置中，并根据显示规则显示映射后目标关联选框中的呈现内容，生成业务关联组件。

在一些实施例中，系统可以根据业务需要设置数据传出规则，数据传出规则是一种数据映射规则。具体的，在进行数据传出时，本申请实施例中可以分别获取源数据和目标关联选框的字段，在源数据的字段与目标关联选框的字段之间建立对应关系，可以是一种一对一的对应关系，也可以是行对应关系，随后可以将形成对应关系的字段作为对应的映射字段。

需要说明的是，数据传出规则可以是预先配置的，例如，参照图7所示，系统可以通过人机交互界面显示预先配置的界面，用户可以在该界面中对组件生成进行自定义配置，包括配置“关联表单”，关联表单将作为目标数据源，如图7中，选择门店设置表单作为目标数据源；而在选择好目标数据源后，将显示数据源是否已经设置好的显示情况，如图7中的“数据源设置”情况，并在配置关联表单的时候可以配置表格显示字段等显示规则，如图7中的“表名”和“展示字段”，以便对最终形成的业务关联组件进行限定；此外还可以配置组件的显示方式，比如选择单选列表框，单选列表框即为上述实施例中的单选框；而图7中的“传出参数”的设置就是本申请实施例中数据传出规则的设置，用户可以在预设的多个传出规则中选择一个作为当前所需要的数据传出规则，而所设置的数据传出规则可以有一条或多条，以便后续根据一条或多条数据传出规则进行数据映射，得到所需要的业务关联组件，在此不做具体限制。

当组件运行时，可以触发数据传出事件，从而获取预先配置好的数据传出规则，然后遍历规则，把映射字段数据转换成对对应的类型后，传出到目标关联选框对应字段位置，此外，若业务关联组件将作为明细表的话，则可以进行单行或多行的数据传出，在此不做具体限制。

需要说明的是，在根据显示规则显示映射后目标关联选框中的呈现内容，生成业务关联组件的过程中，可以根据显示规则对目标关联选框的具体呈现内容进行调整，比如限定目标关联选框对应的选框中、选框外的显示情况，对映射到目标关联选框中的内容，进行筛选或调整，以符合显示规则规范的呈现内容，在此不做具体限制。

请参阅图8，在一些实施例中，步骤S503中还可以包括步骤S601至步骤S604：

步骤S601，记录映射字段的数据字典，得到记录数据，其中，记录数据包括名称、编号、数据类型、格式和多语言信息中的至少一个；

步骤S602，根据记录数据生成目标关联选框的组件名称；

步骤S603，将映射字段传出到组件名称对应位置中，并根据显示规则显示映射后目标关联选框中的呈现内容，生成组件内容；

步骤S604，根据组件名称和组件内容生成业务关联组件。

在一些实施例中，系统可以记录映射字段的数据字典，得到记录数据，并根据记录数据生成目标关联选框的组件名称。示例性的，数据字典包括名称，当选择某条业务数据后，业务关联组件会自动带出记录的名称，还可以带出对应的唯一标识，在页面呈现出相应名称，即为本申请实施例中的组件名称。

需要说明的是，数据字典(Data dictionary)是一种用户可以访问的记录数据库和应用程序元数据的目录，指对数据的数据项、数据结构、数据流、数据存储、处理逻辑等进行定义和描述，其目的是对数据流图中的各个元素做出详细的说明，使用数据字典为简单的建模项目。简而言之，数据字典是描述数据的信息集合，是对系统中使用的所有数据元素的定义的集合。本申请实施例中通过数据字典来记录名称、编号、数据类型、格式和多语言信息中的至少一个，实现了对数据的预处理。

在随后的映射过程中，本申请实施例将映射字段传出到组件名称对应位置中，并根据显示规则显示映射后目标关联选框中的呈现内容，生成组件内容，最终根据组件名称和组件内容生成业务关联组件。

示例性的，显示规则用来约束目标关联选框中的呈现内容，也就是用来约束形成组件内容，组件内容包括一个或多个目标关联选框，在一个或多个目标关联选框之上，将对应拥有一个组件名称。

此外，通过预先配置制定显示规则的过程还可以如下实施例所描述。图7中的“展示字段”的设置对应本申请实施例中的显示规则的限制，可以用于限定具体的呈现内容，如图9所示，系统可以通过预先配置的方式显示所需要的作为显示规则，在人机交互界面中可以提供参数区，为用户提供呈现内容的参考，并在用户选择其中一个或多个，亦或是重新添加一个内容作为展示字段的内容后，将据此生成所需要的显示规则，用于规范列表框的显示。

参照图10所示，是本申请实施例中一个业务关联组件的组件名称的示例，图10中的“门店”下的多个信息即为上述实施例中的组件名称，门店下将包含多个生成的列表框的名称，包括“深圳分店”、“宝安沙井分店”、“宝安西乡分店”、“上海浦东分店”、和“深圳宝安门店”等组件名称的列表框。

在本申请实施例中的目标关联选框为单选框，因此生成在业务关联组件中的列表框，参照图11所示，是本申请实施例中一个业务关联组件的组件内容的示例，如“门店”属性业务关联组件，当系统选中某条记录后，自动把该门店的“门店经理”传出到当前表单的“门户经理”字段中。具体的，该业务关联组件对应图10中的“深圳分店”，而在该业务关联组件中，最终的组件内容是“门店经理”的详情，“门店经理”也可以理解为组件内容对应的名称，而在该实施例中具体的“门店经理”则为“韦”。

请参阅图12，在一些实施例中，步骤S503中还可以包括步骤S701至步骤S702：

步骤S701，获取目标关联选框中的目标数据类型，目标数据类型包括日期类型、数值类型、地址本类型、金额类型、布尔类型和字符串类型中的至少一个；

步骤S702，将映射字段数据转换成目标数据类型，并传出到目标关联选框的对应字段位置中。

在一些实施例中，系统可以根据业务需要设置数据传出规则，数据传出规则是一种数据映射规则，可以将当前关联的目标数据源的表单字段与关联业务组件的字段建立一种对应关系，当目标数据源为业务表单实体时，可以根据业务表单字段与关联业务组件的字段建立一种一对一的关系，随后并记录字段的数据字典，这属于预先配置的过程。

本申请实施例中在完成预先配置后，可以进入运行阶段，当组件运行时，系统选择记录数据后，自动触发数据传出事件，然后遍历数据传出规则，把映射字段数据转换成日期类型、数值类型、地址本类型、金额类型、布尔类型和字符串类型中的至少一个后，传出到表单对应字段位置，可以理解的是，若业务关联组件位于明细表的话，则可以进行单行或多行的数据传出。

需要说明的是，上述日期类型、数值类型、地址本类型、金额类型、布尔类型和字符串类型中的至少一个即为本申请实施例中的目标数据类型，确定目标数据类型的可以通过预先配置得到，例如用户可以输入对目标数据类型的配置信息，系统在接收到该配置信息后，选择目标数据类型的具体类型；此外，目标数据类型也可以是系统根据源数据进行自动识别后得到的，在此不做具体限制。

请参阅图13，在一些实施例中，步骤S503中还可以包括步骤S801至步骤S802：

步骤S801，若对应关系为一对一对应关系，将映射字段传出到目标关联选框下的一个字段位置中；

步骤S802，若对应关系为多行对应关系，依次将映射字段传出到目标关联选框的多个对应字段位置中。

在一些实施例中，系统可以根据数据映射过程的不同映射关系，来进行数据的填充，例如，若对应关系为一对一对应关系，将映射字段传出到目标关联选框下的一个字段位置中，而若对应关系为多行对应关系，依次将映射字段传出到目标关联选框的多个对应字段位置中。

具体的，当系统记录数据后，业务关联组件会自动带出记录的名称与唯一标识，在页面呈现出相应名称，并自动根据上述步骤得到的映射字段，再根据数据类型进行格式化，将值传出到表单对应字段，从而达成数据的联动，这是一种一对一的数据映射，如图11所示。

此外，若业务关联组件位于明细表中，则可对行字段进行映射，实现行的映射，此时需先设置多字段的映射规则，如图14所示，在行对饮关系的映射中，可以设置多个映射规则，包括“当前表字段”中的“型号”、“物料类型”、“参考价”、“单位”以及“物料编码”，则在业务关联组件中“关联表字段”中分别映射“规格型号”、“物料类型”、“预算价”、“计量单位”和“物料编号”，实现多行映射，在该实施例中，当点击选中记录数据后，系统自动触发传出事件，根据设置的规则，自动把“物料编码”、“物料类型”、“型号”、“单位”等字段自动填充数据，从而达成明细表行的数据传出。

请参阅图15，在一些实施例中，步骤S105之后，还可以包括步骤S901至步骤S902：

步骤S901，获取用户端的权限控制信息；

步骤S902，根据权限控制信息，与业务关联组件预设的控制权限进行匹配，并在匹配结果为是时，显示业务关联组件或接收用户端发送的组件编辑信息。

在一些实施例中，系统可以根据当前操作用户的权限进行组件控制。具体的，在配置阶段，系统可以获取当前用户端的权限要求，用户可以在设置业务关联组件生成时，输入该组件的权限要求，例如，在图16中的“字段权限”处输入多个权限要求，如是否“必填”、“编辑”和“可见”等必填、是否可编辑、可见性权限。

在组件运行的阶段中，系统可以获取当前用户端的权限控制信息，例如，可以获取当前用户端的身份信息，根据该身份信息在系统预先建立的数据库中查询，从而得到该身份信息对应的控制权限。随后，根据该权限控制信息，系统可以与业务关联组件预设的控制权限进行匹配，该控制权限由上述在配置阶段根据用户的权限要求制定得到，并在匹配结果为是时，说明当前用户端具备对应的控制权限，因此可以显示业务关联组件或接收用户端发送的组件编辑信息。

需要说明的是，在满足不同的权限要求时，系统可以执行不同的权限控制。例如，若在配置阶段中勾选了“可见”的“字段权限”，则系统会判断用户端当前是否具备可见权限，并在满足时，显示业务关联组件，而若是当前用户端并不具备该控制权限，则不显示业务关联组件；或者，若在配置阶段中勾选了“编辑”的“字段权限”，则系统会判断用户端当前是否具备编辑权限，并在满足时，确定当前可以编辑所生成的业务关联组件，此时可以接收用户端发送的组件编辑信息，而若是当前用户端并不具备该控制权限，则不接收任何用户端发送过来的编辑信息。

请参阅图17，在一些实施例中，步骤S105之后，还可以包括步骤S1001至步骤S1002：

步骤S1001，为业务关联组件添加侦听事件；

步骤S1002，通过侦听事件侦听业务关联组件的组件值，并在组件值变更时，执行预设的事件处理规则。

在一些实施例中，系统可以实现对业务关联组件的事件管理。具体的，系统可以为业务关联组件添加侦听事件，如onChange事件，所添加的侦听事件可以用于定义事件名、编写事件处理脚本函数作为事件处理规则，并在系统运行阶段，通过侦听事件侦听业务关联组件的组件值，当组件值变更时会自会触发该事件，并执行事件处理脚本函数等事件处理规则。

示例性的，如图16所示，本申请实施例中可以在配置阶段，通过预先配置的方式添加“动作设置”，对应添加若干个添加动作，该添加动作对应不同的侦听事件，可以在业务关联组件运行过程中对数据进行侦听。随后在图18所示的显示界面中，系统添加了onChange事件作为侦听事件，当onChange值发生变化时，系统将显示对应的提示信息，并相对应执行事件处理脚本函数，在此不做具体限制。

请参阅图19，在一些实施例中，步骤S105之后，还可以包括步骤S1101至步骤S1102：

步骤S1101，获取用户端的留痕控制信息；

步骤S1102，根据留痕控制信息获取业务关联组件的组件值，并在组件值变更时，记录对应的操作信息和变更后的内容；

步骤S1103，在业务关联组件中显示操作信息和变更后的内容。

在一些实施例中，系统可以实现对业务关联组件的留痕控制。具体的，系统可以获取用户端的留痕控制信息，留痕控制信息是用户端发送的是否进行留痕控制的信息，若接收到该留痕控制信息，系统则需要在业务关联组件中显示对应的变化痕迹。本申请实施例可以根据留痕控制信息获取业务关联组件的组件值，并在组件值变更时，记录对应的操作信息和变更后的内容，并在业务关联组件中显示操作信息和变更后的内容，需要说明的是，变更后的内容可以是组件名称或组件内容。

留痕控制是一种数据安全性措施，若开启留痕，则表单中业务关联组件的值每次发生变更，数据库都会记录操作人、操作时间、变更前后内容，并以时间轴的形式呈现，方便后续数据的跟踪。

示例性的，如图16所示，本申请实施例中可以在配置阶段，通过预先配置的方式添加“高级属性”，对应添加“留痕”的勾选。随后在图19所示的显示界面中，系统添加了华南地区入库项目作为目标数据源，当目标数据源对应的业务关联组件的值发生变化时，系统将显示对应的提示信息，记录操作人、操作时间、变更前后内容，并以时间轴的形式呈现，如图20中操作人“梁”分别在2022/08/24日下的11:38时间修改了“华南地区入库项目”，并在2022/08/24日下的13:38时间修改名称为“华南地区入库项目计划”。

此外，本申请实施例中还可以进行业务关联组件的数据样式配置，如图16所示，可以自定义控件布局、组件数据中标题样式的字体、字号、颜色、是否加粗和下划线等，在此不做具体限制。

请参阅图21，本申请实施例还提供一种业务关联组件的配置系统，可以实现上述业务关联组件的配置方法，业务关联组件的配置系统包括：

数据源获取模块2101，用于获取目标数据源中的源数据；

选框确定模块2102，用于从预设的多个组件选框中确定组件的显示方式，得到目标关联选框；

显示规则确定模块2103，用于获取用于配置目标关联选框中内容显示的显示规则；

传出规则调用模块2104，用于调用预设的JSON配置包，基于JSON配置包解析得到数据传出规则

组件生成模块2105，用于根据数据传出规则将源数据映射在目标关联选框中，根据显示规则显示映射后目标关联选框中的呈现内容，生成业务关联组件。

在一些实施例中，业务关联组件的配置系统可执行上述任意一个实施例中的业务关联组件的配置方法，系统在执行方法时，可以获取目标数据源中的源数据。

可以理解的是，系统可以通过预先配置的方式，与目标数据源建立连接，并在系统执行方法的时候，直接从目标数据源获取源数据；或者，系统可以遍历连接的各个数据源，从中任意挑选，或者基于用户指定从中挑选一个数据源作为目标数据源，从而获取其中的源数据。

示例性的，目标数据源可以是任意一个数据源，例如，可以是业务表单实体，通过获取业务表单实体中的数据，并作为源数据。源数据是一个从目标数据源中提取得到的数据，后续需要对源数据进行处理，以便生成在业务关联组件中。

在一些实施例中，本申请实施例可以通过预先配置的方式确定所需要呈现的关联选框。具体的，系统可以从预先设定的多个组件选框中确定组件的显示方式，根据业务需要，从中选择一个组件选框并作为目标关联选框，可以理解的是，目标关联选框是作为随后建立的业务关联组件中的选框。

示例性的，系统可以获取用户的配置信息，基于用户的配置信息从预设的多个组件选框中确定一个为目标关联选框，满足根据业务需要来选择用户需要的组件显示方式；又或者，系统可以根据目标数据源或源数据的类型，从组件选框中进行筛选，自动识别，并自动选择一个组件选框为目标关联选框。

示例性的，组件选框包括单选框、多选框和下拉框等列表框，在选择其中一个作为目标关联选框后，最终将通过选中的目标关联选框来显示业务关联内容。此外，在选择目标关联选框后，用户还可以进一步配置显示方式，例如，若呈现单选列表框、多选列表框交互效果，则需要再配置弹出列表框的显示列、自定义筛选项等，在此不做具体限制。

在一些实施例中，系统可以配置组件的呈现效果。具体的，系统可以根据业务需要，获取用于配置目标关联选框中内容显示的显示规则，显示规则可以表征组件的呈现效果，包括组件名称的呈现效果，可对名称呈现做自定义配置。

示例性的，系统可以从预存的多个显示规则中，选择一个作为当前组件生成所需要的显示规则，以满足当前组件的呈现效果，例如，系统可以根据目标数据源或源数据的类型，进行自动识别，根据不同的类型选择不同的显示规则。又或者，系统可以获取用户的配置信息，根据用户实际需求，自定义设置一个显示规则，用来约束目标关联选框中的内容显示，以满足业务需求，在此不做具体限制。

在一些实施例中，系统可以通过预先配置的方式建立数据传出规则。具体的，系统可以基于用户端的配置信息，建立数据传出规则，或者，系统可以根据业务需要自动设置数据传出规则，数据传出规则是一种数据映射规则，通过建立数据传出规则，可以建立当前源数据与目标关联选框的对应关系，用来进行数据映射，实现数据传出。

需要说明的是，本申请实施例中在预先配置过程中，根据建立的数据传出规则在后端中进行存储，可以将数据传出规则转换为在后端存储中的JSON配置包，在系统进行组件生成的过程中，可以调度后端设置的JSON配置包，并对JSON配置包进行解析，从而得到其中的数据传出规则。可以理解的是，后端可以是本地的后端服务器，或者与系统连接的云端，在此不做具体限制。

在一些实施例中，系统可以建立当前源数据与目标关联选框的对应关系，并根据数据传出规则将源数据映射在目标关联选框中，随后，在进行具体的内容呈现时，本申请实施例可以根据显示规则对映射到目标关联选框的内容进行筛选，显示映射后目标关联选框中的呈现内容，生成最终所需要的业务关联组件，完成组件生成。

需要说明的是，本申请实施例中生成的业务关联组件，可以实现数据的联动，实现了将任意一个目标数据源的源数据，经过各项处理后，最终映射到目标关联选框中，生成最终的业务关联组件。

本申请实施例可以通过预先配置的方式，在获取源数据后，通过预设的方式来得到组件的显示方式、显示规则和数据的数据传出规则，根据这些配置将内容映射到目标关联选框中，通过后端数据的调用自动生成业务关联组件，实现数据联动，系统代码复用率高、开发速度快、页面代码体积小，大大提高了系统的开发效率，降低了开发和维护的成本。

需要说明的是，本申请实施例中是基于JS实现的业务关联组件的配置系统，实现了在JS开发业务关联组件的过程中，减少了代码体积，提高了开发效率，无需在JS环境下重复实现业务关联组件的生成。

该业务关联组件的配置系统的具体实施方式与上述的业务关联组件的配置方法的具体实施例基本相同，在此不再赘述。在满足本申请实施例要求的前提下，业务关联组件的配置系统还可以设置其他功能模块，以实现上述实施例中的业务关联组件的配置方法。

本申请实施例还提供了一种电子设备，电子设备包括存储器和处理器，存储器存储有计算机程序，处理器执行计算机程序时实现上述业务关联组件的配置方法。该电子设备可以为包括平板电脑、车载电脑等任意智能终端。

请参阅图22，图22示意了另一实施例的电子设备的硬件结构，电子设备包括：

处理器2201，可以采用通用的CPU(Central Processing Unit，中央处理器)、微处理器、应用专用集成电路(Application Specific Integrated Circuit，ASIC)、或者一个或多个集成电路等方式实现，用于执行相关程序，以实现本申请实施例所提供的技术方案；

存储器2202，可以采用只读存储器(Read Only Memory，ROM)、静态存储设备、动态存储设备或者随机存取存储器(Random Access Memory，RAM)等形式实现。存储器2202可以存储操作系统和其他应用程序，在通过软件或者固件来实现本说明书实施例所提供的技术方案时，相关的程序代码保存在存储器2202中，并由处理器2201来调用执行本申请实施例中的业务关联组件的配置方法；

输入/输出接口2203，用于实现信息输入及输出；

通信接口2204，用于实现本设备与其他设备的通信交互，可以通过有线方式(例如USB、网线等)实现通信，也可以通过无线方式(例如移动网络、WIFI、蓝牙等)实现通信；

总线2205，在设备的各个组件(例如处理器2201、存储器2202、输入/输出接口2203和通信接口2204)之间传输信息；

其中处理器2201、存储器2202、输入/输出接口2203和通信接口2204通过总线2205实现彼此之间在设备内部的通信连接。

本申请实施例还提供了一种计算机可读存储介质，该计算机可读存储介质存储有计算机程序，该计算机程序被处理器执行时实现上述的业务关联组件的配置方法。

存储器作为一种非暂态计算机可读存储介质，可用于存储非暂态软件程序以及非暂态性计算机可执行程序。此外，存储器可以包括高速随机存取存储器，还可以包括非暂态存储器，例如至少一个磁盘存储器件、闪存器件、或其他非暂态固态存储器件。在一些实施方式中，存储器可选包括相对于处理器远程设置的存储器，这些远程存储器可以通过网络连接至该处理器。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

本申请实施例描述的实施例是为了更加清楚的说明本申请实施例的技术方案，并不构成对于本申请实施例提供的技术方案的限定，本领域技术人员可知，随着技术的演变和新应用场景的出现，本申请实施例提供的技术方案对于类似的技术问题，同样适用。

本领域技术人员可以理解的是，图中示出的技术方案并不构成对本申请实施例的限定，可以包括比图示更多或更少的步骤，或者组合某些步骤，或者不同的步骤。

以上所描述的装置实施例仅仅是示意性的，其中作为分离部件说明的单元可以是或者也可以不是物理上分开的，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。

本领域普通技术人员可以理解，上文中所公开方法中的全部或某些步骤、系统、设备中的功能模块/单元可以被实施为软件、固件、硬件及其适当的组合。

本申请的说明书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

应当理解，在本申请中，“至少一个(项)”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，用于描述关联对象的关联关系，表示可以存在三种关系，例如，“A和/或B”可以表示：只存在A，只存在B以及同时存在A和B三种情况，其中A，B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达，是指这些项中的任意组合，包括单项(个)或复数项(个)的任意组合。例如，a，b或c中的至少一项(个)，可以表示：a，b，c，“a和b”，“a和c”，“b和c”，或“a和b和c”，其中a，b，c可以是单个，也可以是多个。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统和方法，可以通过其它的方式实现。例如，以上所描述的系统实施例仅仅是示意性的，例如，上述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

上述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括多指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例的方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，简称ROM)、随机存取存储器(Random Access Memory，简称RAM)、磁碟或者光盘等各种可以存储程序的介质。

以上参照附图说明了本申请实施例的优选实施例，并非因此局限本申请实施例的权利范围。本领域技术人员不脱离本申请实施例的范围和实质内所作的任何修改、等同替换和改进，均应在本申请实施例的权利范围之内。

Claims (14)

1.一种业务关联组件的配置方法，其特征在于，所述方法包括：

获取目标数据源中的源数据；

从预设的多个组件选框中确定组件的显示方式，得到目标关联选框；

获取用于配置所述目标关联选框中内容显示的显示规则；

调用预设的JSON配置包，基于所述JSON配置包解析得到数据传出规则；

根据所述数据传出规则将所述源数据映射在所述目标关联选框中，根据所述显示规则显示映射后所述目标关联选框中的呈现内容，生成业务关联组件。

2.根据权利要求1所述的业务关联组件的配置方法，其特征在于，所述获取目标数据源中的源数据，包括：

获取用户端的数据源配置信息；

根据所述数据源配置信息加载目标数据源，并从所述目标数据源中获取源数据。

3.根据权利要求1所述的业务关联组件的配置方法，其特征在于，所述从预设的多个组件选框中确定组件的显示方式，得到目标关联选框，包括：

获取预设的多个组件选框，所述组件选框包括单选框、多选框和下拉框中的多个；

基于所述源数据得到组件的显示方式选择信息；

根据所述显示方式选择信息从所述单选框、所述多选框和所述下拉框中确定一个为目标关联选框。

4.根据权利要求1所述的业务关联组件的配置方法，其特征在于，所述获取用于配置所述目标关联选框中内容显示的显示规则，包括：

获取用户端的显示配置信息；

根据所述呈现配置信息，得到用于配置所述目标关联选框中内容显示的表格显示字段、筛选字段和数据排序方式中的至少一个；

根据所述表格显示字段、所述筛选字段和所述数据排序方式中的至少一个得到内容显示的显示规则。

5.根据权利要求1所述的业务关联组件的配置方法，其特征在于，所述根据所述数据传出规则将所述源数据映射在所述目标关联选框中，根据所述显示规则显示映射后所述目标关联选框中的呈现内容，生成业务关联组件，包括：

分别获取所述源数据和所述目标关联选框的字段；

根据所述数据传出规则，在所述源数据的字段与所述目标关联选框的字段之间建立对应关系，得到对应的映射字段；

将所述映射字段传出到所述目标关联选框的对应字段位置中，并根据所述显示规则显示映射后所述目标关联选框中的呈现内容，生成业务关联组件。

6.根据权利要求5所述的业务关联组件的配置方法，其特征在于，所述将所述映射字段传出到所述目标关联选框的对应字段位置中，并根据所述显示规则显示映射后所述目标关联选框中的呈现内容，生成业务关联组件，包括：

记录所述映射字段的数据字典，得到记录数据，其中，所述记录数据包括名称、编号、数据类型、格式和多语言信息中的至少一个；

根据所述记录数据生成所述目标关联选框的组件名称；

将所述映射字段传出到所述组件名称对应位置中，并根据所述显示规则显示映射后所述目标关联选框中的呈现内容，生成组件内容；

根据所述组件名称和所述组件内容生成业务关联组件。

7.根据权利要求5所述的业务关联组件的配置方法，其特征在于，所述将所述映射字段传出到所述目标关联选框的对应字段位置中，包括：

获取所述目标关联选框中的目标数据类型，所述目标数据类型包括日期类型、数值类型、地址本类型、金额类型、布尔类型和字符串类型中的至少一个；

将所述映射字段数据转换成所述目标数据类型，并传出到所述目标关联选框的对应字段位置中。

8.根据权利要求5所述的业务关联组件的配置方法，其特征在于，所述将所述映射字段传出到所述目标关联选框的对应字段位置中，包括：

若所述对应关系为一对一对应关系，将所述映射字段传出到所述目标关联选框下的一个字段位置中；

若所述对应关系为多行对应关系，依次将所述映射字段传出到所述目标关联选框的多个对应字段位置中。

9.根据权利要求1所述的业务关联组件的配置方法，其特征在于，所述生成业务关联组件之后，所述方法还包括：

获取用户端的权限控制信息；

根据所述权限控制信息，与所述业务关联组件预设的控制权限进行匹配，并在匹配结果为是时，显示所述业务关联组件或接收所述用户端发送的组件编辑信息。

10.根据权利要求1所述的业务关联组件的配置方法，其特征在于，所述生成业务关联组件之后，所述方法还包括：

为所述业务关联组件添加侦听事件；

通过所述侦听事件侦听所述业务关联组件的组件值，并在所述组件值变更时，执行预设的事件处理规则。

11.根据权利要求1所述的业务关联组件的配置方法，其特征在于，所述生成业务关联组件之后，所述方法还包括：

获取用户端的留痕控制信息；

根据所述留痕控制信息获取所述业务关联组件的组件值，并在所述组件值变更时，记录对应的操作信息和变更后的内容；

在所述业务关联组件中显示所述操作信息和所述变更后的内容。

12.一种业务关联组件的配置系统，其特征在于，所述系统包括：

数据源获取模块，用于获取目标数据源中的源数据；

选框确定模块，用于从预设的多个组件选框中确定组件的显示方式，得到目标关联选框；

显示规则确定模块，用于获取用于配置所述目标关联选框中内容显示的显示规则；

传出规则调用模块，用于调用预设的JSON配置包，基于所述JSON配置包解析得到数据传出规则；

组件生成模块，用于根据所述数据传出规则将所述源数据映射在所述目标关联选框中，根据所述显示规则显示映射后所述目标关联选框中的呈现内容，生成业务关联组件。

13.一种电子设备，其特征在于，所述电子设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现权利要求1至11任意一项所述的业务关联组件的配置方法。

14.一种计算机可读存储介质，所述存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至11任意一项所述的业务关联组件的配置方法。

Images