商品页面的生成及跳转方法、装置、电子设备、存储介质与流程

本说明书一个或多个实施例涉及通信技术领域，尤其涉及一种商品页面的生成及跳转方法、装置、电子设备、存储介质。

背景技术：

app或者web客户端等产品可通过在特定的广告区展示商家提供的商品，从而帮助商家曝光和宣传商家的商品，而存在购买需求的用户在看到该广告区后便可点击该广告区进入相应的详情页面以了解商品的具体信息。

在相关技术中，商家通常将多个商品打包成套餐进行售卖。例如，肯德基将薯条、汉堡、可乐等商品打包成套餐进行售卖。

技术实现要素：

有鉴于此，本说明书一个或多个实施例提供一种商品页面的生成及跳转方法、装置、电子设备、存储介质。

为实现上述目的，本说明书一个或多个实施例提供技术方案如下：

根据本说明书一个或多个实施例的第一方面，提出了一种商品页面的生成方法，应用于商家客户端；所述方法包括：

接收商家上传的描述商品组合的目标图片和对应于所述商品组合的组合跳转路径，所述商品组合中包含多个子商品；

接收商家输入的配置指令，所述配置指令包含从所述目标图片中划分出的对应于各个子商品的有效点击区域，和对应于各个子商品的子商品跳转路径；

向服务端发送所述目标图片、组合跳转路径以及各个子商品的有效点击区域和子商品跳转路径之间的映射关系，以使得所述服务端基于所述目标图片、组合跳转路径和所述映射关系，生成针对所述商品组合的商品页面数据。

可选的，所述商品组合中子商品的有效点击区域由以下方式得到：

识别所述目标图片中包含的各个子商品，并根据识别出的子商品划分所述目标图片以得到各个子商品的有效点击区域；

或者，接收所述商家输入的划分指令，所述划分指令中包含从所述目标图片中划分出的各个子商品的有效点击区域。

可选的，所述组合跳转路径用于跳转至所述商品组合的详情页面，所述子商品跳转路径用于跳转至子商品的详情页面。

根据本说明书一个或多个实施例的第二方面，提出了一种商品页面的跳转方法，应用于用户客户端；所述方法包括：

接收服务端发送的对应于商品组合的商品页面数据，所述商品组合中包含多个子商品，所述商品页面数据包含描述所述商品组合的目标图片、对应于所述商品组合的组合跳转路径、各个子商品的有效点击区域和子商品跳转路径之间的映射关系，各个子商品的有效点击区域从所述目标图片中划分；

显示所述目标图片，并检测用户针对所述目标图片的点击操作；

若所述点击操作的点击位置位于任一子商品的有效点击区域内，则根据所述映射关系确定对应于所述任一子商品的子商品跳转路径，并基于确定出的子商品跳转路径跳转至相应的下级页面；

否则，基于所述组合跳转路径跳转至对应于所述商品组合的下级页面。

可选的，所述显示所述目标图片，包括：

在所述目标图片上叠加显示各个子商品的有效点击区域；其中，对应于有效点击区域的显示方式区别于对应于所述目标图片中其他区域的显示方式。

可选的，所述商品页面数据中还包含从所述目标图片中划分出的对应于所述商品组合的触发区域；所述基于所述组合跳转路径跳转至对应于所述商品组合的下级页面，包括：

当所述点击位置位于所述触发区域内时，基于所述组合跳转路径跳转至对应于所述商品组合的下级页面。

可选的，还包括：

根据用户针对特定下级页面的触发操作生成操作指令；所述特定下级页面为对应于子商品的下级页面，或者为对应于所述商品组合的下级页面，所述操作指令包含与所述特定下级页面对应的特定商品的商品标识和操作类型；

向所述服务端发送所述操作指令，以使得所述服务端根据所述商品标识和所述操作类型，执行用户针对所述特定商品的相应操作。

可选的，所述操作类型包含以下任一：

收藏商品、购买商品、将商品加入购物车。

根据本说明书一个或多个实施例的第三方面，提出了一种商品页面的生成装置，应用于商家客户端；所述装置包括：

第一接收单元，接收商家上传的描述商品组合的目标图片和对应于所述商品组合的组合跳转路径，所述商品组合中包含多个子商品；

第二接收单元，接收商家输入的配置指令，所述配置指令包含从所述目标图片中划分出的对应于各个子商品的有效点击区域，和对应于各个子商品的子商品跳转路径；

发送单元，向服务端发送所述目标图片、组合跳转路径以及各个子商品的有效点击区域和子商品跳转路径之间的映射关系，以使得所述服务端基于所述目标图片、组合跳转路径和所述映射关系，生成针对所述商品组合的商品页面数据。

可选的，所述商品组合中子商品的有效点击区域由以下方式得到：

识别所述目标图片中包含的各个子商品，并根据识别出的子商品划分所述目标图片以得到各个子商品的有效点击区域；

或者，接收所述商家输入的划分指令，所述划分指令中包含从所述目标图片中划分出的各个子商品的有效点击区域。

可选的，所述组合跳转路径用于跳转至所述商品组合的详情页面，所述子商品跳转路径用于跳转至子商品的详情页面。

根据本说明书一个或多个实施例的第四方面，提出了一种商品页面的跳转装置，应用于用户客户端；所述装置包括：

接收单元，接收服务端发送的对应于商品组合的商品页面数据，所述商品组合中包含多个子商品，所述商品页面数据包含描述所述商品组合的目标图片、对应于所述商品组合的组合跳转路径、各个子商品的有效点击区域和子商品跳转路径之间的映射关系，各个子商品的有效点击区域从所述目标图片中划分；

显示单元，显示所述目标图片，并检测用户针对所述目标图片的点击操作；

跳转单元，若所述点击操作的点击位置位于任一子商品的有效点击区域内，则根据所述映射关系确定对应于所述任一子商品的子商品跳转路径，并基于确定出的子商品跳转路径跳转至相应的下级页面；

否则，基于所述组合跳转路径跳转至对应于所述商品组合的下级页面。

可选的，所述显示单元具体用于：

在所述目标图片上叠加显示各个子商品的有效点击区域；其中，对应于有效点击区域的显示方式区别于对应于所述目标图片中其他区域的显示方式。

可选的，所述商品页面数据中还包含从所述目标图片中划分出的对应于所述商品组合的触发区域；所述跳转单元具体用于：

当所述点击位置位于所述触发区域内时，基于所述组合跳转路径跳转至对应于所述商品组合的下级页面。

可选的，还包括：

生成单元，根据用户针对特定下级页面的触发操作生成操作指令；所述特定下级页面为对应于子商品的下级页面，或者为对应于所述商品组合的下级页面，所述操作指令包含与所述特定下级页面对应的特定商品的商品标识和操作类型；

发送单元，向所述服务端发送所述操作指令，以使得所述服务端根据所述商品标识和所述操作类型，执行用户针对所述特定商品的相应操作。

可选的，所述操作类型包含以下任一：

收藏商品、购买商品、将商品加入购物车。

根据本说明书一个或多个实施例的第五方面，提出了一种电子设备，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器通过运行所述可执行指令以实现如上述第一方面所示实施例中任一所述商品页面的生成方法。

根据本说明书一个或多个实施例的第六方面，提出了一种电子设备，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器通过运行所述可执行指令以实现如上述第二方面所示实施例中任一所述的商品页面的跳转方法。

根据本说明书一个或多个实施例的第七方面，提供一种计算机可读存储介质，其上存储有计算机指令，该指令被处理器执行时实现如上述第一方面所示实施例中任一所述商品页面的生成方法的步骤。

根据本说明书一个或多个实施例的第八方面，提供一种计算机可读存储介质，其上存储有计算机指令，该指令被处理器执行时实现如上述第二方面所示实施例中任一所述商品页面的跳转方法的步骤。

由以上技术方案可见，本申请通过从目标图片中划分出商品组合的各个子商品的有效点击区域，使得在引导用户进一步了解商品组合时更加灵活。例如，用户在看到该商品组合时既可以选取整个商品组合，也可以选取该商品组合中的任一子商品。一方面，仅通过一张描述商品组合的目标图片便可达到引导用户了解整个商品组合和各个子商品的目的，而无需额外设置其他按钮来引导用户点击跳转页面，提高了广告位(用于显示商品组合的目标图片)的利用率；另一方面，用户通过点击当前显示的目标图片上的有效点击区域便可跳转至相应子商品的详细页面，从而简化了用户操作，提高了用户购买商品组合中子商品的效率，有助于提升用户体验。

附图说明

图1a-1b示出的是相关技术中商品页面的跳转过程的示意图。

图2是一示例性实施例提供的一种商品页面的生成和跳转系统的架构示意图。

图3是一示例性实施例提供的一种商品页面的生成方法的流程图。

图4是一示例性实施例提供的一种商品页面的跳转方法的流程图。

图5是一示例性实施例提供的一种商品页面的生成方法的交互图。

图6是一示例性实施例提供的一种商品页面的跳转方法的交互图。

图7a-7b是一示例性实施例提供的一种商品页面的跳转过程的示意图。

图8是一示例性实施例提供的用户触发服务端执行特定操作的交互图。

图9是一示例性实施例提供的一种电子设备的结构示意图。

图10是一示例性实施例提供的一种商品页面的生成装置的框图。

图11是一示例性实施例提供的另一种电子设备的结构示意图。

图12是一示例性实施例提供的一种商品页面的跳转装置的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本说明书一个或多个实施例相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本说明书一个或多个实施例的一些方面相一致的装置和方法的例子。

需要说明的是：在其他实施例中并不一定按照本说明书示出和描述的顺序来执行相应方法的步骤。在一些其他实施例中，其方法所包括的步骤可以比本说明书所描述的更多或更少。此外，本说明书中所描述的单个步骤，在其他实施例中可能被分解为多个步骤进行描述；而本说明书中所描述的多个步骤，在其他实施例中也可能被合并为单个步骤进行描述。

请参见图1a-1b，图1a-1b示出的是相关技术中商品页面的跳转过程的示意图。以商品组合为套餐类商品为例，该套餐类商品包含的子商品如下：可乐101、鸡排堡102、薯条103。在相关技术中，用户客户端的广告区显示的是图片10a。当用户点击图片10a中的任意位置(例如，图1a示出的是用户点击与鸡排堡101对应的区域)时，如图1b所示，用户客户端当前显示的页面由广告区跳转至该套餐类商品的详情页面10b。

可见，在上述商品页面的跳转过程中，无论用户点击图片10a的任何位置，用户客户端当前显示的页面均会固定跳转至详情页面10b。然而，当用户的实际需求为购买套餐类商品中的一部分子商品时(例如，用户仅仅需要购买可乐101)，用户无法通过广告区显示的图片10a跳转至子商品的详情页面，而是需要通过其他途径来跳转至该子商品的详情页面。例如，用户需要返回上一级页面再搜索该子商品，导致操作复杂，效率低下，用户体验较差。

因此，本申请通过对商品页面的生成方式和跳转方式予以改进，以解决相关技术中存在的上述技术问题。

请参见图2，图2是一示例性实施例提供的一种商品页面的生成和跳转系统的架构示意图。如图2所示，该系统可以包括服务端11、网络12、用户客户端(例如手机13-14等)和商家客户端(例如电脑15-16等)。

服务端11可以为包含一独立主机的物理服务器，或者该服务端11可以为主机集群承载的虚拟服务器。在实施本申请商品页面的生成和跳转方案的过程中，服务端11根据商家客户端上传的商品组合信息来生成相应的商品页面数据，并将生成的商品页面数据下发至用户客户端以供用户客户端显示。

手机13-14只是用户可以使用的一种类型的用户客户端。实际上，用户显然还可以使用诸如下述类型的电子设备：平板设备、笔记本电脑、掌上电脑(pdas，personaldigitalassistants)、可穿戴设备(如智能眼镜、智能手表等)等，本说明书一个或多个实施例并不对此进行限制。在实施本申请商品页面的生成和跳转方案的过程中，用户客户端向用户展示用于描述商品组合的目标图片，并根据用户点击操作的点击位置跳转至相应的详情页面。

电脑15-16只是用户可以使用的一种类型的商家客户端(可以是b端)。实际上，用户显然还可以使用诸如下述类型的电子设备：平板设备、手机、掌上电脑(pdas，personaldigitalassistants)等，本说明书一个或多个实施例并不对此进行限制。在实施本申请商品页面的生成和跳转方案的过程中，商家客户端用于从目标图片中划分出商品组合的各个子商品的有效点击区域，并将目标图片、组合跳转路径以及各个子商品的有效点击区域和子商品跳转路径之间的映射关系等商品组合信息发送至服务端11，以指示服务端11生成相应的商品页面数据。

而对于手机13-14、服务端11、电脑15-16之间进行交互的网络12，可以包括多种类型的有线或无线网络。在一实施例中，该网络12可以包括公共交换电话网络(publicswitchedtelephonenetwork，pstn)和因特网。

下面分别针对服务端、用户客户端和商家客户端实现的功能，对本申请商品页面的生成和跳转方案进行说明。

请参见图3，图3是一示例性实施例提供的一种商品页面的生成方法的流程图。如图3所示，该方法应用于商家客户端，可以包括以下步骤：

步骤302，接收商家上传的描述商品组合的目标图片和对应于所述商品组合的组合跳转路径，所述商品组合中包含多个子商品。

在本实施例中，商家可通过商家客户端向服务端上传描述商品组合的目标图片，以及对应于商品组合的组合跳转路径。其中，目标图片可用于最终展示在用户客户端显示的售卖区域或者广告区域；而组合跳转路径用于(从当前的显示页面)跳转至商品组合的详情页面。需要说明的是，上述目标图片和组合跳转路径均可由商家自定义，本申请一个或多个实施例并不对其具体形式进行限制。

步骤304，接收商家输入的配置指令，所述配置指令包含从所述目标图片中划分出的对应于各个子商品的有效点击区域，和对应于各个子商品的子商品跳转路径。

在一种情况下，商品组合中各个子商品的有效点击区域可由商家自定义。作为一示例性实施例，可由商家针对上传至商家客户端的目标图片进行划分，将目标图片中对应于各个子商品的区域作为相应的有效点击区域。商家在划分得到各个子商品的有效点击区域后，向商家客户端输入划分指令(包含从目标图片中划分出的各个子商品的有效点击区域)，那么商家客户端便可根据该划分指令得到各个子商品的有效点击区域。

在另一种情况下，在商家将目标图片上传至商家客户端后，可由商家客户端来识别目标图片中包含的各个子商品，并根据识别出的子商品划分目标图片以得到各个子商品的有效点击区域。其中，识别子商品的过程可采用相关技术中的任意图像识别方法，本申请并不对此进行限制。例如，可采用机器学习模型(输入为图像数据，输出为图像数据中包含的各个子对象)或者图像识别算法来完成上述的识别过程。

在本实施例中，子商品跳转路径可用于(从当前的显示页面)跳转至子商品的详情页面。

步骤306，向服务端发送所述目标图片、组合跳转路径以及各个子商品的有效点击区域和子商品跳转路径之间的映射关系，以使得所述服务端基于所述目标图片、组合跳转路径和所述映射关系，生成针对所述商品组合的商品页面数据。

基于上述生成的商品页面数据，服务端可将该商品页面数据下发至用户客户端以供用户客户端显示。请参见图4，图4是一示例性实施例提供的一种商品页面的跳转方法的流程图。如图4所示，该方法应用于用户客户端，可以包括以下步骤：

步骤402，接收服务端发送的对应于商品组合的商品页面数据，所述商品组合中包含多个子商品，所述商品页面数据包含描述所述商品组合的目标图片、对应于所述商品组合的组合跳转路径、各个子商品的有效点击区域和子商品跳转路径之间的映射关系，各个子商品的有效点击区域从所述目标图片中划分。

步骤404，显示所述目标图片，并检测用户针对所述目标图片的点击操作。

在本实施例中，基于划分有各个子商品的有效点击区域，那么在显示目标图片时，可采用“突出显示”的方式来显示位于目标图片中的有效点击区域，从而使得有效点击区域在视觉上可以明显与其他区域区分开，进而有助于提示用户这些“突出显示”的区域可以通过点击跳转至相应的下级页面。

比如，可在目标图片上叠加显示各个子商品的有效点击区域。其中，对应于有效点击区域的显示方式区别于对应于目标图片中其他区域的显示方式；换言之，目标图片上有效点击区域的显示方式与其他区域不同。例如，有效点击区域的轮廓可采用“加粗显示”、“虚线显示”等方式；或者，有效点击区域的轮廓可采用类似于红色、黄色、橙色等较为醒目的颜色显示，以与其他区域(其他区域不采用该颜色)明显区分开；或者，还可额外在目标图片上添加类似于“可通过点击子商品进入详情页面”的提示语。当然，本申请一个或多个实施例并不对此进行限制。

步骤406，若所述点击操作的点击位置位于任一子商品的有效点击区域内，则根据所述映射关系确定对应于所述任一子商品的子商品跳转路径，并基于确定出的子商品跳转路径跳转至相应的下级页面；

步骤408，否则，基于所述组合跳转路径跳转至对应于所述商品组合的下级页面。

在一种情况下，当点击操作的点击位置位于区别于有效点击区域的其他区域时，可直接基于组合跳转路径跳转至对应于商品组合的下级页面。在另一种情况下，还可额外从目标图片中划分出对应于商品组合的触发区域(记录于商品页面数据中；与有效点击区域类似的，可由商家定义)。那么，当点击操作的点击位置位于区别于有效点击区域的其他区域时，进一步判断点击位置是否位于该触发区域内，若位于该触发区域内，则基于组合跳转路径跳转至对应于商品组合的下级页面；否则，可忽略本次点击操作，也即不响应本次点击操作。

在本实施例中，用户客户端在跳转至特定下级页面(对应于子商品的下级页面，或者对应于商品组合的下级页面)后，该特定下级页面上可用于展示用户针对特定商品(即特定下级页面所描述的商品)可进行的操作选项，以供用户根据实际需求来选取。其中，操作类型可以包含收藏商品、购买商品、将商品加入购物车等。

那么，用户可通过针对特定下级页面的触发操作来选取所需执行的操作，用户客户端在检测到该触发操作后，根据该触发操作生成操作指令(包含特定商品的商品标识和操作类型)，并向服务端发送该操作指令，以使得服务端根据操作指令中包含的商品标识和操作类型，执行用户针对特定商品的相应操作。

由以上技术方案可见，本申请通过从目标图片中划分出商品组合的各个子商品的有效点击区域，使得在引导用户进一步了解商品组合时更加灵活。例如，用户在看到该商品组合时既可以选取整个商品组合，也可以选取该商品组合中的任一子商品。一方面，仅通过一张描述商品组合的目标图片便可达到引导用户了解整个商品组合和各个子商品的目的，而无需额外设置其他按钮来引导用户点击跳转页面，提高了广告位(用于显示商品组合的目标图片)的利用率；另一方面，用户通过点击当前显示的目标图片上的有效点击区域便可跳转至相应子商品的详细页面，从而简化了用户操作，提高了用户购买商品组合中子商品的效率，有助于提升用户体验。

为了便于理解，下面以商品组合为套餐类商品a为例，结合示意图对本申请的商品页面的生成和跳转方案进行详细说明。

请参见图5，图5是一示例性实施例提供的一种商品页面的生成方法的交互图。如图5所示，该交互过程可以包括以下步骤：

步骤502，商家客户端接收商家上传的描述套餐类商品a的目标图片，和对应于该套餐类商品a的组合跳转路径。

步骤504，商家客户端确定目标图片上套餐类商品a中各个子商品的有效点击区域。

在一种情况下，套餐类商品a中各个子商品的有效点击区域可由商家自定义。例如，商家在将目标图片上传至商家客户端后，可通过配置于商家客户端中的套索工具在目标图片上选取出有效点击区域(比如，可在目标图片中圈出多边形形状的围栏)。

在另一种情况下，还可由商家客户端自动执行划分有效点击区域的操作。例如，可在商家客户端中配置图像识别算法，或者训练好的用于图像识别的机器学习模型(输入为图像数据，输出为图像数据中包含的各个子对象)，那么在商家将目标图片上传至商家客户端后，商家客户端可通过图像识别算法或者机器学习模型来自动识别目标图片中包含的各个子商品，并根据识别出的子商品划分目标图片以得到各个子商品的有效点击区域。当然，识别子商品的过程可采用相关技术中的任意方法，本申请并不对此进行限制。

步骤506，商家客户端接收商家输入的配置指令。

在本实施例中，在得到各个子商品的有效点击区域后，需要由商家针对各个有效点击区域配置相应的子商品跳转路径。例如，商家可在商家客户端中输入“子商品id——有效点击区域——子商品跳转路径”的映射关系。

步骤508，商家客户端向服务端发送目标图片、组合跳转路径、各个子商品的有效点击区域和子商品跳转路径之间的映射关系。

步骤510，服务端基于接收到的数据生成套餐类商品a的商品页面数据。

请参见图6，图6是一示例性实施例提供的一种商品页面的跳转方法的交互图。如图6所示，该交互过程可以包括以下步骤：

步骤602，服务端向用户客户端发送套餐类商品a的商品页面数据。

在本实施例中，用户客户端可在用户触发打开用于展示套餐类商品a的页面时，向服务端发送针对套餐类商品a的商品页面数据的获取请求，从而使得服务端返回该商品页面数据。例如，在某一特定页面设有用于宣传套餐类商品a的广告区，那么当用户点击打开该页面时，用户客户端可向服务端发送获取请求，以获取套餐类商品a的商品页面数据。其中，该商品页面数据包含描述套餐类商品a的目标图片、对应于套餐类商品a的组合跳转路径、各个子商品的有效点击区域和子商品跳转路径之间的映射关系。

步骤604，用户客户端在目标图片上叠加显示各个子商品的有效点击区域。

如图7a所示，以套餐类商品a“鸡排堡+薯条+可乐”为例进行说明。基于划分有各个子商品的有效点击区域，在显示目标图片时，可采用“突出显示”的方式来显示位于目标图片中的有效点击区域，从而使得有效点击区域在视觉上可以明显与其他区域区分开，进而有助于提示用户这些“突出显示”的区域可以通过点击跳转至相应的下级页面。

举例而言，如图7a所示，可乐701、鸡排堡702、薯条703的有效点击区域的轮廓可“加粗显示”；或者，还可以采用“虚线显示”；或者，有效点击区域的轮廓可采用类似于红色、黄色、橙色等较为醒目的颜色显示，以与其他区域(其他区域不采用该颜色)明显区分开；或者，还可额外在目标图片上添加类似于“可通过点击子商品进入详情页面”的提示语。当然，本申请一个或多个实施例并不对此进行限制。

步骤606，用户客户端检测用户针对目标图片的点击操作的点击位置。

步骤608，用户客户端判断点击位置是否位于各个有效点击区域内。

举例而言，用户客户端为安装有用于购买套餐类商品a“鸡排堡+薯条+可乐”的app的手机，那么手机可以通过操作系统中用于记录触摸屏中像素点坐标的接口来获取各个有效点击区域的坐标范围；当检测到用户的点击操作时，通过该接口获取点击位置的坐标值，并判断该坐标值是否位于各个有效点击区域的坐标范围内。

步骤610a，当点击位置位于任一子商品的有效点击区域内时，用户客户端根据映射关系确定出相应的子商品跳转路径，并基于确定出的子商品跳转路径跳转至该子商品的详情页面。

如图7a所示，用户点击目标图片70a中对应于薯条703的有效点击区域，那么基于该有效点击区域对应的子商品跳转路径，可跳转至如图7b所示的关于薯条703的详情页面70b。

步骤610b，当点击位置位于区别于任何有效点击区域的其他区域时，基于组合跳转路径跳转至套餐类商品a的详情页面。

在一种情况下，当点击位置位于区别于有效点击区域的其他区域时，可直接基于组合跳转路径跳转至对应于套餐类商品a的详情页面。在另一种情况下，还可额外从目标图片中划分出对应于套餐类商品a的触发区域(记录于商品页面数据中；与有效点击区域类似的，可由商家定义，比如图7a示出的按钮“套餐价20元”)。那么，当点击位置位于区别于有效点击区域的其他区域时，进一步判断点击位置是否位于该触发区域内，若位于该触发区域内(按钮“套餐价20元”的区域内，也即用户点击按钮“套餐价20元”)，则基于组合跳转路径跳转至对应于套餐类商品a的详情页面；否则，可忽略本次点击操作，也即不响应本次点击操作。

需要说明的是，套餐类商品中子商品的组合形式可根据实际情况灵活设定，本申请一个或多个实施例并不对此进行限制；例如，还可以是“鼠标、键盘、显示器”的组合形式。

在本申请的技术方案中，下级页面(套餐类商品的下级页面或者子商品的下级页面)上可展示用户针对所显示商品可进行的操作选项。承接于上述举例，如图7b所示，薯条703的详情页面70b上可展示“收藏”、“加入购物车”、“立即购买”等操作选项供用户选取。那么，用户可根据自身的需求来选取，并通过触发操作指示用户客户端与服务端进行交互来完成相应的操作。下面以操作类型为加入购物车为例，结合图8对上述过程进行详细说明。

请参见图8，图8是一示例性实施例提供的用户触发服务端执行特定操作的交互图。如图8所示，该交互过程可以包括以下步骤：

步骤802，用户客户端检测用户针对加入购物车的触发操作。

如图7b所示，假定用户a的需求为将薯条703(即特定商品为薯条703)加入购物车，则可通过点击“加入购物车”的图标来触发用户客户端与服务端进行交互，以完成将薯条703加入至该用户的购物车的操作。

步骤804，用户客户端生成操作指令。

在本实施例中，用户a在使用用户客户端时，需在用户客户端登录自身的账户(可由用户通过用户客户端向服务端注册以获取账户信息)。用户客户端在检测到用户点击“加入购物车”的触发操作后，生成包含账户信息(比如，账户id)、商品id(本实施例中为薯条703的商品id)、操作类型(本实施例中为“加入购物车”)的操作指令，以用于指示服务端执行相应的操作。

步骤806，用户客户端向服务端发送操作指令。

步骤808，服务端将特定商品加入到用户的购物车。

在本实施例中，服务端在接收到用户客户端发送的操作指令后，读取出该操作指令中包含的账户id、商品id和操作类型，从而根据读取出的上述信息，将薯条703加入到用户a的购物车中。

步骤810，服务端向用户客户端返回执行结果。

步骤812，用户客户端显示执行结果。

需要说明的是，图8所示实施例以下级页面为子商品的详情页面进行说明，而针对为整个套餐类商品的详情页面的情况，与此类似，参考上述步骤802-812即可。

由以上技术方案可见，本申请通过从目标图片中划分出商品组合的各个子商品的有效点击区域，使得在引导用户进一步了解套餐类商品时更加灵活。例如，用户在看到套餐类商品a时既可以选取整个套餐，也可以选取该套餐中的任一子商品(用户可根据自身的实际需求来选取整个套餐或者其中的任意子商品)。一方面，仅通过一张描述商品组合的目标图片便可达到引导用户了解整个商品组合和各个子商品的目的，而无需额外设置其他按钮来引导用户点击跳转页面，提高了广告位(用于显示商品组合的目标图片)的利用率；另一方面，用户通过点击当前显示的目标图片上的有效点击区域便可跳转至相应子商品的详细页面，从而简化了用户操作，提高了用户购买商品组合中子商品的效率，有助于提升用户体验。

图9是一示例性实施例提供的一种电子设备的结构示意图。请参考图9，在硬件层面，该设备包括处理器902、内部总线904、网络接口906、内存908以及非易失性存储器910，当然还可能包括其他业务所需要的硬件。处理器902从非易失性存储器910中读取对应的计算机程序到内存909中然后运行，在逻辑层面上形成商品页面的生成装置。当然，除了软件实现方式之外，本说明书一个或多个实施例并不排除其他实现方式，比如逻辑器件抑或软硬件结合的方式等等，也就是说以下处理流程的执行主体并不限定于各个逻辑单元，也可以是硬件或逻辑器件。

请参考图10，在软件实施方式中，该商品页面的生成装置应用于商家客户端，可以包括：

第一接收单元1001，接收商家上传的描述商品组合的目标图片和对应于所述商品组合的组合跳转路径，所述商品组合中包含多个子商品；

第二接收单元1002，接收商家输入的配置指令，所述配置指令包含从所述目标图片中划分出的对应于各个子商品的有效点击区域，和对应于各个子商品的子商品跳转路径；

发送单元1003，向服务端发送所述目标图片、组合跳转路径以及各个子商品的有效点击区域和子商品跳转路径之间的映射关系，以使得所述服务端基于所述目标图片、组合跳转路径和所述映射关系，生成针对所述商品组合的商品页面数据。

可选的，所述商品组合中子商品的有效点击区域由以下方式得到：

识别所述目标图片中包含的各个子商品，并根据识别出的子商品划分所述目标图片以得到各个子商品的有效点击区域；

或者，接收所述商家输入的划分指令，所述划分指令中包含从所述目标图片中划分出的各个子商品的有效点击区域。

可选的，所述组合跳转路径用于跳转至所述商品组合的详情页面，所述子商品跳转路径用于跳转至子商品的详情页面。

图11是一示例性实施例提供的一种电子设备的结构示意图。请参考图11，在硬件层面，该设备包括处理器1102、内部总线1104、网络接口1106、内存1108以及非易失性存储器1111，当然还可能包括其他业务所需要的硬件。处理器1102从非易失性存储器1111中读取对应的计算机程序到内存1108中然后运行，在逻辑层面上形成商品页面的跳转装置。当然，除了软件实现方式之外，本说明书一个或多个实施例并不排除其他实现方式，比如逻辑器件抑或软硬件结合的方式等等，也就是说以下处理流程的执行主体并不限定于各个逻辑单元，也可以是硬件或逻辑器件。

请参考图12，在软件实施方式中，该商品页面的跳转装置应用于用户客户端，可以包括：

接收单元1201，接收服务端发送的对应于商品组合的商品页面数据，所述商品组合中包含多个子商品，所述商品页面数据包含描述所述商品组合的目标图片、对应于所述商品组合的组合跳转路径、各个子商品的有效点击区域和子商品跳转路径之间的映射关系，各个子商品的有效点击区域从所述目标图片中划分；

显示单元1202，显示所述目标图片，并检测用户针对所述目标图片的点击操作；

跳转单元1203，若所述点击操作的点击位置位于任一子商品的有效点击区域内，则根据所述映射关系确定对应于所述任一子商品的子商品跳转路径，并基于确定出的子商品跳转路径跳转至相应的下级页面；

否则，基于所述组合跳转路径跳转至对应于所述商品组合的下级页面。

可选的，所述显示单元1202具体用于：

在所述目标图片上叠加显示各个子商品的有效点击区域；其中，对应于有效点击区域的显示方式区别于对应于所述目标图片中其他区域的显示方式。

可选的，所述商品页面数据中还包含从所述目标图片中划分出的对应于所述商品组合的触发区域；所述跳转单元1203具体用于：

当所述点击位置位于所述触发区域内时，基于所述组合跳转路径跳转至对应于所述商品组合的下级页面。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机，计算机的具体形式可以是个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件收发设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任意几种设备的组合。

在一个典型的配置中，计算机包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flashram)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带、磁盘存储、量子存储器、基于石墨烯的存储介质或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitorymedia)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

在本说明书一个或多个实施例使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本说明书一个或多个实施例。在本说明书一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本说明书一个或多个实施例可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本说明书一个或多个实施例范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

以上所述仅为本说明书一个或多个实施例的较佳实施例而已，并不用以限制本说明书一个或多个实施例，凡在本说明书一个或多个实施例的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本说明书一个或多个实施例保护的范围之内。