CN112530026A

CN112530026A - 组件的关联方法及装置

Info

Publication number: CN112530026A
Application number: CN201910875080.8A
Authority: CN
Inventors: 李云鹤
Original assignee: Beijing Gridsum Technology Co Ltd
Current assignee: Beijing Gridsum Technology Co Ltd
Priority date: 2019-09-17
Filing date: 2019-09-17
Publication date: 2021-03-19

Abstract

本发明公开了一种组件的关联方法及装置，涉及数据处理技术领域，目的在于提升用户使用仪表盘时的用户体验。本发明的方法包括：将组件对应的坐标信息、层级信息及尺寸信息添加至组件对应的组件属性中，并将组件添加至三维网格幕布中；当监测到待移动组件对应的拖拽操作时，将待移动组件移动至拖拽操作对应的释放位置处，并根据待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在与待移动组件相交的目标组件；若存在，则将至少一个目标组件对应的组件信息进行输出显示；当接收到位置关联指令和/或数据关联指令时，对待移动组件和选定组件进行位置关联处理和/或对待移动组件和选定组件进行数据关联处理。本发明适用于构建仪表盘的过程中。

Description

组件的关联方法及装置

技术领域

本发明涉及数据处理技术领域，特别是涉及一种组件的关联方法及装置。

背景技术

随着互联网技术的日益发展，大数据时代已经来临，大数据可视化在大数据分析中扮演着重要的角色。其中，仪表盘(Business Intelligence Dashboard，BI Dashboard)作为一款能够向企业展示度量信息和关键业务指标(KPI)现状的数据虚拟化工具，在大数据可视化领域内是不可或缺的一部分。仪表盘通过各式各样的可视化组件(如图表组件、报表组件、地图组件等)能够清晰的将各种企业数据展示给企业决策者，从而为其做出决策提供数据支持。

目前，仪表盘厂商通常是将制作好的可视化组件添加至二维幕布中，以构建仪表盘。然而，构建的仪表盘中的各个可视化组件是相互独立的，各个可视化组件中的数据互不相通，从而使得当用户期望在仪表盘中移动两个相关的可视化组件，并保持这两个可视化组件之间的位置关系时，用户需要分别移动这两个可视化组件，并手动调整这两个组件之间的位置关系；当用户期望将一个可视化组件中的数据导入到另一个可视化组件中时，用户需要先在第一个可视化组件中获取得到待导入的数据，再将这些数据导入到第二个可视化组件中，因此，导致用户在使用仪表盘时的用户体验较差。

发明内容

有鉴于此，本发明提供一种组件的关联方法及装置，主要目的在于提升用户使用仪表盘时的用户体验。

为了解决上述问题，本发明主要提供如下技术方案：

第一方面，本发明提供了一种组件的关联方法，该方法包括：

将组件对应的坐标信息、层级信息及尺寸信息添加至所述组件对应的组件属性中，并根据所述组件对应的坐标信息及层级信息将所述组件添加至预先构建的三维网格幕布中；

当监测到待移动组件对应的拖拽操作时，将所述待移动组件移动至所述拖拽操作对应的释放位置处，并根据所述待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在与所述待移动组件相交的目标组件；

若存在，则将至少一个所述目标组件对应的组件信息进行输出显示；

当接收到携带有选定组件的唯一标识的位置关联指令和/或数据关联指令时，根据所述位置关联指令对所述待移动组件和所述选定组件进行位置关联处理和/或根据所述数据关联指令对所述待移动组件和所述选定组件进行数据关联处理，其中，所述选定组件为用户从至少一个所述目标组件中选定的、期望与所述待移动组件进行位置关联处理和/或数据关联处理的组件。

可选的，采用如下方式构建所述三维网格幕布：

对多个二维幕布进行层叠处理，以获得三维幕布；

建立所述三维幕布对应的空间直角坐标系，其中，所述空间直角坐标系包括横轴、纵轴及竖轴；

配置所述横轴和所述纵轴对应的单位长度，以获得所述三维网格幕布。

可选的，在所述根据所述组件对应的坐标信息及层级信息将所述组件添加至三维网格幕布中之后，所述方法还包括：

将所述组件对应的组件属性添加至组件列表中。

可选的，所述根据所述待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在与所述待移动组件相交的目标组件，包括：

在所述组件列表中获取除所述待移动组件外的多个其他组件对应的坐标信息；

根据所述待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在坐标信息位于所述待移动组件中的其他组件；

若存在，则将所述其他组件确定为所述目标组件。

可选的，所述根据所述位置关联指令对所述待移动组件和所述选定组件进行位置关联处理，包括：

将所述待移动组件对应的移动后的坐标信息与所述选定组件对应的坐标信息之间的映射关系添加至位置关联配置列表中，其中，所述位置关联配置列表中记录有所述三维网格幕布中所有经过位置关联处理后的两个组件对应的坐标信息之间的映射关系。

可选的，所述根据所述数据关联指令对所述待移动组件和所述选定组件进行数据关联处理，包括：

建立所述待移动组件与所述选定组件之间的私人消息线；或

将所述待移动组件和所述选定组件接入总消息线中。

可选的，在所述根据所述数据关联指令对所述待移动组件和所述选定组件进行数据关联处理之后，所述方法还包括：

为所述待移动组件及所述选定组件配置数据转换器；

将所述待移动组件与所述选定组件之间的映射关系添加至数据关联配置列表中。

第二方面，本发明还提供一种组件的关联装置，该装置包括：

第一添加单元，用于将组件对应的坐标信息、层级信息及尺寸信息添加至所述组件对应的组件属性中；

第二添加单元，用于根据所述组件对应的坐标信息及层级信息将所述组件添加至预先构建的三维网格幕布中；

移动单元，用于当监测到待移动组件对应的拖拽操作时，将所述待移动组件移动至所述拖拽操作对应的释放位置处；

判断单元，用于根据所述待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在与所述待移动组件相交的目标组件；

输出单元，用于当所述判断单元判定存在至少一个与所述待移动组件相交的目标组件时，将至少一个所述目标组件对应的组件信息进行输出显示；

处理单元，用于当接收到携带有选定组件的唯一标识的位置关联指令和/或数据关联指令时，根据所述位置关联指令对所述待移动组件和所述选定组件进行位置关联处理和/或根据所述数据关联指令对所述待移动组件和所述选定组件进行数据关联处理，其中，所述选定组件为用户从至少一个所述目标组件中选定的、期望与所述待移动组件进行位置关联处理和/或数据关联处理的组件。

可选的，所述装置还包括：

层叠单元，用于对多个二维幕布进行层叠处理，以获得三维幕布；

建立单元，用于建立所述三维幕布对应的空间直角坐标系，其中，所述空间直角坐标系包括横轴、纵轴及竖轴；

第一配置单元，用于配置所述横轴和所述纵轴对应的单位长度，以获得所述三维网格幕布。

可选的，所述装置还包括：

第三添加单元，用于在所述第二添加单元根据所述组件对应的坐标信息及层级信息将所述组件添加至三维网格幕布中之后，将所述组件对应的组件属性添加至组件列表中。

可选的，所述判断单元包括：

获取模块，用于在所述组件列表中获取除所述待移动组件外的多个其他组件对应的坐标信息；

判断模块，用于根据所述待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在坐标信息位于所述待移动组件中的其他组件；

确定模块，用于当所述判断模块判定存在坐标信息位于所述待移动组件中的其他组件时，将所述其他组件确定为所述目标组件。

可选的，所述处理单元包括：

第一添加模块，用于将所述待移动组件对应的移动后的坐标信息与所述选定组件对应的坐标信息之间的映射关系添加至位置关联配置列表中，其中，所述位置关联配置列表中记录有所述三维网格幕布中所有经过位置关联处理后的两个组件对应的坐标信息之间的映射关系。

可选的，所述处理单元还包括：

建立模块，用于建立所述待移动组件与所述选定组件之间的私人消息线；

接入模块，用于将所述待移动组件和所述选定组件接入总消息线中。

可选的，所述装置还包括：

第二配置单元，用于在所述处理单元根据所述数据关联指令对所述待移动组件和所述选定组件进行数据关联处理之后，为所述待移动组件及所述选定组件配置数据转换器；

第四添加单元，用于将所述待移动组件与所述选定组件之间的映射关系添加至数据关联配置列表中。

为了实现上述目的，根据本发明的第三方面，提供了一种存储介质，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行上述第一方面所述的组件的关联方法。

为了实现上述目的，根据本发明的第四方面，提供了一种电子设备，所述设备包括至少一个处理器、以及与所述处理器连接的至少一个存储器、总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行上述第一方面所述的组件的关联方法。

借由上述技术方案，本发明提供的技术方案至少具有下列优点：

本发明提供一种组件的关联方法及装置，与现有技术中，将制作好的可视化组件添加至二维幕布中，从而构建仪表盘相比，本发明能够在制作好组件后，将用户设定的坐标信息、层级信息及尺寸信息添加至组件的组件属性中，并根据组件对应的坐标信息及层级信息将组件添加至三维网格幕布中，从而构建仪表盘；当监测到用户针对三维网格幕布(即仪表盘)中的某个组件(即待移动组件)的拖拽操作时，将待移动组件移动至拖拽操作对应的释放位置处，并根据待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在与待移动组件相交的目标组件，当判定存在与待移动组件相交的目标组件时，将至少一个目标组件对应的组件信息进行输出显示，以便用户选择与待移动组件进行位置关联处理和/或数据关联处理的选定组件；当接收到携带有选定组件唯一标识的位置关联指令和/或数据关联指令时，便可对待移动组件和选定组件进行位置关联处理和/或进行数据关联处理。用户通过在三维网格幕布(即仪表盘)中拖拽组件，并进行选择，便可对两个位置相关的组件进行位置关联处理、对两个数据相关的组件进行数据关联处理，从而使得当用户期望在三维网格幕布(即仪表盘)中移动两个位置关联的组件，并保持两个组件之间的位置关系时，用户只需移动这两个组件中的任意一个组件，另外一个组件会随之移动；当用户期望在两个数据关联的组件之间传输数据时，用户可以直接控制两个组件，将数据从一个组件导入到另外一个组件中，从而简化了用户在使用仪表盘时的操作，进而提高了用户使用仪表盘的用户体验。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了本发明实施例提供的一种组件的关联方法流程图；

图2示出了本发明实施例提供的另一种组件的关联方法流程图；

图3a示出了本发明实施例提供的一种对多个二维幕布进行层叠处理，从而获得三维幕布的示意图；

图3b示出了本发明实施例提供的一种建立三维幕布对应的空间直角坐标系的示意图；

图3c示出了本发明实施例提供的一种配置空间直角坐标系的横轴和纵轴对应的单位长度，从而获得三维网格幕布的示意图；

图4示出了本发明实施例提供的一种组件的关联装置的组成框图；

图5示出了本发明实施例提供的另一种组件的关联装置的组成框图；

图6示出了本发明实施例提供的一种电子设备的结构框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

本发明实施例提供一种组件的关联方法，如图1所示，该方法包括：

101、将组件对应的坐标信息、层级信息及尺寸信息添加至组件对应的组件属性中，并根据组件对应的坐标信息及层级信息将组件添加至预先构建的三维网格幕布中。

其中，三维网格幕布是由多个二维网格幕布层叠构成的，每个层级上的二维网格幕布是完全相同的，即每个二维网格幕布中包含的行数、列数及网格数是相同的。组件为构成仪表盘的可视化组件中的任意一种，其可以但不限于为：图表组件、报表组件、地图组件等等；组件对应的层级信息指的是：组件所属二维网格幕布对应的层级；组件对应的坐标信息指的是：组件的左上角顶点在其所属二维网格幕布中的坐标，需要进行说明的是，所有的组件均为矩形或正方形；组件对应的尺寸信息指的是：组件每个边长的长度，即所占行数和所占列数。

在本发明实施例中，各个步骤中的执行主体为运行在终端设备中的客户端应用程序，其中，终端设备可以但不限于为：计算机、智能手机、平板电脑等等。在客户端应用程序基于用户上传的数据制作好对应的组件后，用户便可设定该组件对应的坐标信息及层级信息，客户端应用程序在接收到用户设定的坐标信息及层级信息后，便会将该组件对应的坐标信息、层级信息及尺寸信息添加至该组件对应的组件属性中，并根据该组件对应的坐标信息及层级信息将该组件添加至预先构建的三维网格幕布中，即首先根据该组件对应的层级信息确定应该将该组件添加至哪个层级的二维网格幕布中，再根据该组件对应的坐标信息，确定该组件在其所属二维网格幕布中的具体位置，基于此将该组件添加至三维网格幕布中，其中，将组件添加至三维网格幕布中的过程，便是构建仪表盘的过程。

需要进行说明的是，在实际应用过程中，当客户端应用程序根据待添加组件对应的坐标信息及层级信息判断三维网格幕布中的对应位置处存在其他组件时，客户端应用程序会自行重新设定该组件的层级信息，并根据重新设定的层级信息及原有的坐标信息将该组件添加至三维网格幕布中，从而保证三维网格幕布中同一位置处仅存在一个组件。

102、当监测到待移动组件对应的拖拽操作时，将待移动组件移动至拖拽操作对应的释放位置处，并根据待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在与待移动组件相交的目标组件。

在本发明实施例中，当客户端应用程序监测到用户针对三维网格幕布(即仪表盘)中的某个组件(即待移动组件)的拖拽操作时，客户端应用程序会将待移动组件移动至拖拽操作对应的释放位置处，并根据待移动组件对应的尺寸信息及移动后的坐标信息(即移动至拖拽操作对应的释放位置处后，待移动组件左上角顶点在其所属二维网格幕布中的坐标)判断是否存在与待移动组件相交的目标组件，即判断移动后的待移动组件是否与三维网格幕布中的其他组件相交，若存在，则将相交的其他组件确定为目标组件。

需要进行说明的是，在根据待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在与待移动组件相交的目标组件时，是不考虑待移动组件与其他组件之间的层级关系的，即将待移动组件与其他组件看作是存在于同一层级的二维网格幕布中的多个组件，根据待移动组件对应的尺寸信息和移动后的坐标信息以及其他组件对应的坐标信息，判断移动后的待移动组件是否与三维网格幕布中的其他组件相交，若存在，则将相交的其他组件确定为目标组件。例如，待移动组件对应的层级信息为：2，对应的移动后的坐标信息为(3，3)，对应的尺寸信息为：所占行数4、所占列数4；某个其他组件对应的层级信息为5，对应的坐标信息为(4，4)，对应的尺寸信息为所占行数3、所占列数3，虽然，待移动组件和该其他组件存在于不同层级的二维网格幕布中，但是，在将待移动组件和该其他组件看作是存在于同一层级的二维网格幕布中的两个组件后，根据待移动组件对应的尺寸信息和移动后的坐标信息以及该其他组件对应的坐标信息，可以判定待移动组件与该其他组件是相交的，因此，可以将该其他组件确定为目标组件。

103、若存在，则将至少一个目标组件对应的组件信息进行输出显示。

其中，目标组件对应的组件信息可以但不限制于包括：目标组件对应的数据源、目标组件对应的组件属性、目标组件对应的唯一标识等等。

在本发明实施例中，当客户端应用程序经过步骤102判定存在至少一个与移动后的待移动组件相交的目标组件后，客户端应用程序便可将至少一个目标组件对应的组件信息进行输出显示，以便用户根据每个目标组件对应的组件信息，在至少一个目标组件中选择与待移动组件进行关联处理的选定组件。

104、当接收到携带有选定组件的唯一标识的位置关联指令和/或数据关联指令时，根据位置关联指令对待移动组件和选定组件进行位置关联处理和/或根据数据关联指令对待移动组件和选定组件进行数据关联处理。

其中，选定组件为用户从至少一个目标组件中选定的、期望与待移动组件进行位置关联处理和/或数据关联处理的组件。

在本发明实施例中，当用户根据每个目标组件对应的组件信息，在至少一个目标组件中选择与待移动组件进行关联处理的选定组件，并选择进行关联处理的类型时，客户端应用程序便会接收到携带有选定组件的唯一标识的位置关联指令和/或携带有选定组件的唯一标识的数据关联指令。当客户端应用程序接收到携带有选定组件唯一标识的位置关联指令时，客户端应用程序便可根据该位置关联指令对待移动组件和选定组件进行位置关联处理，后续当用户期望在三维网格幕布(即仪表盘)中移动待移动组件和选定组件，并保持待移动组件和选定组件之间的位置关系时，用户只需移动这两个组件中的任意一个组件，另外一个组件会随之移动；当客户端应用程序接收到携带有选定组件唯一标识的数据关联指令时，客户端应用程序便可根据该数据关联指令对待移动组件和选定组件进行数据关联处理，后续当用户期望将待移动组件中数据导入到选定组件中或将选定组件中的数据导入到待移动组件中时，用户通过客户端应用程序便可控制待移动组件直接将数据导入到选定组件中，或控制选定组件直接将数据导入到待移动组件中。

本发明实施例提供一种组件的关联方法，与现有技术中，将制作好的可视化组件添加至二维幕布中，从而构建仪表盘相比，本发明实施例能够在制作好组件后，将用户设定的坐标信息、层级信息及尺寸信息添加至组件的组件属性中，并根据组件对应的坐标信息及层级信息将组件添加至三维网格幕布中，从而构建仪表盘；当监测到用户针对三维网格幕布(即仪表盘)中的某个组件(即待移动组件)的拖拽操作时，将待移动组件移动至拖拽操作对应的释放位置处，并根据待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在与待移动组件相交的目标组件，当判定存在与待移动组件相交的目标组件时，将至少一个目标组件对应的组件信息进行输出显示，以便用户选择与待移动组件进行位置关联处理和/或数据关联处理的选定组件；当接收到携带有选定组件唯一标识的位置关联指令和/或数据关联指令时，便可对待移动组件和选定组件进行位置关联处理和/或进行数据关联处理。用户通过在三维网格幕布(即仪表盘)中拖拽组件，并进行选择，便可对两个位置相关的组件进行位置关联处理、对两个数据相关的组件进行数据关联处理，从而使得当用户期望在三维网格幕布(即仪表盘)中移动两个位置关联的组件，并保持两个组件之间的位置关系时，用户只需移动这两个组件中的任意一个组件，另外一个组件会随之移动；当用户期望在两个数据关联的组件之间传输数据时，用户可以直接控制两个组件，将数据从一个组件导入到另外一个组件中，从而简化了用户在使用仪表盘时的操作，进而提高了用户使用仪表盘的用户体验。

以下为了更加详细地说明，本发明实施例提供了另一种组件的关联方法，特别是根据待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在与待移动组件相交的目标组件的具体方法，以及根据位置关联指令对待移动组件和选定组件进行位置关联处理、根据数据关联指令对待移动组件和选定组件进行数据关联处理的具体方法，具体如图2所示，该方法包括：

201、构建三维网格幕布。

在本发明实施例中，客户端应用程序首先需要构建三维网格幕布。以下将对客户端应用程序如何构建三维网格幕布进行详细说明。

(1)对多个二维幕布进行层叠处理，以获得三维幕布。

在本发明实施例中，在构建三维网格幕布时，首先需要对多个二维幕布进行层叠处理，从而获得三维幕布，其中，在对多个二维幕布进行层叠处理时，需要保证多个二维幕布之间互相平行，多个二维幕布的左上角顶点所在直线垂直于多个二维幕布，具体可以如图3a所示。

(2)建立三维幕布对应的空间直角坐标系。

其中，三维幕布对应的空间直角坐标系包括横轴(X轴)、纵轴(Y轴)及竖轴(Z轴)。

在本发明实施例中，在获得三维幕布后，便需要建立三维幕布对应的空间直角坐标系，其中，建立三维幕布对应的空间直角坐标系的具体过程可以为：将构成三维幕布的多个二维幕布中的最下层二维幕布所在平面确定为空间直角坐标系的XOY平面，将该最下层二维幕布的左上角顶点确定为空间直角坐标系的坐标原点，将该最下层二维幕布的左上角顶点和左下角顶点所在直线确定为空间直角坐标系的横轴(X轴)，将该最下层二维幕布的左上角顶点和右上角顶点所在直线确定为空间直角坐标系的纵轴(Y轴)，将多个二维幕布的左上角顶点所在直线确定为空间直角坐标系的竖轴(Z轴)，具体可以如图3b所示。

(3)配置横轴和纵轴对应的单位长度，以获得三维网格幕布。

在本发明实施例中，在建立三维幕布对应的空间直角坐标系后，还需要配置空间直角坐标系中横轴和纵轴对应的单位长度，即配置每个二维幕布对应的行数和列数，以获得多个二维网格幕布，多个二维网格幕布便构成了三维网格幕布，具体可以如图3c所示。

202、将组件对应的坐标信息、层级信息及尺寸信息添加至组件对应的组件属性中，并根据组件对应的坐标信息及层级信息将组件添加至预先构建的三维网格幕布中。

其中，关于步骤202、将组件对应的坐标信息、层级信息及尺寸信息添加至组件对应的组件属性中，并根据组件对应的坐标信息及层级信息将组件添加至预先构建的三维网格幕布中，可以参考图1对应部分的描述，本发明实施例此处将不再赘述。

203、将组件对应的组件属性添加至组件列表中。

在本发明实施例中，客户端应用程序在根据组件对应的坐标信息及层级信息将组件添加至三维网格幕布中后，还需要将该组件对应的组件属性添加至组件列表中，即客户端应用程序每次在三维网格幕布中添加一个组件后，便会将该组件对应的组件属性添加至组件列表中，因此，组件列表中记录有三维网格幕布中的每个组件对应的组件属性，即记录有每个组件对应的坐标信息、层级信息和尺寸信息。

204、当监测到待移动组件对应的拖拽操作时，将待移动组件移动至拖拽操作对应的释放位置处。

其中，关于步骤204、当监测到待移动组件对应的拖拽操作时，将待移动组件移动至拖拽操作对应的释放位置处，可以参考图1对应部分的描述，本发明实施例此处将不再赘述。

205、根据待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在与待移动组件相交的目标组件。

在本发明实施例中，客户端应用程序在将待移动组件移动至拖拽操作对应的释放位置处之后，需要根据待移动组件对应的尺寸信息及移动后的坐标信息(即移动至拖拽操作对应的释放位置处后，该待移动组件左上角顶点在其所属二维网格幕布中的坐标)判断是否存在与待移动组件相交的目标组件。以下将对客户端应用程序如何根据待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在与待移动组件相交的目标组件进行详细说明。

(1)在组件列表中获取除待移动组件外的多个其他组件对应的坐标信息。

在本发明实施例中，为了判断移动后的待移动组件是否与三维网格幕布中的其他组件相交，客户端应用程序首先需要获取除待移动组件外的每个其他组件对应的坐标信息。由于，客户端应用程序每次在三维网格幕布中添加一个组件后，便会将该组件对应的组件属性添加至组件列表中，因此，组件列表中记录有三维网格幕布中的每个组件对应的组件属性，即记录有每个组件对应的坐标信息、层级信息和尺寸信息，从而客户端应用程序可以在组件列表中获取除待移动组件外的每个其他组件对应的坐标信息。

(2)根据待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在坐标信息位于待移动组件中的其他组件；若存在，则将坐标信息位于待移动组件中的其他组件确定为目标组件。

在本发明实施例中，客户端应用程序在获取得到除待移动组件外的每个其他组件对应的坐标信息后，便可根据待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在坐标信息位于待移动组件中的其他组件。

需要进行说明的是，在根据待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在坐标信息位于待移动组件中的其他组件时，是不考虑待移动组件与其他组件之间的层级关系的，即将待移动组件与其他组件看作是存在于同一层级的二维网格幕布中的多个组件。

由于，根据待移动组件对应的尺寸信息和移动后的坐标信息，可以确定移动后的待移动组件占据的网格数，以及占据的每个网格对应的坐标，因此，根据某个其他组件对应的坐标信息(其他组件左上角顶点的坐标)以及待移动组件对应的尺寸信息和移动后的坐标信息，便可确定该其他组件对应的坐标信息是否位于移动后的待移动组件中，即可以确定该其他组件的左上角顶点是否位于移动后的待移动组件中；当确定某个其他组件的左上角顶点位于移动后的待移动组件中时，便可认为该其他组件与移动后的待移动组件相交，也就是说，当判定存在坐标信息位于移动后的待移动组件中的其他组件时，可以将该其他组件确定为目标组件。

206、若存在，则将至少一个目标组件对应的组件信息进行输出显示。

其中，关于步骤206、若存在，则将至少一个目标组件对应的组件信息进行输出显示，可以参考图1对应部分的描述，本发明实施例此处将不再赘述。

207、当接收到携带有选定组件的唯一标识的位置关联指令和/或数据关联指令时，根据位置关联指令对待移动组件和选定组件进行位置关联处理和/或根据数据关联指令对待移动组件和选定组件进行数据关联处理。

在本发明实施例中，当客户端应用程序接收到携带有选定组件唯一标识的位置关联指令时，客户端应用程序便可根据该位置关联指令对待移动组件和选定组件进行位置关联处理；当客户端应用程序接收到携带有选定组件唯一标识的数据关联指令时，客户端应用程序便可根据该数据关联指令对待移动组件和选定组件进行数据关联处理。以下将对客户端应用程序如何根据位置关联指令对待移动组件和选定组件进行位置关联处理以及如何根据数据关联指令对待移动组件和选定组件进行数据关联处理进行详细说明。

(1)当客户端应用程序接收到携带有选定组件唯一标识的位置关联指令时，客户端应用程序根据位置关联指令对待移动组件和选定组件进行位置关联处理。

在本发明实施例中，当客户端应用程序接收到携带有选定组件唯一标识的位置关联指令时，客户端应用程序便会将待移动组件的坐标信息(移动后的)与选定组件的坐标信息之间的映射关系添加至位置关联配置列表中，从而使得当用户在三维网格幕布(即仪表盘)中移动待移动组件时，客户端应用程序能够根据位置关联配置列表中记录的待移动组件的坐标信息(移动后的)与选定组件的坐标信息之间的映射关系，将选定组件随着待移动组件一同移动，并保持待移动组件和选定组件之间的位置关系；当用户在三维网格幕布(即仪表盘)中移动选定组件时，客户端应用程序能够根据位置关联配置列表中记录的待移动组件的坐标信息(移动后的)与选定组件的坐标信息之间的映射关系，将待移动组件随着选定组件一同移动，并保持待移动组件和选定组件之间的位置关系，其中，位置关联配置列表中记录有三维网格幕布中所有经过位置关联处理后的两个组件对应的坐标信息之间的映射关系。

(2)当客户端应用程序接收到携带有选定组件唯一标识的数据关联指令时，客户端应用程序根据数据关联指令对待移动组件和选定组件进行数据关联处理。

在本发明实施例中，当客户端应用程序接收到携带有选定组件唯一标识的数据关联指令时，客户端应用程序便会建立待移动组件与选定组件之间的私人消息线，或将待移动组件和选定组件接入总消息线中，从而使得当用户期望将待移动组件中数据导入到选定组件中时，用户通过客户端应用程序便可控制待移动组件通过与选定组件之间的私人消息线或总消息线将数据导入到选定组件中；当用户期望将选定组件中的数据导入到待移动组件中时，用户通过客户端应用程序便可控制选定组件通过与待移动组件之间的私人消息线或总消息线将数据导入到待移动组件中。

进一步的，在本发明实施例中，客户端应用程序在建立待移动组件与选定组件之间的私人消息线，或将待移动组件和选定组件接入总消息线中后，还可以为待移动组件及选定组件配置数据转换器，从而使得在待移动组件通过私人消息线或总消息线将数据导入到选定组件中之前，选定组件对应的数据转换器能够将待导入的数据转换为选定组件需要的数据，以及在选定组件通过私人消息线或总消息线将数据导入到待移动组件中之前，待移动组件对应的数据转换器能够将待导入的数据转换为待移动组件需要的数据，其中，数据转换器具体可以为由Java语言编写的脚本文件，数据转换器可以但不限制于：对数据进行求和计算、求均值计算、计数计算等等。需要进行说明的是，在实际应用过程中，可以只为待移动组件配置数据转换器，也可以只为选定组件配置数据转换器，本发明实施例对此不进行具体限定。

进一步的，在本发明实施例中，客户端应用程序在建立待移动组件与选定组件之间的私人消息线，或将待移动组件和选定组件接入总消息线中后，还可以将待移动组件与选定组件之间的映射关系添加至数据关联配置列表中，以便用户根据数据关联配置列表便可获知三维网格幕布(即仪表盘)中，哪两个组件是数据关联的。此外，用户基于数据关联配置列表还可以断开两个组件之间的数据关联，即用户在数据关联配置列表中选择需要断开数据关联的两个组件后，客户端应用程序便会断开这两个组件之间的消息线，或断开这两个组件与总消息线之间的连接。

为了实现上述目的，根据本发明的另一方面，本发明实施例还提供了一种存储介质，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行上述所述的组件的关联方法。

为了实现上述目的，根据本发明的另一方面，本发明实施例还提供了一种电子设备，所述设备包括至少一个处理器、以及与所述处理器连接的至少一个存储器、总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行上述所述的组件的关联方法。

进一步的，作为对上述图1及图2所示方法的实现，本发明另一实施例还提供了一种组件的关联装置。该装置实施例与前述方法实施例对应，为便于阅读，本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述，但应当明确，本实施例中的装置能够对应实现前述方法实施例中的全部内容。该装置应用于提升用户使用仪表盘时的用户体验，具体如图4所示，该装置包括：

第一添加单元301，用于将组件对应的坐标信息、层级信息及尺寸信息添加至所述组件对应的组件属性中；

第二添加单元302，用于根据所述组件对应的坐标信息及层级信息将所述组件添加至预先构建的三维网格幕布中；

移动单元303，用于当监测到待移动组件对应的拖拽操作时，将所述待移动组件移动至所述拖拽操作对应的释放位置处；

判断单元304，用于根据所述待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在与所述待移动组件相交的目标组件；

输出单元305，用于当判断单元304判定存在至少一个与所述待移动组件相交的目标组件时，将至少一个所述目标组件对应的组件信息进行输出显示；

处理单元306，用于当接收到携带有选定组件的唯一标识的位置关联指令和/或数据关联指令时，根据所述位置关联指令对所述待移动组件和所述选定组件进行位置关联处理和/或根据所述数据关联指令对所述待移动组件和所述选定组件进行数据关联处理，其中，所述选定组件为用户从至少一个所述目标组件中选定的、期望与所述待移动组件进行位置关联处理和/或数据关联处理的组件。

进一步的，如图5所示，该装置还包括：

层叠单元307，用于对多个二维幕布进行层叠处理，以获得三维幕布；

建立单元308，用于建立所述三维幕布对应的空间直角坐标系，其中，所述空间直角坐标系包括横轴、纵轴及竖轴；

第一配置单元309，用于配置所述横轴和所述纵轴对应的单位长度，以获得所述三维网格幕布。

进一步的，如图5所示，该装置还包括：

第三添加单元310，用于在第二添加单元302根据所述组件对应的坐标信息及层级信息将所述组件添加至三维网格幕布中之后，将所述组件对应的组件属性添加至组件列表中。

进一步的，如图5所示，判断单元304包括：

获取模块3041，用于在所述组件列表中获取除所述待移动组件外的多个其他组件对应的坐标信息；

判断模块3042，用于根据所述待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在坐标信息位于所述待移动组件中的其他组件；

确定模块3043，用于当判断模块3042判定存在坐标信息位于所述待移动组件中的其他组件时，将所述其他组件确定为所述目标组件。

进一步的，如图5所示，处理单元306包括：

第一添加模块3061，用于将所述待移动组件对应的移动后的坐标信息与所述选定组件对应的坐标信息之间的映射关系添加至位置关联配置列表中，其中，所述位置关联配置列表中记录有所述三维网格幕布中所有经过位置关联处理后的两个组件对应的坐标信息之间的映射关系。

进一步的，如图5所示，处理单元306还包括：

建立模块3062，用于建立所述待移动组件与所述选定组件之间的私人消息线；

接入模块3063，用于将所述待移动组件和所述选定组件接入总消息线中。

进一步的，如图5所示，该装置还包括：

第二配置单元311，用于在处理单元306根据所述数据关联指令对所述待移动组件和所述选定组件进行数据关联处理之后，为所述待移动组件及所述选定组件配置数据转换器；

第四添加单元312，用于将所述待移动组件与所述选定组件之间的映射关系添加至数据关联配置列表中。

本发明实施例提供一种组件的关联方法及装置，与现有技术中，将制作好的可视化组件添加至二维幕布中，从而构建仪表盘相比，本发明实施例能够在制作好组件后，将用户设定的坐标信息、层级信息及尺寸信息添加至组件的组件属性中，并根据组件对应的坐标信息及层级信息将组件添加至三维网格幕布中，从而构建仪表盘；当监测到用户针对三维网格幕布(即仪表盘)中的某个组件(即待移动组件)的拖拽操作时，将待移动组件移动至拖拽操作对应的释放位置处，并根据待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在与待移动组件相交的目标组件，当判定存在与待移动组件相交的目标组件时，将至少一个目标组件对应的组件信息进行输出显示，以便用户选择与待移动组件进行位置关联处理和/或数据关联处理的选定组件；当接收到携带有选定组件唯一标识的位置关联指令和/或数据关联指令时，便可对待移动组件和选定组件进行位置关联处理和/或进行数据关联处理。用户通过在三维网格幕布(即仪表盘)中拖拽组件，并进行选择，便可对两个位置相关的组件进行位置关联处理、对两个数据相关的组件进行数据关联处理，从而使得当用户期望在三维网格幕布(即仪表盘)中移动两个位置关联的组件，并保持两个组件之间的位置关系时，用户只需移动这两个组件中的任意一个组件，另外一个组件会随之移动；当用户期望在两个数据关联的组件之间传输数据时，用户可以直接控制两个组件，将数据从一个组件导入到另外一个组件中，从而简化了用户在使用仪表盘时的操作，进而提高了用户使用仪表盘的用户体验。

所述组件的关联装置包括处理器和存储器，上述第一添加单元、第二添加单元、移动单元、判断单元、输出单元和处理单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来提升用户使用仪表盘时的用户体验。

本发明实施例提供了一种存储介质，其上存储有程序，该程序被处理器执行时实现所述组件的关联方法。

本发明实施例提供了一种电子设备40，如图6所示，电子设备40包括至少一个处理器401、以及与处理器连接的至少一个存储器402、总线403；其中，处理器401、存储器402通过总线403完成相互间的通信；处理器401用于调用存储器402中的程序指令，以执行上述的组件的关联方法。本文中的设备可以是服务器、PC、PAD、手机等。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：

进一步的，采用如下方式构建所述三维网格幕布：

对多个二维幕布进行层叠处理，以获得三维幕布；

进一步的，在所述根据所述组件对应的坐标信息及层级信息将所述组件添加至三维网格幕布中之后，所述方法还包括：

将所述组件对应的组件属性添加至组件列表中。

进一步的，所述根据所述待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在与所述待移动组件相交的目标组件，包括：

若存在，则将所述其他组件确定为所述目标组件。

进一步的，所述根据所述位置关联指令对所述待移动组件和所述选定组件进行位置关联处理，包括：

进一步的，所述根据所述数据关联指令对所述待移动组件和所述选定组件进行数据关联处理，包括：

建立所述待移动组件与所述选定组件之间的私人消息线；或

将所述待移动组件和所述选定组件接入总消息线中。

进一步的，在所述根据所述数据关联指令对所述待移动组件和所述选定组件进行数据关联处理之后，所述方法还包括：

为所述待移动组件及所述选定组件配置数据转换器；

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

在一个典型的配置中，设备包括一个或多个处理器(CPU)、存储器和总线。设备还可以包括输入/输出接口、网络接口等。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims

1.一种组件的关联方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，采用如下方式构建所述三维网格幕布：

对多个二维幕布进行层叠处理，以获得三维幕布；

3.根据权利要求1所述的方法，其特征在于，在所述根据所述组件对应的坐标信息及层级信息将所述组件添加至三维网格幕布中之后，所述方法还包括：

将所述组件对应的组件属性添加至组件列表中。

4.根据权利要求3所述的方法，其特征在于，所述根据所述待移动组件对应的尺寸信息及移动后的坐标信息判断是否存在与所述待移动组件相交的目标组件，包括：

若存在，则将所述其他组件确定为所述目标组件。

5.根据权利要求1所述的方法，其特征在于，所述根据所述位置关联指令对所述待移动组件和所述选定组件进行位置关联处理，包括：

6.根据权利要求1所述的方法，其特征在于，所述根据所述数据关联指令对所述待移动组件和所述选定组件进行数据关联处理，包括：

建立所述待移动组件与所述选定组件之间的私人消息线；或

将所述待移动组件和所述选定组件接入总消息线中。

7.根据权利要求6所述的方法，其特征在于，在所述根据所述数据关联指令对所述待移动组件和所述选定组件进行数据关联处理之后，所述方法还包括：

为所述待移动组件及所述选定组件配置数据转换器；

8.一种组件的关联装置，其特征在于，包括：

9.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行权利要求1至权利要求7中任一项所述的组件的关联方法。

10.一种电子设备，其特征在于，所述设备包括至少一个处理器、以及与所述处理器连接的至少一个存储器、总线；

其中，所述处理器、所述存储器通过所述总线完成相互间的通信；

所述处理器用于调用所述存储器中的程序指令，以执行权利要求1至权利要求7中任一项所述的组件的关联方法。