表格组件绘制方法、装置、电子设备及存储介质与流程

1.本技术涉及计算机的技术领域，具体而言，涉及一种表格组件绘制方法、装置、电子设备及存储介质。


背景技术：

2.航天业务数据经过预处理后，直接在指显软件上进行展示，显示页面元素以表格、曲线为主，随着航天业务的发展，发射任务日益繁重，对航天业务数据的显示需求逐步增高，现有技术的显示页面中的表格需要根据显示场景进行定制化开发，灵活性较低。


技术实现要素：

3.本技术提供一种表格组件绘制方法、装置、电子设备及存储介质，以解决现有技术的显示页面中的表格需要根据显示场景进行定制化开发，灵活性较低的问题。
4.第一方面，本技术提供一种表格组件绘制方法，包括：获取用户配置的目标表格组件的表格信息，所述表格信息包括行数和列数；基于所述表格信息所包括的行数和列数，得到绘制所述目标表格组件所需的矩形图元的数量和线图元的数量；根据得到的所述矩形图元的数量和所述线图元的数量，绘制对应数量的所述矩形图元、所述线图元，以得到所述目标表格组件，以及所述目标表格组件中每一个所述矩形图元的矩形图元属性数据和每一个所述线图元的线图元属性数据。
5.本技术实施例中，根据用户配置的目标表格组件的表格信息，得到绘制目标表格组件所需的矩形图元的数量和线图元的数量，然后根据得到的所述矩形图元的数量和线图元的数量，绘制对应数量的矩形图元、线图元，即可得到目标表格组件，也即用户可以根据实际需求绘制任意形式的表格组件，并可以将该表格组件利用至不同的显示场景中，无需根据显示场景进行定制化开发，大大提高了灵活性。
6.结合上述第一方面提供的技术方案，在一些可能的实施方式中，在所述得到所述目标表格组件后，所述方法还包括：响应用户合并所述目标表格组件中的n个单元格的操作，判断所述n个单元格能否合并，n为大于等于2的正整数；在所述n个单元格能合并时，将所述n个单元格中的任意一个单元格作为目标单元格，并删除所述n个单元格中除所述目标单元格外的其它单元格对应的矩形图元；修改所述目标单元格对应的矩形图元的矩形图元属性数据，以及针对所述n个单元格所对应的所有矩形图元中的每一个矩形图元，修改与该矩形图元相邻的线图元的线图元属性数据，得到合并后的目标表格组件；其中，修改后的所述目标单元格对应的矩形图元的长度和宽度与所述n个单元格对应的所有矩形图元所构成的矩形的长度和宽度相同。
7.本技术实施例中，响应用户合并目标表格组件中的n个单元格的操作，判断这n个单元格能否合并，在该n个单元格能合并时，将n个单元格中的任意一个单元格作为目标单元格，并删除所述n个单元格中除所述目标单元格外的其它单元格对应的矩形图元，接着修改目标单元格对应的矩形图元的矩形图元属性数据，以及针对这n个单元格所对应的所有
矩形图元中的每一个矩形图元，修改与该矩形图元相邻的线图元的线图元属性数据，得到合并后的目标表格组件，使得用户可以根据自身需求对表格组件中的单元格进行合并，使得目标表格组件能满足用户的实际需求，进一步提高目标表格组件的泛用性、灵活性。
8.结合上述第一方面提供的技术方案，在一些可能的实施方式中，所述判断所述n个单元格能否合并，包括：判断所述n个单元格是否均位于同一行或同一列，以及所述n个单元格是否为连续的单元格；其中，在所述n个单元格均位于同一行或同一列，且所述n个单元格为连续的单元格，确定所述n个单元格能合并。
9.本技术实施例中，在该n个单元格均位于同一行或同一列，且该n个单元格为连续的单元格时，确定该n个单元格能合并，进而防止出现需要将无法合并的单元格进行合并，而导致目标表格组件出现错误的情况。
10.结合上述第一方面提供的技术方案，在一些可能的实施方式中，所述方法还包括：在接收到将所述目标表格组件中的指定单元格拆分为m个子单元格的操作指令时，确定所述操作指令对应的拆分方向，并根据所述拆分方向绘制m-1个拆分线图元，得到每个所述拆分线图元的线图元属性数据，m为大于等于2的正整数；根据所述指定格单元的大小、拆分方向以及拆分数量，确定每个子单元格的大小，并根据所述子单元格的大小在所述指定单元格内绘制m-1个拆分矩形图元，得到每个所述拆分矩形图元的矩形图元属性数据；修改所述指定单元格对应的矩形图元的矩形图元属性数据，其中，修改后的所述指定单元格对应的矩形图元和m-1个所述拆分矩形图元构成的矩形的长度和宽度，与修改前所述指定单元格对应的矩形图元的长度和宽度相同。
11.本技术实施例中，在接收到将目标表格组件中的指定单元格拆分为m个子单元格的操作指令时，确定操作指令对应的拆分方向，并根据拆分方向绘制m-1个拆分线图元，得到每个拆分线图元的线图元属性数据，然后根据指定格单元的大小、拆分方向以及拆分数量，确定每个子单元格的大小，并根据子单元格的大小在指定单元格内绘制m-1个拆分矩形图元，得到每个拆分矩形图元的矩形图元属性数据，最后修改指定单元格对应的矩形图元的矩形图元属性数据，得到拆分后的目标表格组件，使得用户可以根据自身需求对表格组件中的单元格进行拆分，进而使目标表格组件能满足用户的实际需求，从而提高目标表格组件的灵活性，以及扩大目标表格组件的泛用性。
12.结合上述第一方面提供的技术方案，在一些可能的实施方式中，在所述得到所述目标表格组件后，所述方法还包括：响应用户为所述目标表格组件中的指定单元格绑定目标数据的操作，将所述指定单元格对应的矩形图元与所述目标数据进行关联，使得在获取到所述目标数据对应的数据帧后，在所述指定单元格中显示所述数据帧包含的数据。
13.本技术实施例中，通过将目标表格组件中的指定单元格与目标数据进行绑定，也即将指定单元格对应的矩形图元与目标数据进行关联，使得在获取到目标数据对应的数据帧后，在指定单元格中显示数据帧包含的数据，从而实现目标表格组件中数据的自动更新，同时，用户可以根据自身需求为目标表格组件中的单元格绑定不同的数据，从而使得目标表格组件的灵活性更强。
14.结合上述第一方面提供的技术方案，在一些可能的实施方式中，在所述将所述指定单元格对应的矩形图元与所述目标数据进行关联后，所述方法还包括：响应用户解除所述指定单元格与所述目标数据绑定的操作，解除所述指定单元格对应的矩形图元与所述目
标数据的关联关系，使得在接收到所述目标数据对应的数据帧后，不会在所述指定单元格中显示所述数据帧包含的数据。
15.本技术实施例中，通过将指定单元格对应的矩形图元与目标数据的关联关系解除，使得在接收到目标数据对应的数据帧后，不会在指定单元格中显示数据帧包含的数据，进而使得用户可以根据自身需求对目标表格组件中的单元格绑定的数据进行修改，使得目标表格组件能贴合自身的使用需求，提高使用目标表格组件的灵活性。
16.结合上述第一方面提供的技术方案，在一些可能的实施方式中，所述矩形图元属性数据包括编号、宽度、高度、数据显示内容、静态文本信息、数据源、数据类型、数据系数、数据浮点小数位数、左边线图元编号、上边线图元编号、右边线图元编号、底边线图元编号、文本水平位置、文本垂直位置中的至少一种数据；所述线图元属性数据包括编号、方向、位置、前线图元编号、后线图元编号、所关联的矩形图元编号集合中的至少一种数据。
17.本技术实施例中，由于矩形图元属性数据包括编号、宽度、高度、数据显示内容、静态文本信息、数据源、数据类型、数据系数、数据浮点小数位数、左边线图元编号、上边线图元编号、右边线图元编号、底边线图元编号、文本水平位置、文本垂直位置中的至少一种数据，且线图元属性数据包括编号、方向、位置、前线图元编号、后线图元编号、所关联的矩形图元编号集合中的至少一种数据，使得矩形图元属性数据和线图元属性数据能完整体现矩形图元和线图元各方面的信息。
18.第二方面，本技术提供一种表格组件绘制装置，包括获取模块、处理模块和绘制模块，获取模块用于获取用户配置的目标表格组件的表格信息，所述表格信息包括行数和列数；处理模块用于基于所述表格信息所包括的行数和列数，得到绘制所述目标表格组件所需的矩形图元的数量和线图元的数量；绘制模块用于根据得到的所述矩形图元的数量和所述线图元的数量，绘制对应数量的所述矩形图元、所述线图元，以得到所述目标表格组件，以及所述目标表格组件中每一个所述矩形图元的矩形图元属性数据和每一个所述线图元的线图元属性数据。
19.第三方面，本技术实施例提供一种电子设备，包括：存储器和处理器，所述存储器和所述处理器连接；所述存储器，用于存储程序；所述处理器，用于调用存储于所述存储器中的程序，以执行如上述第一方面实施例和/或结合上述第一方面实施例的任一种可能的实施方式提供的方法。
20.第四方面，本技术实施例提供一种存储介质，其上存储有计算机程序，所述计算机程序被计算机运行时，执行如上述第一方面实施例和/或结合上述第一方面实施例的任一种可能的实施方式提供的方法。
附图说明
21.为了更清楚地说明本技术实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本技术的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
22.图1为本技术实施例示出的表格组件绘制方法的流程示意图；
23.图2为本技术实施例示出的一种目标表格组件的结构示意图；
24.图3为本技术实施例示出的一种合并后的目标表格组件的结构示意图；
25.图4为本技术实施例示出的一种拆分后的目标表格组件的结构示意图；
26.图5为本技术实施例示出的另一种拆分后的目标表格组件的结构示意图；
27.图6为本技术实施例示出的表格组件绘制装置的结构框图；
28.图7为本技术实施例示出的电子设备的结构框图。
具体实施方式
29.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行描述。
30.应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本技术的描述中诸如“第一”、“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
31.再者，本技术中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。
32.下面将结合附图对本技术的技术方案进行清楚、完整地描述。
33.请参阅图1，图1为本技术实施例提供的一种表格组件绘制方法，下面将结合图1对其包含的步骤进行说明。
34.s100：获取用户配置的目标表格组件的表格信息，表格信息包括行数和列数。
35.其中，上述的用户配置的目标表格组件的表格信息可以预先存储在数据库或磁盘中，在需要时直接获取即可，或者，也可以在需要使用时，通过实时获取得到。
36.s200：基于表格信息所包括的行数和列数，得到绘制目标表格组件所需的矩形图元的数量和线图元的数量。
37.在获取用户配置的目标表格组件的包括行数和列数的表格信息后，即可根据该表格信息得到绘制目标表格组件所需的矩形图元的数量和线图元的数量。
38.为了便于理解，下面用x表示目标表格组件的行数，用y表示目标表格组件的列数，则绘制目标表格组件所需的矩形图元的数量为x*y，所需的线图元数量为x y 2，其中，水平方向的线图元数量为x 1，竖直方向的线图元数量为y 1。例如，当目标表格组件的表格信息中包括的行数为3，列数也为3时，其对应的表格组件如图2所示，相应的，该目标表格组件包括编号1、编号2、编号3、编号4、编号5、编号6、编号7、编号8、编号9这9个矩形图元，以及vline1、vline2、vline3、vline4、hline1、hline2、hline3、hline4这8个线图元。
39.s300：根据得到的矩形图元的数量和线图元的数量，绘制对应数量的矩形图元、线图元，以得到目标表格组件，以及目标表格组件中每一个矩形图元的矩形图元属性数据和每一个线图元的线图元属性数据。
40.在根据矩形图元的数量和线图元的数量，绘制对应数量的矩形图元、线图元后，即
可得到目标表格组件，以及目标表格组件中的每一个矩形图元的矩形图元属性数据和每一个线图元的线图元属性数据。其中，矩形图元的长度和宽度可以是预先设置好的，在绘制矩形图元时，根据预先设置的矩形图元的长度和宽度绘制即可。
41.其中，矩形图元属性数据包括编号、宽度、高度、数据显示内容、静态文本信息、数据源、数据类型、数据系数、数据浮点小数位数、左边线图元编号、上边线图元编号、右边线图元编号、底边线图元编号、文本水平位置、文本垂直位置中的至少一种数据。针对每一个矩形图元，该矩形图元对应的矩形图元数据中的编号用于唯一表征该矩形图元，宽度表示该矩形图元的宽度，长度表示该矩形图元的长度，数据显示内容表示该矩形图元需要显示的数据内容，静态文本信息表示该矩形图元所属的表格组件的表头、标题等静态信息，数据源为该矩形图元中显示的数据的来源，数据类型表示该矩形图元中显示的数据的种类(例如速度、距离等)，数据系数表示该矩形图元中实时显示的数据与接收到的实时数据之间的比例，数据浮点小数位数表示该矩形图元中显示的数据的小数的位数，左边线图元编号、上边线图元编号、右边线图元编号、底边线图元编号分别表示该矩形图元的左边、上边、右边和底边的线图元，文本水平位置表示该矩形图元中显示的数据的水平位置(例如左对齐、右对齐、居中等)，文本垂直位置表示该矩形图元中显示的数据的垂直位置(例如上端对齐、居中、低端对齐等)。
42.线图元属性数据包括编号、方向、位置、前线图元编号、后线图元编号、所关联的矩形图元编号集合中的至少一种数据。针对每一个线形图元，该线图元对应的线图元数据中的标号唯一表征该线图元，方向表征该线图元的方向(例如水平、垂直，或者使用角度来表示，例如0
°
、45
°
、90
°
等，0
°
表示该线图元水平、90
°
表示该线图元竖直)、位置表示该线图元相对于预设坐标系原点的坐标，前线图元编号、后线图元编号分别表示与该线图元相邻的线图元，所关联的矩形图元编号集合表示与该线图元相邻的所有矩形图元。
43.其中，线图元的长度可以根据矩形图元的大小得到，例如，图2中的hline1的长度为编号1、编号2、编号3这3个矩形图元的长度之和。
44.一种实施方式下，在得到目标表格组件后，用户可以将目标表格组件中的n个单元格合并，n为大于等于2的正整数，相应的，该表格组件绘制方法还包括，响应用户合并目标表格组件中的n个单元格的操作，判断该n个单元格能否合并，并在该n个单元格能合并时，将这n个单元格中的任意一个单元格作为目标单元格，并删除该n个单元格中除目标单元格外的其它单元格对应的矩形图元，之后修改目标单元格对应的矩形图元的矩形图元属性数据，以及针对该n个单元格所对应的所有矩形图元中的每一个矩形图元，修改与该矩形图元相邻的线图元的线图元属性数据，得到合并后的目标表格组件，其中，修改后的目标单元格对应的矩形图元的长度和宽度与该n个单元格对应的所有矩形图元所构成的矩形的长度和宽度相同。
45.其中，判断该n个单元格能否合并的过程可以是，首先判断该n个单元格是否均位于同一行或同一列，以及该n个单元格是否为连续的单元格，在该n个单元格均位于同一行或同一列，且该n个单元格为连续的单元格时，确定该n个单元格能合并。
46.可选的，当矩形图元属性数据包括左边线图元编号、上边线图元编号、右边线图元编号、底边线图元编号时，可以通过该n个单元格对应的矩形图元的矩形图元属性数据来判断该n个单元格是否均位于同一行或同一列，即当该n个单元格对应的矩形图元的左边线图
元编号相同，且该n个单元格对应的矩形图元的右边线图元编号也相同时，则该n个单元格对应的矩形图元为同一列，当该n个单元格对应的矩形图元的底边线图元编号相同，且该n个单元格对应的矩形图元的上边线图元编号也相同时，则该n个单元格对应的矩形图元为同一行。
47.可选的，当矩形图元属性数据包括左边矩形图元编号、上边矩形图元编号、右边矩形图元编号、底边矩形图元编号时，可以通过该n个单元格对应的矩形图元的矩形图元属性数据来判断该n个单元格是否为连续的单元格。
48.为了便于理解上述的合并单元格的方式，下面将以图2所示的表格组件进行举例说明，当用户将图2所示的表格组件中的编号1、编号4这2个矩形图元对应的单元格合并时，由于编号1、编号4两个单元格位于同一列且相邻，因此，编号1、编号4两个单元格可以合并，将编号1这个单元格作为目标单元格，并删除编号4这个单元格对应的矩形图元，然后修改目标单元格对应的矩形图元的矩形图元属性数据，包括将矩形图元属性数据中的长度、宽度修改为编号1、编号4两个单元格组成的矩形的长度和宽度，以及将底边线图元编号修改为hline3，同时，修改hline1、hline2、hline3、vline1、vline2的线图元属性数据，例如，将编号4这个矩形图元的编号从所关联的矩形图元编号集合中删除，得到合并后的目标表格组件，合并后的目标表格组件如图3所示。
49.一种实施方式下，在得到目标表格组件后，用户可以将目标表格组件中的指定单元格拆分为m个子单元格，m为大于等于2的正整数，相应的，在接收到用户将目标表格组件中的指定单元格拆分为m个子单元格的操作指令时，确定该操作指令对应的拆分方向，并根据该拆分方向绘制m-1个拆分线图元，得到每个该拆分线图元的线图元属性数据，然后根据指定格单元的大小、拆分方向以及拆分数量，确定每个子单元格的大小，并根据该子单元格的大小在该指定单元格内绘制m-1个拆分矩形图元，得到每个该拆分矩形图元的矩形图元属性数据，同时，修改该指定单元格对应的矩形图元的矩形图元属性数据，得到拆分后的目标表格组件，其中，修改后的该指定单元格对应的矩形图元和m-1个该拆分矩形图元构成的矩形的长度和宽度，与修改前该指定单元格对应的矩形图元的长度和宽度相同。
50.为了便于理解上述的拆分指定单元格的操作，下面以将图2中的编号1这个单元格拆分为3个子单元格且，拆分指定单元格的操作指令对应的拆分方向为垂直拆分为例，在接收到操作指令后，绘制2个拆分线图元，即hline5、hline6，并得到hline5、hline6则两个拆分线图元各自的线图元属性数据，同时绘制编号10、编号11这两个拆分矩形图元，得到编号10、编号11这两个拆分矩形图元各自的矩形图元属性数据，并修改该指定单元格对应的矩形图元的矩形图元属性数据(即修改宽度、长度、底边线图元编号)，得到拆分后的目标表格组件，拆分后的目标表格组件如图4所示。
51.同理，当将图2中的编号1这个单元格拆分为3个子单元格且，且拆分指定单元格的操作指令对应的拆分方向为水平拆分时，在接收到操作指令后，绘制2个拆分线图元，即vline5、vline6，并得到vline5、vline6则两个拆分线图元各自的线图元属性数据，同时绘制编号12、编号13这两个拆分矩形图元，得到编号12、编号13这两个拆分矩形图元各自的矩形图元属性数据，并修改该指定单元格对应的矩形图元的矩形图元属性数据(即修改宽度、长度、底边线图元编号)，得到拆分后的目标表格组件，拆分后的目标表格组件如图5所示。
52.其中，可以预先设置为将指定单元格平均拆分为m个子单元格，也即拆分后的m个
子单元格的大小相同，或者，也可以是用户在进行拆分操作时，设定拆分比例，之后按照拆分比例进行拆分，例如，将指定单元格拆分为水平拆分为3个单元格，且设定的拆分比例从左到右依次为1:1:2，则左边的子单元格的宽度与中间的子单元格的宽度相等，且右边的子单元格的宽度是左边的子单元格的宽度的两倍。
53.一种实施方式下，在得到目标表格组件后，用户可以通过拖动单元格边框的方式改变单元格的大小，相应的，在接收到用户拖动单元格边框的操作后，响应该操作，使该单元格的边框随用户的拖动而移动，也即使该边框对应的线图元随用户的拖动而移动，同时修改该线图元的线图元属性数据(例如位置等数据)，对应修改该与该线图元相邻的矩形图元的矩形图元属性信息(例如长度、宽度等数据)。
54.以图2所示的表格组件为例，当用户将vline2向左拖动时，会使编号1、编号4、编号7这三个矩形图元的长度减小，并使编号2、编号5、编号8这三个矩形图元的长度增大，因此，需要修改vline2这个线图元的线图元属性数据，以及编号1、编号2、编号4、编号5、编号7、编号8这6个矩形图元的矩形图元属性数据。
55.可以理解的是，用户也可以通过修改矩形图元的矩形图元属性数据或线图元的线图元属性数据修改目标表格组件，例如修改矩形图元的长度和宽度实现对单元格的大小的设置，相应的，在接收到用户修改矩形图元的矩形图元属性数据或线图元的线图元属性数据的操作后，响应该操作，对应修改矩形图元的矩形图元属性数据或线图元的线图元属性数据，得到修改后的目标表格组件。例如，在主窗体类中，可以通过宏q_property管理表格组件中包括的线图元和矩形图元的个性化属性；也可以通过右键点击线图元或矩形图元弹出的对话框对属性进行设置，设置的信息通过setproperty函数保存至线图元属性数据或矩形图元属性数据中。
56.一种实施方式下，在得到目标表格组件后，用户可以为目标表格组件中的指定单元格绑定目标数据，使得该指定单元格显示该目标数据，相应的，在接收到用户为指定单元格绑定目标数据的操作时，响应用户为该目标表格组件中的指定单元格绑定目标数据的操作，将该指定单元格对应的矩形图元与该目标数据进行关联，使得在获取到该目标数据对应的数据帧后，在该指定单元格中显示该数据帧包含的数据。
57.可选的，该指定单元格对应的矩形图元与该目标数据进行关联的过程可以是，获取目标数据对应的目标数据源，将指定单元格对应的矩形图元的矩形图元属性数据中包括的数据源修改为目标数据源，完成指定单元格与目标数据的绑定。
58.其中，在通过数据源获得多个数据帧的目标数据后，可以按照获取到数据帧的时间的先后关系，依次在指定单元格对应的矩形图元中显示每一个数据帧包括的数据。
59.可选的，在将指定单元格对应的矩形图元与目标数据进行关联后，用户还可以解除指定单元格与目标数据的绑定，相应的，在接收到用户解除指定单元格与目标数据绑定的操作后，响应该操作，解除指定单元格对应的矩形图元与目标数据的关联关系，使得在接收到目标数据对应的数据帧后，不会在指定单元格中显示数据帧包含的数据。
60.其中，可以是修改指定单元格对应的矩形图元的矩形图元属性数据中包括的数据源，使得数据源不再是目标数据对应的数据源。
61.目标表格组件的单元格除可以与目标数据进行绑定，实现订阅数据外，还可以直接显示文本数据，例如任务信息、页面信息、自定义字符串、时间信息等。
62.其中，目标表格组件可以缓存其自身显示的数据，从而防止因意外情况导致目标表格组件被关闭后，丢失显示的数据，提高数据的安全性。
63.用户也可以将其他文件中的表格数据导入到目标表格组件中，例如word文件中的表格数据，相应的，在接收到用户将其他文件中的表格数据导入到目标表格组件的操作时，响应用户的操作，将其他文件中的表格数据导入到目标表格组件中，使得目标表格组件中显示该文件中的表格数据。
64.在得到目标表格组件后，还可以基于该目标表格组件生成显示界面，其中，可以是根据单独的一个目标表格组件生成显示页面，也可以是将目标表格组件与其他的显示组件进行组合，生成显示页面。
65.一种实施方式下，该表格组件绘制方法可以应用于一种显示框架中的设计层，该显示框架还包括应用层、平台层、数据层，其中，该设计层，还用于响应用户基于预设的显示组件库的编辑页面的操作，编辑待展示页面，并响应于用户的配置操作，配置该待展示页面的订阅信息，该订阅信息表征该待展示页面进行更新需要获取的所有数据；该平台层，用于在接收到表征展示该待展示页面的控制指令后，获取并发送该待展示页面的该订阅信息给该数据层；该数据层，用于获取该订阅信息对应的目标数据并将该目标数据发送给该平台层；该平台层，还用于将该目标数据发送至该应用层；该应用层，用于基于预设规则和该目标数据，更新该待展示页面后，展示该更新后的待展示页面。
66.其中，设计层、应用层、平台层、数据层可以是软件模块，通过设计层、应用层、平台层、数据层构建得到显示框架，可选的，设计层可以是页面编辑工具模块，应用层可以是页面文件，平台层可以是综合显示软件模块，数据层可以是数据预处理转发软件模块。
67.请参阅图6，图6为本技术实施例提供的一种表格组件绘制装置100，包括获取模块110、处理模块120和绘制模块130。
68.获取模块110，用于获取用户配置的目标表格组件的表格信息，所述表格信息包括行数和列数。
69.处理模块120，用于基于所述表格信息所包括的行数和列数，得到绘制所述目标表格组件所需的矩形图元的数量和线图元的数量。
70.绘制模块130，用于根据得到的所述矩形图元的数量和所述线图元的数量，绘制对应数量的所述矩形图元、所述线图元，以得到所述目标表格组件，以及所述目标表格组件中每一个所述矩形图元的矩形图元属性数据和每一个所述线图元的线图元属性数据。
71.处理模块120还用于在得到所述目标表格组件后，响应用户合并所述目标表格组件中的n个单元格的操作，判断所述n个单元格能否合并，n为大于等于2的正整数；在所述n个单元格能合并时，将所述n个单元格中的任意一个单元格作为目标单元格，并删除所述n个单元格中除所述目标单元格外的其它单元格对应的矩形图元；修改所述目标单元格对应的矩形图元的矩形图元属性数据，以及针对所述n个单元格所对应的所有矩形图元中的每一个矩形图元，修改与该矩形图元相邻的线图元的线图元属性数据，得到合并后的目标表格组件；其中，修改后的所述目标单元格对应的矩形图元的长度和宽度与所述n个单元格对应的所有矩形图元所构成的矩形的长度和宽度相同。
72.处理模块120具体用于判断所述n个单元格是否均位于同一行或同一列，以及所述n个单元格是否为连续的单元格；其中，在所述n个单元格均位于同一行或同一列，且所述n
个单元格为连续的单元格，确定所述n个单元格能合并。
73.处理模块120还用于在接收到将所述目标表格组件中的指定单元格拆分为m个子单元格的操作指令时，确定所述操作指令对应的拆分方向，并根据所述拆分方向绘制m-1个拆分线图元，得到每个所述拆分线图元的线图元属性数据，m为大于等于2的正整数；根据指定格单元的大小、拆分方向以及拆分数量，确定每个子单元格的大小，并根据所述子单元格的大小在所述指定单元格内绘制m-1个拆分矩形图元，得到每个所述拆分矩形图元的矩形图元属性数据；修改所述指定单元格对应的矩形图元的矩形图元属性数据，得到拆分后的目标表格组件，其中，修改后的所述指定单元格对应的矩形图元和m-1个所述拆分矩形图元构成的矩形的长度和宽度，与修改前所述指定单元格对应的矩形图元的长度和宽度相同。
74.处理模块120还用于在得到所述目标表格组件后，响应用户为所述目标表格组件中的指定单元格绑定目标数据的操作，将所述指定单元格对应的矩形图元与所述目标数据进行关联，使得在获取到所述目标数据对应的数据帧后，在所述指定单元格中显示所述数据帧包含的数据。
75.处理模块120还用于在将所述指定单元格对应的矩形图元与所述目标数据进行关联后，响应用户解除所述指定单元格与所述目标数据绑定的操作，解除所述指定单元格对应的矩形图元与所述目标数据的关联关系，使得在接收到所述目标数据对应的数据帧后，不会在所述指定单元格中显示所述数据帧包含的数据。
76.获取模块110还用于获取.xml格式的文件，处理模块120还用于在接收到.xml格式的文件后，提取.xml格式文件中包含的所有线图元及所有矩形图元的属性信息，并将提取的所有线图元及所有矩形图元的属性信息转换为预设格式，得到每一个线图元对应的线图元的线图元属性数据和每一个矩形图元对应的矩形图元的矩形图元属性数据，再基于每一个线图元对应的线图元的线图元属性数据和每一个矩形图元对应的矩形图元的矩形图元属性数据，得到目标表格组件。
77.本技术实施例所提供的表格组件绘制装置100，其实现原理及产生的技术效果和前述表格组件绘制方法实施例相同，为简要描述，装置实施例部分未提及之处，可参考前述表格组件绘制方法实施例中相应内容。
78.请参阅图7，其为本技术实施例提供的一种电子设备200。所述电子设备200包括：收发器210、存储器220、通讯总线230、处理器240。
79.所述收发器210、所述存储器220、处理器240各元件相互之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件相互之间可通过一条或多条通讯总线230或信号线实现电性连接。其中，收发器210用于收发数据。存储器220用于存储计算机程序，如存储有图6中所示的软件功能模块，即表格组件绘制装置100。其中，表格组件绘制装置100包括至少一个可以软件或固件(firmware)的形式存储于所述存储器220中或固化在所述电子设备200的操作系统(operating system，os)中的软件功能模块。所述处理器240，用于执行存储器220中存储的可执行模块，例如表格组件绘制装置100包括的软件功能模块或计算机程序。此时，处理器240，用于获取用户配置的目标表格组件的表格信息，所述表格信息包括行数和列数；基于所述表格信息所包括的行数和列数，得到绘制所述目标表格组件所需的矩形图元的数量和线图元的数量；根据得到的所述矩形图元的数量和所述线图元的数量，绘制对应数量的所述矩形图元、所述线图元，以得到所述目标表格组件，以及所述目标
表格组件中每一个所述矩形图元的矩形图元属性数据和每一个所述线图元的线图元属性数据。
80.其中，存储器220可以是，但不限于，随机存取存储器(random access memory，ram)，只读存储器(read only memory，rom)，可编程只读存储器(programmable read-only memory，prom)，可擦除只读存储器(erasable programmable read-only memory，eprom)，电可擦除只读存储器(electric erasable programmable read-only memory，eeprom)等。
81.处理器240可能是一种集成电路芯片，具有信号的处理能力。上述的处理器可以是通用处理器，包括中央处理器(central processing unit，cpu)、网络处理器(network processor，np)等；还可以是数字信号处理器(digital signal processor，dsp)、专用集成电路(application specific integrated circuit，asic)、现场可编程门阵列(field programmable gate array，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本技术实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器240也可以是任何常规的处理器等。
82.其中，上述的电子设备200，包括但不限于个人电脑、服务器等。
83.本技术实施例还提供了一种非易失性计算机可读取存储介质(以下简称存储介质)，该存储介质上存储有计算机程序，该计算机程序被计算机如上述的电子设备200运行时，执行上述所示的表格组件绘制方法。该计算机可读存储介质包括：u盘、移动硬盘、只读存储器(read-only memory，rom)、随机存取存储器(random access memory，ram)、磁碟或者光盘等各种可以存储程序代码的介质。
84.以上所述仅为本技术的优选实施例而已，并不用于限制本技术，对于本领域的技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本技术的保护范围之内。