CN109189789B - 一种用于显示表格的方法和装置 - Google Patents
一种用于显示表格的方法和装置 Download PDFInfo
- Publication number
- CN109189789B CN109189789B CN201810959141.4A CN201810959141A CN109189789B CN 109189789 B CN109189789 B CN 109189789B CN 201810959141 A CN201810959141 A CN 201810959141A CN 109189789 B CN109189789 B CN 109189789B
- Authority
- CN
- China
- Prior art keywords
- header
- data
- query
- dynamic
- static
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 21
- 230000003068 static effect Effects 0.000 claims abstract description 54
- 239000000126 substance Substances 0.000 claims description 2
- 238000010586 diagram Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 1
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种用于显示表格的方法和装置。该方法包括：定义在应用于表格的多个查询场景中，各个查询场景中的表格的内容；确定在数据库中的静态表头的表头数据、与相应的查询场景对应的动态表头的表头数据；将每个查询场景中的在数据库中的分别与各个表头数据对应的表格数据关联；初始化表格，以显示静态表头的表头数据；显示与接收到的第一查询场景对应的动态表头的表头数据；从数据库中获取并且在表格中显示静态表头的表格数据以及与第一查询场景对应的动态表头的表格数据。上述方式使得在初始化表格的时候显示静态表头，再根据查询场景显示相应的动态表头。由此，满足了查看到动态表头的需求，同时节省硬件资源，加快页面的加载速度。
Description
技术领域
本发明涉及页面表格显示技术，尤指一种用于显示表格的方法和装置。
背景技术
前端开发中，为了满足大量数据展示效果，经常用到表格。通常情况下，表格的表头部分在页面上是静态的，无法根据具体情况灵活改变；还有的一些情况下，表格的表头部分是动态地获取的，这些表头数据保存在后台的数据库中，在页面加载时从数据库中获取，并且在页面上动态生成表格的表头。然而，在这两种情况下，表格均存在各自的缺陷：在表头部分是静态的情况下，所显示的表头数据以及与表头对应的表格数据也是静态的，难以满足用户的实际需求；在表头部分是动态的情况下，全部的表头数据以及对应的表格数据占用了硬件设备太多的资源，造成页面加载缓慢。
发明内容
为了解决上述技术问题，本发明提供了一种用于显示表格的方法和装置，其能够在根据查询场景而显示相应的表头的同时，节省硬件设备的资源。
为了达到本发明目的，本发明提供了一种用于显示表格的方法，该方法包括下列步骤：
定义在应用于表格的多个查询场景中，各个查询场景中的表格的内容；其中，在每个查询场景中，表格显示在各个查询场景之间相同的静态表头、与相应的查询场景对应的动态表头、以及与各个表头对应的表格数据；
确定在数据库中的静态表头的表头数据、与相应的查询场景对应的动态表头的表头数据；其中，静态表头的表头数据以及动态表头的表头数据均在前端显示的表格中的表头列中显示；
将每个查询场景中的在数据库中的分别与各个表头数据对应的表格数据关联；其中，在前端显示的表格中，表格数据处于对应的表头数据所在的表格行的其他位置；
初始化表格，以显示静态表头的表头数据；
当接收到显示在多个查询场景中的第一查询场景的表格的指示时，初始化表格，显示与接收到的第一查询场景对应的动态表头的表头数据；
根据接收到的指示，从数据库中获取并且在表格中显示静态表头的表格数据以及与第一查询场景对应的动态表头的表格数据。
进一步地，在一个可选的实施例中，在定义应用于表格的多个查询场景的步骤之后，该方法还包括：
根据在各个查询场景之间相同的静态表头，来确定静态表头，并且将其余的表头确定为动态表头。
进一步地，在一个可选的实施例中，表头数据包括唯一的标识、中文/英文标签以及数据键值。
进一步地，在一个可选的实施例中，将每个查询场景中的在数据库中的分别与各个表头数据对应的表格数据关联的步骤包括：
采用数据键值使各个表头数据与对应的表格数据关联。
进一步地，在一个可选的实施例中，从数据库中获取并且在表格中显示静态表头的表格数据以及与第一查询场景对应的动态表头的表格数据的步骤，包括：
根据表头数据中的数据键值，获取表头数据对应的表格数据。
另一方面，本发明实施例提供了一种用于显示表格的装置，该装置包括场景定义模块、数据确定模块、数据关联模块、初始化模块以及动态表头显示模块以及表格数据显示模块；其中，
场景定义模块用于：定义在应用于表格的多个查询场景中，各个查询场景中的表格的内容；其中，在每个查询场景中，表格显示在各个查询场景之间相同的静态表头、与相应的查询场景对应的动态表头、以及与各个表头对应的表格数据；
数据确定模块用于：确定在数据库中的静态表头的表头数据、与相应的查询场景对应的动态表头的表头数据；其中，静态表头的表头数据以及动态表头的表头数据均在前端显示的表格中的表头列中显示；
数据关联模块用于：将每个查询场景中的在数据库中的分别与各个表头数据对应的表格数据关联；其中，在前端显示的表格中，表格数据处于对应的表头数据所在的表格行的其他位置；
初始化模块用于：初始化表格，以显示静态表头的表头数据；
动态表头显示模块用于：当接收到显示在多个查询场景中的第一查询场景的表格的指示时，初始化表格，显示与接收到的第一查询场景对应的动态表头的表头数据；
表格数据显示模块用于：根据接收到的指示，从数据库中获取并且在表格中显示静态表头的表格数据以及与第一查询场景对应的动态表头的表格数据。
进一步地，在一个可选的实施例中，该装置还包括表头确定模块；
表头确定模块用于：在场景定义模块定义应用于表格的多个查询场景之后，根据在各个查询场景之间相同的静态表头，来确定静态表头，并且将其余的表头确定为动态表头。
进一步地，在一个可选的实施例中，表头数据包括唯一的标识、中文/英文标签以及数据键值。
进一步地，在一个可选的实施例中，数据关联模块用于采用数据键值使各个表头数据与对应的表格数据关联。
进一步地，在一个可选的实施例中，表格数据显示模块用于：根据表头数据中的数据键值，获取表头数据对应的表格数据。
本发明实施例的有益效果在于，根据查询场景来确定表头，可以使得在初始化表格的时候，显示静态表头；再根据查询场景显示该查询场景相应的动态表头。由此，一方面满足了用户在各个查询场景查看到各自的动态表头的需求，另一方面，由于不再需要在改变查询场景时重新获得表头数据，因此可以节省硬件资源，进而加快页面的加载速度。
本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。
附图说明
附图用来提供对本发明技术方案的进一步理解，并且构成说明书的一部分，与本申请的实施例一起用于解释本发明的技术方案，并不构成对本发明技术方案的限制。
图1为本发明实施例提供的用于显示表格的方法的流程图；
图2为本发明实施例提供的用于显示表格的装置的框图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚明白，下文中将结合附图对本发明的实施例进行详细说明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互任意组合。
在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行。并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
一方面，本发明实施例提供了一种用于显示表格的方法，如图1所示，该方法包括步骤S101-步骤S111。
步骤S101，定义在应用于表格的多个查询场景中，各个查询场景中的表格的内容；其中，在每个查询场景中，表格显示在各个查询场景之间相同的静态表头、与相应的查询场景对应的动态表头、以及与各个表头对应的表格数据。
步骤S103，确定在数据库中的静态表头的表头数据、与相应的查询场景对应的动态表头的表头数据；其中，静态表头的表头数据以及动态表头的表头数据均在前端显示的表格中的表头列中显示。
步骤S105，将每个查询场景中的在数据库中的分别与各个表头数据对应的表格数据关联；其中，在前端显示的表格中，表格数据处于对应的表头数据所在的表格行的其他位置。
步骤S107，初始化表格，以显示静态表头的表头数据；
步骤S109，当接收到显示在多个查询场景中的第一查询场景的表格的指示时，显示接收到的第一查询场景对应的动态表头的表头数据。
步骤S111，根据接收到的指示，从数据库中获取并且在表格中显示静态表头的表格数据以及与第一查询场景对应的动态表头的表格数据。
本发明实施例的有益效果在于，根据查询场景来确定表头，可以使得在初始化表格的时候，显示静态表头；再根据查询场景显示该查询场景相应的动态表头。由此，一方面满足了用户在各个查询场景查看到各自的动态表头的需求，另一方面，由于不再需要在改变查询场景时重新获得表头数据，因此可以节省硬件资源，进而加快页面的加载速度。
进一步地，在一个可选的实施例中，在步骤S101之后，该方法还包括：
根据在各个查询场景之间相同的静态表头，来确定静态表头，并且将其余的表头确定为动态表头。
进一步地，在一个可选的实施例中，表头数据包括唯一的标识、中文/英文标签以及数据键值。
进一步地，在一个可选的实施例中，步骤S105包括：
采用数据键值使各个表头数据与对应的表格数据关联。
进一步地，在一个可选的实施例中，步骤S109包括：
根据表头数据中的数据键值，获取表头数据对应的表格数据。
另一方面，本发明实施例提供了一种用于显示表格的装置，如图2所示，该装置包括场景定义模块201、数据确定模块203、数据关联模块205、初始化模块207、动态表头显示模块209以及表格数据显示模块211。
场景定义模块201用于：定义在应用于表格的多个查询场景中，各个查询场景中的表格的内容；其中，在每个查询场景中，表格显示在各个查询场景之间相同的静态表头、与相应的查询场景对应的动态表头、以及与各个表头对应的表格数据；
数据确定模块203用于：确定在数据库中的静态表头的表头数据、与相应的查询场景对应的动态表头的表头数据；其中，静态表头的表头数据以及动态表头的表头数据均在前端显示的表格中的表头列中显示；
数据关联模块205用于：将每个查询场景中的在数据库中的分别与各个表头数据对应的表格数据关联；其中，在前端显示的表格中，表格数据处于对应的表头数据所在的表格行的其他位置；
初始化模块207用于：初始化所述表格，以显示所述静态表头的表头数据。
动态表头显示模块209用于：当接收到显示在所述多个查询场景中的第一查询场景的表格的指示时，初始化所述表格，显示与所述接收到的第一查询场景对应的动态表头的表头数据。
表格数据显示模块211用于：根据接收到的指示，从数据库中获取并且在表格中显示静态表头的表格数据以及与第一查询场景对应的动态表头的表格数据。
本发明实施例的有益效果在于，根据查询场景来确定表头，可以使得在初始化表格的时候，显示静态表头；再根据查询场景显示该查询场景相应的动态表头。由此，一方面满足了用户在各个查询场景查看到各自的动态表头的需求，另一方面，由于不再需要在改变查询场景时重新获得表头数据，因此可以节省硬件资源，进而加快页面的加载速度。
进一步地，在一个可选的实施例中，该装置还包括表头确定模块。
表头确定模块用于：在场景定义模块201定义应用于表格的多个查询场景之后，根据在各个查询场景之间相同的静态表头，来确定静态表头，并且将其余的表头确定为动态表头。
进一步地，在一个可选的实施例中，表头数据包括唯一的标识、中文/英文标签以及数据键值。
进一步地，在一个可选的实施例中，数据关联模块205用于采用数据键值使各个表头数据与对应的表格数据关联。
进一步地，在一个可选的实施例中，显示模块209用于：根据表头数据中的数据键值，获取表头数据对应的表格数据。
虽然本发明所揭露的实施方式如上，但上述的内容仅为便于理解本发明而采用的实施方式，并非用以限定本发明。任何本发明所属领域内的技术人员，在不脱离本发明所揭露的精神和范围的前提下，可以在实施的形式及细节上进行任何的修改与变化，但本发明的专利保护范围，仍须以所附的权利要求书所界定的范围为准。
Claims (10)
1.一种用于显示表格的方法，其特征在于，所述方法包括下列步骤：
定义在应用于表格的多个查询场景中，各个查询场景中的表格的内容；其中，在每个查询场景中，所述表格显示在各个查询场景之间相同的静态表头、与相应的查询场景对应的动态表头、以及与各个表头对应的表格数据；
确定在数据库中的所述静态表头的表头数据以及所述与相应的查询场景对应的动态表头的表头数据；其中，所述静态表头的表头数据以及所述动态表头的表头数据均在前端显示的表格中的表头列中显示；
将每个查询场景中的在所述数据库中的分别与所述各个表头数据对应的表格数据关联；其中，在所述前端显示的表格中，所述表格数据处于对应的表头数据所在的表格行的其他位置；
初始化所述表格，以显示所述静态表头的表头数据；
当接收到显示在所述多个查询场景中的第一查询场景的表格的指示时，初始化所述表格，显示与所述接收到的第一查询场景对应的动态表头的表头数据；
根据接收到的指示，从所述数据库中获取并且在所述表格中显示所述静态表头的表格数据以及与所述第一查询场景对应的动态表头的表格数据。
2.根据权利要求1所述的方法，其特征在于，在所述定义在应用于表格的多个查询场景的步骤之后，所述方法还包括：
根据在各个查询场景之间相同的静态表头，来确定静态表头，并且将其余的表头确定为动态表头。
3.根据权利要求1所述的方法，其中，所述表头数据包括唯一的标识、中文/英文标签以及数据键值。
4.根据权利要求3所述的方法，其中，所述将每个查询场景中的在所述数据库中的分别与所述各个表头数据对应的表格数据关联的步骤，包括：
采用所述数据键值使所述各个表头数据与对应的表格数据关联。
5.根据权利要求3所述的方法，其中，所述从所述数据库中获取并且在所述表格中显示所述静态表头的表格数据以及与所述第一查询场景对应的动态表头的表格数据的步骤，包括：
根据所述表头数据中的数据键值，获取所述表头数据对应的表格数据。
6.一种用于显示表格的装置，其特征在于，包括场景定义模块、数据确定模块、数据关联模块、初始化模块以及动态表头显示模块以及表格数据显示模块；其中，
所述场景定义模块用于：定义在应用于表格的多个查询场景中，各个查询场景中的表格的内容；其中，在每个查询场景中，所述表格显示在各个查询场景之间相同的静态表头、与相应的查询场景对应的动态表头、以及与各个表头对应的表格数据；
所述数据确定模块用于：确定在数据库中的所述静态表头的表头数据以及所述与相应的查询场景对应的动态表头的表头数据；其中，所述静态表头的表头数据以及所述动态表头的表头数据均在前端显示的表格中的表头列中显示；
所述数据关联模块用于：将每个查询场景中的在所述数据库中的分别与所述各个表头数据对应的表格数据关联；其中，在所述前端显示的表格中，所述表格数据处于对应的表头数据所在的表格行的其他位置；
所述初始化模块用于：初始化所述表格，以显示所述静态表头的表头数据；
所述动态表头显示模块用于：当接收到显示在所述多个查询场景中的第一查询场景的表格的指示时，初始化所述表格，显示与所述接收到的第一查询场景对应的动态表头的表头数据；
所述表格数据显示模块用于：根据接收到的指示，从所述数据库中获取并且在所述表格中显示所述静态表头的表格数据以及与所述第一查询场景对应的动态表头的表格数据。
7.根据权利要求6所述的装置，其特征在于，所述装置还包括表头确定模块；
所述表头确定模块用于：在所述场景定义模块定义在应用于表格的多个查询场景之后，根据在各个查询场景之间相同的静态表头，来确定静态表头，并且将其余的表头确定为动态表头。
8.根据权利要求6所述的装置，其中，所述表头数据包括唯一的标识、中文/英文标签以及数据键值。
9.根据权利要求8所述的装置，其中，所述数据关联模块用于采用所述数据键值使所述各个表头数据与对应的表格数据关联。
10.根据权利要求8所述的装置，其中，所述表格数据显示模块用于：根据所述表头数据中的数据键值，获取所述表头数据对应的表格数据。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810959141.4A CN109189789B (zh) | 2018-08-22 | 2018-08-22 | 一种用于显示表格的方法和装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810959141.4A CN109189789B (zh) | 2018-08-22 | 2018-08-22 | 一种用于显示表格的方法和装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109189789A CN109189789A (zh) | 2019-01-11 |
| CN109189789B true CN109189789B (zh) | 2021-02-05 |
Family
ID=64918928
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810959141.4A Active CN109189789B (zh) | 2018-08-22 | 2018-08-22 | 一种用于显示表格的方法和装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109189789B (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111523420B (zh) * | 2020-04-14 | 2023-07-07 | 南京烽火星空通信发展有限公司 | 基于多任务深度神经网络的表头分类与表头列语义识别方法 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1395193A (zh) * | 2001-07-05 | 2003-02-05 | 英业达股份有限公司 | 在网页上生成动态可编辑表格的方法 |
| CN1425997A (zh) * | 2001-12-13 | 2003-06-25 | 英业达股份有限公司 | 在网站服务器端产生电子表格文件的方法 |
| CN1936882A (zh) * | 2006-10-13 | 2007-03-28 | 北京北大方正电子有限公司 | 一种分页表格的数据处理方法及系统 |
| CN101065723A (zh) * | 2004-11-26 | 2007-10-31 | 菲利普·K·钦 | 在表格中显示数据的方法 |
| CN103092580A (zh) * | 2011-10-27 | 2013-05-08 | 镇江雅迅软件有限责任公司 | 基于ajax技术的动态表头控制的实现 |
| CN103886023A (zh) * | 2014-02-24 | 2014-06-25 | 国家电网公司 | Excel数据表的存储、提取方法及系统 |
| CN106095948A (zh) * | 2016-06-13 | 2016-11-09 | 网易（杭州）网络有限公司 | 表格的查询方法、装置和设备 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110149848A1 (en) * | 2009-08-17 | 2011-06-23 | Qualcomm Incorporated | Header compression for relay nodes |
-
2018
- 2018-08-22 CN CN201810959141.4A patent/CN109189789B/zh active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1395193A (zh) * | 2001-07-05 | 2003-02-05 | 英业达股份有限公司 | 在网页上生成动态可编辑表格的方法 |
| CN1425997A (zh) * | 2001-12-13 | 2003-06-25 | 英业达股份有限公司 | 在网站服务器端产生电子表格文件的方法 |
| CN101065723A (zh) * | 2004-11-26 | 2007-10-31 | 菲利普·K·钦 | 在表格中显示数据的方法 |
| CN1936882A (zh) * | 2006-10-13 | 2007-03-28 | 北京北大方正电子有限公司 | 一种分页表格的数据处理方法及系统 |
| CN103092580A (zh) * | 2011-10-27 | 2013-05-08 | 镇江雅迅软件有限责任公司 | 基于ajax技术的动态表头控制的实现 |
| CN103886023A (zh) * | 2014-02-24 | 2014-06-25 | 国家电网公司 | Excel数据表的存储、提取方法及系统 |
| CN106095948A (zh) * | 2016-06-13 | 2016-11-09 | 网易（杭州）网络有限公司 | 表格的查询方法、装置和设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109189789A (zh) | 2019-01-11 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105550345A (zh) | 文件操作方法和装置 | |
| CN107092652B (zh) | 目标页面的导航方法及装置 | |
| CN107038194B (zh) | 一种页面跳转方法和装置 | |
| CN105488125A (zh) | 页面访问方法和装置 | |
| CN112416338A (zh) | 一种基于标签的代码仓库系统 | |
| US8044960B2 (en) | Character display apparatus | |
| US10311060B2 (en) | Glyph management in texture atlases | |
| CN109189789B (zh) | 一种用于显示表格的方法和装置 | |
| CN112187530A (zh) | 一种日志解析方法、装置、电子设备及可读存储介质 | |
| CN112000911A (zh) | 页面管理方法、装置、电子设备以及存储介质 | |
| CN111625312A (zh) | 一种app换肤方法、装置、电子设备及存储介质 | |
| CN105260459A (zh) | 搜索方法和装置 | |
| US11663245B2 (en) | Initial loading of partial deferred object model | |
| CN107092494B (zh) | 访问apk资源的方法和装置 | |
| CN109416828A (zh) | 将帧缓冲映射到逻辑显示器的装置及方法 | |
| CN105550245A (zh) | 基于Android平台网络图片加载及缓存的优化系统及方法 | |
| CN113553123B (zh) | 数据处理方法、装置、电子设备及存储介质 | |
| CN113297313B (zh) | 表格数据展示方法、装置、电子设备及存储介质 | |
| CN114296852A (zh) | 一种显示目标页面的方法、装置、电子设备及存储介质 | |
| CN108874448B (zh) | 实现在coredump文件中定位对象的方法及设备 | |
| CN108376161B (zh) | 显示网页的方法、装置、终端及存储介质 | |
| CN112667939A (zh) | 网页刷新方法、装置、电子设备以及存储介质 | |
| CN104361047A (zh) | 一种客户端中的数据展示方法及装置 | |
| CN105513108A (zh) | 一种基于纹理贴图的字库绘制方法 | |
| CN112363778B (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 | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20201231 Address after: Building 9, No.1, guanpu Road, Guoxiang street, Wuzhong Economic Development Zone, Wuzhong District, Suzhou City, Jiangsu Province Applicant after: SUZHOU LANGCHAO INTELLIGENT TECHNOLOGY Co.,Ltd. Address before: Room 1601, floor 16, 278 Xinyi Road, Zhengdong New District, Zhengzhou City, Henan Province Applicant before: ZHENGZHOU YUNHAI INFORMATION TECHNOLOGY Co.,Ltd. |
|
| TA01 | Transfer of patent application right | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |