一种表格数据展示的方法及装置与流程

1.本发明涉及网页设计技术领域，尤其涉及一种表格数据展示的方法及装置。


背景技术：

2.目前，在做数据筛选分页检索服务时，需要分别针对每个需要筛选分页检索服务的地方均编写一系列对表格分页展示的代码，不仅造成编写量大而复杂，而且后期遇到问题时，也不便于维护。
3.如何提高程序的维护效率是目前亟待解决的技术问题。


技术实现要素：

4.鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的表格数据展示的方法及装置。
5.第一方面，本发明提供了一种表格数据展示的方法，包括：在接收到用户在任意网页触发表单查询操作时，调用表格数据展示的封装包；其中，所述表格数据展示的封装包封装有：第一代码组、第二代码组以及第三代码组，所述第一代码组用于基于所述用户触发表单查询操作得到参数内容，第二代码组用于基于所述参数内容得到对应的表格数据以及所述表格数据的总条数，第三代码组用于基于所述表格数据的总条数对所述表格数据进行表格分页展示；基于所述表格数据展示的封装包的内容，实现表格分页展示。
6.进一步地，所述第一代码组还用于：对所述用户触发表单查询操作得到的参数内容加密后传到地址栏，并存储在状态管理中。
7.进一步地，所述第二代码组用于：对所述参数内容进行解密，并基于解密的参数内容以及api接口的回调函数，获得表格数据以及所述表格数据的总条数。
8.进一步地，所述第二代码组还用于：对所述表格数据进行组件配置渲染，使得表格数据的属性在展示时满足预设配置需求。
9.进一步地，所述第三代码组用于：在接收到所述用户的切换分页操作时，按照所述第一代码组、第二代码组的执行顺序，跳转到相应的目标分页进行表格分页展示。
10.进一步地，所述第三代码组还用于：在跳转到相应的目标分页进行表格分页展示之前，判断所述目标分页的表格分页数据是否被更新，若是，则展示更新后的目标分页数据。
11.进一步地，还包括：在接收到对任意表格分页展示的当前页面进行刷新操作时，通过调用存储在状态管理中的刷新接口方法，进行刷新重置，以恢复所述当前页面的分页数据。
12.第二方面，本发明还提供了一种表格数据展示的装置，包括：调用模块，用于在接收到用户在任意网页触发表单查询操作时，调用表格数据展示的封装包；其中，所述表格数据展示的封装包封装有：第一代码组、第二代码组以及第三
代码组，所述第一代码组用于基于所述用户触发表单查询操作得到参数内容，第二代码组用于基于所述参数内容得到对应的表格数据以及所述表格数据的总条数，第三代码组用于基于所述表格数据的总条数对所述表格数据进行分页展示；展示模块，用于基于所述表格数据展示的封装包的内容，实现表格分页展示。
13.第三方面，本发明还提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述述的方法步骤。
14.第四方面，本发明还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上法步骤。
15.本发明实施例中的一个或多个技术方案，至少具有如下技术效果或优点：本发明提供了一种表格数据展示的方法，包括，在接收到用户在任意网页触发表单查询操作时，调用表格数据展示的封装包；其中，该表格数据展示的封装包封装有：第一代码组、第二代码这组以及第三代码组，该第一代码组用于基于用户触发表单查询操作得到参数内容，第二代码组用于基于参数内容得到对应的表格数据以及表格数据的总条数，第三代码组用于基于表格数据的总条数对表格数据进行分页展示；基于表格数据展示的封装包的内容，实现表格分页展示，通过将表格数据展示的代码进行封装，得到封装包，在任意网页进行表单查询时，通过调用该封装包，实现表格数据展示，极大地降低了代码编写量，提高了程序的维护效率。
附图说明
16.通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考图形表示相同的部件。在附图中：图1示出了本发明实施例中表格数据展示的方法的步骤流程示意图；图2示出了本发明实施例中表格数据展示的装置的结构示意图；图3示出了本发明实施例中实现表格数据展示的方法的计算机设备的结构示意图。
具体实施方式
17.下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
18.实施例一本发明的实施例提供了一种表格数据展示的方法，如图1所示，包括：s101，在接收到用户在任意网页触发表单查询操作时，调用表格数据展示的封装包；其中，该表格数据展示的封装包封装有：第一代码组、第二代码组以及第三代码组，该第一代码组用于基于用户触发表单查询操作得到参数内容，第二代码组用于基于参数内容得到对应的表格数据以及表格数据的总条数，第三代码组用于基于表格数据的总条数对所述
表格数据进行表格分页展示；s102，基于表格数据展示的封装包的内容，实现表格分页展示。
19.在相关技术中，在做数据筛选分页检索服务时，在每一网页上获得用户触发表单查询操作时，后台都需要通过编写相应的代码实现跳转。可见，每一网页都对应需要编写这样一段代码，进而造成代码编写量较大，不便于维护的技术问题。
20.在本发明中，程序员在编写后台运行的程序时，将每一网页所对应的这样的一段代码进行封装，也就是所有页面都使用这一段代码，而无需对每一网页都编写这样的代码。从而降低了代码编写量。因此，在接收到用户在任意网页触发表单查询操作时，调用表格数据展示的封装包，该封装包代替原有编写的代码。当然，在该封装包内封装有实现跳转的代码。
21.其中，表单查询操作，可以是在网页上的表单查询按钮。可以是登录，可以是查询表格数据按钮等等，在此并不作限定。
22.表格数据展示的封装包封装有：第一代码组、第二代码组以及第三代码组，其中，第一代码组用于基于用户触发表单查询操作得到参数内容；第二代码组用于基于参数内容得到对应的表格数据以及表格数据的总条数；第三代码组用于基于表格数据的总条数对表格数据进行表格分页展示。
23.以获取学生表格数据中的某班学生数据的表单查询操作为例，该第一代码组具体是获取班级class以及对应的value值，即该用户触发表单查询操作得到的参数内容为class以及对应的value值。
24.在该第一代码组中，在用户触发表单查询操作得到参数内容之后，具体是通过组件编写的addrule方法使用vue
‑
router插件，对该参数内容加密后传到地址栏进行路由，具体是采用编码转换工具base64进行加密，然后存入vuex插件中的store状态管理，以用于后续的联合调用。
25.对于该第二代码组，具体是基于该参数内容得到对应的表格数据以及表格数据的总条数。
26.在一种可选的实施方式中，根据地址栏的路由，对该地址栏中的参数内容进行解密，将解密之后的参数内容传递给api接口，具体是使用组件方法componentization获得参数内容传递给api接口，接着通过api接口的回调函数，获得返回的表格数据，以及对应的表格数据的总条数。该表格数据是搜索结果中每个表格框内的数据，这些表格数据在展示时，需要满足预设配置需求，包括：展示的表格数据是否可选择，展示的时间项内容，该时间的格式，图片的展示形式以及是否展示文字等等。
27.因此，该第二代码组还用于：对表格数据进行组件配置渲染，使得表格数据的属性在展示时满足预设配置需求。具体地，通过组件配置，使得表格行列属性参数配置满足预设的展示需求，进而按照预设规则展示表格行数据。
28.其中，该组件配置中还配置有每个分页的表格数据条数。根据表格数据的总条数以及组件配置中的每个分页的表格数据条数，获得分页页码数，最终按照分页页码数进行分页展示。
29.该第三代码组用于基于表格数据的总条数对表格数据进行分页展示。
30.在实现切换分页展示中，首先是接收到用户的切换分页操作，然后，按照第一代码
组、第二代码组的执行顺序，跳转到相应的目标分页进行表格分页展示。
31.该切换分页操作具体可以是用户在网页展示界面上通过切换分页的按钮实现，比如，下一页按钮，或者第n页按钮等。
32.在接收到用户的切换分页操作之后，按照第一代码组和第二代码组的内容执行，具体地，后台将切换分页的信息（该切换分页的信息包括每页展示条数与当前页码）采用编码转换工具base64进行加密之后传到地址栏，接着，根据切换分页的信息得到对应的表格数据。该第三代码组实现了切换分页展示，即跳转到相应的目标分页进行表格分页展示。
33.在跳转到相应的目标分页进行表格分页的展示之前，在该第三代码组中还用于：判断该目标分页的表格数据是否被更新，若是，则展示更新后的目标分页数据。
34.具体地，是采用vuejs中的diff算法，将之前获取的表格数据与数据库中的数据进行比较，由于数据库中的数据是实时更新的，若之前获取的表格数据与当前数据库中的数据相同，则正常展示当前的目标分页数据；若之前获取的表格数据与当前数据库中的数据不同，则根据数据库中的数据对目标分页数据进行更新，最终展示更新后的目标分页数据。
35.上述是对该表格数据展示的封装包中所封装的第一代码组、第二代码组以及第三代码组的内容。
36.在调用该封装包之后，执行s102，基于该表格数据展示的封装包的内容，实现表格分页展示。
37.具体地，按照该封装包中的第一代码组、第二代码组，能够实现表格数据的展示。按照该第三代码组，可以实现表格数据的分页展示。
38.在一种可选的实施方式中，在实现任意分页展示的过程中，若接收到对任意表格分页展示的当前页面进行刷新操作时，通过调用所述状态管理中的刷新接口方法，进行刷新重置，以恢复当前页面的分页数据。
39.具体地，通过存入vuex插件store的状态管理的刷新接口方法，对表格数据进行刷新，一方面，可以是通过调用状态管理中的api回调函数方法，进而实现重置表格数据；另一方面，可以是通过调用状态管理中的公用方法进行刷新，进而调用上述的任意一种刷新接口方法，实现对当前页面的刷新。
40.该刷新方法，可以使得在当前页面进行刷新，而不至于恢复到当前页面的前一页面，或者表格数据的第一页面，避免刷新的误操作带来的不便，提高了刷新的效率。
41.本发明实施例中的一个或多个技术方案，至少具有如下技术效果或优点：本发明提供了一种表格数据展示的方法，包括，在接收到用户在任意网页触发表单查询操作时，调用表格数据展示的封装包；其中，该表格数据展示的封装包封装有：第一代码组、第二代码这组以及第三代码组，该第一代码组用于基于用户触发表单查询操作得到参数内容，第二代码组用于基于参数内容得到对应的表格数据以及表格数据的总条数，第三代码组用于基于表格数据的总条数对表格数据进行分页展示；基于表格数据展示的封装包的内容，实现表格分页展示，通过将表格数据展示的代码进行封装，得到封装包，在任意网页进行表单查询时，通过调用该封装包，实现表格数据展示，极大地降低了代码编写量，提高了程序的维护效率。
42.实施例二基于相同的发明构思，本发明实施例提供了一种表格数据展示的装置，如图2所
示，包括：调用模块201，用于在接收到用户在任意网页触发表单查询操作时，调用表格数据展示的封装包；其中，所述表格数据展示的封装包封装有：第一代码组、第二代码组以及第三代码组，所述第一代码组用于基于所述用户触发表单查询操作得到参数内容，第二代码组用于基于所述参数内容得到对应的表格数据以及表格数据的总条数，第三代码组用于基于所述表格数据的总条数对所述表格数据进行分页展示；展示模块202，用于基于所述表格数据展示的封装包的内容，实现表格分页展示。
43.在一种可选的实施方式中，所述第一代码组还用于：对所述用户触发表单查询操作得到的参数内容加密后传到地址栏，并存储在状态管理中。
44.在一种可选的实施方式中，所述第二代码组用于：对所述参数内容进行解密，并基于解密的参数内容以及api接口的回调函数，获得表格数据以及所述表格数据的总条数。
45.在一种可选的实施方式中，所述第二代码组还用于：对所述表格数据进行组件配置渲染，使得表格数据的属性在展示时满足预设配置需求。
46.在一种可选的实施方式中，所述第三代码组用于：在接收到所述用户的切换分页操作时，按照所述第一代码组、第二代码组的执行顺序，跳转到相应的目标分页进行表格分页展示。
47.在一种可选的实施方式中，所述第三代码组还用于：在跳转到相应的目标分页进行表格分页展示之前，判断所述目标分页的表格分页数据是否被更新，若是，则展示更新后的目标分页数据。
48.在一种可选的实施方式中，还包括：在接收到对任意表格分页展示的当前页面进行刷新操作时，通过调用存储在状态管理中的刷新接口方法，进行刷新重置，以恢复所述当前页面的分页数据。
49.实施例三基于相同的发明构思，本发明实施例提供了一种计算机设备，如图3所示，包括存储器304、处理器302及存储在存储器304上并可在处理器302上运行的计算机程序，所述处理器302执行所述程序时实现上述表格数据展示的方法的步骤。
50.其中，在图3中，总线架构（用总线300来代表），总线300可以包括任意数量的互联的总线和桥，总线300将包括由处理器302代表的一个或多个处理器和存储器304代表的存储器的各种电路链接在一起。总线300还可以将诸如外围设备、稳压器和功率管理电路等之类的各种其他电路链接在一起，这些都是本领域所公知的，因此，本文不再对其进行进一步描述。总线接口306在总线300和接收器301和发送器303之间提供接口。接收器301和发送器303可以是同一个元件，即收发机，提供用于在传输介质上与各种其他装置通信的单元。处理器302负责管理总线300和通常的处理，而存储器304可以被用于存储处理器302在执行操作时所使用的数据。
51.实施例四基于相同的发明构思，本发明实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述表格数据展示的方法的步骤。
52.在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求
的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
53.在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。
54.类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。
55.本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书（包括伴随的权利要求、摘要和附图）中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书（包括伴随的权利要求、摘要和附图）中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
56.此外，本领域的技术人员能够理解，尽管在此的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
57.本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器（dsp）来实现根据本发明实施例的表格数据展示的装置、计算机设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序（例如，计算机程序和计算机程序产品）。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。
58.应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项
来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。