商品对象页面信息处理方法及装置与流程

本申请涉及页面信息处理技术领域，特别是涉及商品对象页面信息处理方法及装置。

背景技术：

电子商务交易平台中往往保存有卖家或者商家发布的大量商品对象信息，当买家用户搜索或者查询商品对象时，通常会首先为买家用户客户端提供商品对象列表页，其中包括多个可能符合买家用户要求的商品对象信息。列表页面最重要的功能就是浏览及商品之间的比较，因此，列表页中能够展示的具体到每个商品对象的信息内容是很有限的，例如，通常仅展示有链接图片、名称、价格等等。如果想要查看其中某个商品对象的详情信息，则可以点击其对应的链接图片等，进入到该商品对象的详情页面进行查看。

在传统的实现方式中，在浏览列表页面的过程中，如果想查看下一级内容，例如进入到某商品对象的详情页面，通常需要进入一个新的页面。之后，如果需要再查看其他商品对象，则需要再返回到主列表页面，总之，买家用户需要频繁地切换于列表页与详情页之间，来做同类商品之间属性的对比。

显然，这种传统的方式会使得买家用户的操作路径比较长。为了缩短用户的操作路径，现有技术中有一种实现方案为：在列表页面中某个商品对象被选中后，则将屏幕划分为左右两个区域，左侧区域用于显示商品对象，右侧区域则用户显示被选中的商品对象的详情。例如，图1-1所示为常态化的列表页面，当其中某商品对象被选中后，显示出的页面如图1-2所示，其中，在左侧的101所示的区域，展示有各商品对象的摘要信息，右侧的102区域则展示被选中商品对象的详情信息。而在101区域中，各商品对象所占的单元格面积被缩小，位置也重新布局，只在这有很小的区域范围内进行商品对象选择与切换的效率会比较低，沉浸感差。另外，如果想要回到首页必须切换页面，退出此状态。

技术实现要素：

本申请提供了商品对象页面信息处理方法及装置，能够缩短用户的操作路径，并且避免对商品对象的选择与切换效率造成影响。

本申请提供了如下方案：

一种商品对象页面信息处理方法，包括：

提供商品对象列表展示页面，所述列表展示页面包括多个单元格，每个单元格用于展示一个商品对象的摘要信息；

当第一指定商品对象被选中时，获取所述第一指定商品对象的详细信息，并在当前列表展示页面内确定第一详情信息展示区域，其中，所述第一详情信息展示区域占用至少一个的所述单元格；

在所述第一详情信息展示区域内提供所述第一指定商品对象的详情信息，其中，未被所述第一详情信息展示区域占用的其他单元格中，继续展示商品对象的摘要信息。

一种商品对象页面信息处理装置，包括：

列表页面提供单元，用于提供商品对象列表展示页面，所述列表展示页面包括多个单元格，每个单元格用于展示一个商品对象的摘要信息；

第一详情信息展示区域确定单元，用于当第一指定商品对象被选中时，获取所述第一指定商品对象的详细信息，并在当前列表展示页面内确定第一详情信息展示区域，其中，所述第一详情信息展示区域占用至少一个的所述单元格；

第一详情信息提供单元，用于在所述第一详情信息展示区域内提供所述第一指定商品对象的详情信息，其中，未被所述第一详情信息展示区域占用的其他单元格中，继续展示商品对象的摘要信息。

根据本申请提供的具体实施例，本申请公开了以下技术效果：

通过本申请实施例，在列表页面中展示商品对象摘要信息的过程中，如果接收到展示指定商品对象详情信息的请求，则可以在当前列表页面中确定一详 情信息展示区域用于展示详情信息，并且，该展示区域可以占用至少一个单元格，其他未被占用的单元格可以继续展示其他商品对象的摘要信息。通过这种方式，可以避免在列表页面与详情页面之间的来回切换，并且，未被占用的部分，仍然可以通过原有单元格的方式展示其他商品对象的摘要信息，由于单元格的面积等并不会发生变化，因此，当需要切换查看其他商品对象的详情信息时，不会导致降低切换效率等情况发生。

当然，实施本申请的任一产品并不一定需要同时达到以上所述的所有优点。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1-1是商品对象列表展示页面常态化展示样式示意图；

图1-2是现有技术中选中商品对象后的列表展示页面展示样式示意图；

图2是本申请实施例提供的方法的流程图；

图3-1至3-4是本申请实施例选中商品对象后的列表展示页面展示样式示意图；

图4是本申请实施例提供的装置的示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员所获得的所有其他实施例，都属于本申请保护的范围。

在本申请实施例中，为了缩短用户的操作路径，同样可以直接在列表页面内展示被选中商品对象的详情信息，但是，并不是将页面划分为左右两部分， 左侧展示列表，右侧展示详情，而是在列表页面中确定一详情信息展示区域，该展示区域占用部分单元格，其他未被占用的单元格可以仍然按照原有的方式进行商品对象摘要信息的展示。因此，在这种方式下，在列表页面中展示被选中商品对象详情信息的同时，可以尽量避免对原有列表展示的影响，对于切换效率等无影响。另外，在列表页面中展示出某商品对象详情信息的情况下，仍然可以进行页面的滚动，可以直接通过这种方式加载更多商品对象的摘要信息，而不必执行切换回列表主页等操作，进一步缩短了用户的操作路径。下面对具体的实现方式进行详细介绍。

参见图2，本申请实施例首先提供了一种商品对象页面信息处理方法，该方法可以包括以下步骤：

S201：提供商品对象列表展示页面，所述列表展示页面包括多个单元格，每个单元格用于展示一个商品对象的摘要信息；

在本申请实施例中，各步骤的执行主体可以是交易平台等系统的客户端。

其中，商品对象列表展示页面可以是根据用户的请求提供的。例如，当用户请求浏览某店铺中售卖的商品对象列表时，或者，当用户输入某关键词进行搜索时，等等，都可以为用户提供商品对象展示列表页面。具体的，在这种列表页面中通常会包括多个单元格，每个单元格用于展示一个商品对象的摘要信息。例如，单元格通常为矩形，按照行列式的形式分布在屏幕的显示窗口中，每页中展示五行三列，等等。其中，一个商品对象的摘要信息通常包括一幅图片，以及相关的名称、销量、价格等信息之一或组合。例如，如图1所示，列表页面中展示了四行三列单元格，每个单元格对应着一件商品对象的摘要信息。随着用户执行的滑动或者滚动页面等操作，可以有部分商品对象被移出显示窗口，并有其他商品对象的摘要信息被加载到单元格中进行展示。

S202：当第一指定商品对象被选中时，获取所述第一指定商品对象的详细信息，并在当前列表展示页面内确定第一详情信息展示区域，其中，所述第一详情信息展示区域占用至少一个所述单元格；

在通过单元格的方式展示商品对象摘要信息的过程中，如果用户对其中某 第一商品对象感兴趣，希望了解到更详细的信息，则可以通过在单元格上进行点击等方式来选中该第一商品对象。当该第一商品对象被选中后，可以向服务器获取该第一商品对象的详情信息，同时，还可以在当前列表展示页面内确定第一详情信息展示区域，其中，第一详情信息展示区域占用至少一个所述单元格。例如，具体实现时，由于详情信息的内容比较多，因此，可以使得第一详情信息展示区域占用4个单元格，等等。

其中，具体在确定第一详情信息展示区域的位置时，可以有多种方式。例如，可以固定将列表页面中的特定位置处的单元格确定为用于展示被选中商品对象详情信息的区域，例如右上角的四个单元格，等等。或者，在另一种实现方式下，还可以根据第一指定商品对象所在的目标单元格在页面中的位置，确定第一详情信息展示区域。

具体的，如前文所述，如果列表页面中各个单元格按照多行多列的方式排列，并假设每屏可提供最大单元格列数为n，第一详情信息展示区域占用m列单元格，则可以通过以下方式确定第一详情信息展示区域的位置：如果目标单元格位于第1至n-m列时，在该目标单元格右侧，确定第一详情信息展示区域；如果目标单元格位于第n-m+1至第n列时，则可以在该单元格的上侧或者下侧，确定第一详情信息展示区域。其中，n、m均为整数，n>m。也就是说，假设每屏可提供最大单元格列数为3，第一详情信息展示区域占用2列单元格，则可以通过以下方式确定第一详情信息展示区域的位置：如果目标单元格位于第1列时，在该目标单元格右侧，确定第一详情信息展示区域；如果目标单元格位于第2或者第3列时，则可以在该单元格的上侧或者下侧，确定第一详情信息展示区域。

如图3-1所示，假设被选中的商品对象为图中所示的商品1，由于该商品1所在的单元格位于第1列，则可以在该单元格的右侧确定出用于展示该商品1详情信息的第一详情信息展示区域，该区域占用两行两列单元格。

又如，如图3-2所示，假设被选中的商品对象为图中所示的商品2，由于该商品2所在的单元格位于第2列，则可以在该单元格的下侧确定出用于展示该商品2详情信息的第一详情信息展示区域，该区域占用两行两列单元格。

当然，在具体实现时，还可以考虑被选中商品对象对应单元格所在的行数，例如，同样假设每屏可提供最大单元格列数为n，第一详情信息展示区域占用m列单元格，另外假设每屏可提供最大单元格行数为x，第一详情信息展示区域占用y行单元格，则可以通过以下方式确定第一详情信息展示区域的位置：

如果所述目标单元格位于第1至n-m列，第1至第x-y行，则以该目标单元格右侧相邻的单元格作为所述第一详情信息展示区域起点，向右选择m列、向下选择y行单元格，作为所述第一详细信息展示区域。

如果所述目标单元格位于第1至n-m列，第x-y+1至第x行，则以该目标单元格右侧相邻的单元格作为所述第一详情信息展示区域起点，向右选择m列，向上选择y行单元格，作为所述第一详细信息展示区域。

如果所述目标单元格位于第n-m+1至第n列，第1至第x-y行，则以该目标单元格下侧相邻的单元格作为所述第一详情信息展示区域起点，向下选择y行，向右选择m列单元格，作为所述第一详细信息展示区域。

如果所述目标单元格位于第n-m+1至第n列，第x-y+1至第x行，则以该目标单元格下侧相邻的单元格作为所述第一详情信息展示区域起点，向下选择y行，向左选择m列单元格，作为所述第一详细信息展示区域。

其中，x、y均为整数，x>y。

例如，每屏展示4行3列单元格，第一详情信息展示区域占2行2列单元格，则可以通过以下方式确定第一详情信息展示区域的位置：

如果目标单元格位于第1列，第1或第2行，则以该目标单元格右侧相邻的单元格作为第一详情信息展示区域起点，向右选择2列、向下选择2行单元格，作为所述第一详细信息展示区域。

如果目标单元格位于第1列，第3或第4行，则以该目标单元格右侧相邻的单元格作为第一详情信息展示区域起点，向右选择2列，向上选择2行单元格，作为所述第一详细信息展示区域。

如果目标单元格位于第2或第3列，第1或第2行，则以该目标单元格下 侧相邻的单元格作为所述第一详情信息展示区域起点，向下选择2行，向右选择2列单元格，作为所述第一详细信息展示区域。

如果目标单元格位于第2或第3列，第3或第4行，则以该目标单元格下侧相邻的单元格作为所述第一详情信息展示区域起点，向下选择2行，向左选择2列单元格，作为所述第一详细信息展示区域。

当然，具体实现时，还可以通过其他方式确定第一详情信息展示区域的位置。

S203：在所述第一详情信息展示区域内提供所述第一指定商品对象的详情信息，其中，未被所述第一详情信息展示区域占用的其他单元格中，继续展示商品对象的摘要信息。

在确定出第一详情信息展示区域后，就可以在该区域内提供第一指定商品对象的详情信息，同时，未被第一详情信息展示区域占用的其他单元格中，继续展示商品对象的摘要信息。当然，对于未被占用的单元格，还可以按照所述未被占用的单元格在页面中的位置，调整各商品对象摘要信息与单元格之间的对应关系。例如，如图1-1所示，常态化的列表页面内展示了12个商品对象的摘要信息，在商品1被选中后，如图3-1所示，原来商品对象2、3、5、6所在的单元格被该商品1的第一详情信息展示区域占用，此时，可以将商品对象重新排序后，再在未被占用的单元格中展示，商品对象9、10、11、12暂时被移出窗口的可视范围。

在展示出被选中商品对象的详情信息后，还可以在当前列表页面中对展示的详情信息进行切换，也即，还可以选中其他商品对象，进行详情信息的展示。具体实现时，如果未被所述详情信息展示区域占用的单元格对应的第二指定商品对象被选中时，则可以获取所述第二指定商品对象的详细信息，并在当前列表展示页面中提供所述第二指定商品对象的详情信息。

其中，具体在当前列表展示页面中提供所述第二指定商品对象的详情信息时，可以根据该第二指定商品对象所在单元格与第一详情信息展示区域之间的相对位置关系，确定第二指定商品对象详情信息的展示位置。具体的，可以判 断所述第二指定商品对象所在的单元格是否与所述第一详情信息展示区域相邻，如果相邻，则可以在所述第一详情信息展示区域中提供所述第二指定商品对象的详情信息。例如，假设在切换前，当前列表页面的展示情况如图3-2所示，也即，在第一详情信息展示区域展示出商品2的详情信息。此时，如果商品4又被选中，则该商品4所在的单元格与该第一详情信息展示区域相邻，则可以如图3-3所示，可以直接在该第一详情信息展示区域展示该商品4的详情信息。

而如果第二指定商品对象所在的单元格与所述第一详情信息展示区域不相邻，则可以首先关闭所述第一详情信息展示区域，并重新调整各商品对象摘要信息与单元格之间的对应关系，然后按照前述步骤S202中所述的方式，重新在当前列表展示页面内确定第二详情信息展示区域，再在该第二详情信息展示区域中提供所述第二指定商品对象的详情信息。

例如，假设在切换前，当前列表页面的展示情况仍然如图3-2所示，也即，在第一详情信息展示区域展示出商品2的详情信息。此时，如果商品6又被选中，但是，经判断发现该商品6所在的单元格与该第一详情信息展示区域不相邻，则可以重新确定第二详情信息展示区域，例如，如图3-4所示，可以在重新确定出的第二详情信息展示区域展示该商品6的详情信息。

在具体实现时，列表页面中的详情信息展示区域是可以被关闭的，例如，可以通过在该区域执行长按等操作来发起关闭指令，相应的，在接收到详情信息展示区域关闭操作指令时，可以关闭所述第一详情信息展示区域，并重新调整各商品对象摘要信息与单元格之间的对应关系，例如，可以调整为常态化的展示方式，例如，重新按照每屏4行3列单元格的方式进行摘要信息的展示，等等。

另外，在本申请实施例中，在列表页面中展示有第一详情信息展示区域的状态下，仍然可以接收页面滑动或者滚动的操作指令，并且，在接收到页面滑动或滚动操作指令时，随着部分单元格和/或第一详情信息展示区域被移出显示窗口，可以在窗口中加载更多单元格，以便在这些单元格中提供其他商品对象的摘要信息。也就是说，通过本申请实施例，不必执行切换回列表页面主页 等操作，可以进一步缩短用户的操作路径。

总之，通过本申请实施例，在列表页面中展示商品对象摘要信息的过程中，如果接收到展示指定商品对象详情信息的请求，则可以在当前列表页面中确定一详情信息展示区域用于展示详情信息，并且，该展示区域可以占用至少一个单元格，其他未被占用的单元格可以继续展示其他商品对象的摘要信息。通过这种方式，可以避免在列表页面与详情页面之间的来回切换，并且，未被占用的部分，仍然可以通过原有单元格的方式展示其他商品对象的摘要信息，由于单元格的面积等并不会发生变化，因此，当需要切换查看其他商品对象的详情信息时，不会导致降低切换效率等情况发生。

与本申请实施例提供的商品对象页面信息处理方法相对应，本申请实施例还提供了一种商品对象页面信息处理装置，参见图4，该装置可以包括：

列表页面提供单元401，用于提供商品对象列表展示页面，所述列表展示页面包括多个单元格，每个单元格用于展示一个商品对象的摘要信息；

第一详情信息展示区域确定单元402，用于当第一指定商品对象被选中时，获取所述第一指定商品对象的详细信息，并在当前列表展示页面内确定第一详情信息展示区域，其中，所述第一详情信息展示区域占用至少一个的所述单元格；

第一详情信息提供单元403，用于在所述第一详情信息展示区域内提供所述第一指定商品对象的详情信息，其中，未被所述第一详情信息展示区域占用的其他单元格中，继续展示商品对象的摘要信息。

具体实现时，该装置还可以包括：

对应关系调整单元，用于按照所述未被所述第一详情信息展示区域占用的单元格在页面中的位置，调整各商品对象摘要信息与单元格之间的对应关系。

其中，所述第一详情信息展示区域确定单元具体用于：

根据所述第一指定商品对象所在的目标单元格在页面中的位置，确定所述 第一详情信息展示区域。

其中，如果所述列表页面中，各个单元格按照多行多列的方式排列，其中，每屏可提供最大单元格列数为n；

当所述第一详情信息展示区域占用m列单元格时，所述第一详情信息展示区域确定单元包括：

第一确定子单元，用于如果所述目标单元格位于第1至n-m列时，在该目标单元格右侧，确定所述第一详情信息展示区域；

第二确定子单元，用于如果所述目标单元格位于第n-m+1至第n列时，在该单元格的上侧或者下侧，确定所述第一详情信息展示区域；

其中，n、m均为整数，n>m。

当每屏可提供最大单元格行数为x，所述第一详情信息展示区域占用y行单元格时，所述第一详情信息展示区域确定单元包括：

第三确定子单元，用于如果所述目标单元格位于第1至n-m列，第1至第x-y行，则以该目标单元格右侧相邻的单元格作为所述第一详情信息展示区域起点，向右选择m列、向下选择y行单元格，作为所述第一详细信息展示区域；

第四确定子单元，用于如果所述目标单元格位于第1至n-m列，第x-y+1至第x行，则以该目标单元格右侧相邻的单元格作为所述第一详情信息展示区域起点，向右选择m列，向上选择y行单元格，作为所述第一详细信息展示区域；

第五确定子单元，用于如果所述目标单元格位于第n-m+1至第n列，第1至第x-y行，则以该目标单元格下侧相邻的单元格作为所述第一详情信息展示区域起点，向下选择y行，向右选择m列单元格，作为所述第一详细信息展示区域；

第六确定子单元，用于如果所述目标单元格位于第n-m+1至第n列，第x-y+1至第x行，则以该目标单元格下侧相邻的单元格作为所述第一详情信息 展示区域起点，向下选择y行，向左选择m列单元格，作为所述第一详细信息展示区域；

其中，x、y均为整数，x>y。

另外，具体实现时，该装置还可以包括：

第二详情信息提供单元，用于当所述未被所述详情信息展示区域占用的单元格对应的第二指定商品对象被选中时，获取所述第二指定商品对象的详细信息，并在当前列表展示页面中提供所述第二指定商品对象的详情信息。

其中，所述第二详情信息提供单元包括：

判断子单元，用于判断所述第二指定商品对象所在的单元格是否与所述第一详情信息展示区域相邻；

第一提供子单元，用于如果相邻，则在所述第一详情信息展示区域中提供所述第二指定商品对象的详情信息。

另外，所述第二详情信息提供单元还可以包括：

调整子单元，用于如果所述第二指定商品对象所在的单元格与所述第一详情信息展示区域不相邻，则关闭所述第一详情信息展示区域，并重新调整各商品对象摘要信息与单元格之间的对应关系；

第二详情信息展示区域确定子单元，用于根据调整后的对应关系，在当前列表展示页面内确定第二详情信息展示区域；

第二提供子单元，用于在所述第二详情信息展示区域中提供所述第二指定商品对象的详情信息。

在实际应用中，该装置还可以包括：

关闭单元，用于接收到详情信息展示区域关闭操作指令时，关闭所述第一详情信息展示区域，并重新调整各商品对象摘要信息与单元格之间的对应关系。

另外，该装置还可以包括：

其他摘要信息提供单元，用于在展示有所述第一详情信息展示区域的状态下，根据页面滑动或滚动操作指令，在单元格中提供其他商品对象的摘要信息。

总之，通过本申请实施例，在列表页面中展示商品对象摘要信息的过程中，如果接收到展示指定商品对象详情信息的请求，则可以在当前列表页面中确定一详情信息展示区域用于展示详情信息，并且，该展示区域可以占用至少一个单元格，其他未被占用的单元格可以继续展示其他商品对象的摘要信息。通过这种方式，可以避免在列表页面与详情页面之间的来回切换，并且，未被占用的部分，仍然可以通过原有单元格的方式展示其他商品对象的摘要信息，由于单元格的面积等并不会发生变化，因此，当需要切换查看其他商品对象的详情信息时，不会导致降低切换效率等情况发生。

通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的系统及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

以上对本申请所提供的商品对象页面信息处理方法及装置，进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的 一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处。综上所述，本说明书内容不应理解为对本申请的限制。