CN112035568A - 数据列表的展示方法、客户端、服务器及系统 - Google Patents
数据列表的展示方法、客户端、服务器及系统 Download PDFInfo
- Publication number
- CN112035568A CN112035568A CN202010922942.0A CN202010922942A CN112035568A CN 112035568 A CN112035568 A CN 112035568A CN 202010922942 A CN202010922942 A CN 202010922942A CN 112035568 A CN112035568 A CN 112035568A
- Authority
- CN
- China
- Prior art keywords
- data list
- target data
- server
- client
- display
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/26—Visual data mining; Browsing structured data
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/186—Templates
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明揭示了一种数据列表的展示方法、客户端、服务器及系统，所述方法应用于客户端，包括：获取数据列表的行模板、以及所述行模板每一项对应的显示指令；当收到目标数据列表查看命令时，将所述查看命令、行模板和显示指令发送至服务器，以使服务器按照所述查看命令获取目标数据，并将所述目标数据按照所述行模板和显示指令的要求封装成目标数据列表；当接收到所述服务器返回的目标数据列表时，对所述目标数据列表进行展示。与现有技术相比，本发明的数据列表的展示方法，即使在数据量较大、或数据比较复杂的情况下，也可以对数据列表进行快速、简单明了的展示，减少甚至消除展示出现的卡顿，同时方便开发人员对代码的阅读、开发和维护。
Description
技术领域
本发明涉及计算机技术领域，具体涉及一种数据列表的展示方法、客户端、服务器及系统。
背景技术
随着计算机技术的高速发展，大数据时代的来临，数据关系越来越复杂，简单的列表展示数据已经无法满足日益增加的多样需求。现有数据列表展示的缺点很明显，即，HTML(超级文本标记语言，Hyper Text Markup Language)元素与JS(JavaScript，一种脚本语言)代码纠缠在一起，给阅读、开发和维护都带来极大不便，而且在数据量较大的情况下，数据列表的展示出现数据复杂不易展示、展示卡顿等问题。
发明内容
本发明的目的在于提供一种数据列表的展示方法、客户端、服务器及系统。
为实现上述发明目的之一，本发明一实施方式提供一种数据列表的展示方法，所述方法应用于客户端，包括：
获取数据列表的行模板、以及所述行模板每一项对应的显示指令；
当收到目标数据列表查看命令时，将所述查看命令、行模板和显示指令发送至服务器，以使服务器按照所述查看命令获取目标数据，并将所述目标数据按照所述行模板和显示指令的要求封装成目标数据列表；
当接收到所述服务器返回的目标数据列表时，对所述目标数据列表进行展示。
作为本发明一实施方式的进一步改进，所述显示指令包括包装指令和转换指令，所述包装指令包括字符串格式化指令、日期格式化指令、数值格式化指令；所述转换指令包括逻辑表达式指令、分支表达式指令和方法调用表达式指令。
作为本发明一实施方式的进一步改进，所述目标数据列表查看命令包括列表分页大小、列表分页页数和查询条件。
作为本发明一实施方式的进一步改进，所述方法还包括：
根据预设规则配置数据列表的行模板、以及所述行模板每一项对应的显示指令。
为实现上述发明目的之一，本发明一实施方式提供一种数据列表的展示方法，所述方法应用于服务器，包括：
当获取到客户端发送的目标数据列表查看指令、静态数据列表的行模板和所述行模板每一项对应的显示指令时，根据所述查看指令获取目标数据；
将所述目标数据按照所述行模板的形式进行填充，对于填充在所述行模板的每一项目标数据，根据对应的显示指令进行封装，得到目标数据列表；
将所述目标数据列表发送给客户端，以使所述客户端展示所述目标数据列表。
作为本发明一实施方式的进一步改进，所述“对于填充在所述行模板的每一项目标数据，根据对应的显示指令进行封装，得到目标数据列表”包括：
对所述显示指令进行解析，得到解析后的显示指令；
将填充在所述行模板的每一项目标数据，根据解析后的显示指令进行封装，在所有目标数据封装完成后，得到目标数据列表。
为实现上述发明目的之一，本发明一实施方式提供一种客户端，包括第一存储器和第一处理器，所述第一存储器存储有可在所述第一处理器上运行的第一计算机可读程序，所述第一处理器执行所述第一计算机可读程序时实现上述应用于客户端的任意一项所述数据列表的展示方法中的步骤。
为实现上述发明目的之一，本发明一实施方式提供一种服务器，包括第二存储器和第二处理器，所述第二存储器存储有可在所述第二处理器上运行的计算机程序，所述第二处理器执行所述第二计算机可读程序时实现上述应用于服务器的所述数据列表的展示方法中的步骤。
为实现上述发明目的之一，本发明一实施方式提供一种数据列表的展示系统，所述系统包括客户端和服务器：
所述客户端包括第一存储器和第一处理器，所述第一存储器存储有可在所述第一处理器上运行的第一计算机可读程序，所述第一处理器执行所述第一计算机可读程序时实现上述应用于客户端的任意一项所述数据列表的展示方法中的步骤；
所述服务器包括第二存储器和第二处理器，所述第二存储器存储有可在所述第二处理器上运行的计算机程序，所述第二处理器执行所述第二计算机可读程序时上述应用于服务器的所述数据列表的展示方法中的步骤。
作为本发明一实施方式的进一步改进，所述服务器和客户端使用AJAX的方式进行通信。
与现有技术相比，本发明的数据列表的展示方法，通过在客户端定义行模板和显示指令，并将其发送给服务器，服务器按照行模板和显示指令将目标数据直接封装成目标数据列表，然后发送给客户端直接进行展示。这种展示方法即使在数据量较大、或数据比较复杂的情况下，也可以对数据列表进行快速、简单明了的展示，减少甚至消除展示出现的卡顿，同时方便开发人员对代码的阅读、开发和维护。
附图说明
图1是本发明应用于客户端的数据列表的展示方法的流程示意图。
图2是本发明应用于服务器的数据列表的展示方法的流程示意图。
具体实施方式
以下将结合附图所示的具体实施方式对本发明进行详细描述。但这些实施方式并不限制本发明，本领域的普通技术人员根据这些实施方式所做出的结构、方法、或功能上的变换均包含在本发明的保护范围内。
本发明提供一种数据列表的展示方法，所述展示方法通过在客户端定义行模板和数据展示格式(显示指令)，并将其发送给服务器，服务器按照行模板和显示指令将目标数据直接封装成目标数据列表，然后发送给客户端直接进行展示。这种展示方法即使在数据量较大、或数据比较复杂的情况下，也可以对数据列表进行快速、简单明了的展示，减少甚至消除展示出现的卡顿，同时方便开发人员对代码的阅读、开发和维护。
上述客户端(Client)，也即用户端，是与服务器相对应的，用于为用户提供本地服务的程序，用户在客户端中通过点击或滑动等操作发出目标请求；数据列表是客户端中应用数据的一种表现形式，即数据以列表的形式进行展示；服务器在接收到客户端发送的目标数据列表查看命令时，对所述命令进行响应。
如图1所示，所述展示方法应用于客户端，包括：
步骤S110：获取数据列表的行模板、以及所述行模板每一项对应的显示指令。
可以从静态页面的数据列表中获取上述行模板和显示指令。
所述数据列表的行模板、以及所述行模板每一项对应的显示指令，由预设规则配置而成。所述行模板包括多项，每一项对应有不同或相同的显示指令。所述显示指令包括包装指令和转换指令。所述包装指令用于将目标数据按照格式化的要求进行包装，包括字符串格式化指令SF、日期格式化指令DF、数值格式化指令NF。具体的，由于日期的显示形式比较多，日期格式化指令用于将日期按照预设规则进行显示。
所述转换指令用于将目标数据按照用户能够看懂的方式进行转换，包括逻辑表达式指令IF、分支表达式指令CASE和方法调用表达式指令CALL。比如服务器中存储的用户的性别是具体的数值，1代表男，0代表女，这时候就需要使用转换指令，将所述数值(1或0)转换成用户能够看懂的具体的性别(男或女)。
步骤S120：当收到目标数据列表查看命令时，将所述查看命令、行模板和显示指令发送至服务器，以使服务器按照所述查看命令获取目标数据，并将所述目标数据按照所述行模板和显示指令的要求封装成目标数据列表。
客户端收到目标数据列表查看命令时，将所述查看命令、行模板和显示指令发送至服务器，服务器根据查看命令获取目标数据，然后将所述目标数据按照行模板的形式进行填充，对于填充在所述行模板的每一项目标数据，根据对应的显示指令进行封装，全部目标数据封装完成后得到目标数据列表。
需要说明的是，所述目标数据查看命令包括列表分页大小(即每页包括多少行)、列表分页页数和查询条件。当查询全部数据时，所述查询条件为空。
步骤S130：当接收到所述服务器返回的目标数据列表时，对所述目标数据列表进行展示。
客户端接收到服务器返回的目标数据列表时，直接对所述目标数据列表进行展示(客户端直接将目标数据列表填充到客户端的页面组件例如DIV或SPAN中)，不需要进行额外的操作。
本发明的数据列表的展示方法，在客户端定义行模板和显示指令，并行模板、显示指令和目标数据列表查看命令推送给服务器，服务器按照要求对目标数据进行封装后反馈给客户端进行渲染。这种展示方法不依赖特定的JS库(JavaScript库)，必须要整体重构客户端的页面内容，只对表格数据进行更新，从而可以对数据列表进行快速、简单明了的展示，减少甚至消除展示出现的卡顿，同时方便开发人员对代码的阅读、开发和维护。
本发明还提供一种客户端，包括第一存储器和第一处理器，所述第一存储器存储有可在所述第一处理器上运行的第一计算机可读程序，所述第一处理器执行所述第一计算机可读程序时实现上述应用于客户端的任意一项所述数据列表的展示方法中的步骤，也就是说，实现上述应用于客户端的任意一项所述数据列表的展示方法中任意一个技术方案中的步骤。
如图2所述，所述数据列表的展示方法应用于服务器，包括：
步骤S210：当获取到客户端发送的目标数据列表查看指令、静态数据列表的行模板和所述行模板每一项对应的显示指令时，根据所述查看指令获取目标数据。
所述目标数据查看命令包括列表分页大小、列表分页页数和查询条件。根据这些信息，在数据库中获取目标数据。步骤S220：将所述目标数据按照所述行模板的形式进行填充，对于填充在所述行模板的每一项目标数据，根据对应的显示指令进行封装，得到目标数据列表。
将目标数据按照行模板的形式进行填充，再根据显示指令进行包装或者转换，在全部目标数据处理完成后，得到待展示的目标数据列表。
具体的，对所述显示指令进行解析，得到解析后的显示指令；将填充在所述行模板的每一项目标数据，根据解析后的显示指令进行封装，在所有目标数据封装完成后，得到目标数据列表。
步骤S230：将所述目标数据列表发送给客户端，以使所述客户端展示所述目标数据列表。
客户端接收到服务器返回的目标数据列表时，直接对所述目标数据列表进行展示(客户端直接将目标数据列表填充到客户端的页面组件例如DIV或SPAN中)，不需要进行额外的操作。
本发明还提供一种服务器，包括第二存储器和第二处理器，所述第二存储器存储有可在所述第二处理器上运行的计算机程序，所述第二处理器执行所述第二计算机可读程序时实现上述应用于服务器的所述数据列表的展示方法中的步骤，也就是说，实现上述上述应用于服务器的所述数据列表的展示方法中的任意一个技术方案中的步骤。
本发明还提供一种数据列表的展示系统，所述系统包括客户端和服务器，其中：
所述客户端包括第一存储器和第一处理器，所述第一存储器存储有可在所述第一处理器上运行的第一计算机可读程序，所述第一处理器执行所述第一计算机可读程序时实现上述应用于客户端的任意一项所述数据列表的展示方法中的步骤，也就是说，实现上述应用于客户端的任意一项所述数据列表的展示方法中任意一个技术方案中的步骤；
所述服务器包括第二存储器和第二处理器，所述第二存储器存储有可在所述第二处理器上运行的计算机程序，所述第二处理器执行所述第二计算机可读程序时实现上述应用于服务器的所述数据列表的展示方法中的步骤，也就是说，实现上述上述应用于服务器的所述数据列表的展示方法中的任意一个技术方案中的步骤。
在一个具体的实施方式中，所述服务器和客户端使用AJAX的方式进行通信。AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML)，是一种创建交互式网页应用的网页开发技术，使用AJAX技术在无需重新加载整个网页的情况下，能够更新部分网页的技术。
应当理解，虽然本说明书按照实施方式加以描述，但并非每个实施方式仅包含一个独立的技术方案，说明书的这种叙述方式仅仅是为清楚起见，本领域技术人员应当将说明书作为一个整体，各实施方式中的技术方案也可以经适当组合，形成本领域技术人员可以理解的其他实施方式。
上文所列出的一系列的详细说明仅仅是针对本发明的可行性实施方式的具体说明，它们并非用以限制本发明的保护范围，凡未脱离本发明技艺精神所作的等效实施方式或变更均应包含在本发明的保护范围之内。
Claims (10)
1.一种数据列表的展示方法，其特征在于，所述方法应用于客户端，包括：
获取数据列表的行模板、以及所述行模板每一项对应的显示指令；
当收到目标数据列表查看命令时，将所述查看命令、行模板和显示指令发送至服务器，以使服务器按照所述查看命令获取目标数据，并将所述目标数据按照所述行模板和显示指令的要求封装成目标数据列表；
当接收到所述服务器返回的目标数据列表时，对所述目标数据列表进行展示。
2.根据权利要求1所述数据列表的展示方法，其特征在于：
所述显示指令包括包装指令和转换指令，所述包装指令包括字符串格式化指令、日期格式化指令、数值格式化指令；所述转换指令包括逻辑表达式指令、分支表达式指令和方法调用表达式指令。
3.根据权利要求1所述数据列表的展示方法，其特征在于：
所述目标数据列表查看命令包括列表分页大小、列表分页页数和查询条件。
4.根据权利要求1所述数据列表的展示方法，其特征在于，所述方法还包括：
根据预设规则配置数据列表的行模板、以及所述行模板每一项对应的显示指令。
5.一种数据列表的展示方法，其特征在于，所述方法应用于服务器，包括：
当获取到客户端发送的目标数据列表查看指令、静态数据列表的行模板和所述行模板每一项对应的显示指令时，根据所述查看指令获取目标数据；
将所述目标数据按照所述行模板的形式进行填充，对于填充在所述行模板的每一项目标数据，根据对应的显示指令进行封装，得到目标数据列表；
将所述目标数据列表发送给客户端，以使所述客户端展示所述目标数据列表。
6.根据权利要求5所述数据列表的展示方法，其特征在于，所述“对于填充在所述行模板的每一项目标数据，根据对应的显示指令进行封装，得到目标数据列表”包括：
对所述显示指令进行解析，得到解析后的显示指令；
将填充在所述行模板的每一项目标数据，根据解析后的显示指令进行封装，在所有目标数据封装完成后，得到目标数据列表。
7.一种客户端，其特征在于，包括第一存储器和第一处理器，所述第一存储器存储有可在所述第一处理器上运行的第一计算机可读程序，所述第一处理器执行所述第一计算机可读程序时实现权利要求1-4任意一项所述数据列表的展示方法中的步骤。
8.一种服务器，其特征在于，包括第二存储器和第二处理器，所述第二存储器存储有可在所述第二处理器上运行的计算机程序，所述第二处理器执行所述第二计算机可读程序时实现权利要求5所述数据列表的展示方法中的步骤。
9.一种数据列表的展示系统，所述系统包括客户端和服务器，其特征在于：
所述客户端包括第一存储器和第一处理器，所述第一存储器存储有可在所述第一处理器上运行的第一计算机可读程序，所述第一处理器执行所述第一计算机可读程序时实现权利要求1-4任意一项所述数据列表的展示方法中的步骤；
所述服务器包括第二存储器和第二处理器，所述第二存储器存储有可在所述第二处理器上运行的计算机程序，所述第二处理器执行所述第二计算机可读程序时实现权利要求5所述数据列表的展示方法中的步骤。
10.根据权利要求9所述数据列表的展示系统，其特征在于：
所述服务器和客户端使用AJAX的方式进行通信。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010922942.0A CN112035568A (zh) | 2020-09-04 | 2020-09-04 | 数据列表的展示方法、客户端、服务器及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010922942.0A CN112035568A (zh) | 2020-09-04 | 2020-09-04 | 数据列表的展示方法、客户端、服务器及系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112035568A true CN112035568A (zh) | 2020-12-04 |
Family
ID=73590672
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010922942.0A Pending CN112035568A (zh) | 2020-09-04 | 2020-09-04 | 数据列表的展示方法、客户端、服务器及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112035568A (zh) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101216817A (zh) * | 2007-12-29 | 2008-07-09 | 中国建设银行股份有限公司 | 一种异构报表整合及集中管理的装置和系统 |
| CN101515250A (zh) * | 2009-04-09 | 2009-08-26 | 腾讯科技（深圳）有限公司 | 对软件系统进行测试的方法和装置 |
| CN102148833A (zh) * | 2011-04-18 | 2011-08-10 | 中国工商银行股份有限公司 | 数据报表的传输方法、服务器、客户端以及系统 |
| CN107967143A (zh) * | 2017-12-14 | 2018-04-27 | 泰康保险集团股份有限公司 | 获取客户端应用程序源代码的更新指示信息的方法、装置和系统 |
| CN110516178A (zh) * | 2019-07-23 | 2019-11-29 | 平安科技（深圳）有限公司 | 基于大数据的多级品目展示方法、服务器及存储介质 |
| CN110837534A (zh) * | 2019-11-07 | 2020-02-25 | 北京字节跳动网络技术有限公司 | 一种数据列表的展示方法、装置、设备和存储介质 |
-
2020
- 2020-09-04 CN CN202010922942.0A patent/CN112035568A/zh active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101216817A (zh) * | 2007-12-29 | 2008-07-09 | 中国建设银行股份有限公司 | 一种异构报表整合及集中管理的装置和系统 |
| CN101515250A (zh) * | 2009-04-09 | 2009-08-26 | 腾讯科技（深圳）有限公司 | 对软件系统进行测试的方法和装置 |
| CN102148833A (zh) * | 2011-04-18 | 2011-08-10 | 中国工商银行股份有限公司 | 数据报表的传输方法、服务器、客户端以及系统 |
| CN107967143A (zh) * | 2017-12-14 | 2018-04-27 | 泰康保险集团股份有限公司 | 获取客户端应用程序源代码的更新指示信息的方法、装置和系统 |
| CN110516178A (zh) * | 2019-07-23 | 2019-11-29 | 平安科技（深圳）有限公司 | 基于大数据的多级品目展示方法、服务器及存储介质 |
| CN110837534A (zh) * | 2019-11-07 | 2020-02-25 | 北京字节跳动网络技术有限公司 | 一种数据列表的展示方法、装置、设备和存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20220067268A1 (en) | Systems and methods for remote dashboard image generation | |
| US8136109B1 (en) | Delivery of data and formatting information to allow client-side manipulation | |
| US10008009B1 (en) | Method for generating dynamic vector graphics | |
| US7050056B2 (en) | Interactive and web-based Gantt Chart | |
| US9224151B2 (en) | Presenting advertisements based on web-page interaction | |
| US8365203B2 (en) | Method for creating a native application for mobile communications device in real-time | |
| US20090132904A1 (en) | Method, Apparatus and Computer Program Product for Interactive Surveying | |
| US8209598B1 (en) | Exporting electronic documents from rich internet applications | |
| US10664556B2 (en) | Adaptable user interface layout | |
| KR20110132332A (ko) | 웹상의 문서보기를 위해 폰트를 제공하는 컴퓨터 구현방법 및 시스템과 컴퓨터 판독가능 매체 | |
| IL168621A (en) | A method and device for viewing and interacting with a spreadsheet from a web browser | |
| CN108595697B (zh) | 网页集成方法、装置及系统 | |
| US20080046872A1 (en) | Compiler using interactive design markup language | |
| AU2006291331B2 (en) | Script markup | |
| CN110990431A (zh) | 一种实现中国地图和折线图数据同步联动轮播的方法 | |
| US20150046792A1 (en) | System and Method for Rendering an Assessment Item | |
| US10346511B2 (en) | Scalable content rendering | |
| US9772986B2 (en) | Transforming HTML forms into mobile native forms | |
| CN107391175B (zh) | 控件数据配置方法及计算机可读存储介质 | |
| CN112035568A (zh) | 数据列表的展示方法、客户端、服务器及系统 | |
| CN116009863B (zh) | 前端页面渲染方法、设备及存储介质 | |
| US11741295B2 (en) | Independent rendering engine for a user interface internationalization | |
| CN116522892B (zh) | 一种报告模板的自动生成方法及生成系统 | |
| EP3015977A1 (en) | Rendering a user interface | |
| CN116881098A (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 |