页面中列表的显示控制方法、系统、介质及设备与流程

1.本发明涉及数据处理技术领域，具体涉及一种页面中列表的显示控制方法、系统、介质及设备。


背景技术：

2.在现有技术中，计算机显示页面展示中经常会遇到从数据库读取列表数据列数过多，在有限的显示空间内会出现超长横向滚动条，超出显示区域的列表需要横向滑动才可进行查看，对于浏览、编辑、确认等操作，特别不友好，非常影响用户的页面操作体验感。


技术实现要素：

3.本发明要解决的技术问题是为了克服现有技术中数据列表展示无法满足用户的实际操作需求的缺陷，提供一种页面中列表的显示控制方法、系统、介质及设备。
4.本发明是通过下述技术方案来解决上述技术问题：
5.一种页面中列表的显示控制方法，包括以下步骤：
6.获取所述页面中列表显示区域的区域尺寸信息；
7.获取所述列表显示区域中的显示列表的列表尺寸信息；
8.在所述列表尺寸信息的表征超出所述区域尺寸信息时，则将所述显示列表拆分成多个子列表，所述子列表的边界在所述列表显示区域内；
9.控制多个所述子列表在所述列表显示区域中进行显示。
10.较佳地，所述区域尺寸信息包括区域宽度信息，所述列表尺寸信息包括列表宽度信息；
11.所述控制多个所述子列表在所述列表显示区域中进行显示，包括：
12.控制多个所述子列表在所述列表显示区域中呈纵向排布显示。
13.较佳地，所述在所述列表尺寸信息的表征超出所述区域尺寸信息时，则将显示列表拆分成多个子列表，包括：
14.在所述列表宽度信息超出所述区域宽度信息时，则将所述显示列表拆分成多个所述子列表。
15.较佳地，所述区域尺寸信息包括区域高度信息，所述列表尺寸信息包括列表高度信息；
16.所述控制多个所述子列表在所述列表显示区域中进行显示，包括：
17.控制多个所述子列表在所述列表显示区域中呈横向排布显示。
18.较佳地，所述在所述列表尺寸信息的表征超出所述区域尺寸信息时，则将显示列表拆分成多个子列表，包括：
19.在所述列表高度信息超出所述区域高度信息时，则将所述显示列表拆分成多个所述子列表。
20.较佳地，所述控制多个所述子列表在所述列表显示区域中进行显示，包括：
21.获取不同的所述子列表之间的拆分节点信息；
22.控制多个所述子列表根据所述拆分节点信息进行依次排列显示。
23.较佳地，所述将所述显示列表拆分成多个子列表，包括：
24.计算所述列表尺寸信息与所述区域尺寸信息的第一比值；
25.基于所述第一比值确定所述子列表的总数量；
26.其中，所述总数量的所述子列表基于所述拆分节点信息进行关联。
27.较佳地，所述将所述显示列表拆分成多个子列表，包括：
28.获取所述区域尺寸信息展示完整列表对应的第一列表信息；
29.其中，所述第一列表信息包括第一数量的行数或列数；
30.获取所述列表尺寸信息对应的第二列表信息；
31.其中，所述第二列表信息包括第二数量的行数或列数；
32.计算所述第二列表信息和所述第一列表信息的第二比值，基于所述第二比值确定所述子列表的总数量；
33.其中，所述总数量的所述子列表基于所述拆分节点信息进行关联。
34.本发明还提供一种页面中列表的显示控制系统，包括：区域尺寸获取模块、列表尺寸获取模块和列表拆分模块和显示控制模块；
35.所述区域尺寸获取模块用于获取所述页面中列表显示区域的区域尺寸信息；
36.所述列表尺寸获取模块用于获取所述列表显示区域中的显示列表的列表尺寸信息；
37.所述列表拆分模块用于在所述列表尺寸信息的表征超出所述区域尺寸信息时，将所述显示列表拆分成多个子列表，所述子列表的边界在所述列表显示区域内；
38.所述显示控制模块用于控制多个所述子列表在所述列表显示区域中进行显示。
39.本发明还提供一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现如上所述的页面中列表的显示控制方法。
40.本发明还提供一种电子设备，其特征在于，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上所述的页面中列表的显示控制方法。
41.本发明的积极进步效果在于：
42.本发明中，通过获取列表显示区域的区域尺寸信息和显示列表的列表尺寸信息，在显示列表的列表尺寸信息超出列表显示区域的区域尺寸信息时，将所述数据列表拆分为若干个列表并控制子列表在显示区域内显示，使其无需进一步滑动操作即可展示全部列表数据，提高了页面操作的便捷性和操作体验感。
附图说明
43.图1为现有页面中的显示列表的展示示意图。
44.图2为本发明实施例1的页面中列表的显示控制方法的流程图。
45.图3为本发明实施例1的步骤s4的执行流程图。
46.图4为本发明实施例1的一可实施方案中将显示列表拆分成多个子列表的执行流
程图。
47.图5为本发明实施例1的另一可实施方案中将显示列表拆分成多个子列表的执行流程图。
48.图6为本发明实施例1的自动拆分列表后的第一展示示意图。
49.图7为本发明实施例1的自动拆分列表后的第二展示示意图。
50.图8为本发明实施例1的自动拆分列表后的第三展示示意图。
51.图9为本发明实施例2的页面中列表的显示控制系统的模块示意图。
52.图10为本发明实施例3的电子设备的硬件结构示意图。
具体实施方式
53.下面通过实施例的方式进一步说明本发明，但并不因此将本发明限制在所述的实施例范围之中。
54.实施例1
55.本实施例提供一种页面中列表的显示控制方法，如图2所示，包括以下步骤：
56.s1、获取页面中列表显示区域的区域尺寸信息；
57.在本步骤中，列表显示区域是页面中专门显示列表的区域，区域尺寸信息为确定显示区域大小的信息，可以为本区域的宽度、高度或像素点数量信息。
58.s2、获取列表显示区域中的显示列表的列表尺寸信息；
59.在本步骤中，列表尺寸信息包括显示列表位于显示区域内的尺寸信息，也包括显示列表位于显示区域外的尺寸信息。可选地，列表尺寸信息可以为列表的列数、行数、宽度或高度，也可以是显示列表所需的像素点数量。
60.s3、在列表尺寸信息表征超出区域尺寸信息时，则将显示列表拆分成多个子列表，子列表的边界在列表显示区域内；
61.在本步骤中，子列表的边界均在列表显示区域内，子列表的全部内容完全展示在列表显示区域内，即无需多余的滑动即可通过拆分后的各子列表的组合，在显示区域内查看完整的显示列表。
62.s4、控制多个子列表在列表显示区域中进行显示。
63.在一可实施的方案中，如图3所示，步骤s4具体包括：
64.s41、获取不同的子列表之间的拆分节点信息；
65.在本步骤中，拆分节点信息为表征被拆分后的相邻两表之间的关联信息，以知晓每个子列表之间的依次放置位置，可以根据步骤s1和步骤s2获取的区域尺寸信息和列表尺寸信息确定。
66.s42、控制多个子列表根据拆分节点信息进行依次排列显示。
67.在本步骤中，控制多个子列表根据拆分节点信息排列，排列方式可以是重叠排列、纵向排列或横向排列。需要说明的是此处仅为对排列方式的举例，并不构成对本发明的技术方案的限定。
68.在一可实施的方案中，如图4所示，将显示列表拆分成多个子列表的步骤具体包括：
69.s31、计算列表尺寸信息与区域尺寸信息的第一比值；
70.s32、基于第一比值确定子列表的总数量；其中，总数量的子列表基于拆分节点信息进行关联。
71.在一可实施的方案中，区域尺寸信息包括区域宽度信息，列表尺寸信息包括列表宽度信息；在列表宽度信息超出区域宽度信息时，则将显示列表拆分成多个子列表；第一比值＝列表宽度信息/区域宽度信息。
72.可选地，控制多个子列表在列表显示区域中呈纵向排布显示。
73.在一可实施的方案中，区域尺寸信息包括区域高度信息，列表尺寸信息包括列表高度信息；在列表高度信息超出区域高度信息时，则将显示列表拆分成多个子列表；第一比值＝列表高度信息/区域高度信息。
74.可选地，控制多个子列表在列表显示区域中呈横向排布显示。
75.在一可实施的方案中，如图5所示，将显示列表拆分成多个子列表的步骤具体包括：
76.s51、获取区域尺寸信息展示完整列表对应的第一列表信息；
77.其中，第一列表信息包括第一数量的行数或列数；
78.s52、获取列表尺寸信息对应的第二列表信息；
79.其中，第二列表信息包括第二数量的行数或列数；
80.s53、计算第二列表信息和第一列表信息的第二比值，基于第二比值确定子列表的总数量；
81.其中，总数量的子列表基于拆分节点信息进行关联。
82.下面通过一具体实例，说明本实施例1提供的显示控制方法的实现原理：
83.如图1所示，现有技术中，在前端页面展示一个大列表时，当列数过多，在有限的横向空间会出现横向滑动的效果，不利于操作的便捷性，操作体验感较差。
84.将图1中示出的列表运用本实施例提供的显示控制方法处理后，如图6所示，展示效果更加清楚，有利于操作。
85.具体地，获取显示区域的区域尺寸信息，即获取显示区域的可显示的列数为7列；获取显示列表的列表尺寸信息即显示列表的列数为21列；可见，列表尺寸信息超出区域尺寸信息，显示列表的列数21列与显示区域可显示的列数7列的比值为3，根据此比值将显示列表拆分成3个子列表，并将拆分后的3个子列表依次纵向排列。
86.如图7所示，本实施例提供的页面中列表的显示控制方法还可以应用于具体的数据管理系统中。
87.如图8所示，本实施例提供的显示控制方法可以适应不同列表尺寸的显示列表。
88.本实施例提供的显示控制方法，通过获取页面中列表显示区域的区域尺寸信息、显示列表的列表尺寸信息，在列表尺寸信息超出区域尺寸信息时将显示列表拆分成多个子列表并控制子列表在显示区域内进行显示，使其无需进一步滑动操作即可展示全部显示列表的全部列表数据，提高了页面操作的便捷性和操作体验感。
89.实施例2
90.本实施例提供一种页面中列表的显示控制系统，如图9所示，包括：区域尺寸获取模块110、列表尺寸获取模块120和列表拆分模块130和显示控制模块140；
91.区域尺寸获取模块110用于获取页面中列表显示区域的区域尺寸信息；
92.列表尺寸获取模块120用于获取列表显示区域中的显示列表的列表尺寸信息；
93.列表拆分模块130用于在列表尺寸信息的表征超出区域尺寸信息时，将显示列表拆分成多个子列表，子列表的边界在列表显示区域内；
94.显示控制模块140用于控制多个子列表在列表显示区域中进行显示。
95.在一可实施的方案中，区域尺寸获取模块110获取的区域尺寸信息包括区域宽度信息，列表尺寸获取模块120获取的列表尺寸信息包括列表宽度信息。列表拆分模块130用于在列表宽度信息超出区域宽度信息时，将显示列表拆分成多个子列表；显示控制模块140用于控制多个子列表在列表显示区域中呈纵向排布显示。
96.在一可实施的方案中，区域尺寸获取模块110获取的区域尺寸信息包括区域高度信息，列表尺寸获取模块120获取的列表尺寸信息包括列表高度信息。列表拆分模块130用于在列表高度信息超出区域高度信息时，将显示列表拆分成多个子列表。显示控制模块140用于控制多个子列表在列表显示区域中呈横向排布显示。
97.在一可实施的方案中，本实施例提供的页面中列表的显示控制系统还包括拆分节点获取模块150；
98.拆分节点获取模块150用于获取不同的子列表之间的拆分节点信息；
99.显示控制模块140还用于控制多个子列表根据拆分节点信息进行依次排列显示。
100.在一可实施的方案中，列表拆分模块130还用于计算列表尺寸信息与区域尺寸信息的第一比值；基于第一比值确定子列表的总数量；其中，总数量的子列表基于拆分节点信息进行关联。
101.在一可实施的方案中，区域尺寸获取模块110还用于获取区域尺寸信息展示完整列表对应的第一列表信息；其中，第一列表信息包括第一数量的行数或列数。列表尺寸信息获取模块120还用于获取列表尺寸信息对应的第二列表信息；其中，第二列表信息包括第二数量的行数或列数。列表拆分模块130还用于计算第二列表信息和第一列表信息的第二比值，基于第二比值确定子列表的总数量；其中，总数量的子列表基于拆分节点信息进行关联。
102.另外，需要说明的是，本实施例的显示控制系统的实现原理与实施例1中的显示控制方法的实现原理类似，因此就不再赘述。
103.本实施例提供的显示控制系统，通过获取页面中列表显示区域的区域尺寸信息、显示列表的列表尺寸信息，在列表尺寸信息超出区域尺寸信息时将显示列表拆分成多个子列表并控制子列表在显示区域内进行显示，使其无需进一步滑动操作即可展示全部显示列表的全部列表数据，提高了页面操作的便捷性和操作体验感。
104.实施例3
105.本实施例提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现实施例1中提供的页面中列表的显示控制方法。
106.图10为本实施例提供的一种电子设备的结构示意图。图10示出了适于用来实现本发明实施方式的示例性电子设备90的框图。图10显示的电子设备90仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
107.如图10所示，电子设备90可以以通用计算设备的形式表现，例如其可以为服务器
设备。电子设备90的组件可以包括但不限于：至少一个处理器91、至少一个存储器92、连接不同系统组件(包括存储器92和处理器91)的总线93。
108.总线93包括数据总线、地址总线和控制总线。
109.存储器92可以包括易失性存储器，例如随机存取存储器(ram)921和/或高速缓存存储器922，还可以进一步包括只读存储器(rom)923。
110.存储器92还可以包括具有一组(至少一个)程序模块924的程序工具925，这样的程序模块924包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。
111.处理器91通过运行存储在存储器92中的计算机程序，从而执行各种功能应用以及数据处理。
112.电子设备90也可以与一个或多个外部设备94(例如键盘、指向设备等)通信。这种通信可以通过输入/输出(i/o)接口95进行。并且，电子设备90还可以通过网络适配器96与一个或者多个网络(例如局域网(lan)，广域网(wan)和/或公共网络，例如因特网)通信。网络适配器96通过总线93与电子设备90的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备90使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理器、外部磁盘驱动阵列、raid(磁盘阵列)系统、磁带驱动器以及数据备份存储系统等。
113.应当注意，尽管在上文详细描述中提及了电子设备的若干单元/模块或子单元/模块，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本技术的实施方式，上文描述的两个或更多单元/模块的特征和功能可以在一个单元/模块中具体化。反之，上文描述的一个单元/模块的特征和功能可以进一步划分为由多个单元/模块来具体化。
114.实施例4
115.本实施例提供一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现实施例1中提供的页面中列表的显示控制方法。
116.其中，可读存储介质可以采用的更具体可以包括但不限于：便携式盘、硬盘、随机存取存储器、只读存储器、可擦拭可编程只读存储器、光存储器件、磁存储器件或上述的任意合适的组合。
117.在可能的实施方式中，本发明还可以实现为一种程序产品的形式，其包括程序代码，当程序产品在终端设备上运行时，程序代码用于使终端设备执行实现实施例1中提供的页面中列表的显示控制方法。
118.其中，可以以一种或多种程序设计语言的任意组合来编写用于执行本发明的程序代码，程序代码可以完全地在用户设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户设备上部分在远程设备上执行或完全在远程设备上执行。
119.虽然以上描述了本发明的具体实施方式，但是本领域的技术人员应当理解，这仅是举例说明，本发明的保护范围是由所附权利要求书限定的。本领域的技术人员在不背离本发明的原理和实质的前提下，可以对这些实施方式做出多种变更或修改，但这些变更和修改均落入本发明的保护范围。