CN113590555B - 数据处理方法、装置及系统 - Google Patents

Abstract

本发明提供了一种数据处理方法、装置及系统，包括：从所述第二终端设备获取待展示文件；其中，所述第二终端设备用于配置所述待展示文件，所述待展示文件包括至少一个页面，每个所述页面均包括至少一个目标组件；通过所述第一图形用户界面播放所述待展示文件，并将所述待展示文件播放过程中产生的监控源信息推送至所述第三终端设备，以使所述第三终端设备基于所述监控源信息向所述第一终端设备发送文件控制指令；其中，所述文件控制指令包括文件播放指令和/或组件交互指令；基于接收到的所述文件控制指令对所述待展示文件中处于播放状态的页面进行交互控制。本发明可以有效提高数据可视化的操作体验和交互体验。

Description

数据处理方法、装置及系统

技术领域

本发明涉及数据处理技术领域，尤其是涉及一种数据处理方法、装置及系统。

背景技术

数据可视化是一种数据处理和展现方式，通过数据可视化能够提供丰富的展示效果，诸如利用大屏实现数据可视化。然而，已有的利用大屏实现数据可视化的产品其操作复杂程度较高、配置管理较为繁琐，从而限制了操作体验和交互体验，无法突显大屏的独特性和便捷性。

发明内容

有鉴于此，本发明的目的在于提供一种数据处理方法、装置及系统，可以有效提高数据可视化的操作体验和交互体验。

第一方面，本发明实施例提供了一种数据处理方法，所述方法应用于第一终端设备，所述第一终端设备分别与第二终端设备和第三终端设备通信连接，通过所述第一终端设备提供第一图形用户界面，所述方法包括：从所述第二终端设备获取待展示文件；其中，所述第二终端设备用于配置所述待展示文件，所述待展示文件包括至少一个页面，每个所述页面均包括至少一个目标组件；通过所述第一图形用户界面播放所述待展示文件，并将所述待展示文件播放过程中产生的监控源信息推送至所述第三终端设备，以使所述第三终端设备基于所述监控源信息向所述第一终端设备发送文件控制指令；其中，所述文件控制指令包括文件播放指令和/或组件交互指令；基于接收到的所述文件控制指令对所述待展示文件中处于播放状态的页面进行交互控制。

在一种实施方式中，在所述通过所述第一图形用户界面播放所述待展示文件的步骤之前，所述方法还包括：响应针对所述待展示文件所包含的目标组件中至少一个待修改组件的第一调试操作，修改每个所述待修改组件的组件属性。

在一种实施方式中，所述响应针对所述待展示文件所包含的目标组件中至少一个待修改组件的第一调试操作，修改每个所述待修改组件的组件属性的步骤，包括：通过所述第一图形用户界面提供所述待展示文件的每个所述页面；响应针对所述页面的第一选择操作，从所述页面中确定目标页面，并通过所述第一图形用户界面提供所述目标页面所包含的目标组件；响应针对所述目标组件的第二选择操作，从所述目标组件中确定待修改组件，并通过所述第一图形用户界面提供所述待修改组件的组件属性；接收所述组件属性对应的第一属性参数，基于所述第一属性参数修改所述待修改组件的组件属性。

在一种实施方式中，所述基于接收到的所述文件控制指令对所述待展示文件中处于播放状态的页面进行交互控制的步骤，包括：如果所述文件控制指令包括所述组件交互指令，基于所述文件控制指令从处于播放状态的页面所包含的目标组件中确定待交互组件，并通过所述第一图形用户界面展示所述待交互组件的交互效果。

在一种实施方式中，在从所述第二终端设备获取待展示文件的步骤之前，所述方法包括：通过所述第一图形用户界面提供第一登录控件；响应针对所述第一登录控件的第一登录操作，基于所述第一登录操作携带的第一身份信息建立所述第一终端设备和所述第二终端设备之间的通信连接。

在一种实施方式中，所述方法还包括：通过所述第一图形用户界面提供数据源加载控件；响应针对所述数据源加载控件的点触操作，通过所述第一图形用户界面提供数据源信息配置控件；响应针对所述数据源信息配置控件的信息上传操作，确定第一数据集合，并利用所述第一数据集合替换所述目标组件对应的第二数据集合。

第二方面，本发明实施例还提供一种数据处理方法，所述方法应用于第二终端设备，所述第二终端设备与第一终端设备通信连接，通过所述第二终端设备提供第二图形用户界面，所述第二终端设备配置有多个可视化组件和多种类型的数据接口，所述方法包括：响应针对所述可视化组件的拖拽操作，从所述可视化组件中确定目标组件，并将所述目标组件拖拽至所述图形用户界面内的目标区域；响应针对所述目标组件的第二调试操作，确定所述目标组件的组件信息；其中，所述组件信息包括组件位置、组件交互事件、组件属性、组件所属页面中的一种或多种；利用与目标数据源匹配的数据接口从所述目标数据源中读取第二数据集合，并将所述第二数据集合写入所述目标组件得到待展示文件；其中，所述待展示文件包括至少一个页面，每个所述页面均包括至少一个所述目标组件；将所述待展示文件发送至所述第一终端设备，以使所述第一终端设备基于所述待展示文件确定目标文件并播放所述目标文件，以及基于第三终端设备发送的文件控制指令对所述待展示文件中处于播放状态的页面进行交互控制。

第三方面，本发明实施例还提供一种数据处理方法，所述方法应用于第三终端设备，所述第三终端设备与第一终端设备通信连接，通过所述第三终端设备提供第三图形用户界面，所述方法包括：获取待展示文件播放过程中产生的监控源信息，并通过所述第三图形用户界面提供所述监控源信息；其中，所述监控源信息包括所述待展示文件的页面列表和所述待展示文件中每个页面的播放状态；响应针对所述待展示文件中处于播放状态的页面的点触操作，通过所述第三图形用户界面提供处于播放状态的页面；响应针对处于播放状态的页面的控制操作，将所述文件控制指令发送至所述第一终端设备，以使所述第一终端设备基于接收到的所述文件控制指令对所述待展示文件中处于播放状态的页面进行交互控制；其中，所述文件控制指令包括文件播放指令和/或组件交互指令。

在一种实施方式中，在所述获取待展示文件播放过程中产生的监控源信息的步骤之前，所述方法包括：通过所述第三图形用户界面提供第二登录控件；响应针对所述第二登录控件的第二登录操作，基于所述第二登录操作携带的第二身份信息建立所述第一终端设备和所述第三终端设备的通信连接。

第四方面，本发明实施例还提供一种数据处理装置，所述装置应用于第一终端设备，所述第一终端设备分别与第二终端设备和第三终端设备通信连接，通过所述第一终端设备提供第一图形用户界面，所述装置包括：文件获取模块，用于从所述第二终端设备获取待展示文件；其中，所述第二终端设备用于配置所述待展示文件，所述待展示文件包括至少一个页面，每个所述页面均包括至少一个目标组件；文件播放模块，用于通过所述第一图形用户界面播放所述待展示文件，并将所述待展示文件播放过程中产生的监控源信息推送至所述第三终端设备，以使所述第三终端设备基于所述监控源信息向所述第一终端设备发送文件控制指令；其中，所述文件控制指令包括文件播放指令和/或组件交互指令；交互模块，用于基于接收到的所述文件控制指令对所述待展示文件中处于播放状态的页面进行交互控制。

第五方面，本发明实施例还提供一种数据处理装置，所述装置应用于第二终端设备，所述第二终端设备与第一终端设备通信连接，通过所述第二终端设备提供第二图形用户界面，所述第二终端设备配置有多个可视化组件和多种类型的数据接口，所述装置包括：组件拖拽模块，用于响应针对所述可视化组件的拖拽操作，从所述可视化组件中确定目标组件，并将所述目标组件拖拽至所述图形用户界面内的目标区域；文件调试模块，用于响应针对所述目标组件的第二调试操作，确定所述目标组件的组件信息；其中，所述组件信息包括组件位置、组件交互事件、组件属性、组件所属页面中的一种或多种；数据写入模块，用于利用与目标数据源匹配的数据接口从所述目标数据源中读取第二数据集合，并将所述第二数据集合写入所述目标组件得到待展示文件；其中，所述待展示文件包括至少一个页面，每个所述页面均包括至少一个所述目标组件；文件发送模块，用于将所述待展示文件发送至所述第一终端设备，以使所述第一终端设备基于所述待展示文件确定目标文件并播放所述目标文件，以及基于第三终端设备发送的文件控制指令对所述待展示文件中处于播放状态的页面进行交互控制。

第六方面，本发明实施例还提供一种数据处理装置，所述装置应用于第三终端设备，所述第三终端设备与第一终端设备通信连接，通过所述第三终端设备提供第三图形用户界面，所述装置包括：监控源获取模块，用于获取待展示文件播放过程中产生的监控源信息，并通过所述第三图形用户界面提供所述监控源信息；所述监控源信息包括所述待展示文件的页面列表和所述待展示文件中每个页面的播放状态；页面提供模块，用于响应针对所述待展示文件中处于播放状态的页面的点触操作，通过所述第三图形用户界面提供处于播放状态的页面；指令发送模块，用于响应针对处于播放状态的页面的控制操作，将所述文件控制指令发送至所述第一终端设备，以使所述第一终端设备基于接收到的所述文件控制指令对所述待展示文件中处于播放状态的页面进行交互控制；其中，所述文件控制指令包括文件播放指令和/或组件交互指令。

第七方面，本发明实施例还提供一种数据处理系统，包括：第一终端设备、第二终端设备和第三终端设备，所述第一终端设备与所述第二终端设备和所述第三终端设备通信连接；其中，所述第一终端设备、所述第二终端设备和所述第三终端设备均包括处理器和存储器，所述存储器存储有能够被所述处理器执行的计算机可执行指令，所述处理器执行所述计算机可执行指令以实现第一方面、第二方面、第三方面任一项所述的方法。

第八方面，本发明实施例还提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令在被处理器调用和执行时，计算机可执行指令促使处理器实现第一方面、第二方面、第三方面任一项所述的方法。

本发明实施例提供的一种数据处理方法及装置，应用于第一终端设备，第一终端首先从第二终端设备获取待展示文件，其中，待展示文件包括至少一个页面，每个页面均包括至少一个目标组，并通过第一图形用户界面播放待展示文件，将待展示文件播放过程中产生的监控源信息推送至第三终端设备，以使第三终端设备基于监控源信息向第一终端设备发送文件控制指令（包括文件播放指令和/或组件交互指令），从而基于接收到的文件控制指令对待展示文件中处于播放状态的页面进行交互控制。上述方法利用第一终端设备、第二终端设备、第三终端设备三端联合实现数据可视化，第一终端设备从第二终端设备获取已配置完成的待展示文件，展示该待展示文件的可视化效果，同时还可以将监控源信息推送至第三终端设备并受控于第三终端设备，通过接受第三终端设备发送的文件控制指令，可以实时与第一终端设备当前播放的页面进行交互，本发明实施例通过三端联动交互方式实现数据可视化，有效提高了数据可视化的操作体验和交互体验。

本发明的其他特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

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

图1为本发明实施例提供的一种数据处理方法的流程示意图；

图2为本发明实施例提供的一种第一登录控件的示意图；

图3为本发明实施例提供的一种第一图形用户界面的示意图；

图4为本发明实施例提供的另一种第一图形用户界面的示意图；

图5为本发明实施例提供的一种数据源信息配置控件的示意图；

图6为本发明实施例提供的另一种数据处理方法的流程示意图；

图7为本发明实施例提供的另一种数据处理方法的流程示意图；

图8为本发明实施例提供的另一种图形用户界面的示意图；

图9a为本发明实施例提供的一种第二登录控件的示意图；

图9b为本发明实施例提供的另一种第二登录控件的示意图；

图9c为本发明实施例提供的另一种第二登录控件的示意图；

图10为本发明实施例提供的一种数据处理系统的架构图；

图11为本发明实施例提供的另一种数据处理的流程示意图；

图12为本发明实施例提供的一种数据处理装置的结构示意图；

图13为本发明实施例提供的另一种数据处理装置的结构示意图；

图14为本发明实施例提供的另一种数据处理装置的结构示意图；

图15为本发明实施例提供的一种数据处理系统的结构示意图；

图16为本发明实施例提供的一种终端设备的结构示意图。

具体实施方式

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

目前，相关技术提供的数据可视化产品对于大屏调试及交互方式创新不足，且存在操作复杂、配置管理繁琐等缺点，无法突显大屏的独特性和便捷性，而且可分析的维度及场景有限，极大限制了基础数据的业务价值和数据价值。相关技术提供的数据可视化产品至少具备以下问题：（1）操作和交互方式单一。现有数据可视化产品均是在一端上完成数据可视化的设计、播放、控制，操作和交互体验优先。（2）展示的数据图表较为传统。现有数据可视化产品都是基于传统数据分析，无法满足数据可视化的多样性需求。

基于此，本发明实施提供了一种数据处理方法、装置及系统，可以有效提高数据可视化的操作体验和交互体验。

为便于对本实施例进行理解，首先对本发明实施例所公开的一种数据处理方法进行详细介绍，方法应用于第一终端设备，第一终端设备分别与第二终端设备和第三终端设备通信连接，第一终端设备也可称之为调试/播放端，第二终端设备也可以称之为设计端，第三终端设备也可以称之为控制端，通过第一终端设备提供第一图形用户界面，参见图1所示的一种数据处理方法的流程示意图，该方法主要包括以下步骤S102至步骤S106：

步骤S102，从第二终端设备获取待展示文件。其中，第二终端设备用于配置待展示文件，待展示文件包括至少一个页面，每个页面均包括至少一个目标组件，待展示文件可以为大屏文件，目标组件可以为基于Canvas或 SVG（Scalable Vector Graphics，可缩放矢量图）的形状组件，可以包括基本统计图形、高级图表、布局组件、视觉效果类组件等，每个目标组件均对应有数据集合。在一种实施方式中，为实现调试/播放端与设计端的通信连接，可以预先搭建流媒体服务器，流媒体服务器将利用HTTP（Hyper Text Transfer Protocol，超文本传输协议）远程调用的方式将调试/播放端配置的待展示文件发送至设计端，在实际应用中，可以利用Nginx技术或Node技术在Linux平台及window平台搭建流媒体服务器。

步骤S104，通过第一图形用户界面播放待展示文件，并将待展示文件播放过程中产生的监控源信息推送至第三终端设备，以使第三终端设备基于监控源信息向第一终端设备发送文件控制指令。其中，监控源信息包括待展示文件的页面列表和待展示文件中每个页面的播放状态，播放状态包括播放中和/或未播放，文件控制指令包括文件播放指令和/或组件交互指令，文件播放指令可以包括播放/暂停切换、音量调节、播放速度（例如，0.5倍速、1倍速、1.5倍速等）、视频放大/缩小切换等，组件交互指令可以用于触发目标组件的交互事件，诸如弹窗、跳转、多组件联动、服务调用等。在一种实施方式中，可以通过上述流媒体服务器实现调试/播放端与控制端的通信连接，流媒体服务器利用ffmpeg（Fast ForwardMpeg）技术从调试/播放端获取待展示文件的监控源信息，再利用flv（Flash Video，流媒体格式）技术将监控源信息发送到控制端。

步骤S106，基于接收到的文件控制指令对待展示文件中处于播放状态的页面进行交互控制。在一种实施方式中，用户可以在控制端对调试/播放端当前播放的页面进行实时交互控制，示例性的，假设用户在控制端点击当前播放的页面中某个目标组件时，即可生成并发送文件控制指令，调试/播放端即可基于该文件控制指令触发相应目标组件的交互事件。

本发明实施例提供的上述数据处理方法，利用第一终端设备、第二终端设备、第三终端设备三端联合实现数据可视化，第一终端设备从第二终端设备获取已配置完成的待展示文件，展示该待展示文件的可视化效果，同时还可以将监控源信息推送至第三终端设备并受控于第三终端设备，通过接受第三终端设备发送的文件控制指令，可以实时与第一终端设备当前播放的页面进行交互，本发明实施例通过三端联动交互方式实现数据可视化，有效提高了数据可视化的操作体验和交互体验。

为提高数据可视化过程的安全性，用户需要在调试/播放端获取播放待展示文件的权限，因此在从设计端获取待展示文件之前，调试/播放端可以通过第一图形用户界面提供第一登录控件，并响应针对第一登录控件的第一登录操作，基于第一登录操作携带的第一身份信息建立第一终端设备和第二终端设备之间的通信连接。其中，第一身份信息可以包括IP（Internet Protocol，网际互连协议）地址信息、账号密码信息、二维码信息中的一种或多种。为便于理解，本发明实施例示例性提供了图2所示的一种第一登录控件的示意图，用户可以在第一登录控件的输入框中依次输入IP地址信息、账号信息和密码信息，当用户点击“登录”控件时调试/播放端将对用户的权限进行验证，并在用户具备该权限时在从设计端获取上述待展示文件。

考虑到不同调试/播放端与待展示文件的适配程度不同，为使待展示文件较好地适配调试/播放端，还可以在通过第一图形用户界面播放待展示文件之前对待展示文件进行微调，在一种实施方式中，可以响应针对待展示文件所包含的目标组件中至少一个待修改组件的第一调试操作，修改每个待修改组件的组件属性。可选的，在调试/播放端中对待展示文件进行微调时，仅可以对待展示文件所包含的目标组件的组件属性进行调整，而无法对目标组件的位置进行调整，在实际应用中，用户可以在设计端调整待展示文件中目标组件的位置，并将修改后的待展示文件重新发送给调试/播放端。

为便于理解，本发明实施例提供了一种对待展示文件进行微调的实施方式，参见如下步骤1至步骤4：

步骤1，通过第一图形用户界面提供待展示文件的每个页面。示例性的，本发明实施例提供了如图3所示的一种第一图形用户界面的示意图，假设待展示文件包括3个页面，页面1、页面2和页面3，则可以按照待展示文件中的页面顺序依次展示各个页面，页面展示方式可以包括排列式（如图3所示）或列表式，在具体实现时可基于实际需求配置所需的页面展示方式，本发明实施例对此不进行限制。

步骤2，响应针对页面的第一选择操作，从页面中确定目标页面，并通过第一图形用户界面提供目标页面所包含的目标组件。示例性的，参见图4所示的另一种图形用户界面的示意图，假设用户点击页面1，则图形用户界面将展示页面1和页面1所包含的目标组件，可选的，可以以列表形式展示页面1所包含的目标组件，诸如图4所示，页面1所包含的目标组件包括柱状图、桑基图、双向图、面积图、平行坐标图、表格、矩形等。

步骤3，响应针对目标组件的第二选择操作，从目标组件中确定待修改组件，并通过第一图形用户界面提供待修改组件的组件属性。请继续参见图4中的子图（a），假设用户点击上述柱状图，则该柱状图即为待修改组件，图形用户界面将提供柱状图对应的样式微调控件，样式微调控件包括多个可修改的组件属性，其中，组件属性可以包括组件颜色、组件尺寸、交互事件及其交互效果等，以柱状图为例，组件属性可以包括图例字号、图例字体粗细、标签字号、标签字体粗细、X轴字号、X轴字体粗细等。

步骤4，接收组件属性对应的第一属性参数，基于第一属性参数修改待修改组件的组件属性。在一种可选的实施方式中，可以通过用户输入或下拉框选择等多种方式对待修改组件的组件属性进行修改，可选的，图形用户界面还可以提供“确定”控件，当用户点击“确认”控件时即可保存上述修改后的组件属性。

另外，图形用户界面还可以进一步展示该待修改组件对应的第二数据集合。在实际应用中，用户可以对待修改组件对应的第二数据集合进行修改，具体的，参见如下步骤a至步骤c：

步骤a，通过第一图形用户界面提供数据源加载控件。请继续参见图4中的子图（b），当用户点击“数据配置”时，可以为用户提供数据源加载控件“添加数据源”。可选的，用户还可以自行设置数据源刷新时间，在实际应用中，可以预先配置多个刷新时间供用户选择，也可以通过输入框获取用户自行配置的刷新时间。

步骤b，响应针对数据源加载控件的点触操作，通过第一图形用户界面提供数据源信息配置控件。在实际应用中，当用户点击“添加数据源”时，即可跳转至数据源信息配置控件，示例性的，参见图5所示的数据源信息配置控件的示意图，图中示意出需要填写的数据源信息包括类型（例如，MySQL（关系型数据库管理系统）类型）、名称、IP地址、数据库、用户名、密码等。

步骤c，响应针对数据源信息配置控件的信息上传操作，确定第一数据集合，并利用第一数据集合替换目标组件对应的第二数据集合。在实际应用中，当用户填写上述数据源信息后，可以点击“测试”控件对上述数据源信息的真实性进行测试，当确认上述数据源信息无误后，还可以继续点击“保存”控件上传上述数据源信息，从而基于该数据源信息从相应的数据源处读取第一数据集合，从而利用该第一数据集合替换目标组件对应的第二数据集合。

在实际应用中，调试/播放端可以接收控制端发送的文件控制指令，当文件控制指令为文件播放指令时，调试/播放端将按照该文件播放指令对待展示文件的播放过程进行控制，诸如暂停、开始、音量调节等。当文件控制指令为组件交互指令时，则可以触发页面中相应目标组件的交互事件，具体的，如果文件控制指令包括组件交互指令，基于文件控制指令从处于播放状态的页面所包含的目标组件中确定待交互组件，并通过第一图形用户界面展示待交互组件的交互效果。例如，假设该组件交互指令对应的目标组件为柱状图，柱状图对应的交互事件为放大事件，则可以将页面中该柱状图放大展示，便于用户更清晰的浏览柱状图所表征的数据。

在实际应用中，专为大屏数据对接调试和大屏播放展示的调试/播放端属于PC（Personal Computer，个人计算机）端应用，可灵活的安装到用户的本地大屏服务器上，私有化对接用户本地数据库，保障了用户的数据安全性。

本发明实施例还提供了另一种数据处理方法，该数据处理方法应用于第二终端设备，第二终端设备与第一终端设备通信连接，通过第二终端设备提供第二图形用户界面，第二终端设备配置有多个可视化组件和多种类型的数据接口，参见图6所示的另一种数据处理方法的流程示意图，该方法主要包括以下步骤S602至步骤S608：

步骤S602，响应针对可视化组件的拖拽操作，从可视化组件中确定目标组件，并将目标组件拖拽至图形用户界面内的目标区域。在实际应用中，设计端可以为用户提供60种以上的可视化组件，包括各种基本统计图形，高级图表，布局组件，视觉效果类组件等，通过简单的拖拽和参数配置，对复杂多元的业务数据进行可视化展示，得到专业的数据可视化大屏及适用于移动设备的图表页面。

在一种可选的实施方式中，设计端还可以提供传统制图工具提供的所有基础图表制作功能，且设计使用门槛低，操作便捷有效。而对于有高级图表展示的需求的用户，产品提供了更加多元的可视化组件和高级配置，使得可视化大屏更具专业性和实用性，从而实现全方位图表制作。

步骤S604，响应针对目标组件的第二调试操作，确定目标组件的组件信息。其中，组件信息包括组件位置、组件交互事件、组件属性、组件所属页面中的一种或多种。示例性的，当用户将目标组件拖拽之目标区域后，可以再次拖拽对其进行位置调整，还可以右键目标组件以调出该目标组件的组件属性面板，从而对该目标组建的组件属性进行修改。在一种实施方式中，设计端支持丰富的表单组件，并且每个可视化组件支持自定义事件处理，每种事件都可以配置联动、跳转、弹出窗口、服务调用等多种动作，此外，组件之间、页面之间、页面与外部系统间都可以进行参数传递，从而使得每个页面都具备交互式效果，实现应用级的可视化系统。进一步的，上述可视化组件中包括矢量地图，通过提供矢量地图的轻量级控件数据可视化方案，基于地图相关数据资源实现灵活的自助式地理数据呈现。

步骤S606，利用与目标数据源匹配的数据接口从目标数据源中读取第二数据集合，并将第二数据集合写入目标组件得到待展示文件。其中，待展示文件包括至少一个页面，每个页面均包括至少一个目标组件。在具体实现时，本发明实施例通过配置多种类型的数据接口，可以接入多种数据源，例如，利用数据接口与Hive（数据仓库工具）、Oracle、MySQL、PostgreSQL、SQLServer等多种异构数据源的整合接入，打造各种异构数据的融合数据集合。

步骤S608，将待展示文件发送至第一终端设备，以使第一终端设备基于待展示文件确定目标文件并播放目标文件，以及基于第三终端设备发送的文件控制指令对待展示文件中处于播放状态的页面进行交互控制。在实际应用中，在将待展示文件发送至调试/播放端时，需要进行发布授权，示例性的，设计端将待展示文件发布并授权给调试/播放端用户，调试/播放端用户通过同步大屏操作得到相应的待展示文件，此过程中数据传输采用HTTP远程调用的方式，此授权流程保证了大屏文件数据在传输中的安全问题，在实际应用中可基于前述图2所示的第一登录控件实现发布授权。

本发明实施例还提供了另一种数据处理方法，该数据处理方法应用于第三终端设备，第三终端设备与第一终端设备通信连接，通过第三终端设备提供第三图形用户界面，参见图7所示的另一种数据处理方法的流程示意图，该方法主要包括以下步骤S702至步骤S706：

步骤S702，获取待展示文件播放过程中产生的监控源信息，并通过第三图形用户界面提供监控源信息。其中，监控源信息包括待展示文件的页面列表和待展示文件中每个页面的播放状态，播放状态包括播放中和未播放。在一种实施方式中，调试/播放端对接视频监控，播放大屏实时显示视频监控信息。在具体实现时，通过ffmpeg将监控源信息进行推流，发布到流媒体服务器，控制端通过flv技术进行拉流操作，将监控源信息在图形用户界面中展示，可选的，设计端和调试/播放端的流媒体服务器分别搭建在Linux和window平台。在用户从设计端授权待展示文件给调试/播放端用户时，才需要大屏授权功能来使得两个平台数据同步，其他情况下无数据交互。

为便于理解，参见图8所示的另一种图形用户界面的示意图，图中示意出待展示文件中页面1的播放状态为“播放中”，页面2和页面3的播放状态均为“未播放”。

步骤S704，响应针对待展示文件中处于播放状态的页面的点触操作，通过第三图形用户界面提供处于播放状态的页面。在一种实施方式中，控制端只能对处于“播放中”状态的页面进行交互控制，因此当用户点击处于“播放中”状态的页面时，即可通过图形用户界面实时监控上述页面的播放过程。

步骤S706，响应针对处于播放状态的页面的控制操作，将文件控制指令发送至第一终端设备，以使第一终端设备基于接收到的文件控制指令对待展示文件中处于播放状态的页面进行交互控制。其中，文件控制指令包括文件播放指令和/或组件交互指令。在实际应用中，在控制端对调试/播放端当前播放的页面进行交互控制时，采用websocket长连接方式，调试/播放端监听控制端的控制指令，达到实时操作，低延迟效果。可选的，上述控制端可以为pad端，pad端可连接调试/播放端服务，对调试/播放端正在播放的页面进行交互控制，包括图表的排序、放大、图例筛选、钻取等，此外，还可以对视频的播放/暂停切换、静音切换、放大等进行控制，同时还是实现视频监控的放大，以及实现GIS（GeographicInformation System或 Geo－Information system，地理信息系统）地图的显示级别和底图切换控制。

为进一步提高待展示文件的安全性，本发明实施例在获取待展示文件播放过程中产生的监控源信息之前，也需要第用户身份进行验证，具体的，可以通过第三图形用户界面提供第二登录控件，响应针对第二登录控件的第二登录操作，基于第二登录操作携带的第二身份信息建立第一终端设备和第三终端设备的通信连接。为便于理解，本发明实施例示例性提供了图9a、图9b、图9c所示的第二登录控件的示意图，其中，图9a所示的第二登录控件为基于IP地址信息实现登陆操作，图9b所示的第二登录控件为基于账号密码实现登录操作，图9c所示的第二登录控件为基于二维码实现登陆操作。

上述实施例提供的数据处理方法，利用独特的三端联动交互方式，设计端、调试/播放端和控制端三端在整体大屏设计、播放调试、交互控制和大屏展示过程中各有侧重，联合实现数据可视化。另外，在具体实现时三端侧重不同，其中，设计端专注于可视化整体效果；调试/播放端用来展示设计端设计好的可视化效果，进行微调来满足不同设备差异，无需对整体结构进行调整；控制端用于与调试/播放端进行交互，诸如，地图下钻、GIS地图层级设置、图表数据相关操作设置等。此外，可以实现数据的高效分析，通过控制端与调试/播放端的交互，轻松实现可视化数据实时分析与展示。

本发明实施例提供的上述数据处理方法，通过设计端来进行可视化页面搭建，调试/播放端连接设计端进行数据同步，实现了可视化设计与调试的分离，简单的调整能够适应不同企业对于数据可视化的定制需求，控制端实现与调试/播放端进行交互，能够对可视化数据的进一步分析与展示交互的体验，提高了数据可视化的丰富性、多样性、实时性。

为便于对上述实施例进行理解，本发明实施例提供了一种数据处理系统的应用示例，参见图10所示的一种数据处理系统的架构图，包括数据层、接入层、存储层、应用层、展示层和终端（包括设计端、调试/播放端和控制端）。其中，数据层是实现所有可视化图表的数据依据，可对接 MySQL、Oracle、SQLServer、Hive、PostgreSQL等多种类数据源，还可以与其他指定的数据源（诸如朗图、朗数）进行数据连接，并可接入API（ApplicationProgramming Interface，应用程序接口）接口及Excel、Csv（Comma-Separated Values，逗号分隔值）等本地文件。接入层用于处理数据源，其中包括统计数据整合、实时数据整合、外部接口整合和3D场景整合。存储层用于利用数据源通过接入层为应用层提供持久存储、缓存和消息队列的管理层。应用层用于在对接数据源之后，完成数据集以及组件的制作之后，利用组件和元件通过拖拽的方式搭建的上层结构，主要包括大屏调试服务、基础服务、播放服务和互动服务，具体服务又包括多个管理模块。 展示层在应用层之上是展示层，主要包括大屏调试模块大屏播放模块和大屏互动模块。

在上述图10的基础上，本发明实施例提供了另一种数据处理方法，参见图11所示的另一种数据处理的流程示意图，该方法主要包括以下步骤S1102至步骤S1126：

步骤S1102，通过设计端创建大屏文件（也即，上述待展示文件）。

步骤S1104，通过设计端设计大屏文件。

步骤S1106，通过设计端判断是否发布大屏文件。如果是，执行步骤S1110；如果否，执行步骤S1108。

步骤S1108，保存大屏文件。

步骤S1110，对大屏文件进行发布授权。

步骤S1112，通过调试/播放端对用户进行认证。

步骤S1114，通过调试/播放端同步大屏文件。

步骤S1116，通过调试/播放端对大屏文件进行调试。

步骤S1118，判断是否播放大屏文件。如果是，执行步骤S1122；如果否，执行步骤S1120。

步骤S1120，保存大屏文件。

步骤S1122，通过调试/播放端播放大屏文件。

步骤S1124，通过控制端获取大屏文件列表及播放状态。

步骤S1126，通过控制端进入播放中大屏交互界面，并向调试/播放端发送文件控制指令。

综上，本发明实施例提供的数据处理方法至少具备以下特点：

（1）多源异构加载：支持 Hive、Oracle、MySQL、PostgreSQL、SQLServer 等多种异构数据源的整合接入，打造各种异构数据的融合数据集合。

（2）并行渲染引擎：自主开发的浏览器渲染分布式组件，弥补了原生浏览器渲染进程分批次和渲染时间累计的弊端，响应式数据驱动对同时段多个进程进行渲染组件，大幅提升浏览器渲染效率。

（3）基于 Canvas、SVG 的形状组件：利用图形绘制工具设计图表基础元件，将其转化为 SVG 格式，存放于组件库中，提高页面渲染效率；Canvas 可以轻松应对大数据量和特效的展现。

（4）图表智能引擎：拖拽组件到画布中后，数据集的维度和指标可以自动识别分类，且可实时判断数据关系与元件类型是否匹配。

（5）图表优化引擎：支持图表根据数据自动配色，自动筛选无用数据，使得用户可以专注于业务逻辑实现。拖拽组件到画布中后，组件会依据数据集的维度和指标进行自动推荐配色，无须用户自行配置，使得用户可以专注于业务逻辑实现。

（6）unity3D 绘图引擎：基于 Unity 跨平台部署技术与 WebGL 结合，实现无插件化部署，使得 3D 效果更真实、更专业。

（7）三端交互：调试端从设计端获取大屏文件，通过pad端进行数据交互，页面展示交互效果。

对于前述实施例提供的数据处理方法，本发明实施例还提供了一种数据处理装置，该装置应用于第一终端设备，第一终端设备分别与第二终端设备和第三终端设备通信连接，通过第一终端设备提供第一图形用户界面，参见图12所示的一种数据处理装置的结构示意图，该装置主要包括以下部分：

文件获取模块1202，用于从第二终端设备获取待展示文件；其中，第二终端设备用于配置待展示文件，待展示文件包括至少一个页面，每个页面均包括至少一个目标组件；

文件播放模块1204，用于通过第一图形用户界面播放待展示文件，并将待展示文件播放过程中产生的监控源信息推送至第三终端设备，以使第三终端设备基于监控源信息向第一终端设备发送文件控制指令；其中，文件控制指令包括文件播放指令和/或组件交互指令；

交互模块1206，用于基于接收到的文件控制指令对待展示文件中处于播放状态的页面进行交互控制。

对于前述实施例提供的数据处理方法，本发明实施例还提供了另一种数据处理装置，该装置应用于第二终端设备，第二终端设备与第一终端设备通信连接，通过第二终端设备提供第二图形用户界面，第二终端设备配置有多个可视化组件和多种类型的数据接口，参见图13所示的另一种数据处理装置的结构示意图，该装置主要包括以下部分：

组件拖拽模块1302，用于响应针对可视化组件的拖拽操作，从可视化组件中确定目标组件，并将目标组件拖拽至图形用户界面内的目标区域；

文件调试模块1304，用于响应针对目标组件的第二调试操作，确定目标组件的组件信息；其中，组件信息包括组件位置、组件交互事件、组件属性、组件所属页面中的一种或多种；

数据写入模块1306，用于利用与目标数据源匹配的数据接口从目标数据源中读取第二数据集合，并将第二数据集合写入目标组件得到待展示文件；其中，待展示文件包括至少一个页面，每个页面均包括至少一个目标组件；

文件发送模块1308，用于将待展示文件发送至第一终端设备，以使第一终端设备基于待展示文件确定目标文件并播放目标文件，以及基于第三终端设备发送的文件控制指令对待展示文件中处于播放状态的页面进行交互控制。

对于前述实施例提供的数据处理方法，本发明实施例还提供了另一种数据处理装置，该装置应用于第三终端设备，第三终端设备与第一终端设备通信连接，通过第三终端设备提供第三图形用户界面，参见图14所示的另一种数据处理装置的结构示意图，该装置主要包括以下部分：

监控源获取模块1402，用于获取待展示文件播放过程中产生的监控源信息，并通过第三图形用户界面提供监控源信息；监控源信息包括待展示文件的页面列表和待展示文件中每个页面的播放状态；

页面提供模块1404，用于响应针对待展示文件中处于播放状态的页面的点触操作，通过第三图形用户界面提供处于播放状态的页面；

指令发送模块1406，用于响应针对处于播放状态的页面的控制操作，将文件控制指令发送至第一终端设备，以使第一终端设备基于接收到的文件控制指令对待展示文件中处于播放状态的页面进行交互控制；其中，文件控制指令包括文件播放指令和/或组件交互指令。

本发明实施例所提供的装置，其实现原理及产生的技术效果和前述方法实施例相同，为简要描述，装置实施例部分未提及之处，可参考前述方法实施例中相应内容。

另外，本发明实施例还提供了一种数据处理系统，参见图15所示的一种数据处理系统的结构示意图，该数据处理系统包括第一终端设备、第二终端设备和第三终端设备，第一终端设备与第二终端设备和第三终端设备通信连接；其中，第一终端设备、第二终端设备和第三终端设备均包括处理器和存储器，存储器存储有能够被处理器执行的计算机可执行指令，处理器执行计算机可执行指令以实现前述实施例提供的方法。

具体的，第二终端设备用于配置待展示文件，并将待展示文件发送至第一终端设备；其中，待展示文件包括至少一个页面，每个页面均包括至少一个目标组件；第一终端设备用于接收并播放待展示文件，将待展示文件播放过程中产生的监控源信息推送至第三终端设备；第三终端设备用于接收监控源信息，并基于监控源信息向第一终端设备发送文件控制指令；其中，文件控制指令包括文件播放指令和/或组件交互指令；第一终端设备还用于基于文件控制指令对待展示文件中处于播放状态的页面进行交互控制。

本发明实施例提供了一种终端设备，具体的，该终端设备包括处理器和存储装置；存储装置上存储有计算机程序，计算机程序在被处理器运行时执行如上实施方式的任一项的方法 。

图16为本发明实施例提供的一种终端设备的结构示意图，该终端设备100包括：处理器160，存储器161，总线162和通信接口163，处理器160、通信接口163和存储器161通过总线162连接；处理器160用于执行存储器161中存储的可执行模块，例如计算机程序。

其中，存储器161可能包含高速随机存取存储器（RAM，Random Access Memory），也可能还包括非不稳定的存储器（non-volatile memory），例如至少一个磁盘存储器。通过至少一个通信接口163（可以是有线或者无线）实现该系统网元与至少一个其他网元之间的通信连接，可以使用互联网，广域网，本地网，城域网等。

总线162可以是ISA总线、PCI总线或EISA总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图16中仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。

其中，存储器161用于存储程序，所述处理器160在接收到执行指令后，执行所述程序，前述本发明实施例任一实施例揭示的流过程定义的装置所执行的方法可以应用于处理器160中，或者由处理器160实现。

处理器160可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器160中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器160可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(DigitalSignal Processing，简称DSP)、专用集成电路(Application Specific IntegratedCircuit，简称ASIC)、现成可编程门阵列(Field-Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本发明实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器161，处理器160读取存储器161中的信息，结合其硬件完成上述方法的步骤。

本发明实施例所提供的可读存储介质的计算机程序产品，包括存储了程序代码的计算机可读存储介质，所述程序代码包括的指令可用于执行前面方法实施例中所述的方法，具体实现可参见前述方法实施例，在此不再赘述。

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

最后应说明的是：以上所述实施例，仅为本发明的具体实施方式，用以说明本发明的技术方案，而非对其限制，本发明的保护范围并不局限于此，尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。

Claims (10)

1.一种数据处理方法，其特征在于，所述方法应用于第一终端设备，所述第一终端设备分别与第二终端设备和第三终端设备通信连接，通过所述第一终端设备提供第一图形用户界面，所述方法包括：

从所述第二终端设备获取待展示文件；其中，所述第二终端设备用于配置所述待展示文件，所述待展示文件包括至少一个页面，每个所述页面均包括至少一个目标组件；

通过所述第一图形用户界面播放所述待展示文件，并将所述待展示文件播放过程中产生的监控源信息推送至所述第三终端设备，以使所述第三终端设备基于所述监控源信息向所述第一终端设备发送文件控制指令；其中，所述监控源信息包括所述待展示文件的页面列表和所述待展示文件中每个页面的播放状态，所述文件控制指令包括文件播放指令和/或组件交互指令；

基于接收到的所述文件控制指令对所述待展示文件中处于播放状态的页面进行交互控制；

其中，所述第三终端设备提供第三图形用户界面，所述第三终端设备用于：获取待展示文件播放过程中产生的监控源信息，并通过所述第三图形用户界面提供所述监控源信息；响应针对所述待展示文件中处于播放状态的页面的点触操作，通过所述第三图形用户界面提供处于播放状态的页面；响应针对处于播放状态的页面的控制操作，将所述文件控制指令发送至所述第一终端设备。

2.根据权利要求1所述的方法，其特征在于，在所述通过所述第一图形用户界面播放所述待展示文件的步骤之前，所述方法还包括：

响应针对所述待展示文件所包含的目标组件中至少一个待修改组件的第一调试操作，修改每个所述待修改组件的组件属性。

3.根据权利要求2所述的方法，其特征在于，所述响应针对所述待展示文件所包含的目标组件中至少一个待修改组件的第一调试操作，修改每个所述待修改组件的组件属性的步骤，包括：

通过所述第一图形用户界面提供所述待展示文件的每个所述页面；

响应针对所述页面的第一选择操作，从所述页面中确定目标页面，并通过所述第一图形用户界面提供所述目标页面所包含的目标组件；

响应针对所述目标组件的第二选择操作，从所述目标组件中确定待修改组件，并通过所述第一图形用户界面提供所述待修改组件的组件属性；

接收所述组件属性对应的第一属性参数，基于所述第一属性参数修改所述待修改组件的组件属性。

4.根据权利要求1所述的方法，其特征在于，所述基于接收到的所述文件控制指令对所述待展示文件中处于播放状态的页面进行交互控制的步骤，包括：

如果所述文件控制指令包括所述组件交互指令，基于所述文件控制指令从处于播放状态的页面所包含的目标组件中确定待交互组件，并通过所述第一图形用户界面展示所述待交互组件的交互效果。

5.根据权利要求1所述的方法，其特征在于，在从所述第二终端设备获取待展示文件的步骤之前，所述方法包括：

通过所述第一图形用户界面提供第一登录控件；

响应针对所述第一登录控件的第一登录操作，基于所述第一登录操作携带的第一身份信息建立所述第一终端设备和所述第二终端设备之间的通信连接。

6.根据权利要求1所述的方法，其特征在于，所述方法还包括：

通过所述第一图形用户界面提供数据源加载控件；

响应针对所述数据源加载控件的点触操作，通过所述第一图形用户界面提供数据源信息配置控件；

响应针对所述数据源信息配置控件的信息上传操作，确定第一数据集合，并利用所述第一数据集合替换所述目标组件对应的第二数据集合。

7.一种数据处理方法，其特征在于，所述方法应用于第二终端设备，所述第二终端设备与第一终端设备通信连接，通过所述第二终端设备提供第二图形用户界面，所述第二终端设备配置有多个可视化组件和多种类型的数据接口，所述方法包括：

响应针对所述可视化组件的拖拽操作，从所述可视化组件中确定目标组件，并将所述目标组件拖拽至所述图形用户界面内的目标区域；

响应针对所述目标组件的第二调试操作，确定所述目标组件的组件信息；其中，所述组件信息包括组件位置、组件交互事件、组件属性、组件所属页面中的一种或多种；

利用与目标数据源匹配的数据接口从所述目标数据源中读取第二数据集合，并将所述第二数据集合写入所述目标组件得到待展示文件；其中，所述待展示文件包括至少一个页面，每个所述页面均包括至少一个所述目标组件；

将所述待展示文件发送至所述第一终端设备，以使所述第一终端设备播放所述待展示文件，并将所述待展示文件播放过程中产生的监控源信息推送至所述第三终端设备，以及基于第三终端设备发送的文件控制指令对所述待展示文件中处于播放状态的页面进行交互控制；其中，所述监控源信息包括所述待展示文件的页面列表和所述待展示文件中每个页面的播放状态，所述文件控制指令包括文件播放指令和/或组件交互指令；

所述第三终端设备提供第三图形用户界面，所述第三终端设备用于：获取待展示文件播放过程中产生的监控源信息，并通过所述第三图形用户界面提供所述监控源信息；响应针对所述待展示文件中处于播放状态的页面的点触操作，通过所述第三图形用户界面提供处于播放状态的页面；响应针对处于播放状态的页面的控制操作，将所述文件控制指令发送至所述第一终端设备。

8.一种数据处理方法，其特征在于，所述方法应用于第三终端设备，所述第三终端设备与第一终端设备通信连接，通过所述第三终端设备提供第三图形用户界面，所述方法包括：

获取待展示文件播放过程中产生的监控源信息，并通过所述第三图形用户界面提供所述监控源信息；其中，所述监控源信息包括所述待展示文件的页面列表和所述待展示文件中每个页面的播放状态；

响应针对所述待展示文件中处于播放状态的页面的点触操作，通过所述第三图形用户界面提供处于播放状态的页面；

响应针对处于播放状态的页面的控制操作，将所述文件控制指令发送至所述第一终端设备，以使所述第一终端设备基于接收到的所述文件控制指令对所述待展示文件中处于播放状态的页面进行交互控制；其中，所述文件控制指令包括文件播放指令和/或组件交互指令。

9.根据权利要求8所述的方法，其特征在于，在所述获取待展示文件播放过程中产生的监控源信息的步骤之前，所述方法包括：

通过所述第三图形用户界面提供第二登录控件；

响应针对所述第二登录控件的第二登录操作，基于所述第二登录操作携带的第二身份信息建立所述第一终端设备和所述第三终端设备的通信连接。

10.一种数据处理系统，其特征在于，包括：第一终端设备、第二终端设备和第三终端设备，所述第一终端设备与所述第二终端设备和所述第三终端设备通信连接；其中，

所述第一终端设备、所述第二终端设备和所述第三终端设备均包括处理器和存储器，所述存储器存储有能够被所述处理器执行的计算机可执行指令，所述处理器执行所述计算机可执行指令以实现权利要求1至6任一项所述的方法、或实现权利要求7所述的方法、或实现权利要求8至9任一项所述的方法。

Images