CN110209965A - 用于显示信息的方法和装置 - Google Patents

Abstract

本申请实施例公开了用于显示信息的方法和装置。该方法的一具体实施方式包括：获取页面的展示区中用于显示物品信息的框架列表，其中，框架列表中各行单元格的两端对齐；提取框架列表中最后一行单元格的数量，确定该数量是否小于预设数量；响应于确定小于，在框架列表中最后一行的预设位置插入目标数量的单元格，其中，目标数量为预设数量与最后一行单元格的数量的差值；将目标数量的单元格的属性设置为预设属性，生成目标框架列表，其中，具有预设属性的单元格在展示区不显示。该实施方式可以实现最后一行的各单元格的自适应对齐设置，可以提升信息显示效果。

Description

用于显示信息的方法和装置

技术领域

本申请实施例涉及计算机技术领域，具体涉及用于显示信息的方法和装置。

背景技术

随着显示器行业的发展和智能手机、平板电脑等终端的普及，固定宽度的网页布局已经难以满足人们对网页浏览体验的要求了。因此，根据终端自适应布局越来越流行，电子商务网站也越来越多的采用自适应布局。在自适应布局中，列表元素两端自适应对齐布局应用场景非常广泛，如电子商务网站的商品列表中商品的两端自适应对齐。

发明内容

本申请实施例提出了用于显示信息的方法和装置。

第一方面，本申请实施例提供了一种用于显示信息的方法，包括：获取页面的展示区中用于显示物品信息的框架列表，其中，框架列表中各行单元格的两端对齐；提取框架列表中最后一行单元格的数量，确定该数量是否小于预设数量；响应于确定小于，在框架列表中最后一行的预设位置插入目标数量的单元格，其中，目标数量为预设数量与最后一行单元格的数量的差值；将目标数量的单元格的属性设置为预设属性，生成目标框架列表，其中，具有预设属性的单元格在展示区不显示。

在一些实施例中，提取框架列表中最后一行单元格的数量，包括：遍历框架列表，确定框架列表中单元格的总数量和一行中单元格的最大数量；确定总数量除以最大数量的余数是否为预设值；响应于确定总数量除以最大数量的余数不是预设值，将该余数作为框架列表中最后一行单元格的数量。

在一些实施例中，预设数量为一行中单元格的最大数量。

在一些实施例中，框架列表通过以下步骤建立：获取页面的展示区的位置和待展示物品的物品信息，其中，物品信息包括物品的图像信息和数量；将待展示物品的图像信息在位置所指示的展示区依次排列布局，其中，布局后的每行图像信息的两端自适应对齐；根据展示区的图像信息的布局，生成框架列表，其中，待展示物品与框架列表中的单元格一一对应。

在一些实施例中，该方法还包括：将待展示物品的图像信息逐一设置于目标框架列表的目标单元格中，其中，目标单元格为目标框架列表中除插入的目标数量的单元格以外的单元格；将各图像信息与各图像信息所描述的物品的详细页面建立连接关系，生成页面的展示区的显示信息，以显示物品的图像信息。

第二方面，本申请实施例提供了一种用于显示信息的装置，包括：获取单元，配置用于获取页面的展示区中用于显示物品信息的框架列表，其中，框架列表中各行单元格的两端对齐；确定单元，配置用于提取框架列表中最后一行单元格的数量，确定该数量是否小于预设数量；插入单元，配置用于响应于确定小于，在框架列表中最后一行的预设位置插入目标数量的单元格，其中，目标数量为预设数量与最后一行单元格的数量的差值；生成单元，配置用于将目标数量的单元格的属性设置为预设属性，生成目标框架列表，其中，具有预设属性的单元格在展示区不显示。

在一些实施例中，确定单元包括：遍历子单元，配置用于遍历框架列表，确定框架列表中单元格的总数量和一行中单元格的最大数量；确定子单元，配置用于确定总数量除以最大数量的余数是否为预设值；响应子单元，配置用于响应于确定总数量除以最大数量的余数不是预设值，将该余数作为框架列表中最后一行单元格的数量。

在一些实施例中，预设数量为一行中单元格的最大数量。

在一些实施例中，该装置还包括框架列表建立单元，配置用于：获取页面的展示区的位置和待展示物品的物品信息，其中，物品信息包括物品的图像信息和数量；将待展示物品的图像信息在位置所指示的展示区依次排列布局，其中，布局后的每行图像信息的两端自适应对齐；根据展示区的图像信息的布局，生成框架列表，其中，待展示物品与框架列表中的单元格一一对应。

在一些实施例中，该装置还包括：设置单元，配置用于将待展示物品的图像信息逐一设置于目标框架列表的目标单元格中，其中，目标单元格为目标框架列表中除插入的目标数量的单元格以外的单元格；显示单元，配置用于将各图像信息与各图像信息所描述的物品的详细页面建立连接关系，生成页面的展示区的显示信息，以显示物品的图像信息。

第三方面，本申请实施例提供了一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序；当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如上述第一方面中任一实施例所描述的方法。

第四方面，本申请实施例提供了一种计算机可读介质，其上存储有计算机程序，其中，该计算机程序被处理器执行时实现如上述第一方面中任一实施例所描述的方法。

本申请实施例提供的用于显示信息的方法和装置，通过获取页面的展示区中用于显示物品信息的框架列表，从而可以提取该框架列表中最后一行单元格的数量，以确定该数量是否小于预设数量。其中，框架列表中各行单元格的两端对齐。若响应于确定小于，则可以在该框架列表中最后一行的预设位置插入目标数量的单元格。其中，目标数量为预设数量与最后一行单元格的数量的差值。接着，可以将目标数量的单元格的属性设置为预设属性，从而生成目标框架列表。其中，具有预设属性的单元格在展示区不显示。这样，可以使最后一行的各单元格的自适应对齐设置，以实现所需的显示效果。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：

图1是本申请可以应用于其中的示例性系统架构图；

图2是根据本申请的用于显示信息的方法的一个实施例的流程图；

图3A是展示区物品信息的排列布局的一个示意图；

图3B是展示区物品信息的排列布局的又一个示意图；

图3C是展示区物品信息的排列布局的再一个示意图

图3D是插入单元格后的框架列表的一个示意图；

图4是根据本申请的用于显示信息的装置的一个实施例的结构示意图；

图5是适于用来实现本申请实施例的电子设备的计算机系统的结构示意图。

具体实施方式

下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释相关发明，而非对该发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

图1示出了可以应用本申请实施例的用于显示信息的方法或用于显示信息的装置的示例性系统架构100。

如图1所示，系统架构100可以包括终端101、102、103，网络104，服务器105和数据库服务器106。网络104用以在终端101、102、103，服务器105和数据库服务器106之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端101、102、103可以通过网络104与服务器105、数据库服务器106进行交互，以接收或发送消息等。终端101、102、103上可以安装有各种客户端应用，例如网页浏览器、网页设计类应用、购物类应用和即时通讯工具等。

终端101、102、103可以是具有显示屏的各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、膝上型便携计算机和台式计算机等等。

数据库服务器106可以是提供各种服务的服务器，例如数据库服务器106上可以存储有待展示物品的物品信息。其中，物品信息可以包括(但不限于)物品的图像信息、描述信息、价格信息等。

服务器105也可以是提供各种服务的服务器，例如对终端101、102、103上显示的各种应用提供支持的后台服务器。后台服务器可以对页面的展示区中用于显示物品信息的框架列表数据进行分析处理。同时，可以对从数据库服务器106获取待展示物品的物品信息进行分析处理，并且可以将处理结果(例如生成的目标框架列表或页面的展示区的显示信息)发送给终端101、102、103。

需要说明的是，本申请实施例所提供的用于显示信息的方法一般由服务器105执行，相应地，用于显示信息的装置一般设置于服务器105中。

需要指出的是，当服务器105具有数据库服务器106的功能时，系统架构100可以不设置数据库服务器106。

应该理解，图1中的终端、网络、服务器和数据库服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端、网络、服务器和数据库服务器。

继续参见图2，其示出了根据本申请的用于显示信息的方法的一个实施例的流程200。该用于显示信息的方法可以包括以下步骤：

步骤201，获取页面的展示区中用于显示物品信息的框架列表。

在本实施例中，用于显示信息的方法运行于其上的电子设备(例如图1所示的服务器105)可以通过多种方法来获取页面的展示区中用于显示物品信息的框架列表。其中，该框架列表中各行单元格的两端对齐。例如，电子设备可以从本地获取上述框架列表；也可以通过有线连接方式或无线连接方式，从数据库服务器(例如图1所示的数据库服务器106)获取上述框架列表。

需要说明的是，在网页制作的过程中，通常是根据网页内容，来设计网页的框架。其中，网页的框架中可以包含不同位置、不同功能的模块单元。这样，在各模块单元中填充对应的网页内容，便可以生成最终的网页。所以上述框架列表相当于页面的展示区的框架，而框架列表中的单元格相当于模块单元。通过更换框架列表的各单元格中的物品信息，便可以在页面的展示区显示不同的内容。此外，为了使展示效果更加美观，通常框架列表中各行单元格的两端是对齐的。也就是说，展示区每行显示的物品信息是等间隔设置的，且位于展示区边缘的物品信息是对齐的。

在本实施例中，物品信息可以是用于描述所要展示的物品的各种信息。例如物品信息可以包括以下至少一项：编号、简要文字介绍、视频、图像信息、价格等等。并且上述框架列表可以是预先生成的，也可以是实时生成的。

在本实施例的一些可选地实现方式中，电子设备或数据库服务器中可以预先存储有候选框架列表集合。候选框架列表集合中的候选框架列表可以是工作人员根据不同终端(例如图1所示的终端101、102、103)所能显示的页面宽度而预先设计的。这样，电子设备可以根据当前终端显示屏的尺寸，从候选框架列表集合选取匹配的候选框架列表，以作为上述页面的展示区的框架列表。

可选地，上述框架列表可以通过以下步骤建立获得：

首先，电子设备可以获取页面的展示区的位置和待展示物品的物品信息，其中，物品信息包括物品的图像信息和数量。其中，图像信息的格式在本申请中并不限制，其可以是静态图片，也可以是动态图像。这里的数量是指不同的待展示物品的总数量。如待展示物品包括物品A和物品B，那么总数量即为2。

例如，用户可以通过终端来确定页面的展示区的位置，从而终端可以将该位置信息发送给电子设备。同时，用户可以使用终端向电子设备发送待展示物品的标识，这样电子设备可以根据标识，从本地或数据库服务器获取标识所指示的物品的物品信息。其中，标识可以是用于唯一描述物品的信息。标识可以包括文字、数字、字母、字符中的至少一种。

之后，可以将待展示物品的图像信息在位置所指示的展示区依次排列布局，其中，布局后的每行图像信息的两端自适应对齐。

例如，可以利用层叠样式表(Cascading Style Sheets，CSS)的计算机语言函数，来使待展示物品的图像信息在展示区内依次排列布局，且排列布局后的图像信息的两端会自适应对齐。具体地，应用CSS声明：“text-align:justify”，可以实现根据展示区的宽度，每行的图像信息均等间隔排列，且行与行之间两端对齐。同时，应用CSS声明：“display:inline-block”，可以使不同物品的图像信息间表现出内联块元素特性。此时可以实现如图3A所示的排列布局。

CSS是一种用来表现HTML(Hyper Text Markup Language，超文本标记语言)或XML(Extensible Markup Language，可扩展标记语言)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。它能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

但需要说明的是，这种方法一般不会对最后一行的布局进行自适应对齐处理，如图3A所示，通常最后一行的布局是默认居左排列。这就导致最后一行的图像信息在列方向不能与其他行的图像信息对齐，影响显示效果。其中，行方向可以指图3A中的第一方向；列方向可以指图3A中的第二方向。行方向与列方向可以相互垂直。

作为示例，可以对最后一行的图像信息再次利用CSS声明：“text-align:last”，来实现最后一行的两端自适应对齐的排列布局。此时可以实现如图3B所示的排列布局。例如可以对位于最后一行的物品的HTML标签(如ul)声明以下内容的after伪对象(页面中的各个元素都可以看作为一个个对象)：

再例如，还可以利用直译式脚本语言(JavaScript)，来使待展示物品的图像信息在展示区内依次排列布局。这种方法会实时计算并更新图像信息在展示区内的位置，从而实现排列布局后的图像信息的两端自适应对齐。此时可以实现如图3C所示的排列布局。

JavaScript是一种动态类型、弱类型、基于原型的语言，内置支持类型。但需要说明的是，这种完全依赖于JavaScript语言来实现布局的方法，在待展示物品的数量较多或者展示区的尺寸频繁变化的情况下，会涉及大量的计算和DOM(Document Object Model，文档对象模型)操作。进而会影响信息的处理效率以及浏览器的渲染性能。另外，由于不同制造商的不同版本的浏览器对JavaScript版本的支持存在差异，所以还需要进行兼容性问题的处理。

最后，可以根据展示区的图像信息的布局，生成框架列表，其中，待展示物品与框架列表中的单元格一一对应。即框架列表的单元格的数量与上述待展示物品的数量相同，且框架列表的排列布局与展示区的图像信息的布局相同，且框架列表的两端对齐。

步骤202，提取框架列表中最后一行单元格的数量，确定该数量是否小于预设数量。

在本实施例中，对于步骤201中获取的框架列表，电子设备可以提取该框架列表的最后一行单元格的数量，进而可以确定该数量是否小于预设数量。这里的预设数量可以是根据实际情况来设置。若确定该数量小于预设数量，则可以继续执行步骤203。

在本实施例的一些可选地实现方式中，电子设备可以从框架列表的末端或者最后一行的两端中的任一端开始遍历框架列表的各单元格，直至确定单元格发生换行时，停止遍历，从而可提取出最后一行单元格的数量。在这里，确定单元格发生换行的方法在本申请中并不限制。例如可以利用JavaScript依次计算各单元格的特定位置与展示区的底部的距离。其中，特定位置可以(但不限于)是单元格的中心点、任一顶点或边框等。

可选地，首先，电子设备可以遍历框架列表，从而确定框架列表中单元格的总数量和一行中单元格的最大数量；之后，可以确定框架列表的单元格的总数量除以一行的单元格的最大数量的余数是否为预设值(通常为0)；接着，若响应于确定总数量除以最大数量的余数不是预设值，则可以将该余数作为框架列表中最后一行单元格的数量。此过程同样可以利用JavaScript来实现。

可以理解的是，由于每个待展示物品与框架列表中的一个单元格对应，所以在电子设备已获取待展示物品的数量的情况下，可以将待展示物品的数量作为框架列表的单元格的总数量。此时，电子设备可以仅遍历框架列表的第一行，以确定一行中单元格的最大数量。由图3A和图3B可知，通常情况下，框架列表中除去最后一行外，其他各行中单元格的数量是相同的，也就是一行中单元格的最大数量。具体确定方法可以参见上述最后一行单元格的数量的确定方法的相关描述，此处不再赘述。

进一步地，上述预设数量可以为一行中单元格的最大数量。需要说明的是，若最后一行单元格的数量与预设数量相同，即为一行中单元格的最大数量，或者上述余数为0，则说明最后一行的单元格的布局与其他行的单元格的布局相同。即不需要再对获取的框架列表进行处理。

步骤203，响应于确定小于，在框架列表中最后一行的预设位置插入目标数量的单元格。

在本实施例中，根据步骤202中的确定结果，若电子设备确定最后一行单元格的数量小于预设数量，则可以在框架列表中最后一行的预设位置插入目标数量的单元格。其中，目标数量可以为预设数量与最后一行单元格的数量的差值。

这里的预设位置可以根据框架列表的排列布局方式来设置。例如每行单元格从左向右排列，则预设位置可以是最后一行的右侧。再例如每行单元格从右向左排列，则预设位置可以是最后一行的左侧。也就是说，可以在框架列表的末端(即最后一个单元格之后)插入目标数量的单元格。

这样一来，可以使最后一行各单元格(包括原来的单元格和插入的单元格)两端自适应对齐。而且最后一行的各单元格与其他行位于同列的单元格对齐，从而达到较好的显示效果。此时的框架列表可以如图3D所示。其中，虚线单元格即为插入的单元格。

需要说明的是，本实施例中的最后一行通常是指按照排列布局顺序位于框架列表末端的一行的。即当排列布局为从上到下的顺序，则最后一行为最下端的一行；当排列布局为从下到上的顺序，则最后一行为最上端的一行。

步骤204，将目标数量的单元格的属性设置为预设属性，生成目标框架列表。

在本实施例中，电子设备可以将步骤203中插入的目标数量的单元格的属性设置为预设属性。其中，具有该预设属性的单元格在展示区不显示。也就是说，通过将插入的目标数量的单元格的属性设置为预设属性，可以避免对展示区中物品信息的显示产生影响。进而，电子设备可以将插入目标数量的单元格后的框架列表作为目标框架列表，以生成并存储该目标框架列表。

作为示例，同样可以利用CSS声明一个新的类选择器，比如可以命名为.extra：

这样，应用了该类型选择器的元素既不可见，且不会被点击到。此时，可以将插入的目标数量的单元格的属性设置为extra。也就是说，该类型属性的单元格在展示区不会向用户显示，且用户点击这些单元格在展示区中的位置时，也不会有任何触发操作。

在一些应用场景中，在生成目标框架列表之后，电子设备还可以将待展示物品的图像信息逐一设置于目标框架列表的目标单元格中。其中，目标单元格可以为目标框架列表中除插入的目标数量的单元格以外的单元格。之后，可以将各图像信息与各图像信息所描述的物品的详细页面建立连接关系，生成页面的展示区的显示信息，以显示物品的图像信息。即将待展示物品的物品信息逐一填充至目标框架列表的各目标单元格中，这样这些物品信息便能以目标框架列表的布局形式，在用户所使用的终端上显示，显示效果可以参见图3C所示。而且当用户通过点击等方式触发终端上所显示的任一物品信息时，终端上可以进一步显示该物品信息所描述的物品的详细页面。需要说明的是，这里的物品信息可以包括(但不限于)上述的图像信息。

可以理解的是，以CSS为主，JavaScript为辅，来完成物品展示页面的布局，可以充分利用页面的空间来展示物品，实现物品两端的自适应对齐，从而可以满足不同应用场景下的物品展示需求。即每行展示的物品的数量可以自适应调整。同时，可以使最后一行的布局满足所需的效果。此外，与现有技术中完全依靠JavaScript进行布局的方法相比，JavaScript不直接参与布局，仅在一定程度上给予辅助。这样，可以大幅度地减少JavaScript计算和DOM操作，从而可以有助于提高浏览器对展示内容的渲染性能，提升信息处理效率。

本实施例提供的用于显示信息的方法，通过获取页面的展示区中用于显示物品信息的框架列表，从而可以提取该框架列表中最后一行单元格的数量，以确定该数量是否小于预设数量。其中，框架列表中各行单元格的两端对齐。若响应于确定小于，则可以在该框架列表中最后一行的预设位置插入目标数量的单元格。其中，目标数量为预设数量与最后一行单元格的数量的差值。接着，可以将目标数量的单元格的属性设置为预设属性，从而生成目标框架列表。其中，具有预设属性的单元格在展示区不显示。这样，可以使最后一行的各单元格的自适应对齐设置，可以提升信息显示效果。

进一步参见图4，作为对上述各图所示方法的实现，本申请提供了一种用于显示信息的装置的一个实施例。该用于显示信息的装置实施例与上述图1至图2所示的用于显示信息的方法的实施例相对应。由此，上文针对图1至图2中用于显示信息的方法描述的操作和特征同样适用于用于显示信息的装置400及其中包含的单元，在此不再赘述。该装置具体可以应用于各种电子设备中。

如图4所示，本实施例的用于显示信息的装置400可以包括：获取单元401，配置用于获取页面的展示区中用于显示物品信息的框架列表，其中，框架列表中各行单元格的两端对齐；确定单元402，配置用于提取框架列表中最后一行单元格的数量，确定该数量是否小于预设数量；插入单元403，配置用于响应于确定小于，在框架列表中最后一行的预设位置插入目标数量的单元格，其中，目标数量为预设数量与最后一行单元格的数量的差值；生成单元404，配置用于将目标数量的单元格的属性设置为预设属性，生成目标框架列表，其中，具有预设属性的单元格在展示区不显示。

在本实施例的一些可选的实现方式中，确定单元402可以包括：遍历子单元(图中未示出)，配置用于遍历框架列表，确定框架列表中单元格的总数量和一行中单元格的最大数量；确定子单元(图中未示出)，配置用于确定总数量除以最大数量的余数是否为预设值；响应子单元(图中未示出)，配置用于响应于确定总数量除以最大数量的余数不是预设值，将该余数作为框架列表中最后一行单元格的数量。

可选地，预设数量可以为上述一行中单元格的最大数量。

在一些实施例中，该装置400还可以包括框架列表建立单元(图中未示出)，配置用于：获取页面的展示区的位置和待展示物品的物品信息，其中，物品信息包括物品的图像信息和数量；将待展示物品的图像信息在位置所指示的展示区依次排列布局，其中，布局后的每行图像信息的两端自适应对齐；根据展示区的图像信息的布局，生成框架列表，其中，待展示物品与框架列表中的单元格一一对应。

进一步地，该装置400还可以包括：设置单元(图中未示出)，配置用于将待展示物品的图像信息逐一设置于目标框架列表的目标单元格中，其中，目标单元格为目标框架列表中除插入的目标数量的单元格以外的单元格；显示单元(图中未示出)，配置用于将各图像信息与各图像信息所描述的物品的详细页面建立连接关系，生成页面的展示区的显示信息，以显示物品的图像信息。

下面参见图5，其示出了适于用来实现本申请实施例的电子设备的计算机系统500的结构示意图。图5示出的电子设备仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。

如图5所示，计算机系统500包括中央处理单元(CPU)501，其可以根据存储在只读存储器(ROM)502中的程序或者从存储部分508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中，还存储有系统500操作所需的各种程序和数据。CPU 501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。

以下部件连接至I/O接口505：包括触摸屏、键盘、鼠标等的输入部分506；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分507；包括硬盘等的存储部分508；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分509。通信部分509经由诸如因特网的网络执行通信处理。驱动器510也根据需要连接至I/O接口505。可拆卸介质511，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器510上，以便于从其上读出的计算机程序根据需要被安装入存储部分508。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分509从网络上被下载和安装，和/或从可拆卸介质511被安装。在该计算机程序被中央处理单元(CPU)501执行时，执行本申请的方法中限定的上述功能。需要说明的是，本申请的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中，计算机可读介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本申请实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括获取单元、确定单元、插入单元和生成单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，获取单元还可以被描述为“获取页面的展示区中用于显示物品信息的框架列表的单元”。

作为另一方面，本申请还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：获取页面的展示区中用于显示物品信息的框架列表，其中，框架列表中各行单元格的两端对齐；提取框架列表中最后一行单元格的数量，确定该数量是否小于预设数量；响应于确定小于，在框架列表中最后一行的预设位置插入目标数量的单元格，其中，目标数量为预设数量与最后一行单元格的数量的差值；将目标数量的单元格的属性设置为预设属性，生成目标框架列表，其中，具有预设属性的单元格在展示区不显示。

以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本申请中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (12)

1.一种用于显示信息的方法，包括：

获取页面的展示区中用于显示物品信息的框架列表，其中，所述框架列表中各行单元格的两端对齐；

提取所述框架列表中最后一行单元格的数量，确定该数量是否小于预设数量；

响应于确定小于，在所述框架列表中最后一行的预设位置插入目标数量的单元格，其中，所述目标数量为所述预设数量与所述最后一行单元格的数量的差值；

将所述目标数量的单元格的属性设置为预设属性，生成目标框架列表，其中，具有所述预设属性的单元格在所述展示区不显示。

2.根据权利要求1所述的方法，其中，所述提取所述框架列表中最后一行单元格的数量，包括：

遍历所述框架列表，确定所述框架列表中单元格的总数量和一行中单元格的最大数量；

确定所述总数量除以所述最大数量的余数是否为预设值；

响应于确定所述总数量除以所述最大数量的余数不是预设值，将该余数作为所述框架列表中最后一行单元格的数量。

3.根据权利要求2所述的方法，其中，所述预设数量为所述一行中单元格的最大数量。

4.根据权利要求1-3之一所述的方法，其中，所述框架列表通过以下步骤建立：

获取页面的展示区的位置和待展示物品的物品信息，其中，所述物品信息包括物品的图像信息和数量；

将待展示物品的图像信息在所述位置所指示的展示区依次排列布局，其中，布局后的每行图像信息的两端自适应对齐；

根据所述展示区的图像信息的布局，生成框架列表，其中，所述待展示物品与所述框架列表中的单元格一一对应。

5.根据权利要求4所述的方法，其中，所述方法还包括：

将所述待展示物品的图像信息逐一设置于所述目标框架列表的目标单元格中，其中，所述目标单元格为所述目标框架列表中除插入的所述目标数量的单元格以外的单元格；

将各图像信息与各图像信息所描述的物品的详细页面建立连接关系，生成所述页面的展示区的显示信息，以显示物品的图像信息。

6.一种用于显示信息的装置，包括：

获取单元，配置用于获取页面的展示区中用于显示物品信息的框架列表，其中，所述框架列表中各行单元格的两端对齐；

确定单元，配置用于提取所述框架列表中最后一行单元格的数量，确定该数量是否小于预设数量；

插入单元，配置用于响应于确定小于，在所述框架列表中最后一行的预设位置插入目标数量的单元格，其中，所述目标数量为所述预设数量与所述最后一行单元格的数量的差值；

生成单元，配置用于将所述目标数量的单元格的属性设置为预设属性，生成目标框架列表，其中，具有所述预设属性的单元格在所述展示区不显示。

7.根据权利要求6所述的装置，其中，所述确定单元包括：

遍历子单元，配置用于遍历所述框架列表，确定所述框架列表中单元格的总数量和一行中单元格的最大数量；

确定子单元，配置用于确定所述总数量除以所述最大数量的余数是否为预设值；

响应子单元，配置用于响应于确定所述总数量除以所述最大数量的余数不是预设值，将该余数作为所述框架列表中最后一行单元格的数量。

8.根据权利要求7所述的装置，其中，所述预设数量为所述一行中单元格的最大数量。

9.根据权利要求6-8之一所述的装置，其中，所述装置还包括框架列表建立单元，配置用于：

获取页面的展示区的位置和待展示物品的物品信息，其中，所述物品信息包括物品的图像信息和数量；

将待展示物品的图像信息在所述位置所指示的展示区依次排列布局，其中，布局后的每行图像信息的两端自适应对齐；

根据所述展示区的图像信息的布局，生成框架列表，其中，所述待展示物品与所述框架列表中的单元格一一对应。

10.根据权利要求9所述的装置，其中，所述装置还包括：

设置单元，配置用于将所述待展示物品的图像信息逐一设置于所述目标框架列表的目标单元格中，其中，所述目标单元格为所述目标框架列表中除插入的所述目标数量的单元格以外的单元格；

显示单元，配置用于将各图像信息与各图像信息所描述的物品的详细页面建立连接关系，生成所述页面的展示区的显示信息，以显示物品的图像信息。

11.一种电子设备，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-5中任一所述的方法。

12.一种计算机可读介质，其上存储有计算机程序，其中，所述计算机程序被处理器执行时实现如权利要求1-5中任一所述的方法。