CN112732397A - 一种加载显示大数据报表的方法与设备 - Google Patents

一种加载显示大数据报表的方法与设备 Download PDF

Info

Publication number
CN112732397A
CN112732397A CN202110120076.8A CN202110120076A CN112732397A CN 112732397 A CN112732397 A CN 112732397A CN 202110120076 A CN202110120076 A CN 202110120076A CN 112732397 A CN112732397 A CN 112732397A
Authority
CN
China
Prior art keywords
data
display
height
scroll bar
calculating
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202110120076.8A
Other languages
English (en)
Inventor
郭义兰
光志龙
雒丹
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Suninfo Technology Co ltd
Original Assignee
Shanghai Suninfo Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shanghai Suninfo Technology Co ltd filed Critical Shanghai Suninfo Technology Co ltd
Priority to CN202110120076.8A priority Critical patent/CN112732397A/zh
Publication of CN112732397A publication Critical patent/CN112732397A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请的目的是提供一种加载显示大数据报表的方案。该方案先设置大数据报表的显示参数，接着根据所述显示参数计算所述大数据报表的所有数据的总显示高度，计算当前页面显示数据的起始位置和结束位置，然后根据所述当前页面显示数据的起始位置和结束位置，从所述大数据报表的所有数据中切割出所述当前页面显示数据，并且实时显示所述当前页面显示数据。与现有技术相比，本申请可以在浏览器端快速显示大数据报表，满足用户一次性批量流畅操作的需求，极大地提升了用户体验。

Description

一种加载显示大数据报表的方法与设备
技术领域
本申请涉及信息技术领域，尤其涉及一种加载显示大数据报表的技术。
背景技术
目前大数据正在广泛应用，但是由于浏览器本身的限制，导致在浏览器端的大量数据信息快速展示不够流畅，用户体验大打折扣。在现有的技术方案中，展示大数据报表一般采用的是分页或者分批请求加载的方式，不能满足用户一次性查看和批量操作万级以上数据的需求。
发明内容
本申请的一个目的是提供一种加载显示大数据报表的方法与设备。
根据本申请的一个方面，提供了一种加载显示大数据报表的方法，其中，所述方法包括：
设置大数据报表的显示参数，其中，所述显示参数包括一次性显示的数据条数、每条数据的显示高度；
根据所述显示参数计算所述大数据报表的所有数据的总显示高度，计算当前页面显示数据的起始位置和结束位置；
根据所述当前页面显示数据的起始位置和结束位置，从所述大数据报表的所有数据中切割出所述当前页面显示数据，并且实时显示所述当前页面显示数据。
根据本申请的另一个方面，还提供了一种加载显示大数据报表的设备，其中，所述设备包括：
参数设置模块，用于设置大数据报表的显示参数，其中，所述显示参数包括一次性显示的数据条数、每条数据的显示高度；
计算模块，用于根据所述显示参数计算所述大数据报表的所有数据的总显示高度，计算当前页面显示数据的起始位置和结束位置；
加载显示模块，用于根据所述当前页面显示数据的起始位置和结束位置，从所述大数据报表的所有数据中切割出所述当前页面显示数据，并且实时显示所述当前页面显示数据。
根据本申请的又一个方面，还提供了一种计算设备，其中，该设备包括用于存储计算机程序指令的存储器和用于执行计算机程序指令的处理器，其中，当该计算机程序指令被该处理器执行时，触发所述设备执行所述的加载显示大数据报表的方法。
根据本申请的又一个方面，还提供了一种计算机可读介质，其上存储有计算机程序指令，所述计算机可读指令可被处理器执行以实现所述的加载显示大数据报表的方法。
本申请提供的方案中，先设置大数据报表的显示参数，接着根据所述显示参数计算所述大数据报表的所有数据的总显示高度，计算当前页面显示数据的起始位置和结束位置，然后根据所述当前页面显示数据的起始位置和结束位置，从所述大数据报表的所有数据中切割出所述当前页面显示数据，并且实时显示所述当前页面显示数据。与现有技术相比，本申请可以在浏览器端快速显示大数据报表，满足用户一次性批量流畅操作的需求，极大地提升了用户体验。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其他特征、目的和优点将会变得更明显：
图1是根据本申请实施例的一种加载显示大数据报表的方法流程图；
图2是根据本申请实施例的一种加载显示大数据报表的流程图；
图3是根据本申请实施例的一种加载显示大数据报表的设备示意图。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本申请作进一步详细描述。
在本申请一个典型的配置中，终端、服务网络的设备和可信方均包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体，可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的装置或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。
本申请实施例提供了一种加载显示大数据报表的方法，可以解决在一次性加载显示大数据报表时，页面显示超时或者操作不流畅的问题。本申请实施例可以在浏览器端快速显示大数据报表，满足用户一次性批量流畅操作的需求，极大地提升了用户体验。
在实际场景中，执行该方法的设备可以是用户设备、网络设备或者用户设备与网络设备通过网络相集成所构成的设备。其中，所述用户设备包括但不限于智能手机、平板电脑、个人计算机(PC)等终端设备，所述网络设备包括但不限于网络主机、单个网络服务器、多个网络服务器集或基于云计算的计算机集合等实现。在此，云由基于云计算(CloudComputing)的大量主机或网络服务器构成，其中，云计算是分布式计算的一种，由一群松散耦合的计算机集组成的一个虚拟计算机。
图1是根据本申请实施例的一种加载显示大数据报表的方法流程图，该方法包括步骤S101、步骤S102和步骤S103。
步骤S101，设置大数据报表的显示参数，其中，所述显示参数包括一次性显示的数据条数、每条数据的显示高度。
在此，通过所述步骤S101可以初始化参数设置。例如，可以设置一次性显示的数据条数limitPage＝20，每条数据的显示高度lineHeight＝40。
步骤S102，根据所述显示参数计算所述大数据报表的所有数据的总显示高度，计算当前页面显示数据的起始位置和结束位置。
在此，通过所述步骤S101可以初始化页面显示。例如，根据所述大数据报表的数据总量和每条数据的显示高度lineHeight参数，计算所述大数据报表的所有数据的总显示高度，设置加载所有数据的DOM对象需要的页面空间。
在一些实施例中，所述步骤S102包括：根据所述显示参数计算所述大数据报表的所有数据的总显示高度；设置数据所在DOM对象的高度，为DOM对象添加滚动条监听事件；根据所述显示参数计算初始化页面显示数据的起始位置和结束位置。
步骤S103，根据所述当前页面显示数据的起始位置和结束位置，从所述大数据报表的所有数据中切割出所述当前页面显示数据，并且实时显示所述当前页面显示数据。
例如，在加载显示初始化页面时，根据一次性显示的数据条数limitPage参数可以从所述大数据报表的所有数据中切割出初次加载需要的数据条数，并将该数据用于浏览器端的当前页面显示。
在一些实施例中，如图2所示，所述方法还包括：当滚动条滚动时，实时计算滚动条高度与当前数据显示高度；判断所述滚动条高度与当前数据显示高度之差是否小于0。
在一些实施例中，如图2所示，若所述滚动条高度与当前数据显示高度之差小于或等于0，则不需要重新加载数据；若所述滚动条高度与当前数据显示高度之差大于0，则根据所述滚动条高度计算出当前所需加载数据的起始位置和终止位置，并从所述大数据报表的所有数据中切割出所述当前所需加载数据，显示在浏览器端。
在一些实施例中，针对数据批量选择，如全选数据或部分全选，只需在当前条件下所有的数据的标记位做相应处理，浏览器端显示数据变化即可。
图3是根据本申请实施例的一种加载显示大数据报表的设备示意图，该设备包括参数设置模块301、计算模块302和加载显示模块303。
参数设置模块301，设置大数据报表的显示参数，其中，所述显示参数包括一次性显示的数据条数、每条数据的显示高度。
在此，通过所述参数设置模块301可以初始化参数设置。例如，可以设置一次性显示的数据条数limitPage＝20，每条数据的显示高度lineHeight＝40。
计算模块302，根据所述显示参数计算所述大数据报表的所有数据的总显示高度，计算当前页面显示数据的起始位置和结束位置。
在此，通过所述参数设置模块301可以初始化页面显示。例如，根据所述大数据报表的数据总量和每条数据的显示高度lineHeight参数，计算所述大数据报表的所有数据的总显示高度，设置加载所有数据的DOM对象需要的页面空间。
在一些实施例中，所述计算模块302用于：根据所述显示参数计算所述大数据报表的所有数据的总显示高度；设置数据所在DOM对象的高度，为DOM对象添加滚动条监听事件；根据所述显示参数计算初始化页面显示数据的起始位置和结束位置。
加载显示模块303，根据所述当前页面显示数据的起始位置和结束位置，从所述大数据报表的所有数据中切割出所述当前页面显示数据，并且实时显示所述当前页面显示数据。
例如，在加载显示初始化页面时，根据一次性显示的数据条数limitPage参数可以从所述大数据报表的所有数据中切割出初次加载需要的数据条数，并将该数据用于浏览器端的当前页面显示。
在一些实施例中，所述设备还包括滚动条模块；所述滚动条模块用于：当滚动条滚动时，实时计算滚动条高度与当前数据显示高度；判断所述滚动条高度与当前数据显示高度之差是否小于0。
在一些实施例中，如图2所示，若所述滚动条高度与当前数据显示高度之差小于或等于0，则不需要重新加载数据；若所述滚动条高度与当前数据显示高度之差大于0，则根据所述滚动条高度计算出当前所需加载数据的起始位置和终止位置，并从所述大数据报表的所有数据中切割出所述当前所需加载数据，显示在浏览器端。
在一些实施例中，针对数据批量选择，如全选数据或部分全选，只需在当前条件下所有的数据的标记位做相应处理，浏览器端显示数据变化即可。
综上所述，本申请实施例可以在浏览器端快速显示大数据报表，满足用户一次性批量流畅操作的需求，极大地提升了用户体验。
另外，本申请的一部分可被应用为计算机程序产品，例如计算机程序指令，当其被计算机执行时，通过该计算机的操作，可以调用或提供根据本申请的方法和/或技术方案。而调用本申请的方法的程序指令，可能被存储在固定的或可移动的记录介质中，和/或通过广播或其他信号承载媒体中的数据流而被传输，和/或被存储在根据程序指令运行的计算机设备的工作存储器中。在此，本申请的一些实施例提供了一种计算设备，该设备包括用于存储计算机程序指令的存储器和用于执行计算机程序指令的处理器，其中，当该计算机程序指令被该处理器执行时，触发所述设备执行前述本申请的多个实施例的方法和/或技术方案。
此外，本申请的一些实施例还提供了一种计算机可读介质，其上存储有计算机程序指令，所述计算机可读指令可被处理器执行以实现前述本申请的多个实施例的方法和/或技术方案。
需要注意的是，本申请可在软件和/或软件与硬件的组合体中被实施，例如，可采用专用集成电路(ASIC)、通用目的计算机或任何其他类似硬件设备来实现。在一些实施例中，本申请的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地，本申请的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中，例如，RAM存储器，磁或光驱动器或软磁盘及类似设备。另外，本申请的一些步骤或功能可采用硬件来实现，例如，作为与处理器配合从而执行各个步骤或功能的电路。
对于本领域技术人员而言，显然本申请不限于上述示范性实施例的细节，而且在不背离本申请的精神或基本特征的情况下，能够以其他的具体形式实现本申请。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本申请的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本申请内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。装置权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一，第二等词语用来表示名称，而并不表示任何特定的顺序。

Claims (10)

1.一种加载显示大数据报表的方法，其中，所述方法包括：
设置大数据报表的显示参数，其中，所述显示参数包括一次性显示的数据条数、每条数据的显示高度；
根据所述显示参数计算所述大数据报表的所有数据的总显示高度，计算当前页面显示数据的起始位置和结束位置；
根据所述当前页面显示数据的起始位置和结束位置，从所述大数据报表的所有数据中切割出所述当前页面显示数据，并且实时显示所述当前页面显示数据。
2.根据权利要求1所述的方法，其中，所述方法还包括：
当滚动条滚动时，计算滚动条高度与当前数据显示高度；
判断所述滚动条高度与当前数据显示高度之差是否小于0。
3.根据权利要求2所述的方法，其中，判断所述滚动条高度与当前数据显示高度之差是否小于0，包括：
若所述滚动条高度与当前数据显示高度之差小于或等于0，则不需要重新加载数据；
若所述滚动条高度与当前数据显示高度之差大于0，则根据所述滚动条高度计算出当前所需加载数据的起始位置和终止位置，并从所述大数据报表的所有数据中切割出所述当前所需加载数据进行显示。
4.根据权利要求1至3中任一项所述的方法，其中，根据所述显示参数计算所述大数据报表的所有数据的总显示高度，计算当前页面显示数据的起始位置和结束位置，包括：
根据所述显示参数计算所述大数据报表的所有数据的总显示高度；
设置数据所在DOM对象的高度，为DOM对象添加滚动条监听事件；
根据所述显示参数计算初始化页面显示数据的起始位置和结束位置。
5.一种加载显示大数据报表的设备，其中，所述设备包括：
参数设置模块，用于设置大数据报表的显示参数，其中，所述显示参数包括一次性显示的数据条数、每条数据的显示高度；
计算模块，用于根据所述显示参数计算所述大数据报表的所有数据的总显示高度，计算当前页面显示数据的起始位置和结束位置；
加载显示模块，用于根据所述当前页面显示数据的起始位置和结束位置，从所述大数据报表的所有数据中切割出所述当前页面显示数据，并且实时显示所述当前页面显示数据。
6.根据权利要求5所述的设备，其中，所述设备还包括滚动条模块；所述滚动条模块用于：
当滚动条滚动时，计算滚动条高度与当前数据显示高度；
判断所述滚动条高度与当前数据显示高度之差是否小于0。
7.根据权利要求6所述的设备，其中，所述滚动条模块用于：
若所述滚动条高度与当前数据显示高度之差小于或等于0，则不需要重新加载数据；
若所述滚动条高度与当前数据显示高度之差大于0，则根据所述滚动条高度计算出当前所需加载数据的起始位置和终止位置，并从所述大数据报表的所有数据中切割出所述当前所需加载数据进行显示。
8.根据权利要求5至7中任一项所述的设备，其中，所述计算模块用于：
根据所述显示参数计算所述大数据报表的所有数据的总显示高度；
设置数据所在DOM对象的高度，为DOM对象添加滚动条监听事件；
根据所述显示参数计算初始化页面显示数据的起始位置和结束位置。
9.一种计算设备，其中，该设备包括用于存储计算机程序指令的存储器和用于执行计算机程序指令的处理器，其中，当该计算机程序指令被该处理器执行时，触发所述设备执行权利要求1至4中任一项所述的方法。
10.一种计算机可读介质，其上存储有计算机程序指令，所述计算机可读指令可被处理器执行以实现如权利要求1至4中任一项所述的方法。
CN202110120076.8A 2021-01-28 2021-01-28 一种加载显示大数据报表的方法与设备 Pending CN112732397A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110120076.8A CN112732397A (zh) 2021-01-28 2021-01-28 一种加载显示大数据报表的方法与设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110120076.8A CN112732397A (zh) 2021-01-28 2021-01-28 一种加载显示大数据报表的方法与设备

Publications (1)

Publication Number Publication Date
CN112732397A true CN112732397A (zh) 2021-04-30

Family

ID=75594402

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110120076.8A Pending CN112732397A (zh) 2021-01-28 2021-01-28 一种加载显示大数据报表的方法与设备

Country Status (1)

Country Link
CN (1) CN112732397A (zh)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102760133A (zh) * 2011-04-28 2012-10-31 腾讯科技（深圳）有限公司 网页加载方法、系统、浏览器、终端及服务器
CN103902718A (zh) * 2014-04-09 2014-07-02 浪潮软件股份有限公司 一种报表控件及其应用
CN106933931A (zh) * 2015-12-31 2017-07-07 远光软件股份有限公司 一种网页数据的显示方法及装置
CN109460540A (zh) * 2017-09-06 2019-03-12 北京国双科技有限公司 一种表格分页显示方法及装置
WO2019052524A1 (zh) * 2017-09-14 2019-03-21 腾讯科技（深圳）有限公司 视图渲染方法、装置、介质及智能终端
US20190220182A1 (en) * 2018-01-16 2019-07-18 Citrix Systems, Inc. Friendly finite scrolling for theme data pagination
WO2020172794A1 (zh) * 2019-02-26 2020-09-03 西安诺瓦电子科技有限公司 数据项显示方法、装置及系统和计算机可读存储介质

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102760133A (zh) * 2011-04-28 2012-10-31 腾讯科技（深圳）有限公司 网页加载方法、系统、浏览器、终端及服务器
CN103902718A (zh) * 2014-04-09 2014-07-02 浪潮软件股份有限公司 一种报表控件及其应用
CN106933931A (zh) * 2015-12-31 2017-07-07 远光软件股份有限公司 一种网页数据的显示方法及装置
CN109460540A (zh) * 2017-09-06 2019-03-12 北京国双科技有限公司 一种表格分页显示方法及装置
WO2019052524A1 (zh) * 2017-09-14 2019-03-21 腾讯科技（深圳）有限公司 视图渲染方法、装置、介质及智能终端
CN109508213A (zh) * 2017-09-14 2019-03-22 腾讯科技（北京）有限公司 一种视图渲染方法、装置、介质及智能终端
US20190220182A1 (en) * 2018-01-16 2019-07-18 Citrix Systems, Inc. Friendly finite scrolling for theme data pagination
WO2020172794A1 (zh) * 2019-02-26 2020-09-03 西安诺瓦电子科技有限公司 数据项显示方法、装置及系统和计算机可读存储介质
CN111989668A (zh) * 2019-02-26 2020-11-24 西安诺瓦星云科技股份有限公司 数据项显示方法、装置及系统和计算机可读存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
蒋维: "基于Ajax的大量数据动态浏览的实现方法研究", 《计算机应用与软件》 *

Similar Documents

Publication Publication Date Title
CN106940705B (zh) 一种用于构建用户画像的方法与设备
US8134553B2 (en) Rendering three-dimensional objects on a server computer
EP3442238A1 (en) Video frame capturing method and device
EP2586007A2 (en) Identifying trending content items using content item histograms
CN105630792B (zh) 一种信息显示、推送方法及装置
CN110737591A (zh) 网页性能评估方法、装置、服务器及存储介质
US20230035104A1 (en) Verification method, apparatus and device, and storage medium
US20180089051A1 (en) Monitoring application operations using user interaction times
EP3707662A1 (en) Web page performance improvement system
Arellano-Uson et al. Protocol-agnostic method for monitoring interactivity time in remote desktop services
CN110781063A (zh) 网页首屏时间的测量方法、装置、设备及存储介质
CN112732397A (zh) 一种加载显示大数据报表的方法与设备
WO2018039048A1 (en) Dynamically render large dataset in client application
CN108089904B (zh) 一种展示页面扩展方法及设备
US9424256B2 (en) Method and apparatus for performing type-aware change tracking in a document
CN111143546A (zh) 一种获得推荐语的方法、装置及电子设备
CN112799951B (zh) 用于计费系统的生成自动测试用例的方法与设备
CN112130878A (zh) 基于堡垒机的运维管理系统升级方法与设备
US9594657B2 (en) Method of analysing memory usage and user terminal performing the same
CN108984247B (zh) 一种信息展示方法及其终端设备和网络设备
WO2016107457A1 (zh) 一种信息展示方法及装置
CN112434237A (zh) 页面加载方法、装置、电子设备及存储介质
CN107404397B (zh) 一种用于确定用户业务状态信息的方法与设备
CN110909156A (zh) 一种小说阅读频道的生成方法及设备
CN112380479A (zh) 一种用于数据统计的方法与设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination