CN103136206B - 信息展示方法和设备 - Google Patents

信息展示方法和设备 Download PDF

Info

Publication number
CN103136206B
CN103136206B CN201110375742.9A CN201110375742A CN103136206B CN 103136206 B CN103136206 B CN 103136206B CN 201110375742 A CN201110375742 A CN 201110375742A CN 103136206 B CN103136206 B CN 103136206B
Authority
CN
China
Prior art keywords
information
labelling
client device
server
label information
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201110375742.9A
Other languages
English (en)
Other versions
CN103136206A (zh
Inventor
梁海俊
吴志轶
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201110375742.9A priority Critical patent/CN103136206B/zh
Publication of CN103136206A publication Critical patent/CN103136206A/zh
Priority to HK13108247.9A priority patent/HK1181143A1/zh
Application granted granted Critical
Publication of CN103136206B publication Critical patent/CN103136206B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Information Transfer Between Computers (AREA)

Abstract

本申请公开了一种信息展示方法和设备,应用于包括客户端设备和服务器的***,该方法包括:客户端设备向服务器发起网页获取请求,并接收服务器返回的网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息;所述客户端设备根据获得的网页信息展示网页内容,所展示的网页内容中包括图片,所述图片展示范围内展示有对应的标记;当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,所述客户端设备在所述网页中展示与该标记对应的描述信息。通过本申请,提高了信息展示的直观性,进而提高了用户获取信息的效率。

Description

信息展示方法和设备
技术领域
本申请涉及互联网技术应用领域,尤其涉及一种信息展示方法和设备。
背景技术
随着互联网技术的高速发展,网上交易逐渐受到人们的青睐。在网上交易过程中,卖家需要通过图片导购等方式向用户展示商品的相关信息,以使用户更好地选择自己想要的商品。
现有图片导购模式,通常是向用户展示图片,并在图片的下方以列表的形式展示该图片的关联商品的信息。在这种图片导购模式中,当图片中包含多件商品,或图片中存在背景物品时,用户可能很难直观地将商品图片与图片下方对应该商品的信息关联起来,商品导购效果直观性较差,这使得用户为获得图片信息中的商品,需要重新进行检索,这不但增加了访问服务器的负担,而且导致网络资源的占用。
发明内容
本申请实施例提供了一种信息展示方法和设备,以提高信息展示的直观性,进而提高用户获取信息的效率,降低访问服务器的负担。
为了达到以上目的,本申请实施例提供了一种信息展示方法,包括:
客户端设备向服务器发起网页获取请求,并接收服务器返回的网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息;
所述客户端设备根据获得的网页信息展示网页内容,所展示的网页内容中包括图片,所述图片展示范围内展示有对应的标记;
当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,所述客户端设备在所述网页中展示与该标记对应的描述信息。
本申请实施例提供了一种客户端设备,包括:
发送模块,用于向服务器发送网页获取请求;
接收模块,用于接收服务器返回的网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息;
第一展示模块,用于根据所述接收模块接收到的网页信息展示网页内容,所展示的网页内容中包括图片,所述图片展示范围内展示有对应的标记;
第二展示模块,用于当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,在所述网页中展示与该标记对应的描述信息。
本申请实施例提供了一种服务器,包括:
存储模块,用于存储网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息;
接收模块,用于接收客户端设备发送的网页获取请求;
获取模块,用于根据所述接收模块接收到的网页获取请求获取所述存储模块中存储的对应的网页信息;
发送模块,用于向所述客户端设备返回所述获取模块获取到的网页信息,以使所述客户端设备根据获得的网页信息展示网页内容,并当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,由所述客户端设备在所述网页中展示与该标记对应的描述信息;
其中,所述客户端展示的网页内容包括图片,所述图片展示范围内展示有对应的标记。
本申请实施例提供了一种服务器,包括:
存储模块,用于存储网页信息,所述网页信息中包含有图片信息;
接收模块,用于接收客户端设备发送的网页获取请求;
获取模块,用于根据所述接收模块接收到的网页获取请求获取所述存储模块中存储的对应的网页信息,并根据其中包含的图片信息从后台服务器获取对应的标记信息以及与所述标记信息对应的商品信息;
发送模块,用于向所述客户端设备返回所述获取模块获取到的网页信息,其中包括图片信息以及对应的标记信息和与该标记信息对应的描述信息,以使所述客户端设备根据获得的网页信息展示网页内容,并当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,由所述客户端设备在所述网页中展示与该标记对应的描述信息;
其中,所述客户端展示的网页内容包括图片,所述图片展示范围内展示有对应的标记。
与现有技术相比,本申请实施例至少具有以下优点:
本申请实施例中,客户端设备从服务器获取网页中的图片信息以及对应该图片信息的标记信息和与该标记信息对应的描述信息,并根据获取到的网页信息展示网页内容;当客户端设备捕获到的标记被选中的操作时,客户端设备在网页中展示与该标记对应的描述信息。由于描述信息直接对应图片中相应的标记展示,用户可以更加直观地知道展示的描述信息与所描述对象的对应关系,信息展示更加直观,用户获取信息的效率更高,并且减轻了访问服务器的负担,节省了占用网络资源。
附图说明
为了更清楚地说明本申请的实施例或现有技术中的技术方案,下面将对本申请的实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供技术方案中的图片、标记与商品对应关系示意图;
图2是本申请实施例提供的信息展示的技术方案的***结构示意图;
图3~4是本申请实施例提供的信息展示方法的流程示意图;
图5是本申请实施例提供的客户端设备的结构示意图;
图6~7是本申请实施例提供的服务器的结构示意图。
具体实施方式
现有技术中,在图片下方展示图片中相关对象的描述信息,信息展示直观性较差。针对该现有技术的缺陷,本申请实施例提供了一种信息展示的技术方案,通过客户端设备向服务器发送网页获取请求,并接收服务器返回的网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息;客户端设备根据获得的网页信息展示网页内容,所展示的网页内容中包括图片,图片展示范围内展示有对应的标记,当客户端设备捕获到网页中的图片上的标记被选中时,客户端设备展示与该标记对应的描述信息。由于描述信息直接对应图片中相应的标记展示,用户可以更加直观地知道展示的描述信息与所描述对象的对应关系,信息展示更加直观,用户获取信息的效率更高,并且减轻了访问服务器的负担,节省了占用网络资源。
为了使本申请实施例提供的技术方案更加清楚,下面以商品信息展示为例对本申请提供的技术方案中的标记信息进行简要的描述。但应该认识到本发明实施例提供的技术方案并不仅限于应用于商品信息展示,也可以是其他的信息展示。
在本申请实施例中,标记信息用于指示客户端设备在网页中图片展示区域(图片展示范围)的相应位置显示标记,该标记信息中可以包括标记的大小(如宽度、高度),标记相对图片的位置(如该标记相对图片左上角的位移),标记的展示形式(如圆点、方框、光标)。根据该标记信息,客户端设备在网页中图片展示区域的预设位置显示预设大小、形式的标记。当用户将鼠标图标落在标记上或点击标记时,客户端设备可以向用户展示该标记对应的商品信息。该商品信息可以包括商品ID、商品标题、商品价格、商品缩略图、商品对应的店铺地址等。在本申请实施例中,图片、标记与商品(商品的商品信息)的对应关系可以如图1所示,一张图片可以对应多个标记,每个标记可以对应多件商品的商品信息。例如,当一张图片中同时包含多件商品(如帽子、衣服、鞋)时,可以分别对应各商品增加标记;而当用户选中对应一件商品(如上述图片中的鞋)的标记时,客户端设备除了可以向用户展示图片中的鞋的相关信息外,还可以展示与图片中的鞋款式、风格等比较类似的其他的鞋的信息。
进一步的,在本申请实施例中,标记信息还可以包括标记时间等信息。当客户端设备获取到相应的标记信息后,可以根据预设的策略通过标记时间对待显示的标记进行筛选,其具体实现在此不再赘述。
下面将结合本申请实施例中的附图,对本申请的实施例中的技术方案进行清楚、完整地描述,显然,下面所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例所获得的所有其他实施例,都属于本申请的实施例保护的范围。
如图2所示,其为本申请实施例提供的信息展示的技术方案的***结构示意图,可以包括客户端设备21和服务器22。其中:
与现有技术类似的,客户端设备21可以与服务器22进行信息交互,以获取网页信息(如网页代码、脚本等),并根据获取到网页信息中的图片信息(如图片URL(UniformResourceLocator,统一资源定位符)和/或图片ID)获取网页中包含的图片。
而与现有技术不同的,在本申请实施例中,服务器22中还存储有标记信息和商品信息,并存储有图片信息、标记信息和商品信息之间的关联关系。客户端设备21除了可以从服务器获得网页信息中包含的图片信息之外,还可以从服务器获得与该图片信息对应的标记信息,以及与该标记信息对应的商品信息。
其中,在实际应用中,服务器通常可以包括Web(网页)服务器和后台服务器。其中,Web服务器用于存储网页信息(如网页代码、脚本)及网页中包含的图片等资源;而后台服务器用于存储标记信息、商品信息,以及标记信息、商品信息和图片信息的关联关系。
基于图2所示的***构架,本申请实施例还提供了一种信息展示方法。
如图3所示,其为本申请实施例提供的信息展示方法的流程示意图,可以包括以下步骤:
步骤301、客户端设备向服务器发起网页获取请求,并接收服务器返回的网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的商品信息。
具体地,在本发明实施例提供的技术方案中,客户端设备从服务器获得包含图片信息的网页信息以及所述图片信息对应的标记信息和商品信息可以通过以下两种方式实现:
方式一、客户端设备向Web服务器发送网页获取请求;Web服务器接收到网页获取请求后,根据接收到的网页获取请求获取对应的网页信息,并根据获取到的网页信息中包含的图片信息从后台服务器获取对应的标记信息和与该标记信息对应的描述信息;Web服务器向客户端返回网页信息,其中包括图片信息以及对应的标记信息和与该标记信息对应的描述信息。
方式二、客户端设备向Web服务器发送网页获取请求,接收Web服务器根据网页获取请求获取并返回的网页信息,该网页信息中携带有图片信息;客户端设备接收到服务器返回的网页信息后,根据接收到的网页信息向后台服务器发送信息获取请求,其中携带所述图片信息,并接收后台服务器根据图片信息获取并返回的对应的标记信息,以及与该标记信息对应的描述信息。
其中,当服务器包括存储有网页信息的Web服务器和存储有标记信息和商品信息,以及图片信息、标记信息和商品信息之间的关联关系的后台服务器时,则在方式一中,客户端设备向Web服务器发送网页获取请求;Web服务器根据接收到的网页获取请求获取到对应的网页信息后,根据获取到的网页信息中包含的图片信息从后台服务器获取对应的标记信息和商品信息;在方式二中,客户端设备向Web服务器发送网页获取请求,并接收Web服务器发送的网页信息,根据该网页信息向后台服务器发送信息获取请求,由后台服务器根据该信息获取请求中携带的图片信息获取对应的标记信息和商品信息。
步骤302、客户端设备根据获得的网页信息展示网页内容,所展示的网页内容中包括图片,图片展示范围内展示有对应的标记。
具体的,客户端设备获取到的图片信息可以包括图片大小和图片在浏览器显示界面的中的展示位置,客户端设备可以根据该图片信息将获取到的图片在浏览器显示界面中展示给用户,并根据获取到的标记信息中标记相对图片的位置确定标记在浏览器显示界面的位置,并在相应位置显示预设大小和形式的标记。
步骤303、当客户端设备捕获到网页中的图片上的标记被选中时,客户端设备展示与该标记对应的商品信息。
具体的,在本申请实施例中,用户查看图片时,可以通过将鼠标图标移至图片中的标记上(或在触摸屏的情况下,点击图片中的标记)来查看相应的商品信息。当客户端设备捕获到标记被选中时(客户端设备可以通过浏览器感知鼠标图标的位置,当鼠标图标的位置落在浏览器显示界面中设置有标记的区域时,则确定相应标记被选中),客户端设备可以在图片上标记的周围区域,以浮层的形式展示相关的商品信息。其中,当图片较小,或者标记位于图片的边界位置时,客户端设备可以调整浮层的大小和/或位置,以保证展示的商品信息位于图片上相应的标记的周围区域,其具体实现方式在此不再赘述。
通过上述流程可以看出,在本申请实施例提供的技术方案中,客户端设备从服务器获取网页中的图片信息以及对应该图片信息的标记信息和与该标记信息对应的商品信息,并根据获取到的网页信息展示网页内容;当客户端设备捕获到的标记被选中的操作时,客户端设备在网页中展示与该标记对应的商品信息。由于商品信息直接对应图片中相应的标记展示,用户可以更加直观地知道展示的信息与商品的对应关系,信息展示更加直观,用户获取信息的效率更高。
下面结合具体的应用场景对本申请实施例提供的技术方案进行更加详细的描述。在该实施例中,Web服务器中存储有网页信息(如网页代码、脚本)及网页中包含的图片等资源;后台服务器中存储有标记信息,商品信息,以及标记信息、商品信息和图片信息的关联关系。其中,后台服务器中存储的图片信息可以包括图片URL、图片ID等;后台服务器中存储的标记信息、商品信息和图片信息的关联关系如表1所示。
表1
其中,后台服务器中存储的标记N对应的标记信息中包括对应标记的大小(如宽度、高度)、标记相对图片的位置(如该标记相对图片左上角的位移)、标记的形式(如圆点、方框、光标);商品N对应的商品信息中包括商品ID、商品标题、商品价格、商品缩略图、商品对应的店铺地址等;后台服务器可以根据图片ID查询与该图片ID对应的标记信息以及与该标记信息对应的商品信息。
该实施例中的信息展示流程如图4所示,可以包括如下步骤:
步骤401、客户端设备向Web服务器发送网页获取请求,并接收Web服务器返回的网页信息。
具体的,客户端设备可以根据用户输入的网页URL向Web服务器发送网页获取请求。Web服务器接收到该网页获取请求后,根据网页获取请求中携带的网页URL查找对应的网页信息,并将查找到的网页信息发送给客户端设备
步骤402、客户端设备根据获取到的网页信息向后台服务器发送信息获取请求,并接收后台服务器返回的与信息获取请求中携带的图片信息对应的标记信息和与该标记信息对应的商品信息。
具体的,客户端设备接收网页信息后,根据该网页信息向后台服务器发送信息获取请求,由后台服务器根据其中携带的图片信息获取对应的标记信息和商品信息。以客户端设备发送的请求中携带图片URL(URL1)为例,后台服务器接收到客户端设备发送的信息获取请求后,查询与该信息获取请求中携带的图片URL对应的图片ID,并根据自身存储的标记信息、商品信息和图片信息的关联关系查询与该图片ID对应的标记信息和与该标记信息对应的商品信息,并返回给客户端设备。例如,后台服务器查询到与图片URL1对应的图片ID为ID1,则后台服务器根据ID1在表1中查询该图片对应的标记信息和与该标记信息对应的商品信息,即标记1和2对应的标记信息,商品1-5对应的商品信息。
步骤403、客户端设备展示获取到的图片,并根据获取到的标记信息显示相应标记。
具体的,客户端设备展示获取到的图片和标记可以通过以下流程实现:
a、定位获取到的图片在浏览器中的展示位置;
b、将标记信息添加到图片的父层节点中;
c、对标记进行CSS相对定位;
d、循环处理所有的标记。
通过流程a-d,客户端设备在浏览器显示界面中展示获取到的图片,并根据获取到的标记信息中的标记相对图片的位置以及图片在浏览器显示界面中的位置信息,确定相应标记在浏览器显示界面中的位置,并根据标记信息中标记的大小和形式,在相应位置显示相应的标记。
步骤404、当客户端设备捕获到标记被选中时,展示该标记对应的商品信息。
具体的,当用户将鼠标图标落在标记上或用户点击标记时,客户端设备能够捕获标记被选中,并展示该标记对应的商品信息。例如,当客户端设备感知到标记1被选中时,客户端设备向用户展示商品1、2、3的商品信息。
基于上述方法实施例相同的技术构思,本申请实施例还提供了一种客户端设备。
如图5所示,其为本申请实施例提供的客户端设备的结构示意图,包括:
发送模块51,用于向服务器发送网页获取请求;
接收模块52,用于接收服务器返回的网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息;
第一展示模块53,用于根据所述接收模块52接收到的网页信息展示网页内容,所展示的网页内容中包括图片,所述图片展示范围内展示有对应的标记;
第二展示模块54,用于当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,在所述网页中展示与该标记对应的描述信息。
其中,所述发送模块可以具体用于,向Web服务器发送网页获取请求,由Web服务器根据接收到的网页获取请求获取对应的网页信息,并根据获取到的网页信息中包含的图片信息从后台服务器获取对应的标记信息和与所述标记信息对应的描述信息;
相应地,所述接收模块52可以具体用于,接收Web服务器返回网页信息,其中包括图片信息以及对应的标记信息与所述标记信息对应的描述信息。
其中,所述发送模块51可以具体用于,向Web服务器发送网页获取请求,并根据所述接收模块接收到的网页信息向后台服务器发送信息获取请求,其中携带所述图片信息;
相应地,所述接收模块52可以具体用于,接收Web服务器根据所述发送模块发送的网页获取请求获取并返回的网页信息,所述网页信息中包括图片信息;接收所述后台服务器根据所述发送模块发送的信息获取请求中携带的图片信息获取并返回的对应的标记信息和与所述标记信息对应的描述信息。
其中,所述标记信息包括标记大小、标记的展示形式以及标记相对于对应图片的位置信息,该位置信息所标识的位置在对应图片的展示范围之内;
所述第一展示模块53具体用于,根据所述标记信息中的相对于对应图片的位置信息,在对应图片的展示范围内,按照所述标记信息所指示的标记大小、标记的展示形式展示相应的标记。
基于上述方法实施例相同的技术构思,本申请实施例还提供了一种服务器,可以应用于上述信息展示方法流程中。
如图6所示,为本申请实施例提供的服务器的结构示意图,包括:
存储模块61,用于存储网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息;
接收模块62,用于接收客户端设备发送的网页获取请求;
获取模块63,用于根据所述接收模块62接收到的网页获取请求获取所述存储模块61中存储的对应的网页信息;
发送模块64,用于向所述客户端设备返回所述获取模块63获取到的网页信息,以使所述客户端设备根据获得的网页信息展示网页内容,并当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,由所述客户端设备在所述网页中展示与该标记对应的描述信息;
其中,所述客户端展示的网页内容包括图片,所述图片展示范围内展示有对应的标记。
基于上述方法实施例相同的技术构思,本申请实施例还提供了一种服务器,可以应用于上述信息展示方法流程中。
如图7所示,为本申请实施例提供的服务器的结构示意图,包括:
存储模块71,用于存储网页信息,所述网页信息中包含有图片信息;
接收模块72,用于接收客户端设备发送的网页获取请求;
获取模块73,用于根据所述接收模块72接收到的网页获取请求获取所述存储模块71中存储的对应的网页信息,并根据其中包含的图片信息从后台服务器获取对应的标记信息以及与所述标记信息对应的商品信息;
发送模块74,用于向所述客户端设备返回所述获取模块73获取到的网页信息,其中包括图片信息以及对应的标记信息和与该标记信息对应的描述信息,以使所述客户端设备根据获得的网页信息展示网页内容,并当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,由所述客户端设备在所述网页中展示与该标记对应的描述信息;
其中,所述客户端展示的网页内容包括图片,所述图片展示范围内展示有对应的标记。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述的方法。
本领域技术人员可以理解附图只是一个优选实施例的示意图,附图中的模块或流程并不一定是实施本申请所必须的。
本领域技术人员可以理解实施例中的装置中的模块可以按照实施例描述进行分布于实施例的装置中,也可以进行相应变化位于不同于本实施例的一个或多个装置中。上述实施例的模块可以合并为一个模块,也可以进一步拆分成多个子模块。
上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。
以上公开的仅为本申请的几个具体实施例,但是,本申请并非局限于此,任何本领域的技术人员能思之的变化都应落入本申请的保护范围。

Claims (10)

1.一种信息展示方法,其特征在于,包括:
客户端设备向服务器发起网页获取请求,并接收服务器返回的网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息,所述服务器包括Web服务器以及后台服务器,所述Web服务器存储所述网页信息,所述后台服务器存储所述标记信息、商品信息,以及所述标记信息、所述商品信息和所述图片信息的关联关系;
所述客户端设备根据获得的网页信息展示网页内容,所展示的网页内容中包括图片,所述图片展示范围内展示有对应的标记;
当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,所述客户端设备在所述网页中展示与该标记对应的描述信息;
其中,所述标记信息包括标记时间信息,以使所述客户端设备获取到相应的标记信息后,根据预设的策略通过标记时间信息对待显示的标记进行筛选。
2.如权利要求1所述的方法,其特征在于,所述客户端设备向服务器发起网页获取请求,并接收服务器返回的网页信息,包括:
所述客户端设备向Web服务器发送网页获取请求;
所述Web服务器根据接收到的网页获取请求获取对应的网页信息,并根据获取到的网页信息中包含的图片信息从后台服务器获取对应的标记信息和与所述标记信息对应的描述信息;
所述Web服务器向所述客户端返回网页信息,其中包括图片信息以及对应的标记信息和与该标记信息对应的描述信息。
3.如权利要求1所述的方法,其特征在于,所述客户端设备向服务器发起网页获取请求,并接收服务器返回的网页信息,包括:
所述客户端设备向Web服务器发送网页获取请求,接收所述Web服务器根据所述网页获取请求获取并返回的网页信息,所述网页信息中包括图片信息;
所述客户端设备根据所述网页信息向后台服务器发送信息获取请求,其中携带所述图片信息,并接收所述后台服务器根据所述图片信息获取并返回的对应的标记信息和与所述标记信息对应的描述信息。
4.如权利要求1所述的方法,其特征在于,所述标记信息包括标记大小、标记的展示形式以及标记相对于对应图片的位置信息,该位置信息所标识的位置在对应图片的展示范围之内;
客户端设备根据所述标记信息中的相对于对应图片的位置信息,在对应图片的展示范围内,按照所述标记信息所指示的标记大小、标记的展示形式展示相应的标记。
5.一种客户端设备,其特征在于,包括:
发送模块,用于向服务器发送网页获取请求;
接收模块,用于接收服务器返回的网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息,所述服务器包括Web服务器以及后台服务器,所述Web服务器存储所述网页信息,所述后台服务器存储所述标记信息、商品信息,以及所述标记信息、所述商品信息和所述图片信息的关联关系;
第一展示模块,用于根据所述接收模块接收到的网页信息展示网页内容,所展示的网页内容中包括图片,所述图片展示范围内展示有对应的标记;
第二展示模块,用于当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,在所述网页中展示与该标记对应的描述信息;
其中,所述标记信息包括标记时间信息,以使所述客户端设备获取到相应的标记信息后,根据预设的策略通过标记时间信息对待显示的标记进行筛选。
6.如权利要求5所述的客户端设备,其特征在于,
所述发送模块具体用于,向Web服务器发送网页获取请求,由Web服务器根据接收到的网页获取请求获取对应的网页信息,并根据获取到的网页信息中包含的图片信息从后台服务器获取对应的标记信息和与所述标记信息对应的描述信息;
所述接收模块具体用于,接收Web服务器返回网页信息,其中包括图片信息以及对应的标记信息和与所述标记信息对应的描述信息。
7.如权利要求5所述的客户端设备,其特征在于,
所述发送模块具体用于,向Web服务器发送网页获取请求,并根据所述接收模块接收到的网页信息向后台服务器发送信息获取请求,其中携带所述图片信息;
所述接收模块具体用于,接收Web服务器根据所述发送模块发送的网页获取请求获取并返回的网页信息,所述网页信息中包括图片信息;接收所述后台服务器根据所述发送模块发送的信息获取请求中携带的图片信息获取并返回的对应的标记信息和与所述标记信息对应的描述信息。
8.如权利要求5所述的客户端设备,其特征在于,所述标记信息包括标记大小、标记的展示形式以及标记相对于对应图片的位置信息,该位置信息所标识的位置在对应图片的展示范围之内;
所述第一展示模块具体用于,根据所述标记信息中的相对于对应图片的位置信息,在对应图片的展示范围内,按照所述标记信息所指示的标记大小、标记的展示形式展示相应的标记。
9.一种服务器,其特征在于,包括:
存储模块,用于存储网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息;
接收模块,用于接收客户端设备发送的网页获取请求;
获取模块,用于根据所述接收模块接收到的网页获取请求获取所述存储模块中存储的对应的网页信息;
发送模块,用于向所述客户端设备返回所述获取模块获取到的网页信息,以使所述客户端设备根据获得的网页信息展示网页内容,并当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,由所述客户端设备在所述网页中展示与该标记对应的描述信息;
其中,所述客户端设备展示的网页内容包括图片,所述图片展示范围内展示有对应的标记;所述标记信息包括标记时间信息,以使所述客户端设备获取到相应的标记信息后,根据预设的策略通过标记时间信息对待显示的标记进行筛选;所述服务器包括Web服务器以及后台服务器,所述Web服务器存储所述网页信息,所述后台服务器存储所述标记信息、商品信息,以及所述标记信息、所述商品信息和所述图片信息的关联关系。
10.一种服务器,其特征在于,包括:
存储模块,用于存储网页信息,所述网页信息中包含有图片信息;
接收模块,用于接收客户端设备发送的网页获取请求;
获取模块,用于根据所述接收模块接收到的网页获取请求获取所述存储模块中存储的对应的网页信息,并根据其中包含的图片信息从后台服务器获取对应的标记信息以及与所述标记信息对应的商品信息;
发送模块,用于向所述客户端设备返回所述获取模块获取到的网页信息,其中包括图片信息以及对应的标记信息和与该标记信息对应的描述信息,以使所述客户端设备根据获得的网页信息展示网页内容,并当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,由所述客户端设备在所述网页中展示与该标记对应的描述信息;
其中,所述客户端设备展示的网页内容包括图片,所述图片展示范围内展示有对应的标记;所述标记信息包括标记时间信息,以使所述客户端设备获取到相应的标记信息后,根据预设的策略通过标记时间信息对待显示的标记进行筛选;所述服务器包括Web服务器以及后台服务器,所述Web服务器存储所述网页信息,所述后台服务器存储所述标记信息、商品信息,以及所述标记信息、所述商品信息和所述图片信息的关联关系。
CN201110375742.9A 2011-11-23 2011-11-23 信息展示方法和设备 Active CN103136206B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201110375742.9A CN103136206B (zh) 2011-11-23 2011-11-23 信息展示方法和设备
HK13108247.9A HK1181143A1 (zh) 2011-11-23 2013-07-15 信息展示方法和設備

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201110375742.9A CN103136206B (zh) 2011-11-23 2011-11-23 信息展示方法和设备

Publications (2)

Publication Number Publication Date
CN103136206A CN103136206A (zh) 2013-06-05
CN103136206B true CN103136206B (zh) 2016-07-06

Family

ID=48496043

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201110375742.9A Active CN103136206B (zh) 2011-11-23 2011-11-23 信息展示方法和设备

Country Status (2)

Country Link
CN (1) CN103136206B (zh)
HK (1) HK1181143A1 (zh)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104808891B (zh) * 2014-01-27 2018-09-18 阿里巴巴集团控股有限公司 一种页面信息的处理方法及装置
CN104243455B (zh) * 2014-08-29 2018-10-09 形山科技(深圳)有限公司 一种图像处理方法及***
WO2016086797A1 (zh) * 2014-12-03 2016-06-09 北京奇虎科技有限公司 浏览器中搜索信息、图片处理、识别的方法和浏览器客户端
CN105260898A (zh) * 2015-10-19 2016-01-20 广州灵光信息科技有限公司 一种通过互联网监看用户浏览商品状态的方法及装置
CN107679175B (zh) * 2017-09-29 2020-04-07 深圳市聚宝汇科技有限公司 一种素金类产品批量数据化方法及***
CN108897856A (zh) * 2018-06-29 2018-11-27 联想(北京)有限公司 一种信息处理方法及电子设备
CN113449125A (zh) * 2020-03-26 2021-09-28 阿里巴巴集团控股有限公司 数据录入方法、装置、电子设备及计算机可读存储介质
CN111680242A (zh) * 2020-04-16 2020-09-18 上海淇玥信息技术有限公司 页面展示方法及其装置、电子设备和计算机可读存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1808439A (zh) * 2006-02-21 2006-07-26 西安迪戈科技有限责任公司 网页加入可搜索的深标签及浏览器插件和脚本结合的方法
CN1905701A (zh) * 2006-08-08 2007-01-31 钟杨 一种面向移动终端设备的网络信息发布方法和***
CN101414307A (zh) * 2008-11-26 2009-04-22 阿里巴巴集团控股有限公司 提供图片搜索的方法和服务器

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101520782A (zh) * 2008-02-26 2009-09-02 陶鹏 与在线图片相关联的专题信息的定向发布方法与***
US8190990B2 (en) * 2008-06-27 2012-05-29 Google Inc. Annotating webpage content
JP2010039506A (ja) * 2008-07-31 2010-02-18 Fujifilm Corp 画像表示システム、サーバ装置及び端末装置
CN101901109A (zh) * 2010-07-13 2010-12-01 深圳市同洲电子股份有限公司 图片处理方法、装置及移动终端

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1808439A (zh) * 2006-02-21 2006-07-26 西安迪戈科技有限责任公司 网页加入可搜索的深标签及浏览器插件和脚本结合的方法
CN1905701A (zh) * 2006-08-08 2007-01-31 钟杨 一种面向移动终端设备的网络信息发布方法和***
CN101414307A (zh) * 2008-11-26 2009-04-22 阿里巴巴集团控股有限公司 提供图片搜索的方法和服务器

Also Published As

Publication number Publication date
HK1181143A1 (zh) 2013-11-01
CN103136206A (zh) 2013-06-05

Similar Documents

Publication Publication Date Title
CN103136206B (zh) 信息展示方法和设备
US11592980B2 (en) Techniques for image-based search using touch controls
TWI689881B (zh) 一種定向顯示訊息方法及裝置
US10282777B2 (en) Recently viewed items display area
CN105700800B (zh) 一种页面信息的操作方法、装置及电子设备
CN103678307B (zh) 页面显示方法及客户端
CN102999535A (zh) 信息显示方法和信息获取方法、客户端和服务器
CN107122380A (zh) 增强实时视图的计算机实施方法和计算机***
CN105335423B (zh) 一种网页的用户反馈的收集处理方法及装置
US20210042809A1 (en) System and method for intuitive content browsing
CN112149025B (zh) 媒体资源展示方法和装置、存储介质及电子设备
CN103455558A (zh) 一种定位方法及装置
CN113741763A (zh) 电子书的显示方法、装置及电子设备
CN104598467B (zh) 一种网页图片的显示方法及装置
CN111538453B (zh) 书籍详情页面的显示方法、终端及计算机存储介质
KR101651390B1 (ko) 광고 제공 방법 및 시스템
CN103886036B (zh) 一种用于呈现页面的方法和装置
US9886784B2 (en) Systems and methods for rendering a mosaic image featuring persons and associated messages
CN103744867A (zh) 一种设置Web页面背景的方法、装置及浏览器
CN104537123A (zh) 一种快速浏览文档的方法及装置
CN108108417A (zh) 跨平台自适应控制的交互方法、***、设备及存储介质
US20120173553A1 (en) Systems and methods for attribute-based search filtering
WO2013188317A1 (en) Active web page consolidator
JP6262798B2 (ja) 表示プログラム、表示方法、配信装置、配信方法及び配信プログラム
AU2012205152C1 (en) A platform for recognising text using mobile devices with a built-in device video camera and automatically retrieving associated content based on the recognised text

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 1181143

Country of ref document: HK

C14 Grant of patent or utility model
GR01 Patent grant
REG Reference to a national code

Ref country code: HK

Ref legal event code: GR

Ref document number: 1181143

Country of ref document: HK