CN113360154A - 一种页面构建方法、装置、设备和可读介质 - Google Patents

Abstract

本说明书实施例公开了一种页面构建方法、装置、设备和可读介质。待构建页面为待构建的数据可视化项目中的页面，数据可视化项目包含多个页面；用于构建数据可视化项目的编辑界面包括一个全局编辑层级和多个页面编辑层级；所述多个页面编辑层级与所述数据可视化项目中的各页面一一对应。所述方案包括：确定当前编辑层级；所述当前编辑层级为全局编辑层级或页面编辑层级；响应于项目开发人员添加目标组件的操作，在所述编辑界面的所述当前编辑层级中显示所述目标组件；根据所述当前编辑层级的类型，确定所述目标组件的类型；根据所述目标组件的类型，建立所述目标组件与所述数据可视化项目中的指定页面的映射关系。

Description

一种页面构建方法、装置、设备和可读介质

技术领域

本申请涉及计算机技术领域，尤其涉及一种页面构建方法、装置、设备和计算机可读介质。

背景技术

随着大数据概念的普及，各行各业的用户对大数据可视化的需求层出不穷。商业智能(Business Intelligence，简称：BI)，又称商业智慧或商务智能，指用现代数据仓库技术、线上分析处理技术、数据挖掘和数据展现技术进行数据分析以实现商业价值。一些BI企业能够提供数据可视化编辑平台，来实现数据从采集到展示分析的一站式服务。

具有数据可视化项目构建需求的项目开发人员，可以使用数据可视化编辑平台来构建数据可视化项目。通常，每个待构建的项目可以包含多个页面，且各个页面中均需要包含大量的组件。现有技术中，针对数据可视化项目中的各不同页面，均需要在不同的页面内单独配置该页面对应的所有元素，页面构建和项目构建效率较低。

因此，需要提供一种效率较高的用于构建数据可视化项目中的页面的方法。

发明内容

本说明书实施例提供一种数据可视化项目中的页面构建方法、装置、设备和计算机可读介质，以解决现有的构建数据可视化项目中的页面构建方法存在的构建效率低的问题。

为解决上述技术问题，本说明书实施例是这样实现的：

本说明书实施例提供的一种包含目标组件的页面构建方法，所述页面为待构建的数据可视化项目中的页面，所述数据可视化项目包含多个页面；用于构建所述数据可视化项目的编辑界面包括一个全局编辑层级和多个页面编辑层级；所述多个页面编辑层级与所述数据可视化项目中的各页面一一对应；所述方法包括：确定当前编辑层级；所述当前编辑层级为全局编辑层级或页面编辑层级；响应于项目开发人员添加目标组件的操作，在所述编辑界面的所述当前编辑层级中显示所述目标组件；根据所述当前编辑层级的类型，确定所述目标组件的类型；根据所述目标组件的类型，建立所述目标组件与所述数据可视化项目中的指定页面的映射关系。

本说明书实施例提供的一种包含目标组件的页面构建装置，所述页面为待构建的数据可视化项目中的页面，所述数据可视化项目包含多个页面；用于构建所述数据可视化项目的编辑界面包括一个全局编辑层级和多个页面编辑层级；所述多个页面编辑层级与所述数据可视化项目中的各页面一一对应；所述装置包括：当前编辑层级确定模块，用于确定当前编辑层级；所述当前编辑层级为全局编辑层级或页面编辑层级；目标组件显示模块，用于响应于项目开发人员添加目标组件的操作，在所述编辑界面的所述当前编辑层级中显示所述目标组件；目标组件类型确定模块，用于根据所述当前编辑层级的类型，确定所述目标组件的类型；映射关系建立模块，用于根据所述目标组件的类型，建立所述目标组件与所述数据可视化项目中的指定页面的映射关系。

本说明书实施例提供的一种包含目标组件的页面构建设备，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：所述页面为待构建的数据可视化项目中的页面，所述数据可视化项目包含多个页面；用于构建所述数据可视化项目的编辑界面包括一个全局编辑层级和多个页面编辑层级；所述多个页面编辑层级与所述数据可视化项目中的各页面一一对应；确定当前编辑层级；所述当前编辑层级为全局编辑层级或页面编辑层级；响应于项目开发人员添加目标组件的操作，在所述编辑界面的所述当前编辑层级中显示所述目标组件；根据所述当前编辑层级的类型，确定所述目标组件的类型；根据所述目标组件的类型，建立所述目标组件与所述数据可视化项目中的指定页面的映射关系。

本说明书实施例提供的一种计算机可读介质，其上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现本说明书实施例提供的一种包含目标组件的页面构建方法。

本说明书一个实施例至少能够达到以下有益效果：通过将数据可视化项目的编辑界面划分为全局编辑层级和页面编辑层级，当项目开发人员在页面构建过程中添加目标组件时，可以选择性地在全局编辑层级将目标组件添加为能够应用于多个页面的全局组件，或者，在页面编辑层级将目标组件添加为能够应用于单个页面的页面组件，由此，使得项目开发人员针对在多个页面重复出现的组件，无需再在每个页面的同样位置来执行添加相同组件的重复操作，减少了项目开发人员对重复项的操作次数，提高了页面构建效率，进而提高了项目搭建效率。

附图说明

为了更清楚地说明本说明书实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本说明书实施例提供的一种项目编辑界面的层级结构示意图；

图2为本说明书实施例提供的一种包含目标组件的页面构建方法的流程示意图；

图3至图8为本说明书实施例提供的一种实际应用场景下，页面构建方法的场景示意图；

图9为本说明书实施例提供的对应于图2的一种包含目标组件的页面构建装置的结构示意图；

图10为本说明书实施例提供的对应于图2的一种包含目标组件的页面构建设备的结构示意图。

具体实施方式

数据可视化的过程，是借助于图形化手段，将数据进行视觉表现的过程。数据可视化的过程包括数据采集、数据分析、数据挖掘、数据呈现等不同阶段。在日常生活中，针对特定的主题，利用数据可视化的手段来构建的项目可以称为数据可视化项目。数据可视化项目涉及的领域非常广泛，例如，可以涉及政府、医疗、教育、行业、商业等诸多领域。作为示例，数据可视化项目的具体应用场景可以包括智慧城市项目、智慧旅游项目、财报解读项目、产品报告项目等等。

在一个数据可视化项目中，可以包含多个数据页面；在每个数据页面中，可以包含多个组件。数据可视化项目中的组件，可以是指页面中的最小单位，即，一个可操控的目标。例如，数据可视化项目中的图表、文本、形状、输入框、滚动条、菜单等都是以组件的形式定义的。数据可视化项目中的页面即用户界面，例如，网页页面、应用程序页面等。

现有技术中，数据可视化项目的开发人员，使用现有的数据可视化编辑平台来构建数据可视化项目时，针对数据可视化项目中的每个页面，均需要逐一配置该页面中包含的所有组件。例如，在某企业的智慧园区项目中，需要在该智慧园区项目的所有页面中添加诸如企业logo的组件，而项目开发人员在进行项目中的各个页面构建时，需要针对每个页面都执行一遍添加企业logo的操作，需要进行大量的重复操作，导致页面构建效率较低。

在本申请提出的页面构建方法中，通过在数据可视化项目的编辑界面中提供全局编辑层级和页面编辑层级，当项目开发人员在页面构建过程中需要添加目标组件时，可以选择性地在全局编辑层级将目标组件添加为能够应用于多个页面的全局组件，或者，可以在页面编辑层级将目标组件添加为能够应用于单个页面的页面组件，由此，使得项目开发人员针对需要多个页面重复出现的组件，无需再在每个页面的同样位置来执行添加相同组件的重复操作，减少了项目开发人员对重复项的操作次数，提高了页面构建效率，提升了项目搭建效率。

为使本说明书一个或多个实施例的目的、技术方案和优点更加清楚，下面将结合本说明书具体实施例及相应的附图对本说明书一个或多个实施例的技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本说明书的一部分实施例，而不是全部的实施例。基于本说明书中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本说明书一个或多个实施例保护的范围。

应当理解，尽管在本申请文件中可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。

以下结合附图，详细说明本说明书各实施例提供的技术方案。

图1为本说明书实施例提供的一种项目编辑界面的层级结构示意图。在数据可视化项目构建过程中，可以将用于构建数据可视化项目的编辑界面设置为包括一个全局编辑层级和多个页面编辑层级。所述多个页面编辑层级与所述数据可视化项目中的各页面可以一一对应。

在全局编辑层级中，可以编辑全局组件，以用于在构建完成的数据可视化项目中的多个页面中显示。作为示例，如图1所示，全局组件1可以用于页面1和页面2，全局组件2可以用于页面1、页面2和页面2，全局组件3可以用于页面1、页面2、页面3、页面4和页面5等等。

在页面编辑层级中，可以编辑页面组件，以用于在构建完成的数据可视化项目中的与页面编辑层级对应的页面中显示。所述页面编辑层级可以用于编辑应用于对应的页面中的页面二维组件和页面三维组件。

下面结合具体的方法流程来进行说明。

图2为本说明书实施例提供的一种包含目标组件的页面构建方法的流程示意图。所述页面为待构建的数据可视化项目中的页面，所述数据可视化项目包含多个页面。

从程序角度而言，图2中流程的执行主体可以为搭载于应用服务器或应用终端的程序。所述应用服务器为数据可视化编辑平台对应的服务器。所述应用终端为数据可视化编辑平台对应的应用终端。在实际应用中，所述程序可以是具有项目搭建功能的客户端程序，例如，可以是网页客户端程序或独立的客户端应用程序。

如图2所示，该流程可以包括以下步骤：

步骤202：确定当前编辑层级；所述当前编辑层级为全局编辑层级或页面编辑层级。

在本说明书的实施例中，项目开发人员需要先创建一个项目，然后针对创建的项目进行具体的页面构建操作。

创建项目，可以是指建立新项目。具体地，创建项目的过程可以包括：获取项目开发人员的项目创建操作，然后创建待构建的数据可视化项目，并为所述待构建的数据可视化项目分配项目标识。在实际应用时，创建项目的具体方式，可选地，可以是创建空白的数据可视化项目；或者可选地，可以是基于项目模板创建数据可视化项目，所述项目模板可以具有预设的项目结构，例如，可以具有预设的分层结构和预设数量的页面等。

构建项目，可以是指对建立的新项目中的具体页面和组件进行搭建。例如，可以如步骤201至步骤208所述来进行项目构建操作。

在项目开发人员进行具体的页面搭建操作之前，需要选定操作所在的编辑层级。具体的，若项目开发人员选择全局编辑层级，则可以在全局编辑层级中对全局组件执行添加、编辑、移动、旋转、缩放、删除等操作；若项目开发人员选择页面编辑层级，则可以在该页面编辑层级中对页面组件执行添加、编辑、移动、旋转、缩放、删除等操作。

在实际应用中，可以响应于项目开发人员针对编辑层级的选择操作，来将项目开发人员所选择的层级作为当前处于可编辑状态的当前编辑层级。其中，当前编辑层级处于可编辑状态是指，项目开发人员可以向当前编辑层级添加新的组件，或者可以针对所述当前编辑层级中的组件执行编辑、移动、旋转、缩放、删除等各种操作。

需要说明的是，本说明书实施例中给出的针对页面组件的操作形式仅是示例，在实际应用中还可以包括其他形式的操作。

步骤204：响应于项目开发人员添加目标组件的操作，在所述编辑界面的所述当前编辑层级中显示所述目标组件。

在本说明书的实施例中，项目开发人员指的是构建数据可视化项目的人员，更具体地，对待构建数据可视化项目进行页面搭建的人员。

所述目标组件，可选地，可以是由项目开发人员新创建的组件；或者可选地，可以是由项目开发人员从组件库中直接获取的模板组件；或者可选地，可以是由项目开发人员基于从组件库中获取的模板组件编辑后得到的。

在本说明书的实施例中，将项目开发人员在进行数据可视化项目的页面搭建过程中使用到的操作界面统称为编辑界面。具体地，编辑界面中可以包含多个编辑层级，项目开发人员可以通过选择操作来指定具体的编辑层级，从而项目开发人员可以对数据可视化项目进行分层级编辑。

步骤206：根据所述当前编辑层级的类型，确定所述目标组件的类型。

具体地，所述当前编辑层级的类型可以包括全局编辑层级或页面编辑层级。

可选地，若所述当前编辑层级为全局编辑层级，则确定所述目标组件为全局组件；所述全局组件用于在构建完成的所述数据可视化项目中的多个页面中显示。其中，所述多个页面可以是指数据可视化项目中的全部页面，或者可以是数据可视化项目中的部分页面。所述多个页面可以是由项目开发人员根据需要指定的。

在实际应用中，所述全局组件可以包括二维组件。更具体地，所述全局组件可以包括导航组件、项目标记组件或时间组件中的一种或多种。可选地，所述全局组件还可以包括例如天气组件等，不限于这些示例。在不同的数据可视化项目中，可以根据具体需求来将在项目中的多个页面中重复出现的组件设置为全局组件。

可选地，若所述当前编辑层级为页面编辑层级，则确定所述目标组件为页面组件；所述页面组件用于在构建完成的所述数据可视化项目中的与所述当前编辑层级对应的目标页面中显示。

在实际应用中，所述页面组件可以包括页面二维组件或页面三维组件。所述页面二维组件可以包括图表组件、形状组件、文本组件、按钮组件、装饰组件、媒体组件或外部组件中的一种或多种。所述页面三维组件可以包括场景组件、模型组件或打点连线组件中的一种或多种。在不同的页面中，可以根据实际需求来在页面中设置二维页面组件和三维页面组件。通常，不同的页面中包含的组件不完全相同。

步骤208：根据所述目标组件的类型，建立所述目标组件与所述数据可视化项目中的指定页面的映射关系。

具体地，所述目标组件的类型可以包括全局组件或页面组件。

可选地，若所述目标组件为全局组件，则建立所述目标组件与所述数据可视化项目中的多个指定页面的映射关系，以用于在构建完成的所述数据可视化项目中的所述多个指定页面中显示所述目标组件。在实际应用中，所述多个指定页面可以是所述数据可视化项目中的两个或更多个页面，具体地，可以是所述数据可视化项目中的部分页面或全部页面。所述多个指定页面具体可以是由项目开发人员根据需要指定的页面。

可选地，若所述目标组件为页面组件，则建立所述目标组件与所述目标页面的映射关系，以用于在构建完成的所述数据可视化项目中的所述目标页面中显示所述目标组件。

下面举例说明。例如，若待构建的数据可视化项目包含3个页面——页面1、页面2和页面3。那么，用于构建所述数据可视化项目的编辑界面可以包括1个全局编辑层级和3个页面编辑层级。其中，所述1个全局编辑层级用于编辑全局组件。所述3个页面编辑层级分别用于编辑页面1至页面3中的组件。

假设，在全局编辑层级中添加了全局组件A和B，并建立该全局组件A与页面1、页面2以及页面3的映射关系，以及建立全局组件B与页面1和页面2的映射关系。另外，在页面1对应的页面编辑层级中添加了页面组件1a(相当于建立页面组件1a与页面1的映射关系)；在页面2对应的页面编辑层级中添加了页面组件2a和2b(相当于建立页面组件2a和2b与页面2的映射关系)；在页面3对应的页面编辑层级中添加页面组件3a、3b和3c(相当于建立页面组件3a、3b和3c与页面2的映射关系)。那么，在构建完成的数据可视化项目中，终端用户可以在页面1中看到全局组件A和B以及页面组件1a，可以在页面2中看到全局组件A和B以及页面组件2a和2b，可以在页面3中看到全局组件A以及页面组件3a、3b和3c。

基于该示例，可见，对于在页面1、页面2和页面3的全部或部分页面中重复出现的一些组件，通过在编辑界面的全局编辑层级中来添加这些组件，避免了重复的操作过程，由此可以提高项目开发人员的页面搭建效率。

应当理解，本说明书一个或多个实施例所述的方法中，部分步骤的顺序可以根据实际需要调整，或者可以省略部分步骤。

图2中的方法，通过将数据可视化项目的编辑界面划分为全局编辑层级和页面编辑层级，当项目开发人员在页面构建过程中需要添加目标组件时，可以选择性地在全局编辑层级将目标组件添加为能够应用于多个页面的全局组件，或者，可以在页面编辑层级将目标组件添加为能够应用于单个页面的页面组件，由此，使得项目开发人员针对需要多个页面重复出现的组件，无需再在每个页面的同样位置来执行添加相同组件的重复操作，减少了项目开发人员对重复项的操作次数，提高了页面构建效率，提升了项目搭建效率。

基于图2的方法，本说明书实施例还提供了该方法的一些具体实施方式，下面进行说明。

在实际应用中，每个待构建的数据可视化项目中不只需要呈现二维信息，还需要呈现三维信息。因此，在搭建页面时不仅需要添加、编辑二维组件，还需要添加、编辑三维组件。现有的平台在项目构建过程中，对于二维组件和三维组件的构建通常在同一编辑界面中进行编辑操作，编辑界面的内容显示混乱，项目开发人员的操作不便。

在本说明书的实施例中，一个页面编辑层级用于编辑一个页面。而一个所述页面编辑层级可以包括一个页面二维信息编辑层级和一个页面三维信息编辑层级。其中，所述页面三维信息编辑层级用于编辑对应的页面中的页面三维组件；所述页面二维信息编辑层级用于编辑对应的页面中的页面二维组件。

具体地，所述确定当前编辑层级，可选地，可以是确定所述当前编辑层级为页面三维信息编辑层级，或者可选地，可以是确定所述当前编辑层级为页面二维信息编辑层级。下面分别说明。

在可选的实施例中，若确定所述当前编辑层级为页面三维信息编辑层级；则可以获取与所述当前编辑层级对应的当前页面具有映射关系的已构建的当前页面三维组件；在所述页面三维信息编辑层级中显示所述当前页面三维组件。

此外，还可以：获取与所述当前编辑层级对应的当前页面具有映射关系的已构建的当前页面二维组件；并从所述数据可视化项目中已构建的全局组件中，获取与所述当前编辑层级对应的当前页面具有映射关系的指定全局组件；然后在所述页面三维信息编辑层级中显示所述当前页面二维组件和所述指定全局组件；并将所述当前页面二维组件和所述指定全局组件设置为不可操作状态。

沿用上文的示例。假设，项目开发人员已经预先构建了全局组件A和B以及页面3对应的页面组件3a和3b，其中，已构建的全局组件A与页面3具有映射关系，全局组件B与页面3不具有映射关系。并假设，页面组件A和页面组件3a均为二维组件，页面组件3b为三维组件。

那么，当项目开发人员打开页面3对应的页面三维信息编辑层级时，可以获取到当前页面三维组件3b并显示。在实际应用中，当前页面三维组件3b可以处于可操作的状态。即，项目开发人员可以对当前页面三维组件3b执行例如编辑、移动、旋转、放缩、删除等各种操作。

可选地，当项目开发人员打开页面3对应的页面三维信息编辑层级时，还可以获取当前页面二维组件3a以及与当前页面具有映射关系的指定全局组件A并显示。在实际应用中，当前页面二维组件3a和指定全局组件A可以处于不可操作状态。即，项目开发人员可以看到当前页面三维组件3a和指定全局组件A，但是无法针对当前页面三维组件3a和指定全局组件A执行编辑、移动、旋转、放缩、删除等各种操作。

在实际应用中，为了便于项目开发人员对当前编辑层级对应的组件与其他层级对应的组件进行区分，可以降低其他层级对应的组件的可视度。如上例，可以降低所述当前页面二维组件和所述指定全局组件在所述页面三维信息编辑层级中的可视度。降低可视度的具体方法可以根据需要选择，例如，可以是降低组件与背景颜色之间的颜色对比度等。

在可选的实施例中，若确定所述当前编辑层级为页面二维信息编辑层级；则可以：获取与所述当前编辑层级对应的当前页面具有映射关系的已构建的当前页面二维组件；并在所述页面二维信息编辑层级中显示所述当前页面二维组件。

此外，还可以：获取与所述当前编辑层级对应的当前页面具有映射关系的已构建的当前页面三维组件；并从所述数据可视化项目中已构建的全局组件中，确定与所述当前编辑层级对应的当前页面具有映射关系的指定全局组件；然后在所述页面二维信息编辑层级中显示所述当前页面三维组件和所述指定全局组件；并将所述指定全局组件设置为不可操作状态；且将所述当前页面三维组件设置为视角可切换且不可编辑状态。

沿用上文的示例。假设，项目开发人员已经预先构建了全局组件A和B以及页面3对应的页面组件3a和3b，其中，已构建的全局组件A与页面3具有映射关系，全局组件B与页面3不具有映射关系。并假设，页面组件A和页面组件3a均为二维组件，页面组件3b为三维组件。

那么，当项目开发人员打开页面3对应的页面二维信息编辑层级时，可以获取到当前页面二维组件3a并显示。在实际应用中，当前页面二维组件3a可以处于可操作的状态。即，项目开发人员可以对当前页面二维组件3a执行编辑、移动、删除等各种操作。

可选地，当项目开发人员打开页面3对应的页面二维信息编辑层级时，还可以获取当前页面三维组件3b以及与当前页面具有映射关系的指定全局组件A并显示。在实际应用中，指定全局组件A可以处于不可操作状态。即，项目开发人员可以看到指定全局组件A，但是无法针对指定全局组件A执行编辑、移动、旋转、放缩、删除等各种操作。在实际应用中，当前页面三维组件3b可以处于视角可切换且不可编辑状态。即，项目开发人员可以看到当前页面三维组件3b，并可以针对当前页面三维组件3b执行旋转、放缩等查看类操作，但是无法针对当前页面三维组件3b执行编辑、移动、删除等编辑类操作。

在实际应用中，为了便于项目开发人员对当前编辑层级对应的组件与其他层级对应的组件进行区分，可以降低其他层级对应的组件的可视度。如上例，可以降低所述当前页面三维组件和所述指定全局组件在所述页面二维信息编辑层级中的可视度。降低可视度的具体方法可以根据需要选择，例如，可以是降低组件与背景颜色之间的颜色对比度等。

根据本说明书的实施例，在实际应用中，当项目开发人员的当前编辑层级为页面编辑层级时，为项目开发人员显示出已构建的全局组件，可以便于项目开发人来更合理地安排当前页面中组件的尺寸、位置等，以避免在搭建完成的数据可视化项目中出现组件位置重叠的情况。

当然，为了给项目开发人员提供更大的灵活性，尤其是当已构建的组件较多时，使项目开发人员的当前编辑界面更简洁，可选地，可以由项目开发人员设置是否在页面编辑层级中显示已构建的全局组件。

例如，进行页面信息的编辑时，在当前页面编辑层级中显示所述指定全局组件，具体可以包括：获取所述数据可视化项目中已构建的全局组件的显示设置信息；若所述显示设置信息用于表示当前页面编辑层级对应的当前页面中显示所述全局组件，则在所述编辑界面中显示所述指定全局组件；若所述显示设置信息用于表示在当前页面编辑层级对应的当前页面中隐藏所述全局组件，则不在所述编辑界面中显示所述指定全局组件。

在本说明书的实施例中，所述确定当前编辑层级，可选地，可是确定所述当前编辑层级为全局编辑层级。那么，可以获取所述数据可视化项目中已构建的全局组件；并在所述全局编辑层级中显示所述已构建的全局组件。

此外，还可以：确定项目开发人员的当前选定页面；所述当前选定页面为，当前编辑层级为全局编辑层级的情况下所述项目开发人员选定的页面；确定与当前选定页面具有映射关系的选定页面三维组件；在所述全局编辑层级中显示所述选定页面三维组件；将所述选定页面三维组件设置为视角可切换且不可编辑状态。

沿用上文的示例。假设，项目开发人员已经预先构建了全局组件A和B以及页面3对应的页面组件3a和3b，其中，已构建的全局组件A与页面3具有映射关系，全局组件B与页面3不具有映射关系。并假设，页面组件A和页面组件3a均为二维组件，页面组件3b为三维组件。

那么，当项目开发人员打开全局编辑层级时，可以获取到已经构建的全局组件A和B并显示。在实际应用中，全局组件A和B可以处于可操作的状态。即，项目开发人员可以对全局组件A和B执行编辑、移动、旋转、放缩、删除等各种操作。

在实际应用中，当项目开发人员处于全局编辑层级时，可以同时选定一个页面层级。此时，当项目开发人员打开全局编辑层级时，还可以获取当前同时选定的页面层级对应的选定页面三维组件，例如，可以获取页面三维组件3b并显示。在实际应用中，选定页面三维组件3b可以处于不可编辑状态。即，项目开发人员可以看到选定页面三维组件3b，并可以针对当选定页面三维组件3b执行旋转、放缩等查看类操作，但是无法针对选定页面三维组件3b执行编辑、移动、删除等编辑类操作。

在本说明书的实施例中，可以在构建组件和搭建页面后，进一步建立与组件或页面对应的联动事件。

具体地，可以获取项目开发人员针对第一联动对象的选择操作；然后建立与所述第一联动对象对应的联动事件；再设置用于触发所述联动事件的触发条件。设置联动事件的作用在于，在搭建完成的数据可视化项目中，当终端用户针对所述第一联动对象执行所述触发条件时，能够触发数据可视化项目的程序执行相应的联动事件。

其中，所述联动事件可以包括跳转页面、跳转外链、显示、隐藏、切换动态面板页面、变量赋值、切换视角、摄像机注视、联动热更新等事件，不限于此。其中，所述触发条件可以包括鼠标单击、鼠标移入和鼠标移出等操作，不限于此。

在实际应用中，可选地，所述第一联动对象可以为全局组件。此时，所述联动事件可以包括跳转页面、跳转外链、显示、隐藏、切换动态面板页面、变量赋值等事件。

可选地，所述第一联动对象可以为全局编辑层级，此时，项目开发人员可以同时选择一个页面来作为第二联动对象。此时，所述联动事件可以包括切换视角、摄像机注视和联动热更新等事件。

可选地，所述第一联动对象可以为页面二维组件或页面三维组件。其中，作为联动对象的所述页面二维组件可以包括装饰类型的图标组件、按钮类型的导航条和热区组件等。作为联动对象的所述页面三维组件可以包括模型组件、标记组件、连线组件和交互组件等。此时，所述联动事件可以包括跳转页面、跳转外链、显示、隐藏、切换动态面板页面、变量赋值、切换视角、摄像机注视、联动热更新等事件。

在上述示例中，所述显示事件或所述隐藏事件的操作对象可以包括，当前页面内的页面二维组件和除场景组件之外的页面三维组件。所述切换动态面板页面事件的操作对象可以包括，当前页面内的动态面板。所述变量赋值事件的操作对象可以包括，引用了自定义变量的组件。所述摄像机注视事件的操作对象可以包括，当前页面内的除场景组件之外的页面三维组件。所述联动热更新事件出现的前提是场景组件包含热更新功能。

在实际应用中，当项目开发人员构建完成数据可视化项目后，可以将构建完成的数据可视化项目导出。具体地：可以获取项目开发人员的项目输出操作；然后响应于所述项目输出操作，输出所述构建完成的数据可视化项目。

对于导出的数据可视化项目，可以：获取终端用户针对所述数据可视化项目中的目标访问页面的页面访问请求；响应于所述页面访问请求，确定所述目标访问页面的目标访问页面标识；获取与所述目标访问页面标识具有映射关系的目标全局组件和目标页面组件；在所述目标访问页面中显示所述目标全局组件和目标页面组件。

根据上面的说明，本说明书实施例提供的一种实际应用场景下，页面构建方法的示例的场景示意图，如图3至图8所示。

假设，已构建了与页面1具有映射关系(与页面2和3均不具有映射关系)的全局组件300、页面1对应的页面二维组件312和页面三维组件313以及页面2对应的页面二维组件322和页面三维组件323。

如图3所示，若项目开发人员选择的当前编辑层级为页面1对应的页面二维信息编辑层级，则可以显示页面二维组件312，且所述页面二维组件312处于可操作状态，即，项目开发人员可以对所述页面二维组件312执行包括编辑、移动、删除等在内的任何操作。在实际应用时，还可以显示全局组件300和页面三维组件313，但是全局组件300处于不可操作状态，即项目开发人员无法对所述全局组件300执行包括编辑、移动、删除等在内的操作；页面三维组件313处于视角可切换且不可编辑状态，即项目开发人员可以对页面三维组件313执行视角切换操作，但是无法对页面三维组件313执行编辑、移动、删除等操作。

如图4所示，若项目开发人员选择的当前编辑层级为页面1对应的页面三维信息编辑层级，则可以显示页面三维组件313，且所述页面三维组件313处于可操作状态，即，项目开发人员可以对所述页面三维组件313执行包括编辑、移动、旋转、放缩、删除等在内的任何操作。在实际应用时，还可以显示全局组件300和页面二维组件312，但是全局组件300和页面二维组件312均处于不可操作状态，即，项目开发人员无法对全局组件300和页面二维组件312执行包括编辑、移动、删除等在内的任何操作。

如图5所示，若项目开发人员选择的当前编辑层级为页面2对应的页面二维信息编辑层级，则可以显示页面二维组件322，且所述页面二维组件322处于可操作状态，即，项目开发人员可以对所述页面二维组件322执行包括编辑、移动、删除等在内的任何操作。在实际应用时，还可以显示页面三维组件323，但是页面三维组件323处于视角可切换且不可编辑状态，即项目开发人员可以对页面三维组件323执行视角切换操作，但是无法对页面三维组件323执行编辑、移动、删除等操作。

如图6所示，若项目开发人员选择的当前编辑层级为页面2对应的页面三维信息编辑层级，则可以显示页面三维组件323，且所述页面三维组件323处于可操作状态，即，项目开发人员可以对所述页面三维组件323执行包括编辑、移动、旋转、放缩、删除等在内的任何操作。在实际应用时，还可以显示页面二维组件322，但是页面二维组件322均处于不可操作状态，即，项目开发人员无法对页面二维组件322执行包括编辑、移动、删除等在内的任何操作。

如图7所示，若项目开发人员选择的当前编辑层级为全局编辑层级，则可以显示全局组件300，且所述全局组件300处于可操作的状态，即，项目开发人员可以对所述全局组件300执行包括编辑、移动、删除等在内的任何操作。

如图8所示，若项目开发人员在选择当前编辑层级为全局编辑层级的情况下，同时将页面1作为当前选定页面，则在图7显示的内容基础上，还可以显示页面1对应的页面三维组件313，但是页面三维组件313处于视角可切换且不可编辑状态，即项目开发人员可以对页面三维组件313执行视角切换操作，但是无法对页面三维组件313执行编辑、移动、删除等操作。

基于同样的思路，本说明书实施例还提供了上述方法对应的装置。图9为本说明书实施例提供的对应于图2的一种包含目标组件的页面构建装置的结构示意图。如图9所示，该装置可以包括：

当前编辑层级确定模块402，用于确定当前编辑层级；所述当前编辑层级为全局编辑层级或页面编辑层级；

目标组件显示模块404，用于响应于项目开发人员添加目标组件的操作，在所述编辑界面的所述当前编辑层级中显示所述目标组件；

目标组件类型确定模块406，用于根据所述当前编辑层级的类型，确定所述目标组件的类型；

映射关系建立模块408，用于根据所述目标组件的类型，建立所述目标组件与所述数据可视化项目中的指定页面的映射关系。

可以理解，上述的各模块是指计算机程序或者程序段，用于执行某一项或多项特定的功能。此外，上述各模块的区分并不代表实际的程序代码也必须是分开的。

基于同样的思路，本说明书实施例还提供了上述方法对应的设备。

图10为本说明书实施例提供的对应于图2的一种包含目标组件的页面构建设备的结构示意图。如图10所示，设备500可以包括：

至少一个处理器510；以及，

与所述至少一个处理器通信连接的存储器530；其中，

所述存储器530存储有可被所述至少一个处理器510执行的指令520，所述指令被所述至少一个处理器510执行，以使所述至少一个处理器510能够：

所述页面为待构建的数据可视化项目中的页面，所述数据可视化项目包含多个页面；用于构建所述数据可视化项目的编辑界面包括一个全局编辑层级和多个页面编辑层级；所述多个页面编辑层级与所述数据可视化项目中的各页面一一对应；

确定当前编辑层级；所述当前编辑层级为全局编辑层级或页面编辑层级；

响应于项目开发人员添加目标组件的操作，在所述编辑界面的所述当前编辑层级中显示所述目标组件；

根据所述当前编辑层级的类型，确定所述目标组件的类型；

根据所述目标组件的类型，建立所述目标组件与所述数据可视化项目中的指定页面的映射关系。

基于同样的思路，本说明书实施例还提供了上述方法对应的计算机可读介质。计算机可读介质上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现以下方法：

所述页面为待构建的数据可视化项目中的页面，所述数据可视化项目包含多个页面；用于构建所述数据可视化项目的编辑界面包括一个全局编辑层级和多个页面编辑层级；所述多个页面编辑层级与所述数据可视化项目中的各页面一一对应；

确定当前编辑层级；所述当前编辑层级为全局编辑层级或页面编辑层级；

响应于项目开发人员添加目标组件的操作，在所述编辑界面的所述当前编辑层级中显示所述目标组件；

根据所述当前编辑层级的类型，确定所述目标组件的类型；

根据所述目标组件的类型，建立所述目标组件与所述数据可视化项目中的指定页面的映射关系。

上述对本说明书特定实施例进行了描述，在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可。

本说明书实施例提供的装置、设备与方法是对应的，因此，装置、设备也具有与对应方法类似的有益技术效果，由于上面已经对方法的有益技术效果进行了详细说明，因此，这里不再赘述对应装置、设备的有益技术效果。

在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray，FPGA))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字符系统“集成”在一片PLD上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(Hardware Description Language，HDL)，而HDL也并非仅有一种，而是有许多种，如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等，目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。

控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

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

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

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

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

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

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

本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

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

Claims (15)

1.一种包含目标组件的页面构建方法，所述页面为待构建的数据可视化项目中的页面，所述数据可视化项目包含多个页面；用于构建所述数据可视化项目的编辑界面包括一个全局编辑层级和多个页面编辑层级；所述多个页面编辑层级与所述数据可视化项目中的各页面一一对应；所述方法包括：

确定当前编辑层级；所述当前编辑层级为全局编辑层级或页面编辑层级；

响应于项目开发人员添加目标组件的操作，在所述编辑界面的所述当前编辑层级中显示所述目标组件；

根据所述当前编辑层级的类型，确定所述目标组件的类型；

根据所述目标组件的类型，建立所述目标组件与所述数据可视化项目中的指定页面的映射关系。

2.如权利要求1所述的方法，所述根据所述当前编辑层级的类型，确定所述目标组件的类型，具体包括：

若所述当前编辑层级为全局编辑层级，则确定所述目标组件为全局组件；所述全局组件用于在构建完成的所述数据可视化项目中的多个页面中显示；

所述根据所述目标组件的类型，建立所述目标组件与所述数据可视化项目中的指定页面的映射关系，具体包括：

建立所述目标组件与所述数据可视化项目中的多个指定页面的映射关系，以用于在构建完成的所述数据可视化项目中的所述多个指定页面中显示所述目标组件。

3.如权利要求2所述的方法，所述全局组件包括二维组件。

4.如权利要求1所述的方法，所述根据所述当前编辑层级的类型，确定所述目标组件的类型，具体包括：

若所述当前编辑层级为页面编辑层级，则确定所述目标组件为页面组件；所述页面组件用于在构建完成的所述数据可视化项目中的与所述当前编辑层级对应的目标页面中显示；

所述根据所述目标组件的类型，建立所述目标组件与所述数据可视化项目中的指定页面的映射关系，具体包括：

建立所述目标组件与所述目标页面的映射关系，以用于在构建完成的所述数据可视化项目中的所述目标页面中显示所述目标组件。

5.如权利要求4所述的方法，所述页面组件包括页面二维组件或页面三维组件。

6.如权利要求1所述的方法，一个所述页面编辑层级包括一个页面二维信息编辑层级和一个页面三维信息编辑层级；所述页面三维信息编辑层级用于编辑对应的页面中的页面三维组件；所述页面二维信息编辑层级用于编辑对应的页面中的页面二维组件。

7.如权利要求6所述的方法，所述确定当前编辑层级，具体包括：

确定所述当前编辑层级为页面三维信息编辑层级；

所述确定当前编辑层级之后，还包括：

获取与所述当前编辑层级对应的当前页面具有映射关系的已构建的当前页面三维组件；

在所述页面三维信息编辑层级中显示所述当前页面三维组件。

8.如权利要求7所述的方法，所述确定当前编辑层级之后，还包括：

获取与所述当前编辑层级对应的当前页面具有映射关系的已构建的当前页面二维组件；

从所述数据可视化项目中已构建的全局组件中，获取与所述当前编辑层级对应的当前页面具有映射关系的指定全局组件；

在所述页面三维信息编辑层级中显示所述当前页面二维组件和所述指定全局组件；

将所述当前页面二维组件和所述指定全局组件设置为不可操作状态。

9.如权利要求6所述的方法，所述确定当前编辑层级，具体包括：

确定所述当前编辑层级为页面二维信息编辑层级；

所述确定当前编辑层级之后，还包括：

获取与所述当前编辑层级对应的当前页面具有映射关系的已构建的当前页面二维组件；

在所述页面二维信息编辑层级中显示所述当前页面二维组件。

10.如权利要求9所述的方法，所述确定当前编辑层级之后，还包括：

获取与所述当前编辑层级对应的当前页面具有映射关系的已构建的当前页面三维组件；

从所述数据可视化项目中已构建的全局组件中，确定与所述当前编辑层级对应的当前页面具有映射关系的指定全局组件；

在所述页面二维信息编辑层级中显示所述当前页面三维组件和所述指定全局组件；

将所述指定全局组件设置为不可操作状态；

将所述当前页面三维组件设置为视角可切换且不可编辑状态。

11.如权利要求1所述的方法，所述确定当前编辑层级，具体包括：

确定所述当前编辑层级为全局编辑层级；

所述确定当前编辑层级之后，还包括：

获取所述数据可视化项目中已构建的全局组件；

在所述全局编辑层级中显示所述已构建的全局组件。

12.如权利要求11所述的方法，所述确定当前编辑层级之后，还包括：

确定项目开发人员的当前选定页面；所述当前选定页面为，当前编辑层级为全局编辑层级的情况下所述项目开发人员选定的页面；

确定与当前选定页面具有映射关系的选定页面三维组件；

在所述全局编辑层级中显示所述选定页面三维组件；

将所述选定页面三维组件设置为视角可切换且不可编辑状态。

13.一种包含目标组件的页面构建装置，所述页面为待构建的数据可视化项目中的页面，所述数据可视化项目包含多个页面；用于构建所述数据可视化项目的编辑界面包括一个全局编辑层级和多个页面编辑层级；所述多个页面编辑层级与所述数据可视化项目中的各页面一一对应；所述装置包括：

当前编辑层级确定模块，用于确定当前编辑层级；所述当前编辑层级为全局编辑层级或页面编辑层级；

目标组件显示模块，用于响应于项目开发人员添加目标组件的操作，在所述编辑界面的所述当前编辑层级中显示所述目标组件；

目标组件类型确定模块，用于根据所述当前编辑层级的类型，确定所述目标组件的类型；

映射关系建立模块，用于根据所述目标组件的类型，建立所述目标组件与所述数据可视化项目中的指定页面的映射关系。

14.一种包含目标组件的页面构建设备，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

所述页面为待构建的数据可视化项目中的页面，所述数据可视化项目包含多个页面；用于构建所述数据可视化项目的编辑界面包括一个全局编辑层级和多个页面编辑层级；所述多个页面编辑层级与所述数据可视化项目中的各页面一一对应；

确定当前编辑层级；所述当前编辑层级为全局编辑层级或页面编辑层级；

响应于项目开发人员添加目标组件的操作，在所述编辑界面的所述当前编辑层级中显示所述目标组件；

根据所述当前编辑层级的类型，确定所述目标组件的类型；

根据所述目标组件的类型，建立所述目标组件与所述数据可视化项目中的指定页面的映射关系。

15.一种计算机可读介质，其上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现权利要求1至12中任一项所述的页面构建方法。

Images