一种数据显示方法、计算设备和存储介质技术

本发明专利技术公开了一种数据显示方法、计算设备和存储介质，方法包括：从网络服务器获取待显示数据；根据已获取数据绘制数据表格；将数据表格的标签列渲染至第一区域，以在当前显示页面固定显示数据表格的标签；若第二区域的宽度小于数据表格中所有单元格标签列的宽度，则在第二区域显示部分单元格标签列；当监测到在第二区域的第一操作时，滑动数据表格的单元格标签列，以在第二区域显示数据表格的其余单元格标签列。由上述内容可知，本发明专利技术可实现用户可在当前显示页面查看数据表格的完整数据，即在一个显示页面中即可显示所有数据，对于用户而言数据显示效果更加简洁、对数据的操作更加方便，从而提高用户体验。从而提高用户体验。从而提高用户体验。

【技术实现步骤摘要】
一种数据显示方法、计算设备和存储介质


[0001]本专利技术涉及计算机
，特别涉及一种数据显示方法、计算设备和存储介质。

技术介绍

[0002]目前，为了让用户更加直观地比对各项数据(例如价格、指标等)，多通过数据表格(简称为table)布局数据，即通过table的形式显示数据。表格布局，多通过静态表格显示数据，可以清晰地向用户展示数据，实现了行和列的区分。但是当列的个数较多时，移动终端的显示界面无法完整展示所有数据，用户无法查看完整的数据，导致table的数据显示效果差，用户体验不佳。另外，已有的table只能在绘制数据表格之前通过改变样式来确定不同列的高度，灵活性差。

技术实现思路

[0003]为此，本专利技术提供一种数据显示方法，以力图解决或者至少缓解上面存在的问题。
[0004]根据本专利技术的一个方面，提供了一种数据显示方法，在移动终端中执行，所述移动终端与网络服务器通信连接，网络服务器中存储有待显示数据，当前显示页面包括第一区域和第二区域，第一区域为固定区域，第二区域为可滑动区域，所述方法包括：从网络服务器获取待显示数据；根据已获取数据绘制数据表格，其中，数据表格中包括一个标签列和与标签列对应的多个单元格标签列；将数据表格的标签列渲染至第一区域，以在当前显示页面固定显示数据表格的标签；若第二区域的宽度小于数据表格中所有单元格标签列的宽度，则在第二区域显示部分单元格标签列；当监测到在第二区域的第一操作时，滑动数据表格的单元格标签列，以在第二区域显示数据表格的其余单元格标签列。<br/>[0005]可选地，待显示数据包括一组或多组数据，各组数据为键值对形式，各组数据的键值对的键相同，根据已获取的数据绘制数据表格的步骤包括：判断任一键所对应的多个键值内容是否为空，若是，则从待显示数据中将该键、该键对应的所有键值删除，得到更新后的数据，若否，则将已获取数据中与该键对应的内容为空的键值更新为预设形式，得到更新后的数据；将更新后的数据中所有键值对的键作为数据表格的标签列；将更新后的数据中任一组数据的键值作为数据表格的一列单元格标签。
[0006]可选地，数据表格中包括多个模块，本专利技术的数据显示方法还包括步骤：在各模块前添加与其对应的标题。
[0007]可选地，第一区域的宽度固定，将数据表格的标签列渲染至第一区域的步骤包括：根据第一区域的固定宽度和数据表格的标签列中各标签的长度确定各标签的列高度；按照各标签的高度在第一区域渲染数据表格的标签列。
[0008]可选地，各组数据对应有唯一数据名称，本专利技术的数据显示方法还包括步骤：在第二区域中、与各组数据对应的单元格标签列前渲染各组数据的数据名称。
[0009]可选地，本专利技术的数据显示方法还包括步骤：将已获取数据缓存至本地；当监测到选中数据名称的操作，从本地获取与已选中数据名称对应的数数据；根据已获取数据绘制
数据表格；在当前显示界面渲染所述数据表格。
[0010]可选地，本专利技术的数据显示方法还包括步骤：当监测到针对已选中数据名称进行固定操作时，从本地获取与已选中数据名称对应的数据；从当前显示界面中删除与已选中数据名称对应的单元格标签列；将已获取数据的键值对的键值显示在第二区域的第一列位置处；将当前显示页面中显示的其余单元格标签列顺序后延一列位置。
[0011]可选地，第一操作为滑动所述滑动条的操作，本专利技术的数据显示方法还包括步骤：判断当前是否满足预设触发条件，若是，在第二区域的预设位置处显示滑动条；当监测到在第二区域滑动所述滑动条的操作时，生成滑动事件。
[0012]可选地，当监测到在第二区域的第一操作时，通过如下方式实现滑动数据表格的单元格标签列：为各模块的最外层标签元素添加相同的类名；获取具有相同类名的元素，并配置为数组；若数组长度大于零，循环读取数组中的标签元素；为已读取的标签元素添加滑动事件，以实现当监测到在第二区域的第一操作时滑动数据表格的单元格标签列。
[0013]根据本专利技术的一个方面，提供了一种计算设备，包括：至少一个处理器；以及存储器，存储有程序指令，其中，所述程序指令被配置为适于由所述至少一个处理器执行，所述程序指令包括用于执行如上所述方法的指令。
[0014]根据本专利技术的一个方面，提供了一种存储有程序指令的可读存储介质，当所述程序指令被计算设备读取并执行时，使得所述计算设备执行如上所述的方法。
[0015]根据本专利技术的技术方案，提供了一种数据显示方法，包括从网络服务器获取待显示数据，根据已获取数据绘制数据表格，将数据表格的标签列渲染至第一区域，以在当前显示页面固定显示数据表格的标签，若第二区域的宽度小于数据表格中所有单元格标签列的宽度，则在第二区域显示部分单元格标签列，当监测到在第二区域的第一操作时，滑动数据表格的单元格标签列，以在第二区域显示所述数据表格的其余单元格标签列。
[0016]基于上述内容可知，本专利技术提供的数据显示方法，在当前显示界面无法完整显示数据表格的单元格标签列时，可通过滑动第二区域的滑动条，根据与滑动操作相同方向滑动数据表格的单元格标签列，以在第二区域显示数据表格的其余单元格标签列，使得用户可在当前显示页面查看数据表格的完整数据，即，在一个显示页面中即可显示所有数据，对于用户而言数据显示效果更加简洁、对数据的操作更加方便，从而提高用户体验。
[0017]上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。
附图说明
[0018]为了实现上述以及相关目的，本文结合下面的描述和附图来描述某些说明性方面，这些方面指示了可以实践本文所公开的原理的各种方式，并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述，本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开，相同的附图标记通常指代相同的部件或元素。
[0019]图1示出了根据本专利技术一个实施例的数据显示系统100的示意图；
[0020]图2示出了根据本专利技术一个实施例的移动终端200的结构框图；
[0021]图3示出了根据本专利技术一个实施例的数据显示方法300的流程图；
[0022]图4示出了根据本专利技术一个实施例的当前显示页面的部分内容示意图；
[0023]图5示出了根据本专利技术另一个实施例的当前显示页面的部分内容示意图；
[0024]图6示出了根据本专利技术另一个实施例的当前显示页面的部分内容示意图。
具体实施方式
[0025]下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
[0026]目前，为了让用户更加直观地比对各项数据，多通过ta本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种数据显示方法，在移动终端中执行，所述移动终端与网络服务器通信连接，所述网络服务器中存储有待显示数据，当前显示页面包括第一区域和第二区域，所述第一区域为固定区域，所述第二区域为可滑动区域，所述方法包括：从所述网络服务器获取待显示数据；根据已获取数据绘制数据表格，其中，所述数据表格中包括一个标签列和与标签列对应的多个单元格标签列；将数据表格的标签列渲染至所述第一区域，以在当前显示页面固定显示所述数据表格的标签；若第二区域的宽度小于所述数据表格中所有单元格标签列的宽度，则在所述第二区域显示部分单元格标签列；当监测到在所述第二区域的第一操作时，滑动所述数据表格的单元格标签列，以在所述第二区域显示所述数据表格的其余单元格标签列。2.如权利要求1所述的方法，其中，所述待显示数据包括一组或多组数据，各组数据为键值对形式，各组数据的键值对的键相同，所述根据已获取的数据绘制数据表格的步骤包括：判断任一键所对应的多个键值内容是否为空，若是，则从待显示数据中将该键、该键对应的所有键值删除，得到更新后的数据，若否，则将已获取数据中与该键对应的内容为空的键值更新为预设形式，得到更新后的数据；将更新后的数据中所有键值对的键作为所述数据表格的标签列；将更新后的数据中任一组数据的键值作为数据表格的一列单元格标签。3.如权利要求1或2所述的方法，其中，所述数据表格中包括多个模块，所述方法还包括步骤：在各模块前添加与其对应的标题。4.如权利要求1至3中任一项所述的方法，其中，所述第一区域的宽度固定，所述将数据表格的标签列渲染至所述第一区域的步骤包括：根据所述第一区...

【专利技术属性】
技术研发人员：张琪琪，
申请(专利权)人：车智互联北京科技有限公司，
类型：发明
国别省市：