CN111708928A - 一种数据信息处理方法、电子设备和存储介质 - Google Patents

Abstract

本申请实施例提供一种数据信息处理方法、电子设备和存储介质，该方法包括：基于第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系，确定用于表示第一数据表中的数据信息的第一图形标识的数量和用于表示第二数据表中的数据信息的第二图形标识的数量；基于页面的尺寸信息、第一图形标识的数量和第二图形标识的数量，确定第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数；基于第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，生成关联关系图，以在页面展示第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系。如此，能够清楚直观地展示数据信息与数据信息之间的关联关系。

Description

一种数据信息处理方法、电子设备和存储介质

技术领域

本申请涉及计算机技术领域，尤其涉及一种数据信息处理方法、电子设备和存储介质。

背景技术

随着大数据技术的迅猛发展，如何便于业务人员快速分析数据，是大数据应用需要解决的关键问题。业务人员在进行数据分析的时候，常常需要查看有相关联的数据表中数据信息之间的关联关系。

但是，目前数据信息之间的关联关系只停留在数据库的列表中，不够清楚直观。

发明内容

有鉴于此，本申请实施例提供一种数据信息处理方法、电子设备和存储介质，能够实现清楚直观地展示数据信息与数据信息之间的关联关系。

本申请实施例主要提供如下技术方案：

第一方面，本申请实施例提供了一种数据信息处理方法，包括：获得页面的尺寸信息和第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系；基于第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系，确定第一图形标识的数量和第二图形标识的数量，其中，第一图形标识用于表示第一数据表中的数据信息，第二图形标识用于表示第二数据表中的数据信息；基于所述页面的尺寸信息、第一图形标识的数量和第二图形标识的数量，确定第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，其中，连接线的一端所连接的第一图形标识所表示的数据信息与所述连接线的另一端所连接的第二图形标识所表示的数据信息之间具有关联关系；基于第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，生成包含第一图形标识、第二图形标识和连接线的关联关系图，以在所述页面展示第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系。

在一种示例性实施例中，所述基于所述页面的尺寸信息、第一图形标识的数量和第二图形标识的数量，确定第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，包括：基于所述页面的尺寸信息、第一图形标识的数量和第二图形标识的数量，确定第一图形标识的绘制参数和第二图形标识的绘制参数；基于第一图形标识的绘制参数和第二图形标识的绘制参数，确定连接线的绘制参数。

在一种示例性实施例中，所述第一图形标识、所述第二图形标识为矩形；

所述基于所述页面的尺寸信息、第一图形标识的数量和第二图形标识的数量，确定第一图形标识的绘制参数和第二图形标识的绘制参数，包括：基于页面的尺寸信息中的宽度，确定第一图形标识的宽度和第二图形标识的宽度；基于页面的尺寸信息中的高度和第一图形标识的数量，确定第一图形标识的起点坐标和第一图形标识的高度；将第一图形标识的起点坐标、第一图形标识的高度和第一图形标识的宽度作为第一图形标识的绘制参数；基于页面的尺寸信息中的高度和第二图形标识的数量，确定和第二图形标识的起点坐标和第二图形标识的高度；将第二图形标识的起点坐标、第二图形标识的高度和第二图形标识的宽度作为第二图形标识的绘制参数。

在一种示例性实施例中，所述基于第一图形标识的绘制参数和第二图形标识的绘制参数，确定连接线的绘制参数，包括：基于第一图形标识的绘制参数，确定连接线的一端与第一图形标识的接触点的坐标；基于第二图形标识的绘制参数，确定连接线的另一端与第二图形标识的接触点的坐标；将连接线的一端与第一图形标识的接触点的坐标和连接线的另一端与第二图形标识的接触点的坐标作为连接线的绘制参数。

在一种示例性实施例中，所述获得页面的尺寸信息，包括：获取待显示所述页面的屏幕的尺寸信息；基于所述屏幕的尺寸信息，确定所述页面的尺寸信息。

在一种示例性实施例中，所述数据信息包括：字段、记录中的一种或多种。

在一种示例性实施例中，若所述数据信息为字段，所述第一图形标识中包含其所表示的第一数据表的字段的属性信息，所述第二图形标识中包含其所表示的第二数据表的字段的属性信息；或者，若所述数据信息为记录，所述第一图形标识中包含其所表示的第一数据表的记录中所包含的字段值，所述第二图形标识中包含其所表示的第二数据表的记录中所包含的字段值。

在一种示例性实施例中，所述基于第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，生成包含第一图形标识、第二图形标识和连接线的关联关系图，包括：通过HTML(Hyper Text Markup Language，超文本标记语言)绘图组件，基于第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，生成所述关联关系图；通过HTML事件组件，给所述连接线添加事件，以便根据用户对所述连接线的操作为用户展示对应的关联规则。

第二方面，本申请实施例提供了一种电子设备，包括：至少一个处理器；以及与所述处理器连接的至少一个存储器、总线；其中，所述处理器、存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行上述一个或多个实施例中的数据信息处理方法的步骤。

第三方面，本申请实施例提供了一种计算机可读存储介质，包括：存储的程序，其中，在所述程序运行时控制所述存储介质所在电子设备执行上述一个或多个实施例中的数据信息处理方法的步骤。

本申请实施例提供的数据信息处理方法、电子设备和存储介质，本申请实施例所提供的数据信息处理方法，在获得页面的尺寸信息和第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系之后，可以基于第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系，确定第一图形标识的数量和第二图形标识的数量，其中，第一图形标识用于表示第一数据表中的数据信息，第二图形标识用于表示第二数据表中的数据信息；然后，基于页面的尺寸信息、第一图形标识的数量和第二图形标识的数量，确定第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，其中，连接线的一端所连接的第一图形标识所表示的数据信息与连接线的另一端所连接的第二图形标识所表示的数据信息之间具有关联关系；最后，基于第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，生成包含第一图形标识、第二图形标识和连接线的关联关系图，以在页面展示第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系。这样，通过关联关系图，能够实现清楚直观地展示数据表中的数据信息与数据表中的数据信息之间的关联关系。从而，将该关联关系图展示给用户时，可以便于用户清楚直观地理解数据表中的数据信息与数据表中的数据信息之间的关联关系，进而，提高了用户体验。

本申请的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本申请而了解。本申请的其他优点可通过在说明书以及附图中所描述的方案来实现和获得。

附图说明

附图用来提供对本申请技术方案的理解，并且构成说明书的一部分，与本申请的实施例一起用于解释本申请的技术方案，并不构成对本申请技术方案的限制。

图1为本申请实施例中的数据信息处理方法的流程示意图；

图2A为本申请实施例中的关联关系图的一种示意图；

图2B为本申请实施例中的关联关系图的另一种示意图；

图2C为本申请实施例中的关联关系图的绘制参数的设置示意图；

图3为本申请实施例中的电子设备的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。

本申请实施例提供一种数据信息处理方法。在实际应用中，该方法可应用于可视化组件中，该可视化组件可设置于电子设备中。

在实际应用中，上述电子设备可以为如服务器等。

图1为本申请实施例中的数据信息处理方法的流程示意图，如图1所示，该方法可以包括：

步骤101：获得页面的尺寸信息和第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系；

在一种示例性实施例中，页面的尺寸信息可以包括：页面的宽度、页面的长度。

在实际应用中，第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系可以为如一对多关系、多对一关系等。

在一种示例性实施例中，上述数据表中的数据信息可以包括：数据表中字段、数据表中的记录中的一种或多种。

这里，字段是指数据表中的列，即具有相同属性的数据集合。记录是指数据表中的行，由一个或多个字段值构成。

在一种示例性实施例中，第一数据表与第二数据表中的一种为数据源表，第一数据表与第二数据表中的另一种为对数据源表进行数据标准化处理得到的目标表。

举例来说，以数据标准化场景为例，假设以标准化规则，包括：身份标识转换规则(如将字段“SFZH身份证号、SFZHM身份证号码”转换为统一字段“GMSFHM公民身份号码”)、姓名标识转换规则(将字段“NAME姓名”转换为统一字段“XM姓名”)以及性别标识转换规则(将字段“SEX性别”转换为统一字段“XB性别”)，对数据源表1、数据源表2和数据源表3中的数据信息进行数据标准化处理得到目标表1中的数据信息，那么，数据源表1、数据源表2和数据源表3中的数据信息与目标表1中的数据信息之间具有关联关系，关联规则为进行数据标准化处理所采用的标准化规则，如字段“SFZH身份证号、SFZHM身份证号码”与字段“GMSFHM公民身份号码”之间的关联规则为身边表示转换规则。如此，第一数据表可以为数据源表1、数据源表2或数据源表3，第二数据表可以为目标表1；第一数据表中的数据信息可以为数据源表1、数据源表2或数据源表3中的字段，第二数据表中的数据信息可以为目标表1中的字段。

又举例来说，以教育领域为例，假设数据表4中的记录1为：“学生姓名：张三、性别：女、班级：xx班”，数据表5中的记录2为：“老师姓名：李四、科目：语文”，数据表5中的记录3为：“老师姓名：王五、科目：英语”，若学生张三的语文课老师为李四，英语老师为王五，则数据表4与数据表5之间具有关联关系，关联规则为字段“学生张三的语文课老师为李四，英语老师为王五”。如此，第一数据表可以为数据表4，第二数据表可以为数据表5；第一数据表中的数据信息可以为数据表4中的记录1，第一数据表中的数据信息可以为数据表5中的记录2、数据表5中的记录3。

步骤102：基于第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系，确定第一图形标识的数量和第二图形标识的数量；

其中，第一图形标识用于表示第一数据表中的数据信息，第二图形标识用于表示第二数据表中的数据信息。

步骤103：基于页面的尺寸信息、第一图形标识的数量和第二图形标识的数量，确定第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数；

其中，连接线的一端所连接的第一图形标识所表示的数据信息与连接线的另一端所连接的第二图形标识所表示的数据信息之间具有关联关系。

步骤104：基于第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，生成包含第一图形标识、第二图形标识和连接线的关联关系图，以在页面展示第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系。

在一种示例性实施例中，第一图形标识可以为如矩形等。那么，举例来说，以第一图形标识为矩形为例，则第一图形标识的绘制参数可以为如第一图形标识的起点位置、第一图形标识的宽度、第一图形标识的长度等。

在一种示例性实施例中，第二图形标识可以为如矩形等。那么，举例来说，以第二图形标识为矩形为例，则第二图形标识的绘制参数可以为如第二图形标识的起点位置、第二图形标识的宽度、第二图形标识的长度等。

在一种示例性实施例中，第一图形标识的外观与第二图形标识的外观可以是相同的。举例来说，如图2A所示，第一图形标识可以为矩形201、第二图形标识可以为矩形202、连接线可以为直线203。

在一种示例性实施例中，第一图形标识的显示样式与第二图形标识的显示样式可以是相同的。例如，当某个连接线被选中时，该连接线的一端所连接的第一图形标识与该连接线的另一端所连接的第二图形标识均为突出显示效果。当另一个连接线未被选中时，该连接线的一端所连接的第一图形标识与该连接线的另一端所连接的第二图形标识均为非突出显示效果。

在一种示例性实施例中，与第一图形标识连接的连接线的一端的显示样式与第二图形标识连接的连接线的另一端的显示样式可以不相同。举例来说，如图2A所示，与第一图形标识201连接的连接线的一端的显示样式为空心圆点2031，与第二图形标识连接202的连接线的另一端的显示样式为实心矩形2032。

在一种示例性实施例中，若数据信息为字段，第一图形标识中包含其所表示的第一数据表的字段的属性信息，第二图形标识中包含其所表示的第二数据表的字段的属性信息。

在实际应用中，字段的属性信息可以包括以下信息中的一种或多种：字段名、字段注释、字段类型。当然，还可以包括其它，这里，本申请实施例不做具体限定。

在另一种示例性实施例中，若数据信息为记录，第一图形标识中包含其所表示的第一数据表的记录中所包含的字段值，第二图形标识中包含其所表示的第二数据表的记录中所包含的字段值。

在一种示例性实施例中，当第一数据表的数据信息的数量为多个，第二数据表的数据信息为多个时，如图2B所示，第一数据表的数据信息与第二数据表的数据信息之间的关联关系中可以出现如下情况：多个第一数据表的数据信息与一个第二数据表的数据信息之间有关联关系204、一个第一数据表的数据信息与一个第二数据表的数据信息之间有关联关系205、没有关联关系的第一数据表的数据信息206、没有关联关系的第二数据表的数据信息207中的多种。

下面以具体实例对本申请实施例中的数据信息的处理方法的步骤进行说明。

首先，对如何获得页面的尺寸信息进行说明。

在一种示例性实施例中，步骤101中的获得页面的尺寸信息的步骤可以包括：获取待显示页面的屏幕的尺寸信息；基于屏幕的尺寸信息，确定页面的尺寸信息。

举例来说，可以设置页面的尺寸信息等于屏幕的尺寸信息，如此，能够实现根据屏幕的尺寸信息来自适应调整第一图形标识和第二图形标识的尺寸信息。

其次，对如何确定用于表示第一数据表中的数据信息的第一图形标识的数量以及用于表示第二数据表中的数据信息第二图形标识的数量进行说明。

在一种示例性实施例中，步骤102可以包括：从第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系中确定第一数据表中的数据信息的数量，并将第一数据表中的数据信息的数量作为第一图形标识的数量；从第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系中确定第二数据表中的数据信息的数量，并将第二数据表中的数据信息的数量作为第二图形标识的数量。

在另一种示例性实施例中，步骤102可以包括：按照预设数据格式，对第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系进行结构化处理，得到处理后的关联数据；从处理后的关联数据中确定第一数据表中的数据信息的数量，并将第一数据表中的数据信息的数量作为第一图形标识的数量；从处理后的关联数据中确定第二数据表中的数据信息的数量，并将第二数据表中的数据信息的数量作为第二图形标识的数量。如此，能够加快确定数量的速度。

在一种示例性实施例中，预设数据格式为JSON(JavaScript Object Notation，JS对象简谱)格式。

举例来说，以预设数据格式为JSON格式、以数据表中的数据信息为字段为例，处理后的关联数据可以表示为如下所示的字符串：

[{yssj:[{yszd:"deviceid",yszdmc:"终端编号",yszdlx:"string",ruleList:[{gzmc:"通用字符处理规则",gzsm:"1、去掉\t\n\r",ccsm:"字段名",scsm:"输出清洗后的字符串",},],},],mbzd:"zdbh",mbzdmc:"终端编号",mbzdlx:"string",},{yssj:[{yszd:"tc",yszdmc:"特长",yszdlx:"string",ruleList:[{gzmc:"通用字符处理规则",gzsm:"1、去掉\t\n\r",ccsm:"字段名",scsm:"输出清洗后的字符串",},],},{yszd:"jn",yszdmc:"技能",yszdlx:"string",ruleList:[{gzmc:"通用字符处理规则",gzsm:"1、去掉\t\n\r",ccsm:"字段名",scsm:"输出清洗后的字符串",},],}],mbzd:"tc",mbzdmc:"特长",mbzdlx:"string",},]

这里，关键字“yssj”表示第一数据表，关键字“yszd”表示第一数据表中的字段，关键字“yszdmc”表示第一数据表中的字段的字段名，关键字“yszdlx”表示第一数据表中的字段的类型；关键字“ruleList”表示用于将第一数据表中的字段与第二数据表中的字段相关联的关联规则；关键字“mbzd”表示第二数据表中的字段，关键字“mbzdmc”表示第二数据表中的字段的字段名，关键字“mbzdlx”表示第二数据表中的字段的类型。

然后，对如何确定第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数进行说明。

在一种示例性实施例中，步骤103可以包括以下步骤1031～步骤1032：

步骤1031：基于页面的尺寸信息、第一图形标识的数量和第二图形标识的数量，确定第一图形标识的绘制参数和第二图形标识的绘制参数；

步骤1032：基于第一图形标识的绘制参数和第二图形标识的绘制参数，确定连接线的绘制参数。

在一种示例性实施例中，若第一图形标识、第二图形标识为矩形，那么，在实施过程中，步骤1031可以包括以下步骤1031a～步骤1031e：

步骤1031a：基于页面的尺寸信息中的宽度，确定第一图形标识的宽度和第二图形标识的宽度；

步骤1031b：基于页面的尺寸信息中的高度和第一图形标识的数量，确定第一图形标识的起点坐标和第一图形标识的高度；

步骤1031c：将第一图形标识的起点坐标、第一图形标识的高度和第一图形标识的宽度作为第一图形标识的绘制参数；

步骤1031d：基于页面的尺寸信息中的高度和第二图形标识的数量，确定和第二图形标识的起点坐标和第二图形标识的高度；

步骤1031e：将第二图形标识的起点坐标、第二图形标识的高度和第二图形标识的宽度作为第二图形标识的绘制参数。

在一种示例性实施例中，步骤1031a可以包括：基于页面的尺寸信息中的宽度以及预先设置的用于展示关联规则的第一区域的宽度，确定出用于展示第一数据表中的数据信息的第二区域的宽度以及用于展示第二数据表中的数据信息的第三区域的宽度；将第二区域的宽度作为第一图形标识的宽度，并将第三区域的宽度作为第二图形标识的宽度。

举例来说，如图2C所示，可以将第一图形标识与第二图形标识之间的距离设置为定宽，即预先设置的用于展示关联规则的第一区域的宽度。

在一种示例性实施例中，步骤1031a可以包括：基于页面的尺寸信息中的宽度，将页面的显示区域分为依次相邻的三个大小一致的显示区域，得到显示区域的宽度；将显示区域的宽度作为第一图形标识的宽度和第二图形标识的宽度。

在一种示例性实施例中，若第一图形标识、第二图形标识为矩形，则在实施过程中，步骤1032可以包括：基于第一图形标识的绘制参数，确定连接线的一端与第一图形标识的接触点的坐标；基于第二图形标识的绘制参数，确定连接线的另一端与第二图形标识的接触点的坐标；将连接线的一端与第一图形标识的接触点的坐标和连接线的另一端与第二图形标识的接触点的坐标作为连接线的绘制参数。

举例来说，可以基于第一图形标识的绘制参数，计算出第一图形标识的靠近第二图形标识的侧边的中心点的坐标，然后，将第一图形标识的靠近第二图形标识的侧边的中心点的坐标作为连接线的一端与第一图形标识的接触点的坐标。类似地，可以基于第二图形标识的绘制参数，计算出第二图形标识的靠近第一图形标识的侧边的中心点的坐标，然后，将第二图形标识的靠近第一图形标识的侧边的中心点的坐标作为连接线的另一端与第二图形标识的接触点的坐标。

最后，对如何生成关联关系图进行说明。

在一种示例性实施例中，步骤104可以包括：通过HTML超文本标记语言绘图组件，基于第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，生成关联关系图。

举例来说，以使用HTML绘图组件：canvas组件生成关联关系图为例，在计算出将第一图形标识的起点坐标(x1,y1)、第一图形标识的高度h1和第一图形标识的宽度w1作为第一图形标识的绘制参数，并将第二图形标识的起点坐标(x2,y2)、第二图形标识的高度h2和第二图形标识的宽度为w2作为第二图形标识的绘制参数之后，则可以使用canvas组件中的用于绘制矩形的方法rect(x,y,width,height)，绘制出第一图形标识和第二图形标识。这里，(x,y)表示矩形的左上角点坐标，(width,height)表示矩形的大小。

举例来说，以使用HTML绘图组件：canvas组件生成关联关系图为例，若用于表示关联规则的连接线由直线来实现，则可以使用canvas组件中的用于绘制直线的方法moveTo(x3,y3)、lineTo(x4,y4)来实现，这里，(x3,y3)表示连接线的一端与第一图形标识的接触点的坐标，(x4,y4)表示连接线的另一端与第二图形标识的接触点的坐标。

在一种示例性实施例中，步骤104可以包括：通过HTML超文本标记语言绘图组件，基于第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，生成关联关系图；通过HTML事件组件，给连接线添加事件，以便根据用户对连接线的操作为用户展示对应的关联规则。

在一种示例性实施例中，给连接线所添加的事件可以如点击事件、悬停事件等。

举例来说，以给关联关系图中的连接线添加同于显示关联规则的点击事件，那么，在实际应用中，若用户需要了解第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系，用户可以通过客户端向服务端发送请求，然后，服务端可以响应于该请求，生成用于展示第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系的关联关系图，并将该关联关系图下发给客户端，接下来，当客户端给用户展示出该关联关系图后，用户可以根据实际需要对关联关系图中的连接线进行操作，例如，用户可以对该关联关系图中的连接线进行点击操作，如此，客户端就可以请求服务端下发该连接线所表示的关联规则，然后将该关联规则显示给用户，如显示在该连接线上、显示在该连接线的周围、显示在页面的弹窗中等。

在一种示例性实施例中，步骤104可以包括：按照预设数据格式，对第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系进行结构化处理，得到处理后的关联信息；基于第一图形标识的绘制参数，确定第一数据表中的数据信息的内容的绘制参数；基于第二图形标识的绘制参数，确定第二数据表中的数据信息的内容的绘制参数；从处理后的关联数据中获取第一数据表中的数据信息的内容和第二数据表中的数据信息的内容；基于第一数据表中的数据信息的内容的绘制参数和第二数据表中的数据信息的内容的绘制参数，将第一数据表中的数据信息的内容绘制于第一图形标识中，并将第二数据表中的数据信息的内容绘制于第二图形标识中。

举例来说，以数据信息为记录为例，第一数据表的数据信息的内容可以为记录中包含的字段值，那么，可以将第一数据表中的记录中包含的字段值绘制于第一图形标识中，将第二数据表中的记录中包含的字段值绘制于第二图形标识中。或者，如图2A所示，以数据信息为字段为例，第一数据表的数据信息的内容可以为字段的属性信息，那么，可以将第一数据表中的字段的属性信息绘制于第一图形标识中，将第二数据表中的字段的属性信息绘制于第二图形标识中；

举例来说，以使用HTML绘图组件：canvas组件生成关联关系图为例，则可以使用canvas组件中的用于绘制文本的方法fillText(text,x,y)来实现将第一数据表的标识信息绘制于第一图形标识中，并将第二数据表的标识信息绘制于第一图形标识中，这里，text表示文本信息，如第一数据表的标识信息、第二数据表的标识信息，(x,y)表示文本信息的起点坐标。

由上述内容可知，本申请实施例所提供的数据信息处理方法，在获得页面的尺寸信息和第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系之后，可以基于第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系，确定第一图形标识的数量和第二图形标识的数量，其中，第一图形标识用于表示第一数据表中的数据信息，第二图形标识用于表示第二数据表中的数据信息；然后，基于页面的尺寸信息、第一图形标识的数量和第二图形标识的数量，确定第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，其中，连接线的一端所连接的第一图形标识所表示的数据信息与连接线的另一端所连接的第二图形标识所表示的数据信息之间具有关联关系；最后，基于第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，生成包含第一图形标识、第二图形标识和连接线的关联关系图，以在页面展示第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系。这样，通过关联关系图，能够实现清楚直观地展示数据表中的数据信息与数据表中的数据信息之间的关联关系。从而，将该关联关系图展示给用户时，可以便于用户清楚直观地理解数据表中的数据信息与数据表中的数据信息之间的关联关系，进而，提高了用户体验。

基于同一发明构思，本申请实施例提供一种电子设备。图3为本申请实施例中的电子设备的结构示意图，参见图3所示，该电子设备30包括：至少一个处理器301；以及与处理器301连接的至少一个存储器302、总线303；其中，处理器301、存储器302通过总线303完成相互间的通信；处理器301用于调用存储器302中的程序指令，以执行上述一个或多个实施例中的数据信息处理方法的步骤。

在实际应用中，上述处理器可由中央处理器(Central Processing Unit，CPU)、微处理器(Micro Processor Unit，MPU)、数字信号处理器(Digital Signal Processor，DSP)、或现场可编程门阵列(Field Programmable Gate Array，FPGA)等实现。存储器可能包括计算机可读存储介质中的非永久性存储器，随机存储器(Random Access Memory，RAM)和/或非易失性内存等形式，如只读存储器(Read Only Memory，ROM)或闪存(Flash RAM)，存储器包括至少一个存储芯片。

需要说明的是，在本申请实施例中，如果以软件功能模块的形式实现上述一个或多个实施例中的数据信息处理方法，并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台电子设备(可以是个人计算机、服务器、或者网络设备等)执行本申请各个实施例方法的全部或部分。

相应地，基于同一发明构思，本申请实施例再提供一种计算机可读存储介质，上述计算机可读存储介质包括存储的程序，其中，在程序运行时控制存储介质所在电子设备执行上述一个或多个实施例中的数据信息处理方法的步骤。

在实际应用中，上述计算机可读存储介质可以如：ROM/RAM、磁碟、光盘等。

这里需要指出的是：以上电子设备或计算机可读存储介质实施例的描述，与上述方法实施例的描述是类似的，具有同方法实施例相似的有益效果。对于本申请电子设备或计算机可读存储介质实施例中未披露的技术细节，请参照本申请方法实施例的描述而理解。

本申请描述了多个实施例，但是该描述是示例性的，而不是限制性的，并且对于本领域的普通技术人员来说显而易见的是，在本申请所描述的实施例包含的范围内可以有更多的实施例和实现方案。尽管在附图中示出了许多可能的特征组合，并在具体实施方式中进行了讨论，但是所公开的特征的许多其它组合方式也是可能的。除非特意加以限制的情况以外，任何实施例的任何特征或元件可以与任何其它实施例中的任何其他特征或元件结合使用，或可以替代任何其它实施例中的任何其他特征或元件。

本申请包括并设想了与本领域普通技术人员已知的特征和元件的组合。本申请已经公开的实施例、特征和元件也可以与任何常规特征或元件组合，以形成由权利要求限定的独特的发明方案。任何实施例的任何特征或元件也可以与来自其它发明方案的特征或元件组合，以形成另一个由权利要求限定的独特的发明方案。因此，应当理解，在本申请中示出和/或讨论的任何特征可以单独地或以任何适当的组合来实现。因此，除了根据所附权利要求及其等同替换所做的限制以外，实施例不受其它限制。此外，可以在所附权利要求的保护范围内进行各种修改和改变。

此外，在描述具有代表性的实施例时，说明书可能已经将方法和/或过程呈现为特定的步骤序列。然而，在该方法或过程不依赖于本文所述步骤的特定顺序的程度上，该方法或过程不应限于所述的特定顺序的步骤。如本领域普通技术人员将理解的，其它的步骤顺序也是可能的。因此，说明书中阐述的步骤的特定顺序不应被解释为对权利要求的限制。此外，针对该方法和/或过程的权利要求不应限于按照所写顺序执行它们的步骤，本领域技术人员可以容易地理解，这些顺序可以变化，并且仍然保持在本申请实施例的精神和范围内。

本领域普通技术人员可以理解，上文中所公开方法中的全部或某些步骤、系统、装置中的功能模块/单元可以被实施为软件、固件、硬件及其适当的组合。在硬件实施方式中，在以上描述中提及的功能模块/单元之间的划分不一定对应于物理组件的划分；例如，一个物理组件可以具有多个功能，或者一个功能或步骤可以由若干物理组件合作执行。某些组件或所有组件可以被实施为由处理器，如数字信号处理器或微处理器执行的软件，或者被实施为硬件，或者被实施为集成电路，如专用集成电路。这样的软件可以分布在计算机可读存储介质上，计算机可读存储介质可以包括计算机存储介质(或非暂时性介质)和通信介质(或暂时性介质)。如本领域普通技术人员公知的，术语计算机存储介质包括在用于存储信息(诸如计算机可读指令、数据结构、程序模块或其他数据)的任何方法或技术中实施的易失性和非易失性、可移除和不可移除介质。计算机存储介质包括但不限于RAM、ROM、EEPROM、闪存或其他存储器技术、CD-ROM、数字多功能盘(DVD)或其他光盘存储、磁盒、磁带、磁盘存储或其他磁存储装置、或者可以用于存储期望的信息并且可以被计算机访问的任何其他的介质。此外，本领域普通技术人员公知的是，通信介质通常包含计算机可读指令、数据结构、程序模块或者诸如载波或其他传输机制之类的调制数据信号中的其他数据，并且可包括任何信息递送介质。

Claims (10)

1.一种数据信息的处理方法，包括：

获得页面的尺寸信息和第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系；

基于第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系，确定第一图形标识的数量和第二图形标识的数量，其中，第一图形标识用于表示第一数据表中的数据信息，第二图形标识用于表示第二数据表中的数据信息；

基于所述页面的尺寸信息、第一图形标识的数量和第二图形标识的数量，确定第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，其中，连接线的一端所连接的第一图形标识所表示的数据信息与所述连接线的另一端所连接的第二图形标识所表示的数据信息之间具有关联关系；

基于第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，生成包含第一图形标识、第二图形标识和连接线的关联关系图，以在所述页面展示第一数据表中的数据信息与第二数据表中的数据信息之间的关联关系。

2.根据权利要求1所述的方法，其特征在于，所述基于所述页面的尺寸信息、第一图形标识的数量和第二图形标识的数量，确定第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，包括：

基于所述页面的尺寸信息、第一图形标识的数量和第二图形标识的数量，确定第一图形标识的绘制参数和第二图形标识的绘制参数；

基于第一图形标识的绘制参数和第二图形标识的绘制参数，确定连接线的绘制参数。

3.根据权利要求2所述的方法，其特征在于，所述第一图形标识、所述第二图形标识为矩形；

所述基于所述页面的尺寸信息、第一图形标识的数量和第二图形标识的数量，确定第一图形标识的绘制参数和第二图形标识的绘制参数，包括：

基于页面的尺寸信息中的宽度，确定第一图形标识的宽度和第二图形标识的宽度；

基于页面的尺寸信息中的高度和第一图形标识的数量，确定第一图形标识的起点坐标和第一图形标识的高度；

将第一图形标识的起点坐标、第一图形标识的高度和第一图形标识的宽度作为第一图形标识的绘制参数；

基于页面的尺寸信息中的高度和第二图形标识的数量，确定和第二图形标识的起点坐标和第二图形标识的高度；

将第二图形标识的起点坐标、第二图形标识的高度和第二图形标识的宽度作为第二图形标识的绘制参数。

4.根据权利要求2所述的方法，其特征在于，所述基于第一图形标识的绘制参数和第二图形标识的绘制参数，确定连接线的绘制参数，包括：

基于第一图形标识的绘制参数，确定连接线的一端与第一图形标识的接触点的坐标；

基于第二图形标识的绘制参数，确定连接线的另一端与第二图形标识的接触点的坐标；

将连接线的一端与第一图形标识的接触点的坐标和连接线的另一端与第二图形标识的接触点的坐标作为连接线的绘制参数。

5.根据权利要求1所述的方法，其特征在于，所述获得页面的尺寸信息，包括：

获取待显示所述页面的屏幕的尺寸信息；

基于所述屏幕的尺寸信息，确定所述页面的尺寸信息。

6.根据权利要求1所述的方法，其特征在于，所述数据信息包括：字段、记录中的一种或多种。

7.根据权利要求6所述的方法，其特征在于，若所述数据信息为字段，所述第一图形标识中包含其所表示的第一数据表的字段的属性信息，所述第二图形标识中包含其所表示的第二数据表的字段的属性信息；

或者，若所述数据信息为记录，所述第一图形标识中包含其所表示的第一数据表的记录中所包含的字段值，所述第二图形标识中包含其所表示的第二数据表的记录中所包含的字段值。

8.根据权利要求1所述的方法，其特征在于，所述基于第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，生成包含第一图形标识、第二图形标识和连接线的关联关系图，包括：

通过HTML超文本标记语言绘图组件，基于第一图形标识的绘制参数、第二图形标识的绘制参数以及连接线的绘制参数，生成所述关联关系图；

通过HTML事件组件，给所述连接线添加事件，以便根据用户对所述连接线的操作为用户展示对应的关联规则。

9.一种电子设备，包括：

至少一个处理器；

以及与所述处理器连接的至少一个存储器、总线；

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

所述处理器用于调用所述存储器中的程序指令，以执行如权利要求1至8任一项中所述的数据信息处理方法的步骤。

10.一种计算机可读存储介质，包括：存储的程序，其中，在所述程序运行时控制所述存储介质所在电子设备执行如权利要求1至8任一项中所述的数据信息处理方法的步骤。

Images