CN103136206A - Information display method and information display device - Google Patents

Information display method and information display device Download PDF

Info

Publication number
CN103136206A
CN103136206A CN2011103757429A CN201110375742A CN103136206A CN 103136206 A CN103136206 A CN 103136206A CN 2011103757429 A CN2011103757429 A CN 2011103757429A CN 201110375742 A CN201110375742 A CN 201110375742A CN 103136206 A CN103136206 A CN 103136206A
Authority
CN
China
Prior art keywords
information
corresponding
server
display
web page
Prior art date
Application number
CN2011103757429A
Other languages
Chinese (zh)
Other versions
CN103136206B (en
Inventor
梁海俊
吴志轶
Original Assignee
阿里巴巴集团控股有限公司
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 阿里巴巴集团控股有限公司 filed Critical 阿里巴巴集团控股有限公司
Priority to CN201110375742.9A priority Critical patent/CN103136206B/en
Publication of CN103136206A publication Critical patent/CN103136206A/en
Application granted granted Critical
Publication of CN103136206B publication Critical patent/CN103136206B/en

Links

Abstract

The invention discloses an information display method and an information display device. The information display method and the information display device are used for a system which comprises a client device and a server. The information display method includes a first step of enabling the client device to launch a webpage acquisition request to the server and receive webpage information returned from the server, wherein the webpage information contains image information, label information corresponding to the image information, and description information corresponding to the label information, a second step of enabling the client device to display webpage contents according to the obtained webpage information, wherein the displayed webpage contents comprise images, and corresponding labels are displayed in an image display range, and a third step of enabling the client device to display the description information corresponding to the labels in a webpage when the client device catches selected operations labeled on the images in the webpage. Through the request, intuition of information display is improved, and then efficiency of obtaining information by users is improved.

Description

信息展示方法和设备技术领域[0001] 本申请涉及互联网技术应用领域,尤其涉及一种信息展示方法和设备。 Information presentation method and apparatus TECHNICAL FIELD [0001] The present application relates to the field of application of Internet technology, in particular, it relates to an information display method and apparatus. 背景技术[0002] 随着互联网技术的高速发展,网上交易逐渐受到人们的青睐。 [0002] With the rapid development of Internet technology, online trading gradually by people of all ages. 在网上交易过程中,卖家需要通过图片导购等方式向用户展示商品的相关信息,以使用户更好地选择自己想要的商品。 In the course of online transactions, sellers need relevant information by displaying merchandise picture shopping guide, etc. to the user to enable users to better choose their desired products. [0003] 现有图片导购模式,通常是向用户展示图片,并在图片的下方以列表的形式展示该图片的关联商品的信息。 [0003] existing picture shopping guide mode, usually show pictures to the user and display information associated with the commodity picture as a list at the bottom of the picture. 在这种图片导购模式中,当图片中包含多件商品,或图片中存在背景物品时,用户可能很难直观地将商品图片与图片下方对应该商品的信息关联起来,商品导购效果直观性较差,这使得用户为获得图片信息中的商品,需要重新进行检索,这不但增加了访问服务器的负担,而且导致网络资源的占用。 In this mode of shopping guide image, when the image contains multiple items, or the presence of background item image, the user may intuitively difficult and below the image of the product image to be associated product information, product shopping guide effect more intuitive poor, which allows users to obtain information in the commodity picture, need to be retrieved, it will not only increase the burden of access to the server, but also lead to consume network resources. 发明内容[0004] 本申请实施例提供了一种信息展示方法和设备,以提高信息展示的直观性,进而提高用户获取信息的效率,降低访问服务器的负担。 [0004] Example embodiments provide an information display apparatus and method of the present application, in order to improve the visual display of information, thereby improving the efficiency of the user access to information, access to reduce the burden on the server. [0005] 为了达到以上目的,本申请实施例提供了一种信息展示方法,包括:[0006] 客户端设备向服务器发起网页获取请求,并接收服务器返回的网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息;[0007] 所述客户端设备根据获得的网页信息展示网页内容,所展示的网页内容中包括图片,所述图片展示范围内展示有对应的标记;[0008] 当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,所述客户端设备在所述网页中展示与该标记对应的描述信息。 [0005] To achieve the above object, the present application provides an information display method, comprising: [0006] client device to the server initiates page acquisition request, and the information returned by the server receives the web page, the web page information includes image information, flag information and description information corresponding to the image information and information corresponding to the marker; [0007] the client device based on the page information displaying web content acquired in the illustrated web content including images, the the display range of said image display with a corresponding mark; [0008] when the client device to capture indicia on the web page of the selected operation image, the display device of the client in the webpage description information corresponding to the tag. [0009] 本申请实施例提供了一种客户端设备,包括:[0010] 发送模块,用于向服务器发送网页获取请求;[0011] 接收模块,用于接收服务器返回的网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息;[0012] 第一展示模块,用于根据所述接收模块接收到的网页信息展示网页内容,所展示的网页内容中包括图片,所述图片展示范围内展示有对应的标记;[0013] 第二展示模块,用于当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,在所述网页中展示与该标记对应的描述信息。 Embodiment [0009] The present application provides a client device, comprising: [0010] transmitting means for transmitting web page acquisition request to the server; [0011] a receiving module, for receiving web page information returned by the server, the web information includes image information, flag information and description information corresponding to the picture information and the information corresponding to the mark; [0012] the first display module configured to display web page information received by the receiving module content , in the illustrated web content including pictures, the picture display range of the display with a corresponding mark; [0013] a second display means for, when the client device to capture indicia on the web page image is when the selected operation, show description information corresponding to the tag in the web page. [0014] 本申请实施例提供了一种服务器,包括:[0015] 存储模块,用于存储网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息;[0016] 接收模块,用于接收客户端设备发送的网页获取请求;[0017] 获取模块,用于根据所述接收模块接收到的网页获取请求获取所述存储模块中存储的对应的网页信息;[0018] 发送模块,用于向所述客户端设备返回所述获取模块获取到的网页信息,以使所述客户端设备根据获得的网页信息展示网页内容,并当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,由所述客户端设备在所述网页中展示与该标记对应的描述信息;[0019] 其中,所述客户端展示的网页内容包括图片,所述图片展示范围内展示有对应的己O[0020] 本申请实施例提供了一种服务器,包括: Example embodiments provide a server [0014] of the present application, comprising: [0015] a storage module for storing the page information, said page information includes image information, and the flag information and the picture information corresponding to the description information corresponding to the information tag; [0016] a receiving module, for receiving the client device sends the page obtaining request; [0017] obtaining module, according to the receiving module receives the acquisition request to acquire the page memory module web page information corresponding to the stored; [0018] sending module, configured to return to the client device to the acquisition module acquires the web page information, so that the client device based on the page information displaying web content obtained, and when when the client device to capture indicia on the web page of the selected image operation is shown by the client device described in the webpage corresponding to the tag information; [0019] wherein the client end of page content includes image display, have a corresponding display O [0020] the present embodiment provides an application server within the picture display range, comprising: [0021] 存储模块,用于存储网页信息,所述网页信息中包含有图片信息;[0022] 接收模块,用于接收客户端设备发送的网页获取请求;[0023] 获取模块,用于根据所述接收模块接收到的网页获取请求获取所述存储模块中存储的对应的网页信息, 并根据其中包含的图片信息从后台服务器获取对应的标记信息以及与所述标记信息对应的商品信息;[0024] 发送模块,用于向所述客户端设备返回所述获取模块获取到的网页信息,其中包括图片信息以及对应的标记信息和与该标记信息对应的描述信息,以使所述客户端设备根据获得的网页信息展示网页内容,并当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,由所述客户端设备在所述网页中展示与该标记对应的描述信息;[0025] 其中,所述客户端展示的网页内容包括图片,所述图片展示范围内展 [0021] The storage module for storing the page information, said page information includes image information; [0022] a receiving module, for receiving the client device sends the page obtaining request; [0023] obtaining module, according to the said received page acquisition request receiving module acquires the web page information corresponding to the storage module stored, and acquires mark information corresponding to the server from the background image in accordance with information contained therein, and the merchandise information corresponding to the mark information; [0024 ] sending module, configured to return to the client device to the acquisition module acquires the web page information, including image information and the flag information corresponding to the description information and the flag information corresponding to the client apparatus according to the web pages that display information obtained content, and when the client device to capture indicia on the web page image is selected operations by the client device corresponding to the mark display is described in the webpage information; [0025] wherein the web content comprises a client display image, the display range of the picture exhibition 有对应的己O[0026] 与现有技术相比,本申请实施例至少具有以下优点:[0027] 本申请实施例中,客户端设备从服务器获取网页中的图片信息以及对应该图片信息的标记信息和与该标记信息对应的描述信息,并根据获取到的网页信息展示网页内容;当客户端设备捕获到的标记被选中的操作时,客户端设备在网页中展示与该标记对应的描述信息。 Has a corresponding O [0026] Compared with the prior art, the application of the present embodiment has at least the following advantages: [0027] embodiment of the present application, the client device acquires image information of a web page from the server and the image information to be marker information and the mark description information corresponding to the information, and based on the acquired web page information display web content; when the client device captured the mark selected operation, the client device display is described corresponding to the mark in the page information. 由于描述信息直接对应图片中相应的标记展示,用户可以更加直观地知道展示的描述信息与所描述对象的对应关系,信息展示更加直观,用户获取信息的效率更高,并且减轻了访问服务器的负担,节省了占用网络资源。 Since description information corresponds directly to the picture corresponding tag display, the user can more intuitively know the relationship between the description of the object displayed and described the information display more intuitive, more efficient user access to information, and reducing the burden of access to the server , saving network resources. 附图说明[0028] 为了更清楚地说明本申请的实施例或现有技术中的技术方案,下面将对本申请的实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。 BRIEF DESCRIPTION [0028] In order to more clearly illustrate the embodiments of the drawings or the prior art for the present application, the technical solution, the following disclosure will present embodiment or embodiments described in the prior art required the use of a simple description, apparent , the following description of the drawings are only some embodiments of the present disclosure, those of ordinary skill in the art is concerned, without creative efforts, can derive from these drawings other drawings. [0029] 图1是本申请实施例提供技术方案中的图片、标记与商品对应关系意图;[0030]图2是本申请实施例提供的信息展示的技术方案的系统结构示意图;[0031] 图3〜4是本申请实施例提供的信息展示方法的流程示意图;[0032]图5是本申请实施例提供的客户端设备的结构示意图;[0033] 图6〜7是本申请实施例提供的服务器的结构示意图。 [0029] FIG. 1 is an embodiment of aspect provides a picture, marking the commodity corresponding relationship between the intended application; [0030] FIG. 2 is a schematic system configuration information display technical solution provided in the present application embodiment; [0031] FIG. 3 to 4 is a flowchart showing a method of information according to a schematic embodiment of the present application; [0032] FIG. 5 is a schematic structural diagram of a client application device provided in the present embodiment; [0033] FIG. 6~7 of the present application is provided in the embodiment schematic structure of the server. 具体实施方式[0034] 现有技术中,在图片下方展示图片中相关对象的描述信息,信息展示直观性较差。 DETAILED DESCRIPTION [0034] In the prior art, the picture image is described below show information relating to the object, the information display less intuitive. 针对该现有技术的缺陷,本申请实施例提供了一种信息展示的技术方案,通过客户端设备向服务器发送网页获取请求,并接收服务器返回的网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息;客户端设备根据获得的网页信息展示网页内容,所展示的网页内容中包括图片,图片展示范围内展示有对应的标记,当客户端设备捕获到网页中的图片上的标记被选中时,客户端设备展示与该标记对应的描述信息。 The defects of the prior art, the present application provides a technical solution of an information display, the client device transmits to the server via the Web page acquiring request, and the information returned by the server receives the web page, the web page information includes image information , and the tag information and image information corresponding to the tag information corresponding description; client device based on the page information displaying web content acquired in the illustrated web content including images, the images corresponding to the display range Visual tag, when the client device to capture the mark on the page is selected in the image, a client device display and description information corresponding to the tag. 由于描述信息直接对应图片中相应的标记展示,用户可以更加直观地知道展示的描述信息与所描述对象的对应关系,信息展示更加直观,用户获取信息的效率更高,并且减轻了访问服务器的负担,节省了占用网络资源。 Since description information corresponds directly to the picture corresponding tag display, the user can more intuitively know the relationship between the description of the object displayed and described the information display more intuitive, more efficient user access to information, and reducing the burden of access to the server , saving network resources. [0035]为了使本申请实施例提供的技术方案更加清楚,下面以商品信息展示为例对本申请提供的技术方案中的标记信息进行简要的描述。 [0035] For application of the present embodiment provides a technical solution clearer, the following product information to show an example of the flag information aspect of the present application provided a brief description. 但应该认识到本发明实施例提供的技术方案并不仅限于应用于商品信息展示,也可以是其他的信息展示。 It will be appreciated that the technical solutions provided in the embodiments of the present invention is applied is not limited to display product information, additional information may be display. [0036] 在本申请实施例中,标记信息用于指示客户端设备在网页中图片展示区域(图片展示范围)的相应位置显示标记,该标记信息中可以包括标记的大小(如宽度、高度),标记相对图片的位置(如该标记相对图片左上角的位移),标记的展示形式(如圆点、方框、光标)。 [0036] In the present application embodiment, flag information indicating a location of a respective client device in the page image display region (display range image) display mark, the tag information may include the size of markers (e.g., width, height) , marking the relative position of the image (e.g., the marker image relative displacement of the top left), showing the form of labeled (e.g., dots, blocks, cursor). 根据该标记信息,客户端设备在网页中图片展示区域的预设位置显示预设大小、形式的标记。 According to this flag information, the client device is shown in the page image display region preset position preset size, the form of indicia. 当用户将鼠标图标落在标记上或点击标记时,客户端设备可以向用户展示该标记对应的商品信息。 When the user moves the mouse or click on the icon labeled mark falls, the client device can display product information corresponding to the tag to the user. 该商品信息可以包括商品ID、商品标题、商品价格、商品缩略图、商品对应的店铺地址等。 The product information may include product ID, product title, product price, product thumbnail, the corresponding merchandise store address. 在本申请实施例中,图片、标记与商品(商品的商品信息)的对应关系可以如图1所示,一张图片可以对应多个标记,每个标记可以对应多件商品的商品信息。 Embodiment, images, marks and commodity (commodity information item) corresponding relationship as shown in FIG 1 in the embodiment of the present application, a picture may correspond to a plurality of tags, each may correspond to information pieces of merchandise goods. 例如,当一张图片中同时包含多件商品(如帽子、衣服、鞋)时,可以分别对应各商品增加标记;而当用户选中对应一件商品(如上述图片中的鞋)的标记时,客户端设备除了可以向用户展示图片中的鞋的相关信息外,还可以展示与图片中的鞋款式、风格等比较类似的其他的鞋的信息。 For example, when a picture contains multiple items (such as hats, clothes, shoes), respectively, corresponding to each product can increase flag; when the user is selected corresponding to a product (e.g. shoes picture above) tag, in addition to the client device can display information about the picture of the shoe to the user, you can also display pictures and information in comparison to other shoes like shoe styles, style and so on. [0037] 进一步的,在本申请实施例中,标记信息还可以包括标记时间等信息。 [0037] Further, in the present application embodiment, the tag information may further include information such as the time mark. 当客户端设备获取到相应的标记信息后,可以根据预设的策略通过标记时间对待显示的标记进行筛选,其具体实现在此不再赘述。 When the client acquires the device information corresponding marker can be screened by treating time stamped marker display according to a preset strategy, specific implementation are not repeated here. [0038] 下面将结合本申请实施例中的附图,对本申请的实施例中的技术方案进行清楚、完整地描述,显然,下面所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。 [0038] below with reference to this application example of the accompanying drawings, the technical solutions in the embodiments of the present disclosure will be clearly and completely described, obviously, the embodiments described below are merely embodiments of the application portion, but not all embodiment. 基于本申请中的实施例所获得的所有其他实施例,都属于本申请的实施例保护的范围。 All other embodiments based on the embodiments of the present application is obtained, the present application belong to the protection scope of the embodiments. [0039] 如图2所示,其为本申请实施例提供的信息展示的技术方案的系统结构示意图,可以包括客户端设备21和服务器22。 [0039] As shown in FIG. 2, a schematic view of the present application configuration information display system according to the technical solution provided in embodiments, it may include a client device 21 and server 22. 其中:[0040] 与现有技术类似的,客户端设备21可以与服务器22进行信息交互,以获取网页信息(如网页代码、脚本等),并根据获取到网页信息中的图片信息(如图片URL (UniformResource Locator,统一资源定位符)和/或图片ID)获取网页中包含的图片。 Wherein: [0040] similar to the prior art, the client device 21 may communicate with information exchange server 22 to acquire web page information (e.g., web page code, scripts, etc.), and the image information according to the acquired web page information (e.g., image URL (UniformResource locator, uniform resource locator) and / or picture ID) to obtain images on the page contains. [0041 ] 而与现有技术不同的,在本申请实施例中,服务器22中还存储有标记信息和商品信息,并存储有图片信息、标记信息和商品信息之间的关联关系。 [0041] and different from the prior art, in the present application embodiment, server 22 also stores tag information and the product information, and image information is stored, flag information and the association between the commodity information. 客户端设备21除了可以从服务器获得网页信息中包含的图片信息之外,还可以从服务器获得与该图片信息对应的标记信息,以及与该标记信息对应的商品信息。 In addition to the client device 21 can obtain image information included in the web page information from the server, but also may be obtained, and the merchandise information and the picture information corresponding to the tag information corresponding to the tag from the server. [0042] 其中,在实际应用中,服务器通常可以包括Web(网页)服务器和后台服务器。 [0042] wherein, in practical applications, the Web server may generally include a (web) server and back-end servers. 其中,Web服务器用于存储网页信息(如网页代码、脚本)及网页中包含的图片等资源;而后台服务器用于存储标记信息、商品信息,以及标记信息、商品信息和图片信息的关联关系。 Which, Web servers to store Web page information (such as web code, scripts), and web pages contain pictures and other resources; and back-end servers to store tag information, product information, and the association tag information, product information and picture information. [0043] 基于图2所示的系统构架,本申请实施例还提供了一种信息展示方法。 [0043] Based on the system architecture shown in Figure 2, embodiments of the present application further provides a method for displaying information. [0044] 如图3所示,其为本申请实施例提供的信息展示方法的流程示意图,可以包括以下步骤:[0045] 步骤301、客户端设备向服务器发起网页获取请求,并接收服务器返回的网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的商品信息。 [0044] FIG. 3, which shows a schematic flow chart of the present method for the application of information provided in an embodiment, may include the following steps: [0045] Step 301, the client device initiates the page acquisition request to the server, and the server receives the returned web page information, the web page image information, flag information and commodity information corresponding to the picture information and the information corresponding to the mark contains. [0046] 具体地,在本发明实施例提供的技术方案中,客户端设备从服务器获得包含图片信息的网页信息以及所述图片信息对应的标记信息和商品信息可以通过以下两种方式实现:[0047] 方式一、客户端设备向Web服务器发送网页获取请求;Web服务器接收到网页获取请求后,根据接收到的网页获取请求获取对应的网页信息,并根据获取到的网页信息中包含的图片信息从后台服务器获取对应的标记信息和与该标记信息对应的描述信息;Web服务器向客户端返回网页信息,其中包括图片信息以及对应的标记信息和与该标记信息对应的描述信息。 [0046] In particular, the technical solutions provided in the embodiments of the present invention, the client device obtains web page information from the server and flag information and commodity information corresponding to the picture information containing image information can be achieved in two ways: [ 0047] mode 1, the client device transmits to the Web server page acquisition request; Web server receives the web after the acquisition request acquisition request acquiring corresponding web page information based on the page received, and information according to the image acquired web page information contained in tag acquired from the server information corresponding to the background and description of the tag information corresponding to; the web server returns to the client web page information, which includes the tag information and image information and the corresponding description information corresponding to the flag information. [0048] 方式二、客户端设备向Web服务器发送网页获取请求,接收Web服务器根据网页获取请求获取并返回的网页信息,该网页信息中携带有图片信息;客户端设备接收到服务器返回的网页信息后,根据接收到的网页信息向后台服务器发送信息获取请求,其中携带所述图片信息,并接收后台服务器根据图片信息获取并返回的对应的标记信息,以及与该标记信息对应的描述信息。 [0048] The second approach, the client device transmits to the Web server page acquisition request, receives the Web server acquires the web page information and returned by the page acquisition request, the web page information carries image information; client device receives the web page information returned by the server after obtaining the received web page information to the back-end server to send information according to the request, which carries the image information, and receiving a background server and acquires mark information corresponding to the information returned by the image, and the description information corresponding to the flag information. [0049] 其中,当服务器包括存储有网页信息的Web服务器和存储有标记信息和商品信息,以及图片信息、标记信息和商品信息之间的关联关系的后台服务器时,则在方式一中,客户端设备向Web服务器发送网页获取请求;Web服务器根据接收到的网页获取请求获取到对应的网页信息后,根据获取到的网页信息中包含的图片信息从后台服务器获取对应的标记信息和商品信息;在方式二中,客户端设备向Web服务器发送网页获取请求,并接收Web服务器发送的网页信息,根据该网页信息向后台服务器发送信息获取请求,由后台服务器根据该信息获取请求中携带的图片信息获取对应的标记信息和商品信息。 [0049] in which, when the server stores the information on the website includes a Web server and stored tag information and product information, as well as picture messaging, back-end server marks the relationship between information and product information, then in a way, the client the client device transmits the page acquisition request to the Web server; Web server acquires the request obtains web page information corresponding to the acquired mark information and the corresponding commodity information from the back-end server according to the acquired web page information contained in the image information according to pages received; in the second approach, the client device transmits to the Web server page obtaining request, and receives the web page information Web server sends the acquisition request based on the web page information to send information to the backend server, acquiring image information carried in the request by the back-end server based on the information and obtaining flag information corresponding to the commodity information. [0050] 步骤302、客户端设备根据获得的网页信息展示网页内容,所展示的网页内容中包括图片,图片展示范围内展示有对应的标记。 [0050] Step 302, the client device based on the page information displaying web content acquired in the illustrated web content including images, display a corresponding image showing the boundary of the mark. [0051] 具体的,客户端设备获取到的图片信息可以包括图片大小和图片在浏览器显示界面的中的展示位置,客户端设备可以根据该图片信息将获取到的图片在浏览器显示界面中展示给用户,并根据获取到的标记信息中标记相对图片的位置确定标记在浏览器显示界面的位置,并在相应位置显示预设大小和形式的标记。 [0051] Specifically, the client device acquired image information may include a picture size and a picture display interface placements, the client device may display in the browser based on the image information acquired by the image interface in the browser presented to the user, and determines the position of the interface is marked in a browser according to the position of the flag information acquired relatively marked image, and displays the default size and form of the respective position mark. [0052] 步骤303、当客户端设备捕获到网页中的图片上的标记被选中时,客户端设备展示与该标记对应的商品信息。 [0052] Step 303, when the client device to capture the mark on the page is selected in the image, the client device display and commodity information corresponding to the tag. [0053] 具体的,在本申请实施例中,用户查看图片时,可以通过将鼠标图标移至图片中的标记上(或在触摸屏的情况下,点击图片中的标记)来查看相应的商品信息。 [0053] Specifically, in the present application embodiment, when the user views images by the mouse icon to a picture in the tag (or in the case of a touch screen, click on the picture mark) to view the product information . 当客户端设备捕获到标记被选中时(客户端设备可以通过浏览器感知鼠标图标的位置,当鼠标图标的位置落在浏览器显示界面中设置有标记的区域时,则确定相应标记被选中),客户端设备可以在图片上标记的周围区域,以浮层的形式展示相关的商品信息。 When the client device to capture the mark is selected (client device that can sense the position of the mouse through the browser icon, the icon when the position of the mouse falls browser interface is provided with a marked area is displayed, it is determined that the corresponding flag is checked) the client device can be marked on the picture around the area, show relevant product information in the form of a floating layer. 其中,当图片较小,或者标记位于图片的边界位置时,客户端设备可以调整浮层的大小和/或位置,以保证展示的商品信息位于图片上相应的标记的周围区域,其具体实现方式在此不再赘述。 Wherein, when the image is small, or the location in the picture mark boundaries, the client device may adjust the size and / or position of the floating layer to ensure that the respective peripheral region marked on the merchandise information displayed image is located, its specific implementation not discussed here. [0054] 通过上述流程可以看出,在本申请实施例提供的技术方案中,客户端设备从服务器获取网页中的图片信息以及对应该图片信息的标记信息和与该标记信息对应的商品信息,并根据获取到的网页信息展示网页内容;当客户端设备捕获到的标记被选中的操作时,客户端设备在网页中展示与该标记对应的商品信息。 [0054] The process can be seen from the above, in the present embodiment application of the technical solution provided in the client device acquires image information of the page and should flag information and image information, commodity information corresponding to the tag information from the server, and the web page information according to the acquired display page content; when the client device to capture indicia operation is selected, the client device displaying merchandise information corresponding to the tag in the web page. 由于商品信息直接对应图片中相应的标记展示,用户可以更加直观地知道展示的信息与商品的对应关系,信息展示更加直观,用户获取信息的效率更高。 As the product information directly correspond to the picture corresponding tag display, the user can more intuitively know the relationship between information and merchandise display, more intuitive information display, users get more efficient information. [0055] 下面结合具体的应用场景对本申请实施例提供的技术方案进行更加详细的描述。 [0055] Next, with reference to specific application scenario technical solutions provided in embodiments of the present application will be described in more detail. 在该实施例中,Web服务器中存储有网页信息(如网页代码、脚本)及网页中包含的图片等资源;后台服务器中存储有标记信息,商品信息,以及标记信息、商品信息和图片信息的关联关系。 In this embodiment, Web servers stores web page information (e.g., web page code, scripts), and the page contains images and other resources; back-end server stores flag information, product information and flag information, commodity information and image information connection relation. 其中,后台服务器中存储的图片信息可以包括图片URL、图片ID等;后台服务器中存储的标记信息、商品信息和图片信息的关联关系如表I所示。 Wherein the image information stored in the back-end server the URL may include pictures, picture ID, etc.; association tag information stored in the back-end server, product information and image information as shown in Table I. [0056]表 I [0056] TABLE I

Figure CN103136206AD00081

[0059] 其中,后台服务器中存储的标记N对应的标记信息中包括对应标记的大小(如宽度、高度)、标记相对图片的位置(如该标记相对图片左上角的位移)、标记的形式(如圆点、方框、光标);商品N对应的商品信息中包括商品ID、商品标题、商品价格、商品缩略图、商品对应的店铺地址等;后台服务器可以根据图片ID查询与该图片ID对应的标记信息以及与该标记信息对应的商品信息。 [0059] wherein the corresponding marker information labeled N stored in back-end server including a position corresponding to the size marker (e.g., width, height) opposite the marked image (e.g., the marker image relative displacement of the upper left corner), a labeled form ( the dots, block, cursor); N commodity information corresponding to commodity ID included in the product, the title product, product price, product thumbnail, the corresponding store location and other goods; back-end server can query ID corresponding to the picture based on the image ID flag information and commodity information corresponding to the flag information. [0060] 该实施例中的信息展示流程如图4所示,可以包括如下步骤:[0061] 步骤401、客户端设备向Web服务器发送网页获取请求,并接收Web服务器返回的网页信息。 [0060] This embodiment shows the information flow in the embodiment shown in Figure 4, may comprise the steps of: [0061] Step 401, the client device transmits the page acquisition request to the Web server, the Web server and receives the web page information returned. [0062] 具体的,客户端设备可以根据用户输入的网页URL向Web服务器发送网页获取请求。 [0062] Specifically, the client device may request user input to obtain the web page URL to the Web server transmits page. Web服务器接收到该网页获取请求后,根据网页获取请求中携带的网页URL查找对应的网页信息,并将查找到的网页信息发送给客户端设备[0063] 步骤402、客户端设备根据获取到的网页信息向后台服务器发送信息获取请求,并接收后台服务器返回的与信息获取请求中携带的图片信息对应的标记信息和与该标记信息对应的商品信息。 After the Web page server receives the acquisition request, the Web page acquiring web page according to the URL carried in the request to find the corresponding web page information, and transmits the found web page information to the client device [0063] Step 402, the client device based on the acquired send the web page information acquisition request to the back-end server and back-end server receives the returned information acquisition request carries flag information and image information corresponding to the commodity information corresponding to the flag information. [0064] 具体的,客户端设备接收网页信息后,根据该网页信息向后台服务器发送信息获取请求,由后台服务器根据其中携带的图片信息获取对应的标记信息和商品信息。 [0064] Specifically, after receiving the web page information client apparatus transmits information based on the page information acquisition request to the back-end server, and acquire the tag information corresponding to the commodity information server by a background image according to the carried information. 以客户端设备发送的请求中携带图片URL(URLl)为例,后台服务器接收到客户端设备发送的信息获取请求后,查询与该信息获取请求中携带的图片URL对应的图片ID,并根据自身存储的标记信息、商品信息和图片信息的关联关系查询与该图片ID对应的标记信息和与该标记信息对应的商品信息,并返回给客户端设备。 Sent to the requesting client device carries image URL (URLl) as an example, back-end server receiving the information sent by the client device acquisition request, the query request carries the image acquisition URL corresponding to the image ID information, and according to their tag information stored relationship commodity information and pictures query information commodity information corresponding to the picture information corresponding to the ID tag and the tag information and returned to the client device. 例如,后台服务器查询到与图片URLl对应的图片ID为ID1,则后台服务器根据IDl在表I中查询该图片对应的标记信息和与该标记信息对应的商品信息,即标记I和2对应的标记信息,商品1-5对应的商品信息。 For example, back-end server queries to the photo URLl corresponding picture ID is ID1, the back-end server according to IDl query flag information of the image corresponding to the commodity information of the tag information corresponding to in Table I, i.e., labeled I and 2 corresponding mark information, commodity information corresponding to commodity 1-5. [0065] 步骤403、客户端设备展示获取到的图片,并根据获取到的标记信息显示相应标记。 [0065] Step 403, the client device display the acquired image, and the marks in accordance with the acquired mark information display. [0066] 具体的,客户端设备展示获取到的图片和标记可以通过以下流程实现:[0067] a、定位获取到的图片在浏览器中的展示位置;[0068] b、将标记信息添加到图片的父层节点中;[0069] C、对标记进行CSS相对定位;[0070] d、循环处理所有的标记。 [0066] Specifically, the client device display the acquired images and a marker can be achieved by the following process: [0067] a, positioning the acquired image placement browser; [0068] b, add tag information to the parent nodes in the picture; [0069] C, the relative positioning of the marks CSS; [0070] d, loop processing for all the markers. [0071] 通过流程a_d,客户端设备在浏览器显示界面中展示获取到的图片,并根据获取到的标记信息中的标记相对图片的位置以及图片在浏览器显示界面中的位置信息,确定相应标记在浏览器显示界面中的位置,并根据标记信息中标记的大小和形式,在相应位置显示相应的标记。 [0071] Through the process a_d is, the client device interface display acquired images displayed in the browser, and the position information interface displayed in the browser in accordance with the position of the acquired mark information mark relative image and the image to determine the appropriate marker position in the browser display interface, and the tag information according to the size of the label and forms a display tag to an appropriate position. [0072] 步骤404、当客户端设备捕获到标记被选中时,展示该标记对应的商品信息。 [0072] Step 404, when the client device to capture the marker is selected, the display of goods information corresponding to the tag. [0073] 具体的,当用户将鼠标图标落在标记上或用户点击标记时,客户端设备能够捕获标记被选中,并展示该标记对应的商品信息。 [0073] Specifically, when the user moves the mouse on an icon or mark falls marker is clicked, the client device capable of capturing a marker is selected, and present product information corresponding to the tag. 例如,当客户端设备感知到标记I被选中时,客户端设备向用户展示商品1、2、3的商品信息。 For example, when a client device sensing flag I is selected, the client device display product information to the user product 1,2,3. [0074] 基于上述方法实施例相同的技术构思,本申请实施例还提供了一种客户端设备。 [0074] Example embodiment of the same technical concept based on the method described above, embodiments of the present application further provides a client device. [0075] 如图5所示,其为本申请实施例提供的客户端设备的结构示意图,包括:[0076] 发送模块51,用于向服务器发送网页获取请求;[0077] 接收模块52,用于接收服务器返回的网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息;[0078] 第一展示模块53,用于根据所述接收模块52接收到的网页信息展示网页内容,所展示的网页内容中包括图片,所述图片展示范围内展示有对应的标记;[0079] 第二展示模块54,用于当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,在所述网页中展示与该标记对应的描述信息。 [0075] FIG. 5, which is a schematic view of the structure of the present application the client device according to an embodiment, comprising: [0076] sending module 51, configured to send a Web page acquisition request to the server; [0077] a receiving module 52, with to receive the web page information returned by the server, the web page information includes image information, flag information and description information corresponding to the picture information and the information corresponding to the mark; [0078] the first display module 53, according to the web page information receiving module 52 receives the display content to the page, the page content includes images displayed within the picture display range corresponding Visual marker; [0079] the second display module 54, configured to, when the client when the client device to capture indicia on the web page image selected operations, show description information corresponding to the tag in the web page. [0080] 其中,所述发送模块可以具体用于,向Web服务器发送网页获取请求,由Web服务器根据接收到的网页获取请求获取对应的网页信息,并根据获取到的网页信息中包含的图片信息从后台服务器获取对应的标记信息和与所述标记信息对应的描述信息;[0081] 相应地,所述接收模块52可以具体用于,接收Web服务器返回网页信息,其中包括图片信息以及对应的标记信息与所述标记信息对应的描述信息。 [0080] wherein, the sending module may be specifically configured to send the page acquisition request to the Web server, acquires the web page information acquisition request based on the page corresponding to the received by the Web server, and the image information according to the acquired web page information contained in acquiring mark information corresponding to the marker and the description information corresponding to the server from the background; [0081] accordingly, the receiving module 52 may be specifically configured to receive Web server returns the web page information, including image information and the corresponding mark description information corresponding to the tag information. [0082] 其中,所述发送模块51可以具体用于,向Web服务器发送网页获取请求,并根据所述接收模块接收到的网页信息向后台服务器发送信息获取请求,其中携带所述图片信息;[0083] 相应地,所述接收模块52可以具体用于,接收Web服务器根据所述发送模块发送的网页获取请求获取并返回的网页信息,所述网页信息中包括图片信息;接收所述后台服务器根据所述发送模块发送的信息获取请求中携带的图片信息获取并返回的对应的标记信息和与所述标记信息对应的描述信息。 [0082] wherein, the sending module 51 may be specifically configured to send the page acquisition request to the Web server, and transmits the information acquisition request receiving module according to the received page information to the back-end server, which carries the image information; [ 0083] accordingly, the receiving module 52 may be specifically configured to receive the Web server acquires the web page information acquisition request and returns a web page according to the sending module, and the web page information comprises image information; the receiving end server the information transmission module acquires image information transmission carried in the request and returns the acquired flag information and description information corresponding to information corresponding to the marker. [0084] 其中,所述标记信息包括标记大小、标记的展示形式以及标记相对于对应图片的位置信息,该位置信息所标识的位置在对应图片的展示范围之内;[0085] 所述第一展示模块53具体用于,根据所述标记信息中的相对于对应图片的位置信息,在对应图片的展示范围内,按照所述标记信息所指示的标记大小、标记的展示形式展示相应的标记。 [0084] wherein the tag information comprises a mark size, mark and a mark display format with respect to the image information corresponding to the position of the location information is identified within the image corresponding to the display range; [0085] The first display module 53 is specifically configured to image information corresponding to the position within the display range of the corresponding image, according to the marker tag size indicated by the information, to show the form of numerals corresponding marker display according to the tag information phase. [0086] 基于上述方法实施例相同的技术构思,本申请实施例还提供了一种服务器,可以应用于上述信息展示方法流程中。 [0086] Example embodiment of the same technical concept based on the method described above, embodiments of the present application further provides a server, the method may be applied to the above-described information presentation process. [0087] 如图6所示,为本申请实施例提供的服务器的结构示意图,包括:[0088] 存储模块61,用于存储网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息;[0089] 接收模块62,用于接收客户端设备发送的网页获取请求;[0090] 获取模块63,用于根据所述接收模块62接收到的网页获取请求获取所述存储模块61中存储的对应的网页信息;[0091] 发送模块64,用于向所述客户端设备返回所述获取模块63获取到的网页信息,以使所述客户端设备根据获得的网页信息展示网页内容,并当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,由所述客户端设备在所述网页中展示与该标记对应的描述信息;[0092] 其中,所述客户端展示的网页内容包括图片,所述图片展示范围内展示有对应的己O[0093] 基于 [0087] shown in Figure 6, the present application provides a schematic structural diagram of the embodiment of the server, comprising: [0088] The storage module 61 for storing the web page information of the web page information includes image information, and the picture tag information and description information corresponding to information corresponding to the marker; [0089] a receiving module 62, a client device for receiving the page obtaining request transmitted; [0090] obtaining module 63, according to the receiving module 62 received page acquisition request to obtain web page information corresponding to the storage module 61 is stored; [0091] transmitting module 64 for return to the client terminal apparatus acquiring module 63 acquires the web page information, such that the said client information displaying apparatus according to the web page content obtained, and when the client device to capture indicia on the web page of the selected image operation is shown by the client device and the webpage description information corresponding to the tag; [0092] wherein the web content comprises a client display image, has a corresponding display within the picture display range of O [0093] based on 述方法实施例相同的技术构思,本申请实施例还提供了一种服务器,可以应用于上述信息展示方法流程中。 EXAMPLE same technical concept described method embodiments, the present application further provides a server, the method may be applied to the above-described information presentation process. [0094] 如图7所示,为本申请实施例提供的服务器的结构示意图,包括:[0095] 存储模块71,用于存储网页信息,所述网页信息中包含有图片信息;[0096] 接收模块72,用于接收客户端设备发送的网页获取请求;[0097] 获取模块73,用于根据所述接收模块72接收到的网页获取请求获取所述存储模块71中存储的对应的网页信息,并根据其中包含的图片信息从后台服务器获取对应的标记信息以及与所述标记信息对应的商品信息;[0098] 发送模块74,用于向所述客户端设备返回所述获取模块73获取到的网页信息,其中包括图片信息以及对应的标记信息和与该标记信息对应的描述信息,以使所述客户端设备根据获得的网页信息展示网页内容,并当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,由所述客户端设备在所述网页中展示与该标记对应的描述信 [0094] 7, the present application provides a schematic structural diagram of the embodiment of the server, comprising: [0095] The storage module 71 for storing the web page information of the web page information includes image information; [0096] receiving module 72, a client device for receiving the page obtaining request transmitted; [0097] the acquisition module 73, according to the web page received by the receiving module 72 acquires the web page information acquisition request corresponding to the memory module 71 is stored, and obtains a corresponding flag information contained therein in accordance with image information from the back-end server, and commodity information corresponding to the marker; [0098] a sending module 74, configured to return to the client device to the acquisition module 73 acquires the web page information, including image information and the corresponding tag information and the tag information corresponding to the description information so that the client device based on the page information displaying web content obtained, and when the client device to capture the web when the selected operation mark on the image, showing the letter corresponding to the description tag in the web page by the client device ;[0099] 其中,所述客户端展示的网页内容包括图片,所述图片展示范围内展示有对应的己O[0100] 通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。 ; [0099] wherein the web content comprises a client display image, has a corresponding display O [0100] By the above described embodiments, those skilled in the art may clearly understand that within the picture display range this application may be implemented by software plus a necessary universal hardware platform, also be implemented by hardware, but in most cases the former is a better embodiment. 基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述的方法。 Based on such understanding, the technical solutions of the present application or the nature of the part contributing to the prior art may be embodied in a software product, which computer software product is stored in a storage medium and includes several instructions to enable a a computer device (may be a personal computer, a server, or network device) to execute the method according to various embodiments of the present application. [0101] 本领域技术人员可以理解附图只是一个优选实施例的示意图,附图中的模块或流程并不一定是实施本申请所必须的。 [0101] It will be appreciated to those skilled in the drawings is only a preferred embodiment of the schematic embodiment, the modules or processes in the accompanying drawings are not necessarily embodiments of the present application is necessary. [0102] 本领域技术人员可以理解实施例中的装置中的模块可以按照实施例描述进行分布于实施例的装置中,也可以进行相应变化位于不同于本实施例的一个或多个装置中。 [0102] Those skilled in the art will be appreciated apparatus embodiment that the modules can be distributed to the embodiment of the device according to the embodiment may be performed according to the present embodiment which are different from one case or more devices. 上述实施例的模块可以合并为一个模块,也可以进一步拆分成多个子模块。 Modules of the embodiments may be combined into one module, or split into multiple submodules. [0103] 上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。 Example No. [0103] embodiment of the present application merely for description, and do not represent embodiments of the merits. [0104] 以上公开的仅为本申请的几个具体实施例,但是,本申请并非局限于此,任何本领域的技术人员能思之的变化都应落入本申请的保护范围。 [0104] The present disclosure is only a few specific embodiments disclosed above, but the present application is not limited thereto, anyone skilled in the art can think of variations shall fall within the scope of the present disclosure.

Claims (10)

1.一种信息展示方法,其特征在于,包括: 客户端设备向服务器发起网页获取请求,并接收服务器返回的网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息; 所述客户端设备根据获得的网页信息展示网页内容,所展示的网页内容中包括图片,所述图片展示范围内展示有对应的标记; 当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,所述客户端设备在所述网页中展示与该标记对应的描述信息。 1. An information display method, comprising: initiating a client device to the server page acquisition request, and the information returned by the server receives the web page, the web page, and picture information corresponding to the tag information includes image information information and description information corresponding to the marker; the client device based on the page information displaying web content acquired in the illustrated web content including images, display a corresponding flag within the picture display range; when the when the client device to capture indicia on the web page image selected operation, the client display device description information corresponding to the tag in the web page.
2.如权利要求1所述的方法,其特征在于,所述客户端设备向服务器发起网页获取请求,并接收服务器返回的网页信息,包括: 所述客户端设备向Web服务器发送网页获取请求; 所述Web服务器根据接收到的网页获取请求获取对应的网页信息,并根据获取到的网页信息中包含的图片信息从后台服务器获取对应的标记信息和与所述标记信息对应的描述信息; 所述Web服务器向所述客户端返回网页信息,其中包括图片信息以及对应的标记信息和与该标记信息对应的描述信息。 2. The method according to claim 1, wherein said client device initiates a request to acquire the page server, and receives the web page information returned by the server, comprising: a client device transmits the web page acquisition request to the Web server; the server retrieves the Web page to the received page information acquisition corresponding to the request and acquires mark information corresponding to the marker and the description information corresponding to the information from the backend server according to the acquired web page information contained in the image information; and the Web server returns to the client web page information, including image information and the corresponding description information and the flag information corresponding to the flag information.
3.如权利要求1所述的方法,其特征在于,所述客户端设备向服务器发起网页获取请求,并接收服务器返回的网页信息,包括: 所述客户端设备向Web服务器发送网页获取请求,接收所述Web服务器根据所述网页获取请求获取并返回的网页信息,所述网页信息中包括图片信息; 所述客户端设备根据所述网页信息向后台服务器发送信息获取请求,其中携带所述图片信息,并接收所述后台服务器根据所述图片信息获取并返回的对应的标记信息和与所述标记信息对应的描述信息。 3. The method according to claim 1, wherein said client device initiates a request to acquire the page server, and receives the web page information returned by the server, comprising: a client device transmits the web page acquisition request to the Web server, receiving the Web server to obtain the Web page and the web page information acquisition request and returns the web page information comprises image information; client device transmits the information acquisition request to the back-end server according to the web page information, wherein said image carrying information, and receiving the back-end server and back, according to the acquired image information corresponding to the tag information and description information corresponding to the tag information.
4.如权利要求1所述的方法,其特征在于,所述标记信息包括标记大小、标记的展示形式以及标记相对于对应图片的位置信息,该位置信息所标识的位置在对应图片的展示范围之内; 客户端设备根据所述标记信息中的相对于对应图片的位置信息,在对应图片的展示范围内,按照所述标记信息所指示的标记大小、标记的展示形式展示相应的标记。 4. The method according to claim 1, wherein the tag information comprises a location marker size, and display position information in the form of marks with respect to corresponding marker image, the location information identified by the corresponding image display range within; client device corresponding to the position information of pictures in the picture display range corresponding to, in accordance with said flag information indicates size marker, marker display format corresponding marker display according to the tag information phase.
5.一种客户端设备,其特征在于,包括: 发送模块,用于向服务器发送网页获取请求; 接收模块,用于接收服务器返回的网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息; 第一展示模块,用于根据所述接收模块接收到的网页信息展示网页内容,所展示的网页内容中包括图片,所述图片展示范围内展示有对应的标记; 第二展示模块,用于当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,在所述网页中展示与该标记对应的描述信息。 A client device, characterized by comprising: transmitting means for transmitting web page acquisition request to the server; receiving means for receiving the web page information returned by the server, the web page information includes image information, and the flag information corresponding to said image information and description information corresponding to the tag information; first display module configured to display web page content information received by the receiving module, the web content including images shown, the the corresponding marker range Visual display image; a second display module, configured to, when the client device to capture indicia on the web page of the selected operation image, the display tag corresponding to the webpage description information.
6.如权利要求5所述的客户端设备,其特征在于, 所述发送模块具体用于,向Web服务器发送网页获取请求,由Web服务器根据接收到的网页获取请求获取对应的网页信息,并根据获取到的网页信息中包含的图片信息从后台服务器获取对应的标记信息和与所述标记信息对应的描述信息; 所述接收模块具体用于,接收Web服务器返回网页信息,其中包括图片信息以及对应的标记信息与所述标记信息对应的描述信息。 6. The client device of claim 5, wherein the transmitting module is configured to send the page acquisition request to the Web server, acquires the web page information acquisition request based on the page corresponding to the received by the Web server, and the acquired web page information contained in the image information acquisition flag information corresponding to the marker and the description information corresponding to the back-end server; the receiving module is specifically configured to receive Web server returns the web page information, including image information and the flag information described in information corresponding to information corresponding to the marker.
7.如权利要求5所述的客户端设备,其特征在于, 所述发送模块具体用于,向Web服务器发送网页获取请求,并根据所述接收模块接收到的网页信息向后台服务器发送信息获取请求,其中携带所述图片信息; 所述接收模块具体用于,接收Web服务器根据所述发送模块发送的网页获取请求获取并返回的网页信息,所述网页信息中包括图片信息;接收所述后台服务器根据所述发送模块发送的信息获取请求中携带的图片信息获取并返回的对应的标记信息和与所述标记信息对应的描述信息。 7. The client apparatus according to claim 5, wherein the transmitting module is configured to send the page acquisition request to the Web server, and send back to the server according to the receiving module receives the page information acquisition request, which carries the image information; and the receiving module is specifically configured to receive the Web server acquires the web page information acquisition request and returns a web page according to the sending module, and the web page information comprises image information; receiving the background server acquires based on the information carried in the request sent by the sending module and returns the acquired image information corresponding to the tag information and description information corresponding to the tag information.
8.如权利要求5所述的客户端设备,其特征在于,所述标记信息包括标记大小、标记的展示形式以及标记相对于对应图片的位置信息,该位置信息所标识的位置在对应图片的展示范围之内; 所述第一展示模块具体用于,根据所述标记信息中的相对于对应图片的位置信息,在对应图片的展示范围内,按照所述标记信息所指示的标记大小、标记的展示形式展示相应的标记。 8. The client apparatus according to claim 5, wherein the tag information comprises a mark size, mark and a mark display format with respect to the image information corresponding to the position identified by the location information in the corresponding picture within the display range; the first display module is used, image information corresponding to the position within the display range of the corresponding image, according to the marker size indicated by the marker information, the tag information according to the mark with the display format to show the appropriate marker.
9.一种服务器,其特征在于,包括: 存储模块,用于存储网页信息,所述网页信息中包含有图片信息,以及所述图片信息对应的标记信息和与所述标记信息对应的描述信息; 接收模块,用于接收客户端设备发送的网页获取请求; 获取模块,用于根据所述接收模块接收到的网页获取请求获取所述存储模块中存储的对应的网页信息; 发送模块,用于向所述客户端设备返回所述获取模块获取到的网页信息,以使所述客户端设备根据获得的网页信息展示网页内容,并当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,由所述客户端设备在所述网页中展示与该标记对应的描述信息; 其中,所述客户端展示的网页内容包括图片,所述图片展示范围内展示有对应的标记。 9. A server, comprising: a storage module for storing the page information, the web page description information contains image information, and the flag information corresponding to the picture information and the information corresponding to the mark ; receiving means for receiving client device sends the page obtaining request; obtaining module, according to the receiving module receives the acquisition request to acquire the page corresponding to the web page information stored in the storage module; and a sending module, configured to to the client terminal device returns the acquiring module acquires the web page information, so that the client device based on the page information displaying web content obtained, and when the client device to capture the image on the web page when the operation flag is selected, by the client display device described in the webpage corresponding to the tag information; wherein the web content comprises a client display images, display a corresponding image within the display range mark.
10.一种服务器,其特征在于,包括: 存储模块,用于存储网页信息,所述网页信息中包含有图片信息; 接收模块,用于接收客户端设备发送的网页获取请求; 获取模块,用于根据所述接收模块接收到的网页获取请求获取所述存储模块中存储的对应的网页信息,并根据其中包含的图片信息从后台服务器获取对应的标记信息以及与所述标记信息对应的商品信息; 发送模块,用于向所述客户端设备返回所述获取模块获取到的网页信息,其中包括图片信息以及对应的标记信息和与该标记信息对应的描述信息,以使所述客户端设备根据获得的网页信息展示网页内容,并当所述客户端设备捕获到所述网页中的图片上的标记被选中的操作时,由所述客户端设备在所述网页中展示与该标记对应的描述信息; 其中,所述客户端展示的网页内容包括图片,所述图片展 10. A server, comprising: a storage module for storing the page information, said page information includes image information; receiving means for receiving client device sends the page obtaining request; obtaining module, with retrieved on the page according to the received request receiving module acquires the web page information corresponding to the storage module stored, and acquires mark information corresponding to the server from the background image according to the information contained therein with the marker information corresponding to commodity information ; sending module, configured to return to the client device to the acquisition module acquires the web page information, including image information and the mark information corresponding to the marker and the description information corresponding to the client apparatus according to the web pages that display information obtained content, and when the client device to capture indicia on the web page image is selected operations by the client device corresponding to the mark display is described in the webpage information; where the client display web content including pictures, a photo exhibition 范围内展示有对应的标记。 Corresponding to the range of Visual indicia.
CN201110375742.9A 2011-11-23 2011-11-23 Information presentation method and apparatus CN103136206B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201110375742.9A CN103136206B (en) 2011-11-23 2011-11-23 Information presentation method and apparatus

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201110375742.9A CN103136206B (en) 2011-11-23 2011-11-23 Information presentation method and apparatus
HK13108247.9A HK1181143A1 (en) 2011-11-23 2013-07-15 Method and device for information exhibition

Publications (2)

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

Family

ID=48496043

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201110375742.9A CN103136206B (en) 2011-11-23 2011-11-23 Information presentation method and apparatus

Country Status (2)

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

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104243455A (en) * 2014-08-29 2014-12-24 形山科技(深圳)有限公司 Method and system for processing image
CN104808891A (en) * 2014-01-27 2015-07-29 阿里巴巴集团控股有限公司 Page information processing method and device
CN105260898A (en) * 2015-10-19 2016-01-20 广州灵光信息科技有限公司 Method and device of monitoring user browsing goods states through Internet
WO2016086797A1 (en) * 2014-12-03 2016-06-09 北京奇虎科技有限公司 Method for searching for information and processing and identifying picture in browser, and browser client

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1808439A (en) * 2006-02-21 2006-07-26 西安迪戈科技有限责任公司 Method of adding searchable deep labels in web pages in conjunction with browser plug-ins and scripts
CN1905701A (en) * 2006-08-08 2007-01-31 钟杨 Method and system for issuing network message to mobile terminal apparatus
CN101414307A (en) * 2008-11-26 2009-04-22 阿里巴巴集团控股有限公司 Method and server for providing picture searching
CN101520782A (en) * 2008-02-26 2009-09-02 鹏 陶 Method and system for directionally releasing special-subject information relevant to online images
US20090327855A1 (en) * 2008-06-27 2009-12-31 Google Inc. Annotating webpage content
US20100030664A1 (en) * 2008-07-31 2010-02-04 Yusuke Omori Image display system, server apparatus, and terminal apparatus
CN101901109A (en) * 2010-07-13 2010-12-01 深圳市同洲电子股份有限公司 Picture processing method, device and mobile terminal

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1808439A (en) * 2006-02-21 2006-07-26 西安迪戈科技有限责任公司 Method of adding searchable deep labels in web pages in conjunction with browser plug-ins and scripts
CN1905701A (en) * 2006-08-08 2007-01-31 钟杨 Method and system for issuing network message to mobile terminal apparatus
CN101520782A (en) * 2008-02-26 2009-09-02 鹏 陶 Method and system for directionally releasing special-subject information relevant to online images
US20090327855A1 (en) * 2008-06-27 2009-12-31 Google Inc. Annotating webpage content
US20100030664A1 (en) * 2008-07-31 2010-02-04 Yusuke Omori Image display system, server apparatus, and terminal apparatus
CN101414307A (en) * 2008-11-26 2009-04-22 阿里巴巴集团控股有限公司 Method and server for providing picture searching
CN101901109A (en) * 2010-07-13 2010-12-01 深圳市同洲电子股份有限公司 Picture processing method, device and mobile terminal

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104808891A (en) * 2014-01-27 2015-07-29 阿里巴巴集团控股有限公司 Page information processing method and device
CN104243455A (en) * 2014-08-29 2014-12-24 形山科技(深圳)有限公司 Method and system for processing image
CN104243455B (en) * 2014-08-29 2018-10-09 形山科技(深圳)有限公司 An image processing method and system for
WO2016086797A1 (en) * 2014-12-03 2016-06-09 北京奇虎科技有限公司 Method for searching for information and processing and identifying picture in browser, and browser client
CN105260898A (en) * 2015-10-19 2016-01-20 广州灵光信息科技有限公司 Method and device of monitoring user browsing goods states through Internet

Also Published As

Publication number Publication date
CN103136206B (en) 2016-07-06
HK1181143A1 (en) 2017-06-02

Similar Documents

Publication Publication Date Title
CA2603423C (en) Method and system for transferring web browser data between web browsers
US8738630B2 (en) Image search apparatus and methods thereof
US8261209B2 (en) Updating content display based on cursor position
CA2719593C (en) Dynamic composition for image transmission
US20170116786A1 (en) Augmenting a live view
US9262784B2 (en) Method, medium, and system for comparison shopping
US9164577B2 (en) Augmented reality system, method, and apparatus for displaying an item image in a contextual environment
US20140075296A1 (en) Generating a Cover for a Section of a Digital Magazine
US9626688B2 (en) Method and system for facilitating access to a promotional offer
JP5571091B2 (en) The provision of search results
US8131767B2 (en) Intelligent augmentation of media content
US20080033996A1 (en) Techniques for approximating the visual layout of a web page and determining the portion of the page containing the significant content
CN105229721B (en) Methods and apparatus for rendering content
EP2471011B1 (en) Dynamic action links for web content sharing
US8156418B2 (en) Image acquisition from dynamic content for delivery to network-enabled static display devices
EP2433258B1 (en) Protected serving of electronic content
US20140111542A1 (en) Platform for recognising text using mobile devices with a built-in device video camera and automatically retrieving associated content based on the recognised text
WO2013188373A1 (en) Devices, methods, and computer-readable media for redemption of merchant offers
JP6272775B2 (en) How to access the network information through graphical code, client devices, and servers
US8914744B2 (en) Enhanced zoom and pan for viewing digital images
US9165314B2 (en) Interactions for sharing content items in a digital magazine
US20130042190A1 (en) Systems and methods for remote dashboard image generation
JP2005108000A (en) Content browsing management system, program, and content server
US20160328776A1 (en) Evolutionary content determination and management
US9330395B2 (en) System, method and computer readable medium for determining attention areas of a web page

Legal Events

Date Code Title Description
C06 Publication
C10 Entry into 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
REG Reference to a national code

Ref country code: HK

Ref legal event code: GR

Ref document number: 1181143

Country of ref document: HK