CN104050568B - 一种商品图片展现的方法和*** - Google Patents

Abstract

本申请提供了一种商品图片展现的方法和***，其中所述方法包括：获得商品图片；依据所述商品图片获取关联的商品附加信息；将所述商品附加信息渲染成矢量图层并叠加于所述商品图片上展现。本申请可以提高商家的促销信息添加的效率，节省服务器的存储空间，并提升买家的体验。

Description

一种商品图片展现的方法和***

技术领域

本申请涉及数据处理的技术领域，特别是涉及一种商品图片展现的方法，以及，一种商品图片展现的***。

背景技术

随着企业竞争的加剧和产品的增多，在买方市场上的广大消费者对商品要求更高，挑选余地更大，因此企业更重视利用各种促销方式使广大消费者加深对其产品的认识。在电子商务网站上，从商家角度来讲，商家若需要举行一次促销活动，那么在商品图片（或广告图片）上添加促销信息是最常见，最直接，且最有效的方式。

目前，商家在发布商品图片上的促销信息时，先通过单独的图片编辑工具（例如photoshop等）编辑好带促销信息的图片，然后在商品信息编辑界面中上传该图片。当促销活动到期时，再次进入商品信息编辑界面将该图片替换成无促销信息的商品图片。这样的促销信息处理过程不仅会花费大量的人力物力，并且存储带促销信息的商品图片会消耗更多的服务器存储空间，增加服务器负担，另外商品图片的不断上传还会耗费更多的网络流量。

另外，从买家的角度来讲，若其关注商品的外观，就不希望看到太多的促销信息挡在商品图片上，导致无法很好地在商品列表页浏览商品的外观。

因此，本领域技术人员迫切需要解决的问题是：提供一种商品图片展现的机制，用以提高商家的促销信息添加的效率，节省服务器的存储空间，并提升买家的体验。

发明内容

本申请所要解决的技术问题是提供一种商品图片展现的方法，用以提高商家的商品附加信息添加效率，节省服务器的存储空间，并提升买家的体验。

相应的，本申请还提供了一种商品图片展现的***，用以保证上述方法在实际中的应用。

为了解决上述问题，本申请公开了一种商品图片展现的方法，包括：

获得商品图片；

依据所述商品图片获取关联的商品附加信息；

将所述商品附加信息渲染成矢量图层并叠加于所述商品图片上展现。

优选地，所述商品图片和商品附加信息通过以下步骤生成：

获取商品图片；

为所述商品图片添加商品附加信息；

保存所述商品附加信息，生成所述商品图片与商品附加信息的映射关系。

优选地，所述商品图片包括一张或多张，所述商品附加信息包括商品附加信息模板，所述为商品图片添加商品附加信息的子步骤进一步包括：

选定一张或多张商品图片；

获取商品附加信息模板；

将所述商品附加信息模板叠加在所述一张或多张商品图片上。

优选地，所述依据商品图片获取关联的商品附加信息的步骤包括：

判断所述商品图片是否有关联的商品附加信息；

若是，则获取所述关联的商品附加信息；

所述判断商品图片是否有关联的商品附加信息的子步骤包括：

判断数据库中是否存在所述商品图片以及商品附加信息的映射关系；

若存在，则判断为所述商品图片有关联的商品附加信息。

优选地，所述将商品附加信息渲染成矢量图层并叠加于所述商品图片上展现的步骤包括：

将所述商品附加信息渲染成矢量图层；

获取用户设备的分辨率；

将所述矢量图层调整成适配所述用户设备的分辨率的大小并叠加于所述商品图片上展现。

优选地，所述方法还包括：

获取所述矢量图层的展现属性，所述展现属性包括显示属性或隐藏属性；

若所述矢量图层的展现属性为显示属性，则在所述商品图片上展现所述矢量图层；

若所述矢量图层的展现属性为隐藏属性，则隐藏所述矢量图层。

优选地，所述获取矢量图层的展现属性的步骤包括：

根据用户的行为偏好信息确定所述矢量图层的展现属性。

优选地，所述根据用户的行为偏好信息确定所述矢量图层的展现属性的子步骤进一步包括：

获取用户的消费历史数据，所述消费历史数据包括购买商品总数、第一特征商品的数量在购买商品总数中占的比例，以及第二特征商品的数量在购买商品总数中中占的比例，其中所述第一特征商品为商品单价大于第一预设阈值的商品，所述第二特征商品为商品单价小于第二预设阈值的商品；

若所述第一特征商品的数量在购买商品总数中占的比例大于第三预设阈值，则所述矢量图层的展现属性为隐藏属性；

若所述第二特征商品的数量在购买商品总数中占的比例大于第四预设阈值，则所述矢量图层的展现属性为显示属性。

优选地，所述根据用户的行为偏好信息确定所述矢量图层的展现属性的子步骤进一步包括：

获取输入的搜索关键词；

判断所述搜索关键词是否包括预设的显示关键词；

若是，则所述矢量图层的展现属性为显示属性；

若否，则所述矢量图层的展现属性为隐藏属性。

优选地，所述根据用户的行为偏好信息确定所述矢量图层的展现属性的子步骤进一步包括：

获取网站流量来源；

若所述网站流量来源为预设的包含显示属性的链接来源，则所述矢量图层的展现属性为显示属性；

若所述网站流量来源不为预设的包含显示属性的链接来源，则所述矢量图层的展现属性为隐藏属性。

优选地，所述根据用户的行为偏好信息确定所述矢量图层的展现属性的子步骤进一步包括：

接收用户触发的指令，所述指令包括显示指令或隐藏指令；

若所述用户触发的指令为显示指令，则所述矢量图层的展现属性为显示属性；

若所述用户触发的指令为隐藏指令，则所述矢量图层的展现属性为隐藏属性。

优选地，所述方法还包括：

删除所述与商品图片关联的商品附加信息。

本申请还公开了一种商品图片展现的***，包括：

商品图片获得模块，用于获得商品图片；

商品附加信息获取模块，用于依据所述商品图片获取关联的商品附加信息；

展现模块，用于将所述商品附加信息渲染成矢量图层并叠加于所述商品图片上展现。

优选地，所述***还包括：

生成模块，用于在获得商品图片之前，生成商品图片和商品附加信息；

所述生成模块包括：

商品图片获取子模块，用于获取商品图片；

商品附加信息添加子模块，用于为所述商品图片添加商品附加信息；

保存子模块，用于保存所述商品附加信息，生成所述商品图片与商品附加信息的映射关系。

优选地，所述商品图片包括一张或多张，所述商品附加信息包括商品附加信息模板，所述商品附加信息添加子模块进一步包括：

商品图片选定单元，用于选定一张或多张商品图片；

商品附加信息模板获取单元，用于获取商品附加信息模板；

模板叠加单元，用于将所述商品附加信息模板叠加在所述一张或多张商品图片上。

优选地，所述商品附件信息获取模块包括：

判断子模块，用于判断所述商品图片是否有关联的商品附加信息；若是，则调用附加信息获取子模块；

附加信息获取子模块，用于获取所述关联的商品附加信息；

所述判断子模块进一步包括：

映射关系判断单元，用于判断数据库中是否存在所述商品图片以及商品附加信息的映射关系；若存在，则调用商品附加信息确定单元；

商品附加信息确定单元，用于判断为所述商品图片有关联的商品附加信息。

优选地，所述展现模块包括：

渲染子模块，用于将所述商品附加信息渲染成矢量图层；

分辨率获取子模块，用于获取用户设备的分辨率；

适配子模块，用于将所述矢量图层调整成适配所述用户设备的分辨率的大小并叠加于所述商品图片上展现。

优选地，所述***还包括：

展现属性获取模块，用于获取所述矢量图层的展现属性，所述展现属性包括显示属性或隐藏属性；

显示模块，用于在所述矢量图层的展现属性为显示属性时，在所述商品图片上展现所述矢量图层；

隐藏模块，用于在所述矢量图层的展现属性为隐藏属性时，隐藏所述矢量图层。

优选地，所述展现属性获取模块包括：

展现属性确定子模块，用于根据用户的行为偏好信息确定所述矢量图层的展现属性。

优选地，所述展现属性确定子模块进一步包括：

消费历史数据获取单元，用于获取用户的消费历史数据，所述消费历史数据包括购买商品总数、第一特征商品的数量在购买商品总数中占的比例，以及第二特征商品的数量在购买商品总数中中占的比例，其中所述第一特征商品为商品单价大于第一预设阈值的商品，所述第二特征商品为商品单价小于第二预设阈值的商品；

第一隐藏属性确定单元，用于在所述第一特征商品的数量在购买商品总数中占的比例大于第三预设阈值时，判断为所述矢量图层的展现属性为隐藏属性；

第一显示属性确定单元，用于在所述第二特征商品的数量在购买商品总数中占的比例大于第四预设阈值时，判断为所述矢量图层的展现属性为显示属性。

优选地，所述展现属性确定子模块进一步包括：

搜索关键词获取单元，用于获取输入的搜索关键词；

搜索关键词判断单元，用于判断所述搜索关键词是否包括预设的包含显示属性的关键词；若是，则调用第二显示属性确定单元；若否，则调用第二隐藏属性确定单元；

第二显示属性确定单元，用于判断为所述矢量图层的展现属性为显示属性；

第二隐藏属性确定单元，用于判断为所述矢量图层的展现属性为隐藏属性。

优选地，所述展现属性确定子模块进一步包括：

网站流量获取单元，用于获取网站流量来源；

第三显示属性确定单元，用于在所述网站流量来源为预设的包含显示属性的链接来源时，判断为所述矢量图层的展现属性为显示属性；

第三隐藏属性确定单元，用于在所述网站流量来源不为预设的包含显示属性的链接来源时，判断为所述矢量图层的展现属性为隐藏属性。

优选地，所述展现属性确定子模块进一步包括：

用户指令接收单元，用于接收用户触发的指令，所述指令包括显示指令或隐藏指令；

第四显示属性确定单元，用于在所述用户触发的指令为显示指令时，判断为所述矢量图层的展现属性为显示属性；

第四显示属性确定单元，用于在所述用户触发的指令为隐藏指令时，判断为所述矢量图层的展现属性为隐藏属性。

优选地，所述***还包括：

删除模块，用于删除所述与商品图片关联的商品附加信息。

与现有技术相比，本申请实施例具有以下优点：

第一，本申请中的商品附加信息是以矢量数据的代码形式进行存储，而不是图片，相对于大尺寸的高清图片来说一方面可以节省大量的存储空间，另一方面解决商品附加信息在***自动压缩图片后，展现质量毛边的问题。

第二，本申请中商品附加信息是单独存储的（商品附加信息与商品图片分离），因此商品图片只需上传一次，即可方便添加或编辑或删除商品图片上的商品附加信息，无需重复上传商品图片，提升页面加载速度，节省网络流量以及提高在商品图片上编辑商品附加信息的效率。

第三，当需要处理一批商品时，可以共用同一个商品附加信息模板，而不用一张张图片去重复处理，大举提高工作效率，也可以有效地减少数据的冗余。

第四，在本申请中商品附加信息渲染成的矢量图层具有展现或隐藏的属性，可以根据用户消费历史数据或者用户的自主选择，选择性地展现商品附加信息，让商品列表更适合买家，从而提高买家的浏览效率，促成交易，也在一定程度上改善图片“牛皮藓”的现象，更加净化网页。

第五，由于商品附加信息是以代码的形式保存在数据库中的，在展示商品附加信息时需要将其渲染成矢量图层，又因所述商品附加信息为矢量数据，其可适用于各种不同的设备和分辨率，因此可以根据用户设备的分辨率来调整所述矢量图层的大小，从而不用为不同分辨率的设备分别处理成不同的图片。

附图说明

图1是本申请一种商品图片展现的方法实施例1的步骤流程图；

图2是本申请一种商品图片展现的方法实施例2的步骤流程图；

图3是本申请一种商品图片展现的方法实施例2的促销信息模板与商品图片的映射关系示意图；

图4是本申请一种商品图片展现的方法实施例2的商品图片的促销信息添加原理图；

图5是本申请一种商品图片展现的***实施例的结构框图。

具体实施方式

为使本申请的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本申请作进一步详细的说明。

本申请实施例的核心构思之一在于，提供给商家和买家一种将商品图片与商品附加信息合成后以一个图像展示整体展现给用户，但在数据存储和编辑上可进行分离的技术解决方案，商家可以随时在线上添加或删除商品图片上的商品附加信息，买家可以选择查看或隐藏商品图片上的商品附加信息。让商家在发布商品的时候，可方便地添加或编辑商品图片（或广告图片）上的商品附加信息（例如：折扣、价格等）。

参照图1，示出了一种商品图片展现的方法实施例1的步骤流程图，所述方法实施例具体可以包括以下步骤：

步骤101：获得商品数据，所述商品数据包括商品图片及商品附加信息；

在现有技术中，特别是在电商网站中，如果需要为网站上的图片添加附加信息，比如商品的文字信息、商品的促销信息或者其他描述信息，一般是需要在线下使用图片处理软件（例如photoshop软件等）处理好图片，然后再上传到网站上，存储时文字信息或者其他描述信息作为图片中的图案连同原始图片，以图片数据的格式存储。然而这种方式不仅会耗费过多的存储空间，还需要商家一张一张地处理图片，效率低下。因此，本申请提出了一种将商品图片以及商品附加信息分离的商品图片展现方式，方便商家可以随时在线上添加、编辑或删除图片上的商品附加信息。

具体而言，在本申请的一种优选实施例中，所述商品图片和商品附加信息可以通过以下步骤生成：

步骤S1：获取商品图片；

具体而言，在电子商务网站上，若商家需要在商品图片上添加商品附加信息并显示于商品图片上，则需要上传商品图片，所述商品图片可以包括一张或多张。

步骤S2：为所述商品图片添加商品附加信息；

具体而言，所述商品附加信息为矢量数据，可以包括字符（可以通过Icon_Font图形字体及其他自定义的字体进行样式风格设置），矢量图，HTML（Hypertext MarkupLanguage，超文本标记语言）、CSS（Cascading Style Sheet，层叠样式表单）及JS（javascript，是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言）等网页程序语言编写的图形等。

在本申请的一种优选实施例中，所述商品附加信息可以包括商品附加信息模板，所述步骤S2可以包括如下子步骤：

子步骤S2-1：选定一张或多张商品图片；

子步骤S2-2：获取商品附加信息模板；

在本申请实施例中，如果某一商品附加信息被多次重复使用时，可以将其保存为商品附加信息模板。在数据库中保存有多种形式的商品附加信息模板。

子步骤S2-3：将所述商品附加信息模板叠加在所述一张或多张商品图片上。

在具体实现中，在选定的商品图片为多张时，采用商品附加信息模块可以批量为所述选定的商品图片添加商品附加信息，而不用一张张图片去重复处理，从而实现高效快速地添加商品附加信息，还可以有效地减少数据的冗余。

步骤S3：保存所述商品附加信息，生成所述商品图片与商品附加信息的映射关系。

在具体实现中，在编辑商品附加信息时，还可以对所述商品附加信息的内容、风格样式、位置等进行设置，并可以实时预览添加了商品附加信息后的商品图片的效果（所见即所得）。在商品附加信息编辑完成后，保存所述商品附加信息，生成所述商品附加信息与商品图片的映射关系。

作为本实施例的一种优选示例，若所述商品附加信息为商品附加信息模板时，保存所述商品附加信息时，生成的是商品附加信息模板与商品图片的映射关系。

应用于本申请实施例，可以创建一个数据库，保存所述商品附加信息、商品附加信息模板、商品图片与商品附加信息的映射关系、商品图片与商品附加信息模板的映射关系、商品附加信息与商品附加信息模板之间的对应关系。

步骤102：依据所述商品图片获取关联的商品附加信息；

在本申请的一种优选实施例中，所述步骤102可以包括如下子步骤：

子步骤102-1：判断所述商品图片是否有关联的商品附加信息；若是，则执行子步骤102-2；

在本申请的一种优选实施例中，所述子步骤102-1可以包括如下子步骤：

子步骤102-1-1：判断数据库中是否存在所述商品图片以及商品附加信息的映射关系；若存在，则执行子步骤102-1-2；

子步骤102-1-2：判断为所述商品图片有关联的商品附加信息。

子步骤102-2：获取所述关联的商品附加信息。

在本申请实施例中，所述商品附加信息与商品图片是分开保存的，数据库中保存的只是商品附加信息以及商品附加信息与商品图片的映射关系，当获取到商品图片时，可以按照这种映射关系去查找与商品图片对应的商品附加信息。

这种方式可以实现商品附加信息的灵活添加、编辑或删除，在整个商品发布过程也不需要重复上传大的商品图片，节省了存储空间的同时提升了页面加载速度，节省了网络流量，提高了效率。另外，由于保存时没有以图片的形式进行保存，相对于背景技术中存储的大尺寸的高清图片来说不仅可以节省大量的存储空间，还可以解决背景技术中商品附加信息在自动压缩图片后，展示质量毛边的问题。

步骤103：将所述商品附加信息渲染成矢量图层并叠加于所述商品图片上展现；

在本申请的一种优选实施例中，所述步骤103可以包括如下子步骤：

子步骤103-1：将所述商品附加信息渲染成矢量图层；

在具体实现中，由于所述商品附加信息保存在数据库中是一些代码，在展现所述商品附加信息时，需要将这些代码通过网页语言HTML、JS、SVG（Scalable VectorGraphics，可缩放矢量图形，用于描述二维矢量图形的一种图形格式）、Icon_Font等技术渲染成可视化的矢量图层，从而将所述商品附加信息加载在网页上。

应用于本申请实施例，所述网页可以为带有商品图片的页面，例如可以包括商品搜索结果的展示页、商品的列表页、商品的详情页等有商品图片出现的页面。

子步骤103-2：获取用户设备的分辨率；

子步骤103-3：将所述矢量图层调整成适配所述用户设备的分辨率的大小并叠加于所述商品图片上展现。

在具体实现中，由于所述矢量图层始终是以矢量数据来渲染的，因此其可适用于各种不同的设备和分辨率，可以根据用户设备的分辨率来调整所述矢量图层的大小。

步骤104：获取所述矢量图层的展现属性，所述展现属性包括显示属性以及隐藏属性；

在本申请的一种优选实施例中，所述步骤104可以包括如下子步骤：

步骤104-1：根据用户的行为偏好信息确定所述矢量图层的展现属性。

在本申请实施例中，所述矢量图层具有显示或隐藏的属性，可以根据用户的网络行为选择显示或隐藏矢量图层。具体的，可以在用户的cookie信息中记录用户的行为偏好，根据用户的cookie信息中记录用户的行为偏好确定所述矢量图层的显示或隐藏属性。

所述矢量图层的显示或隐藏属性也可以根据用户的输入来设置。

步骤105：若所述矢量图层的展现属性为显示属性，则在所述商品图片上展现所述矢量图层；

步骤106：若所述矢量图层的展现属性为隐藏属性，则隐藏所述矢量图层。

在本申请实施例中，还可以导出所述添加了商品附加信息后的商品图片的图片，而不需要使用图片编辑软件来处理。

参照图2，示出了一种商品数据展现的方法实施例2的步骤流程图，本实施例中以商品附加信息为促销信息的情况加以说明，其中，所述商品数据可以包括分离的商品图片和促销信息，所述方法实施例具体可以包括以下步骤：

步骤201：获取商品图片；

具体而言，当商家需要在电商网站上发布商品时，首先需要上传商品图片，所述商品图片包括一张或多张。

在上传商品图片时，可以在编辑框中编辑所述商品图片对应的商品的商品信息，所述商品信息可以包括商品的唯一标识、标题、价格、运费以及商品的各种属性（例如衣服的尺码、材质、款型等）等。

步骤202：为所述商品图片添加促销信息；

在电子商务网站上，从商家角度来讲，商家若需要举行一次促销活动，那么在商品图片上添加促销信息是最常见，最直接，且最有效的方法。

在本申请实施例中，所述促销信息可以包括字符（可以通过Icon_Font图形字体及其他自定义的字体进行样式风格设置），矢量图，HTML、CSS、JS等网页程序语言编写的图形等。

在本申请的一种优选实施例中，所述促销信息可以包括促销信息模板，所述步骤202可以包括如下子步骤：

子步骤S11：选定一张或多张商品图片；

子步骤S12：获取促销信息模板；

在本申请实施例中，如果某一促销信息被多次重复使用时，可以将其保存为促销信息模板。在数据库中保存有多种形式的促销信息模板。

子步骤S13：将所述促销信息模板叠加在所述一张或多张商品图片上。

在具体实现中，在选定的商品图片为多张时，采用促销信息模块可以批量为所述选定的商品图片添加促销信息，而不用一张张图片去重复处理，从而实现高效快速地添加促销信息，还可以有效地减少数据的冗余。例如若商家需要编辑多张同一批次的促销商品时，只需要编辑一个模板，其它商品都使用这一模板，就可以实现批量商品促销信息的添加，若某一商品的促销信息改变时，还可以对所述商品关联的促销信息进行编辑或调整，按映射关系直接保存成新的促销信息，比如“双十一活动”某商家有十件商品需要进行促销活动，促销活动都是“五折”，但是其中有一件商品不仅“五折”而且还“包邮”，这时可以先选中十件商品然后点击“添加图片促销信息”按钮为这些商品添加“双十一模板”（“五折”模板），因为有一件商品是“五折”且“包邮”的，因此可以再打开该商品编辑页面，为该商品添加一个“包邮”的促销信息。

步骤203：保存所述促销信息，生成所述商品图片与促销信息的映射关系。

在具体实现中，在编辑促销信息时，还可以对所述促销信息的内容、样式、位置等进行设置，并可以实时预览添加了促销信息后的商品图片的效果（所见即所得）。在促销信息编辑完成后，保存所述促销信息，生成所述促销信息与商品图片的映射关系。

作为本实施例的一种优选示例，若所述促销信息为促销信息模板时，保存所述促销信息时，生成的是促销信息模板与商品图片的映射关系。

应用于本申请实施例，可以创建一个数据库，保存所述促销信息、促销信息模板、商品图片与促销信息的映射关系、商品图片与促销信息模板的映射关系、促销信息与促销信息模板之间的对应关系。具体而言，参考图3所示的促销信息模板与商品图片的映射关系示意图，可以看出，由于一个商品可以有多张商品图片，不同的商品图片可以有不同的促销信息，因此一个商品可以应对多个促销信息模板，一个促销信息模板也可以对应多个商品；一个商品可以应对多个促销信息，一个促销信息也可以对应多个商品；一个促销信息模板可以对应多个促销信息。

为了使本领域技术人员更好地理解本申请，下面通过一个具体实例对本申请实施例中添加促销信息的原理加以说明：

参考图4所示的商品图片的促销信息添加原理图，包括如下步骤：

（1）商家选择需要添加促销信息的商品原图上传至促销信息编辑器；

（2）在促销信息编辑器中展现所述商品原图；

（3）在促销信息编辑器中添加促销信息（或选择促销信息模板）；

（4）保存促销信息（包括促销信息的形式、内容）。

步骤204：获得商品图片；

步骤205：依据所述商品图片获取关联的促销信息；

在本申请的一种优选实施例中，所述步骤205可以包括如下子步骤：

子步骤S21：判断所述商品图片是否有关联的促销信息；若是，则执行子步骤S22；

在本申请的一种优选实施例中，所述子步骤S21可以包括如下子步骤：

子步骤S211：判断数据库中是否存在所述商品图片以及促销信息的映射关系；若存在，则执行子步骤S212；

子步骤S212：判断为所述商品图片有关联的促销信息。

子步骤S22：获取所述关联的促销信息。

在本申请实施例中，所述促销信息与商品图片是分开保存的，数据库中保存的只是促销信息以及促销信息与商品图片的映射关系，当获取到商品图片时，可以按照这种映射关系去查找与商品图片对应的促销信息。

这种方式可以实现促销信息的灵活添加、编辑或删除，在整个商品发布过程也不需要重复上传大的商品图片，节省了存储空间的同时提升了页面加载速度，节省了网络流量，提高了效率。另外，这种将商家上传的商品图片和促销信息分开存储的方法，还可以减少商家盗图的情况发生，从而更加净化网页的内容，提高买家体验。

步骤206：将所述促销信息渲染成矢量图层并叠加于所述商品图片上展现；

在本申请的一种优选实施例中，所述步骤206可以包括如下子步骤：

子步骤S31：将所促销信息渲染成矢量图层；

在具体实现中，由于所述促销信息保存在数据库中是一些代码，在展现所述促销信息时，需要将这些代码通过网页语言HTML、JS、SVG、Icon_Font等技术渲染成可视化的矢量图层，从而将所述促销信息加载在网页上，所述矢量图层是一个独立于商品图片的图层，覆盖在商品图片之上。

子步骤S32：获取用户设备的分辨率；

子步骤S33：将所述矢量图层调整成适配所述用户设备的分辨率的大小并叠加于所述商品图片上展现。

在具体实现中，由于所述矢量图层始终是以矢量数据来渲染的，因此其可适用于各种不同的设备和分辨率，可以根据用户设备的分辨率来调整所述矢量图层的大小，而不用为不同分辨率的设备分别处理不同的图片。

步骤207：获取所述矢量图层的展现属性，所述展现属性包括显示属性以及隐藏属性；

在本申请的一种优选实施例中，所述步骤207可以包括如下子步骤：

步骤207-1：根据用户的行为偏好信息确定所述矢量图层的展现属性。

应用于在本申请实施例，在展示商品图片时，网页发送一个携带商品信息的请求到搜索引擎；所述搜索引擎可以根据用户点击与购买行为来判断是否为用户展现所述商品的促销信息，用户也可以自主选择是否展现商品图片上的促销信息。如果需要展现促销信息，搜索引擎再按商品信息，去查询数据库中所述商品图片与所述促销信息的映射关系，找出促销信息再返回，如果不展现可以返回为空；网页根据搜索引擎返回的结果再判断是否展现促销信息，如果需要展现则用HTML、JS、SVG、Icon_Font等技术去展现促销信息。

具体而言，在本申请的一种优选实施例中，所述子步骤207-1可以包括如下子步骤：

子步骤S41：获取用户的消费历史数据，所述消费历史数据包括购买商品总数，第一特征商品的数量在购买商品总数中占的比例，以及第二特征商品的数量在购买商品总数中占的比例，其中所述第一特征商品为商品单价大于第一预设阈值的商品，所述第二特征商品为商品单价小于第二预设阈值的商品；

在具体实现中，可以根据获取用户（所述用户可以为买家）信息来获取用户的消费历史数据，所述用户信息可以包括用户登录***的登录信息、浏览器cookie信息、用户设备ID信息等，根据所述用户信息在数据库中查询获得该用户的消费历史数据。需要说明的是，上述消费历史记录的获取方法仅是本申请实施例的一种示例，本领域技术人员采用其他方法获得所述用户的消费历史数据均是可以的，本申请实施例在此不作限制。

子步骤S42：若所述第一特征商品的数量在购买商品总数中占的比例大于第三预设阈值，则所述矢量图层的展现属性为隐藏属性；

子步骤S43：若所述第二特征商品的数量在消费历史数据中占的比例大于第四预设阈值，则所述矢量图层的展现属性为显示属性。

具体而言，所述第一特征商品也可以称为高档商品，所述第二特征商品也可以称为低档商品，当从所述消费历史数据中获取到用户购买的商品有一定比例以上都是高档商品，则默认隐藏商品图片上的促销信息；当从所述消费历史数据中获取到用户购买的商品有一定比例以上都是低档商品，则默认展现所述商品图片上的促销信息。

实际上，本申请实施例依据所述用户的消费历史数据将用户群进行分类，可以分为高端型用户以及实惠型用户，针对高端型用户则隐藏促销信息，针对实惠型用户则展现促销信息。作为本申请实施例的一种示例，当用户购买的商品有一定比例以上都是高档商品，这类用户可以称为高端型用户，当用户购买的商品有一定比例以上都是低档商品，这类用户可以称为实惠型用户。当然，也可以按需使用其他的判断标准来划分用户类型，本申请实施例在此不作限制。

需要说明的是，所述第三预设阈值与第四预设阈值可以为相同的正数值，也可以为不同的正数值，本申请在此无需加以限制。

在本申请的另一种优选实施例中，所述子步骤207-1可以包括如下子步骤：

子步骤S51：获取用户输入的搜索关键词；

子步骤S52：判断所述搜索关键词是否包括预设的包含显示属性的关键词；若是，则执行子步骤S53；若否，则执行子步骤S54；

子步骤S53：所述矢量图层的展现属性为显示属性；

子步骤S54：所述矢量图层的展现属性为隐藏属性。

具体而言，所述预设的包含显示属性的关键词可以为包含促销意思的关键词，如“促销”、“打折”等，在获取所述用户的消费历史数据失败时（数据库中没有相关消费历史数据的记录），当用户搜索的关键词中带包括预设的包含显示属性的关键词时，就默认展现促销信息；否则，隐藏促销信息。

在本申请的另一种优选实施例中，所述子步骤207-1可以包括如下子步骤：

子步骤S61：获取网站流量来源；

子步骤S62：若所述网站流量来源为预设的包含显示属性的链接来源，则所述矢量图层的展现属性为显示属性；

子步骤S63：若所述网站流量来源不为预设的包含显示属性的链接来源，则所述矢量图层的展现属性为隐藏属性。

具体而言，所述预设的包含显示属性的链接来源可以为促销频道的链接，在获取所述用户设备的消费历史数据失败时（数据库中没有相关消费历史数据的记录），当用户从一个促销频道中点击链接过来时，就默认展现促销信息；否则，隐藏所述促销信息。

在本申请的另一种优选实施例中，所述子步骤207-1可以包括如下子步骤：

子步骤S71：接收用户触发的指令，所述指令包括显示指令或隐藏指令；

子步骤S72：若所述用户触发的指令为显示指令，则所述矢量图层的展现属性为显示属性；

子步骤S73：若所述用户触发的指令为隐藏指令，则所述矢量图层的展现属性为隐藏属性。

在本申请实施例中，所述用户可以为买家也可以为商家，当用户发出隐藏促销信息的指令时，隐藏所述矢量图层，只展现商品图片；当用户发出显示促销信息的指令时，展现商品图片以及促销信息。

步骤208：若所述矢量图层的展现属性为显示属性，则在所述商品图片上展现所述矢量图层；

步骤209：若所述矢量图层的展现属性为隐藏属性，则隐藏所述矢量图层。

需要说明的是，所述步骤207、步骤208、步骤209可以在步骤206之后执行，也可以放在步骤204之后，步骤205之前执行，其执行的次序本申请在此不作限制。

在具体实现中，若某一个商品图片上面带有促销信息，那么该商品将会引起买家更多的关注，这就让商家有作弊的可能，商家想要让自己的商品在列表中被更多的人关注和点击的时候，只要在图片上面加上醒目的促销信息就可以吸引买家的眼球，但是商品图片上过多的促销信息会把图片贴得都看不清商品的样子，影响商品外观，这种想象可以称为“图片牛皮癣”现象，而本申请实施例可以一定程度地治理商品列表中的“图片牛皮癣”现象，根据用户消费历史数据或使用场景或用户的自主选择，选择性地展现或隐藏促销信息，让商品列表更适合用户，从而提高用户的浏览效率，促成交易。

另外，本申请实施例还可以导出添加促销信息的商品图片。具体而言，若商家在不同的网站中有出售同样的商品，或者在别的地方需要投放广告，可以采用促销信息管理模块中一个导出功能，导出的是合成促销信息后的高清商品图片的图片格式，而不需要使用图片编辑软件来处理。

当促销活动结束后，商家也可以删除所述商品图片上添加的促销信息。具体而言，由上述分析可知促销信息与商品图片之间只是一个关联关系，删除促销信息就是取消这种关联关系。其操作过程可以是选择所有需要取消促销信息的商品，执行“取消促销信息”指令，或者有一个“取消所有促销信息”的指令来批量取消促销信息。这样可以让整个促销信息的发布及取消过程变得快捷高效。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本申请所必须的。

参照图5，示出了一种商品图片展现的***实施例的结构框图，所述商品数据包括分离的商品图片以及商品附加信息，所述***实施例具体可以包括以下模块：

生成模块301，用于生成商品图片以及商品附加信息；

在本申请的一种优选实施例中，所述生成模块301可以包括如下子模块：

商品图片获取子模块，用于获取商品图片；

商品附加信息添加子模块，用于为所述商品图片添加商品附加信息；

在本申请的一种优选实施例中，所述商品图片包括一张或多张，所述商品附加信息可以包括商品附加信息模板，所述商品附加信息添加子模块进一步可以包括：

商品图片选定单元，用于选定一张或多张商品图片；

商品附加信息模版获取单元，用于获取商品附加信息模板；

模版叠加单元，用于将所述商品附加信息模板叠加在所述一张或多张商品图片上。

保存子模块，用于保存所述商品附加信息，生成所述商品图片与商品附加信息的映射关系。

商品图片获得模块302，用于获得商品图片；

商品附加信息获取模块303，用于依据所述商品图片获取关联的商品附加信息；

在本申请的一种优选实施例中，所述商品附加信息获取模块303可以包括如下子模块：

判断子模块，用于判断所述商品图片是否有关联的商品附加信息；若是，则调用附加信息获取子模块；

在本申请的一种优选实施例中，所述判断子模块进一步可以包括如下单元：

映射关系判断单元，用于判断数据库中是否存在所述商品图片以及商品附加信息的映射关系；若存在，则调用商品附加信息确定单元；

商品附加信息确定单元，用于判断为所述商品图片有关联的商品附加信息。

附加信息获取子模块，用于获取所述关联的商品附加信息。

展现模块304，用于将所述商品附加信息渲染成矢量图层并叠加于所述商品图片上展现；

在本申请的一种优选实施例中，所述展现模块304可以包括如下子模块：

渲染子模块，用于将所述商品附加信息渲染成矢量图层；

分辨率获取子模块，用于获取用户设备的分辨率；

适配子模块，用于将所述矢量图层调整成适配所述用户设备的分辨率的大小并叠加于所述商品图片上展现。

展现属性获取模块305，用于获取所述矢量图层的展现属性，所述展现属性包括显示属性以及隐藏属性；

在本申请的一种优选实施例中，所述展现属性获取模块305可以包括如下子模块：

展现属性确定子模块，用于根据用户的行为偏好信息确定所述矢量图层的展现属性。

在本申请的一种优选实施例中，所述展现属性确定子模块可以包括如下单元：

消费历史数据获取单元，用于获取用户的消费历史数据，所述消费历史数据包括购买商品总数、第一特征商品的数量在购买商品总数中占的比例，以及第二特征商品的数量在购买商品总数中中占的比例，其中所述第一特征商品为商品单价大于第一预设阈值的商品，所述第二特征商品为商品单价小于第二预设阈值的商品；

第一隐藏属性确定单元，用于在所述第一特征商品的数量在购买商品总数中占的比例大于第三预设阈值时，判断为所述矢量图层的展现属性为隐藏属性；

第一显示属性确定单元，用于在所述第二特征商品的数量在购买商品总数中占的比例大于第四预设阈值时，则所述矢量图层的展现属性为显示属性。

在本申请的另一种优选实施例中，所述展现属性确定子模块可以包括如下单元：

搜索关键词获取单元，用于获取输入的搜索关键词；

搜索关键词判断单元，用于判断所述搜索关键词是否包括预设的包含显示属性的关键词；若是，则调用第二显示属性确定单元；若否，则调用第二隐藏属性确定单元；

第二显示属性确定单元，用于判断为所述矢量图层的展现属性为显示属性；

第二隐藏属性确定单元，用于判断为所述矢量图层的展现属性为隐藏属性。

在本申请的另一种优选实施例中，所述展现属性确定子模块进一步可以包括如下单元：

网站流量获取单元，用于获取网站流量来源；

第三显示属性确定单元，用于在所述网站流量来源为预设的包含显示属性的链接来源时，判断为所述矢量图层的展现属性为显示属性；

第三隐藏属性确定单元，用于在所述网站流量来源不为预设的包含显示属性的链接来源时，判断为所述矢量图层的展现属性为隐藏属性。

在本申请的另一种优选实施例中，所述展现属性确定子模块进一步可以包括如下单元：

用户指令接收单元，用于接收用户触发的指令，所述指令包括显示指令或隐藏指令；

第四显示属性确定单元，用于在所述用户触发的指令为显示指令时，判断为所述矢量图层的展现属性为显示属性；

第四显示属性确定单元，用于在所述用户触发的指令为隐藏指令时，判断为所述矢量图层的展现属性为隐藏属性。

显示模块306，用于在所述矢量图层的展现属性为显示属性时，在所述商品图片上展现所述矢量图层；

隐藏模块307，用于在所述矢量图层的展现属性为隐藏属性时，隐藏所述矢量图层。

优选地，所述***还可以包括：

删除模块，用于删除所述与商品图片关联的商品附加信息。

由于所述图5的***实施例基本相应于前述方法实施例，故本实施例的描述中未详尽之处，可以参见前述方法实施例中的相关说明，在此就不赘述了。

本领域内的技术人员应明白，本申请的实施例可提供为方法、***、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质（包括但不限于磁盘存储器、CD-ROM、光学存储器等）上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备（***）、和计算机程序产品的流程图和／或方框图来描述的。应理解可由计算机程序指令实现流程图和／或方框图中的每一流程和／或方框、以及流程图和／或方框图中的流程和／或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本申请的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。

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

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

Claims (22)

1.一种商品图片展现的方法，其特征在于，包括：

获得商品图片；

依据所述商品图片获取关联的商品附加信息；其中，所述商品附加信息为矢量数据；

将所述商品附加信息渲染成矢量图层并叠加于所述商品图片上展现；其中，所述矢量图层由所述商品附加信息渲染得到，所述商品附加信息为加载在网页上的信息，所述网页为带有商品图片的页面；

其中，所述方法还包括：

获取所述矢量图层的展现属性，所述展现属性包括显示属性或隐藏属性；

若所述矢量图层的展现属性为显示属性，则在所述商品图片上展现所述矢量图层；

若所述矢量图层的展现属性为隐藏属性，则隐藏所述矢量图层。

2.根据权利要求1所述的方法，其特征在于，所述商品图片和商品附加信息通过以下步骤生成：

获取商品图片；

为所述商品图片添加商品附加信息；

保存所述商品附加信息，生成所述商品图片与商品附加信息的映射关系。

3.根据权利要求2所述的方法，其特征在于，所述商品图片包括一张或多张，所述商品附加信息包括商品附加信息模板，所述为所述商品图片添加商品附加信息的子步骤进一步包括：

选定一张或多张商品图片；

获取商品附加信息模板；

将所述商品附加信息模板叠加在所述一张或多张商品图片上。

4.根据权利要求1或2或3所述的方法，其特征在于，所述依据商品图片获取关联的商品附加信息的步骤包括：

判断所述商品图片是否有关联的商品附加信息；

若是，则获取所述关联的商品附加信息；

所述判断商品图片是否有关联的商品附加信息的子步骤包括：

判断数据库中是否存在所述商品图片以及商品附加信息的映射关系；

若存在，则判断为所述商品图片有关联的商品附加信息。

5.根据权利要求1所述的方法，其特征在于，所述将所述商品附加信息渲染成矢量图层并叠加于所述商品图片上展现的步骤包括：

获取用户设备的分辨率；

将所述矢量图层调整成适配所述用户设备的分辨率的大小并叠加于所述商品图片上展现。

6.根据权利要求1所述的方法，其特征在于，所述获取矢量图层的展现属性的步骤包括：

根据用户的行为偏好信息确定所述矢量图层的展现属性。

7.根据权利要求6所述的方法，其特征在于，所述根据用户的行为偏好信息确定所述矢量图层的展现属性的子步骤进一步包括：

获取用户的消费历史数据，所述消费历史数据包括购买商品总数、第一特征商品的数量在购买商品总数中占的比例，以及第二特征商品的数量在购买商品总数中占的比例，其中所述第一特征商品为商品单价大于第一预设阈值的商品，所述第二特征商品为商品单价小于第二预设阈值的商品；

若所述第一特征商品的数量在购买商品总数中占的比例大于第三预设阈值，则所述矢量图层的展现属性为隐藏属性；

若所述第二特征商品的数量在购买商品总数中占的比例大于第四预设阈值，则所述矢量图层的展现属性为显示属性。

8.根据权利要求6所述的方法，其特征在于，所述根据用户的行为偏好信息确定所述矢量图层的展现属性的子步骤进一步包括：

获取输入的搜索关键词；

判断所述搜索关键词是否包括预设的显示关键词；

若是，则所述矢量图层的展现属性为显示属性；

若否，则所述矢量图层的展现属性为隐藏属性。

9.根据权利要求6所述的方法，其特征在于，所述根据用户的行为偏好信息确定所述矢量图层的展现属性的子步骤进一步包括：

获取网站流量来源；

若所述网站流量来源为预设的包含显示属性的链接来源，则所述矢量图层的展现属性为显示属性；

若所述网站流量来源不为预设的包含显示属性的链接来源，则所述矢量图层的展现属性为隐藏属性。

10.根据权利要求6所述的方法，其特征在于，所述根据用户的行为偏好信息确定所述矢量图层的展现属性的子步骤进一步包括：

接收用户触发的指令，所述指令包括显示指令或隐藏指令；

若所述用户触发的指令为显示指令，则所述矢量图层的展现属性为显示属性；

若所述用户触发的指令为隐藏指令，则所述矢量图层的展现属性为隐藏属性。

11.根据权利要求1、2、3、5、6、7、8、9或10所述的方法，其特征在于，还包括：

删除与商品图片关联的商品附加信息。

12.一种商品图片展现的***，其特征在于，包括：

商品图片获得模块，用于获得商品图片；

商品附加信息获取模块，用于依据所述商品图片获取关联的商品附加信息；其中，所述商品附加信息为矢量数据；

展现模块，用于将所述商品附加信息渲染成矢量图层并叠加于所述商品图片上展现；其中，所述矢量图层由所述商品附加信息渲染得到，所述商品附加信息为加载在网页上的信息，所述网页为带有商品图片的页面；

其中，所述***还包括：

展现属性获取模块，用于获取所述矢量图层的展现属性，所述展现属性包括显示属性或隐藏属性；

显示模块，用于在所述矢量图层的展现属性为显示属性时，在所述商品图片上展现所述矢量图层；

隐藏模块，用于在所述矢量图层的展现属性为隐藏属性时，隐藏所述矢量图层。

13.根据权利要求12所述的***，其特征在于，还包括：

生成模块，用于在获得商品图片之前，生成商品图片和商品附加信息；

所述生成模块包括：

商品图片获取子模块，用于获取商品图片；

商品附加信息添加子模块，用于为所述商品图片添加商品附加信息；

保存子模块，用于保存所述商品附加信息，生成所述商品图片与商品附加信息的映射关系。

14.根据权利要求13所述的***，其特征在于，所述商品图片包括一张或多张，所述商品附加信息包括商品附加信息模板，所述商品附加信息添加子模块进一步包括：

商品图片选定单元，用于选定一张或多张商品图片；

商品附加信息模板获取单元，用于获取商品附加信息模板；

模板叠加单元，用于将所述商品附加信息模板叠加在所述一张或多张商品图片上。

15.根据权利要求12或13或14所述的***，其特征在于，所述商品附件信息获取模块包括：

判断子模块，用于判断所述商品图片是否有关联的商品附加信息；若是，则调用附加信息获取子模块；

附加信息获取子模块，用于获取所述关联的商品附加信息；

所述判断子模块进一步包括：

映射关系判断单元，用于判断数据库中是否存在所述商品图片以及商品附加信息的映射关系；若存在，则调用商品附加信息确定单元；

商品附加信息确定单元，用于判断为所述商品图片有关联的商品附加信息。

16.根据权利要求12所述的***，其特征在于，所述展现模块包括：

分辨率获取子模块，用于获取用户设备的分辨率；

适配子模块，用于将所述矢量图层调整成适配所述用户设备的分辨率的大小并叠加于所述商品图片上展现。

17.根据权利要求12所述的***，其特征在于，所述展现属性获取模块包括：

展现属性确定子模块，用于根据用户的行为偏好信息确定所述矢量图层的展现属性。

18.根据权利要求17所述的***，其特征在于，所述展现属性确定子模块进一步包括：

消费历史数据获取单元，用于获取用户的消费历史数据，所述消费历史数据包括购买商品总数、第一特征商品的数量在购买商品总数中占的比例，以及第二特征商品的数量在购买商品总数中中占的比例，其中所述第一特征商品为商品单价大于第一预设阈值的商品，所述第二特征商品为商品单价小于第二预设阈值的商品；

第一隐藏属性确定单元，用于在所述第一特征商品的数量在购买商品总数中占的比例大于第三预设阈值时，判断为所述矢量图层的展现属性为隐藏属性；

第一显示属性确定单元，用于在所述第二特征商品的数量在购买商品总数中占的比例大于第四预设阈值时，判断为所述矢量图层的展现属性为显示属性。

19.根据权利要求17所述的***，其特征在于，所述展现属性确定子模块进一步包括：

搜索关键词获取单元，用于获取输入的搜索关键词；

搜索关键词判断单元，用于判断所述搜索关键词是否包括预设的包含显示属性的关键词；若是，则调用第二显示属性确定单元；若否，则调用第二隐藏属性确定单元；

第二显示属性确定单元，用于判断为所述矢量图层的展现属性为显示属性；

第二隐藏属性确定单元，用于判断为所述矢量图层的展现属性为隐藏属性。

20.根据权利要求17所述的***，其特征在于，所述展现属性确定子模块进一步包括：

网站流量获取单元，用于获取网站流量来源；

第三显示属性确定单元，用于在所述网站流量来源为预设的包含显示属性的链接来源时，判断为所述矢量图层的展现属性为显示属性；

第三隐藏属性确定单元，用于在所述网站流量来源不为预设的包含显示属性的链接来源时，判断为所述矢量图层的展现属性为隐藏属性。

21.根据权利要求17所述的***，其特征在于，所述展现属性确定子模块进一步包括：

用户指令接收单元，用于接收用户触发的指令，所述指令包括显示指令或隐藏指令；

第四显示属性确定单元，用于在所述用户触发的指令为显示指令时，判断为所述矢量图层的展现属性为显示属性；

第四显示属性确定单元，用于在所述用户触发的指令为隐藏指令时，判断为所述矢量图层的展现属性为隐藏属性。

22.根据权利要求12、13、14、16、17、18、19、20或21所述的***，其特征在于，还包括：

删除模块，用于删除与商品图片关联的商品附加信息。