网页表格的展示方法、装置、计算机可读介质及电子设备制造方法及图纸

本申请的实施例提供了一种网页表格的展示方法、装置、计算机可读介质及电子设备。该方法包括：获取网页界面的展示空间大小，并根据所述展示空间大小确定所述网页界面所能展示表格的标准表格数据量；从内存中的全量表格数据中获取与所述标准表格数据量相匹配的第一表格数据；在所述网页界面中对所述第一表格数据进行加载展示。本申请实施例的技术方案可以提高网页加载展示表格数据的流畅性。提高网页加载展示表格数据的流畅性。提高网页加载展示表格数据的流畅性。

【技术实现步骤摘要】
网页表格的展示方法、装置、计算机可读介质及电子设备


[0001]本申请涉及计算机及数据处理
，具体而言，涉及一种网页表格的展示方法、装置、计算机可读介质及电子设备。

技术介绍

[0002]在网页表格的展示场景中，通常是从第三方服务端下载请求的表格数据之后，通过对下载的表格数据进行加载，进而展示在网页界面上。然而，当下载的表格数据的数据量达到千万级别时，在对表格进行加载时及其容易内存溢出，导致页面卡顿，影响用户体验，基于此，如何提高网页加载展示表格数据的流畅性是亟待解决的技术问题。

技术实现思路

[0003]本申请的实施例提供了一种网页表格的展示方法、装置、计算机程序产品或计算机程序、计算机可读介质及电子设备，进而至少在一定程度上可以提高网页加载展示表格数据的流畅性。
[0004]本申请的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本申请的实践而习得。
[0005]根据本申请实施例的一个方面，提供了一种网页表格的展示方法，所述方法包括：获取网页界面的展示空间大小，并根据所述展示空间大小确定所述网页界面所能展示表格的标准表格数据量；从内存中的全量表格数据中获取与所述标准表格数据量相匹配的第一表格数据；在所述网页界面中对所述第一表格数据进行加载展示。
[0006]在本申请的一些实施例中，基于前述方案，所述根据所述展示空间大小确定所述网页界面所能展示表格的标准表格数据量，包括：获取预先定义的表格高度和表格行高；根据所述表格高度，所述表格行高，以及所述展示空间大小，确定所述网页界面所能展示表格的标准表格数据量。
[0007]在本申请的一些实施例中，基于前述方案，在从内存中的全量表格数据中获取与所述标准表格数据量相匹配的第一表格数据之前，所述方法还包括：获取针对表格数据的查询条件；基于所述查询条件，从服务端下载符合所述查询条件的全量表格数据，并将所述全量表格数据缓存在内存中。
[0008]在本申请的一些实施例中，基于前述方案，所述从内存中的全量表格数据中获取与所述标准表格数据量相匹配的第一表格数据，包括：如果所述全量表格数据的表格数据量小于或等于设定表格数据量，则获取所述全量表格数据，作为所述第一表格数据，所述设定表格数据量大于或等于所述标准表格数据量；如果所述全量表格数据的表格数据量大于所述设定表格数据量，则从所述全量表格数据中获取表格数据量为所述设定表格数据量的表格数据，作为所述第一表格数据。
[0009]在本申请的一些实施例中，基于前述方案，所述在所述网页界面中对所述第一表格数据进行加载展示，包括：基于所述第一表格数据渲染网页，得到第一网页表格；将所述
第一网页表格展示在所述网页界面中。
[0010]在本申请的一些实施例中，基于前述方案，在将所述第一网页表格展示在所述网页界面中之后，所述方法还包括：响应用户针对所述第一网页表格的操作事件，从内存中的全量表格数据中获取与所述操作事件相对应的，且与所述标准表格数据量相匹配的第二表格数据；基于所述第二表格数据渲染网页，得到第二网页表格；将所述第二网页表格展示在所述网页界面中。
[0011]在本申请的一些实施例中，基于前述方案，所述操作事件包括筛选操作，排序操作，滚动操作，以及分页操作中的任意一种。
[0012]根据本申请实施例的一个方面，提供了一种网页表格的展示装置，所述装置包括：第一获取单元，用于获取网页界面的展示空间大小，并根据所述展示空间大小确定所述网页界面所能展示表格的标准表格数据量；第二获取单元，用于从内存中的全量表格数据中获取与所述标准表格数据量相匹配的第一表格数据；展示单元，用于在所述网页界面中对所述第一表格数据进行加载展示。
[0013]根据本申请实施例的一个方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述实施例中所述的方法。
[0014]根据本申请实施例的一个方面，提供了一种计算机可读介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上述实施例中所述的方法。
[0015]根据本申请实施例的一个方面，提供了一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如上述实施例中所述的方法。
[0016]在本申请的一些实施例所提供的技术方案中，由于标准表格数据量为所述网页界面实际能展示表格的是数据量，因此，通过从内存中的全量表格数据中获取与所述标准表格数据量相匹配的第一表格数据，并在所述网页界面中对所述第一表格数据进行加载展示，避免直接在所述网页界面中加载展示全量表格数据时，由于全量表格数据的数量过大而导致的内存溢出，造成页面渲染卡顿的问题，从而可以提高网页加载展示表格数据的流畅性。
[0017]应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。
附图说明
[0018]此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本申请的实施例，并与说明书一起用于解释本申请的原理。显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：
[0019]图1示出了可以应用本申请实施例的技术方案的系统架构图；
[0020]图2示出了根据本申请一个实施例的网页表格的展示方法的流程图；
[0021]图3示出了根据本申请一个实施例的根据所述展示空间大小确定所述网页界面所
能展示表格的标准表格数据量的细节流程图；
[0022]图4示出了根据本申请一个实施例的在从内存中的全量表格数据中获取与所述标准表格数据量相匹配的第一表格数据之前的方法流程图；
[0023]图5示出了根据本申请一个实施例的在所述网页界面中对所述第一表格数据进行加载展示的细节流程图；
[0024]图6示出了根据本申请一个实施例的在将所述第一网页表格展示在所述网页界面中之后方法流程图；
[0025]图7示出了根据本申请一个实施例的网页表格的展示装置的框图；
[0026]图8示出了适于用来实现本申请实施例的电子设备的计算机系统的结构示意图。
具体实施方式
[0027]现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本申请将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。
[0028]此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中，提供许多具体细节从而给出对本申请的实施例的充分理解。然而，本领域技术人员将意识到，可以实践本申请的技术本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页表格的展示方法，其特征在于，所述方法包括：获取网页界面的展示空间大小，并根据所述展示空间大小确定所述网页界面所能展示表格的标准表格数据量；从内存中的全量表格数据中获取与所述标准表格数据量相匹配的第一表格数据；在所述网页界面中对所述第一表格数据进行加载展示。2.根据权利要求1所述的方法，其特征在于，所述根据所述展示空间大小确定所述网页界面所能展示表格的标准表格数据量，包括：获取预先定义的表格高度和表格行高；根据所述表格高度，所述表格行高，以及所述展示空间大小，确定所述网页界面所能展示表格的标准表格数据量。3.根据权利要求1所述的方法，其特征在于，在从内存中的全量表格数据中获取与所述标准表格数据量相匹配的第一表格数据之前，所述方法还包括：获取针对表格数据的查询条件；基于所述查询条件，从服务端下载符合所述查询条件的全量表格数据，并将所述全量表格数据缓存在内存中。4.根据权利要求1所述的方法，其特征在于，所述从内存中的全量表格数据中获取与所述标准表格数据量相匹配的第一表格数据，包括：如果所述全量表格数据的表格数据量小于或等于设定表格数据量，则获取所述全量表格数据，作为所述第一表格数据，所述设定表格数据量大于或等于所述标准表格数据量；如果所述全量表格数据的表格数据量大于所述设定表格数据量，则从所述全量表格数据中获取表格数据量为所述设定表格数据量的表格数据，作为所述第一表格数据。5.根据权利要求1所述的方法，其特征在于，所述在所述网页界面中对所述第一表格数据进行加载展示，...

【专利技术属性】
技术研发人员：马晓飞，吴雪瑶，
申请(专利权)人：上海杉数网络科技有限公司杉数科技苏州有限公司深圳市杉智科技有限公司，
类型：发明
国别省市：