CN111680230B - Display method and device of search result page, electronic equipment and storage medium - Google Patents

Display method and device of search result page, electronic equipment and storage medium Download PDF

Info

Publication number
CN111680230B
CN111680230B CN202010450328.9A CN202010450328A CN111680230B CN 111680230 B CN111680230 B CN 111680230B CN 202010450328 A CN202010450328 A CN 202010450328A CN 111680230 B CN111680230 B CN 111680230B
Authority
CN
China
Prior art keywords
search result
page
banner
style
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
CN202010450328.9A
Other languages
Chinese (zh)
Other versions
CN111680230A (en
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.)
Beijing Baidu Netcom Science and Technology Co Ltd
Original Assignee
Beijing Baidu Netcom Science and Technology Co 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 Beijing Baidu Netcom Science and Technology Co Ltd filed Critical Beijing Baidu Netcom Science and Technology Co Ltd
Priority to CN202010450328.9A priority Critical patent/CN111680230B/en
Publication of CN111680230A publication Critical patent/CN111680230A/en
Application granted granted Critical
Publication of CN111680230B publication Critical patent/CN111680230B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/953—Querying, e.g. by the use of web search engines
    • G06F16/9538—Presentation of query results
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/953—Querying, e.g. by the use of web search engines
    • G06F16/9535—Search customisation based on user profiles and personalisation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Abstract

The application discloses a display method and device of a search result page, electronic equipment and a storage medium, and relates to the technical field of page display. The specific implementation scheme is as follows: sending a search request to a server; receiving request response information, wherein the request response information comprises: search result content to be displayed corresponding to the search keyword and material information matched with the search result content; rendering the stored column according to the material information to obtain a rendered column; and splicing the rendered column and the content of the search result to be displayed, generating a page of the search result to be displayed and displaying the page. According to the method, a search request is sent to a server, and a banner is rendered and displayed according to material information in request response information returned by the server. Therefore, the immersive banner effect is achieved, the dwell time of the user on the search result page can be prolonged, and the display efficiency of the search result page is improved.

Description

Display method and device of search result page, electronic equipment and storage medium
Technical Field
The present application relates to the field of internet technologies, and in particular, to a method and an apparatus for displaying a search result page, an electronic device, and a storage medium.
Background
In the current search result page, the header column is generally implemented by a client code (i.e., NA), and the content of the search result is mainly carried by hypertext 5.0 (html 5, abbreviated as H5), i.e., a pattern of NA + H5 combination.
In the NA + H5 mode, since NA and H5 are independent, in the related art, a default style, for example, a white style, is mainly adopted for the head banner in the mode, it is difficult to adopt an immersive banner solution, it is difficult to create "substitution feeling", a stay time of a user on a search result page is reduced, and display efficiency of the search result page is reduced.
Disclosure of Invention
A display method and device for a search result page, electronic equipment and a storage medium are provided.
According to the first aspect, a search result page display method is provided, wherein a search request is sent to a server, and a banner is rendered and displayed according to material information in request response information returned by the server. Therefore, the immersive banner effect is achieved, the stay time of the user on the search result page can be prolonged, and the display efficiency of the search result page is improved.
The second aspect of the present application provides a device for displaying a search result page.
A third aspect of the present application provides an electronic device.
A fourth aspect of the present application is directed to a non-transitory computer readable storage medium having computer instructions stored thereon.
A fifth aspect of the present application is directed to a computer program product.
An embodiment of a first aspect of the present application provides a method for displaying a search result page, including: sending a search request to a server, wherein the search request comprises: searching for a keyword; receiving request response information, wherein the request response information comprises: search result content to be displayed corresponding to the search keyword and material information matched with the search result content; rendering the banner according to the material information to obtain a rendered banner; and splicing the rendered banner and the content of the search result to be displayed, and generating and displaying a search result page to be displayed.
According to the display method of the search result page, the search request is sent to the server side, and the search request comprises the following steps: searching for a keyword; receiving request response information, wherein the request response information comprises: search result content to be displayed corresponding to the search keyword and material information matched with the search result content; rendering the stored banner according to the material information to obtain a rendered banner; and splicing the rendered banner and the content of the search result to be displayed, and generating and displaying a search result page to be displayed. According to the method, a search request is sent to a server, and a banner is rendered and displayed according to material information in request response information returned by the server. Therefore, the immersive banner effect is achieved, the stay time of the user on the search result page can be prolonged, and the display efficiency of the search result page is improved.
An embodiment of a second aspect of the present application provides a device for displaying a search result page, including: a sending module, configured to send a search request to a server, where the search request includes: searching for a keyword; a receiving module, configured to receive request response information, where the request response information includes: search result content to be displayed corresponding to the search keyword and material information matched with the search result content; the rendering module is used for rendering the stored banner according to the material information to obtain a rendered banner; and the display module is used for splicing the rendered column and the content of the search result to be displayed, generating a page of the search result to be displayed and displaying the page.
An embodiment of a third aspect of the present application provides an electronic device, including: at least one processor; and a memory communicatively coupled to the at least one processor; wherein the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method of presenting a search results page as described above.
A fourth aspect of the present application is directed to a non-transitory computer-readable storage medium storing computer instructions for causing a computer to perform the method for presenting a search result page as described above.
An embodiment of the fifth aspect of the present application provides a computer program product, which includes a computer program, and when the computer program is executed by a processor, the computer program implements the method as described above.
It should be understood that the statements in this section do not necessarily identify key or critical features of the embodiments of the present disclosure, nor do they limit the scope of the present disclosure. Other features of the present disclosure will become apparent from the following description.
Drawings
The drawings are included to provide a better understanding of the present solution and are not intended to limit the present application. Wherein:
FIG. 1 is a schematic diagram according to a first embodiment of the present application;
FIG. 2 is a diagram of a generic bar and search result content structure;
FIG. 3 is a search results page loading diagram;
FIG. 4 is a schematic diagram according to a second embodiment of the present application;
FIG. 5 is a schematic illustration according to a third embodiment of the present application;
FIG. 6 is a schematic illustration according to a fourth embodiment of the present application;
FIG. 7 is a search results page upslide diagram;
FIG. 8 is a search results page drop down diagram;
FIG. 9 is a schematic diagram of page rollback sliding after switching;
FIG. 10 is a search results page forward slide diagram;
FIG. 11 is a schematic illustration according to a fifth embodiment of the present application;
fig. 12 is a block diagram of an electronic device for implementing a method for displaying a search result page according to an embodiment of the present application.
Detailed Description
The following description of the exemplary embodiments of the present application, taken in conjunction with the accompanying drawings, includes various details of the embodiments of the application for the understanding of the same, which are to be considered exemplary only. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the present application. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.
A method, an apparatus, an electronic device, and a storage medium for displaying a search result page according to an embodiment of the present application are described below with reference to the accompanying drawings.
Fig. 1 is a schematic diagram according to a first embodiment of the present application. It should be noted that the execution subject of the method for displaying the search result page provided in this embodiment is a display apparatus of the search result page, and the display apparatus of the search result page may specifically be a hardware device, or software in the hardware device, and the like.
In the embodiment of the present application, an execution subject of the method for displaying a search result page is described with a client as an example.
As shown in fig. 1, the specific implementation process of the display method of the search result page is as follows:
step 101, sending a search request to a server, wherein the search request comprises: and searching for the keyword.
In the embodiment of the application, the client can send the search request to the server through the front end. As an example, the user may input a search keyword in an input field on a search main page of the client, and the client sends a search request to the front end according to the search keyword to obtain search result content to be displayed, for example, as shown in fig. 2, the search result content to be displayed of the search result content part may be presented by using H5. And then, the front end sends a search request to the server, and the server returns request response information to the front end. It should be noted that the search request may include, but is not limited to, a search keyword and information related to a banner of the client. The client may store the banner related information locally in advance, and the front end may add the banner related information of the client, for example, the information related to the banner portion in fig. 2, such as the client screen width and the client banner height information, to the header structural element in the H5 request.
Step 102, receiving request response information, wherein the request response information comprises: the content of the search result to be displayed corresponding to the search keyword and the material information matched with the content of the search result.
Then, the client may receive the request response information returned by the server through the front end, as an example, the front end may preset a protocol tag (e.g., an iframe tag), store the request response information returned by the server in the protocol tag, and the client may obtain the request response information returned by the server through the protocol tag. It should be noted that the request response information may include, but is not limited to, search result content to be displayed corresponding to the search keyword, material information matched with the search result content, and the like. In order to better realize fusion and unification of the generic columns and the search result contents, the material information matched with the search result contents can include but is not limited to a style type and corresponding style parameter information, wherein the style type is any one of the following types: a solid color style, a gradient style, a picture style, and the like. The parameter information of the solid color style may include, but is not limited to, color information; the style parameter information corresponding to the gradient style may include, but is not limited to, a gradient height, a gradient direction, a starting gradient color, an ending gradient color, and the like of the search result; the gradient direction may include, but is not limited to, a horizontal gradient, a vertical gradient, a diagonal gradient, etc. The style parameter information corresponding to the picture style may include, but is not limited to, a picture identifier, etc.
And 103, rendering the stored banner according to the material information to obtain the rendered banner.
In the embodiment of the application, the client can read all information of the banner locally stored by the client through the front end, such as content of the banner, style type of the banner, width of the banner, height of the banner, and the like.
Further, after the client reads the banner locally stored by the client, the banner can be rendered through the front end according to the material information in the request response information returned by the server, so that the rendered banner is obtained. For example, the type of the banner style locally stored by the client may be compared with the type of the material information, and when the type of the banner style locally stored by the client is inconsistent with the type of the material information, the banner is rendered to obtain the rendered banner.
It should be understood that, since the material information may include a plurality of style types and corresponding style parameter information, the manner of rendering the banner is different for different style types and corresponding style parameter information.
As an example, when the style type in the material information is a pure color style, the background color of each pixel in the banner may be determined according to the color information in the material information, and the banner is rendered according to the background color of each pixel in the banner, so as to obtain the rendered banner. Reference will be made in detail to the description of the embodiments that follow.
As another example, when the style type in the material information is a gradient style or a picture style, the banner may be rendered in combination with the material information and the banner-related information to obtain a rendered banner. For details, see the description of the following embodiments.
And 104, splicing the rendered banner and the content of the search result to be displayed, generating a search result page to be displayed and displaying the search result page.
Further, after the rendered banner is obtained, the rendered banner and the content of the search result to be displayed can be spliced, so that a page of the search result to be displayed is generated and displayed. For example, the height of the search result page is the height of the rendered banner plus the height of the search result content. Therefore, the immersive banner effect can be realized, the stay time of the user on the search result page can be prolonged, and the display efficiency of the search result page can be improved.
It should be noted that, in order to enable the search result content and the banner to have a fusion and unification effect, when the style type in the material information is a gradient style or a picture style, the search result content to be displayed is a content obtained by rendering the search result content corresponding to the search keyword in combination with the material information and the banner-related information, that is, the search result content corresponding to the search keyword is set according to the gradient style and the picture style in the material information and the banner-related information, for example, when the style type in the material information is the picture style, the search result page downloads the corresponding picture according to the picture identifier (such as uniform resource locator URL of the picture), the background picture corresponding to the banner and the background picture corresponding to the search result content can be set as the picture corresponding to the picture identifier, wherein the picture corresponding to the picture identifier can be captured according to the height of the banner, and the captured pictures are respectively used as the background picture of the banner and the background picture of the search result content; or, the search result page downloads a corresponding picture according to a picture identifier (e.g., a uniform resource locator URL of the picture), and may set a background picture corresponding to the content of the search result as a picture corresponding to the picture identifier, and set a banner background picture as a similar picture to the picture corresponding to the picture identifier; for another example, when the style type in the material information is a gradient style, the gradient height, the gradient direction, the starting gradient color, the ending gradient color, and the like of the content of the search result can be determined according to the height, the width, and the gradient style of the circular column.
In order that the above embodiments may be better illustrated, an example will now be given.
For example, as shown in fig. 3, a keyword "shanghai" is input in a search box of a client browser, a historical search word or a search suggestion word is provided at the front end for a user to refer to, the user clicks one of the historical search words or search suggestions to enter a search result page, when entering the search result page, firstly, a full-page part appears according to an on-line white background pattern, then, search result content is loaded, and after the search result content is loaded, a full-page color background and a search result content H5 area appear at the same time; at this time, the column is changed into the color value effect matched with the picture in the H5 area of the search result content, the status column characters, the system icons, the six-in characters and the lower sliding bars are changed into white, and the black outline of the search box and the dividing line below the six-in characters disappear. Therefore, the immersive banner effect is achieved, the stay time of the user on the search result page can be prolonged, and the display efficiency of the search result page is improved.
According to the display method of the search result page, the search request is sent to the server side, and the search request comprises the following steps: searching for a keyword; receiving request response information, wherein the request response information comprises: search result content to be displayed corresponding to the search keyword and material information matched with the search result content; rendering the stored banner according to the material information to obtain a rendered banner; and splicing the rendered column and the content of the search result to be displayed, and generating and displaying a search result page to be displayed. According to the method, a search request is sent to a server, and a banner is rendered and displayed according to material information in request response information returned by the server. Therefore, the immersive banner effect is achieved, the stay time of the user on the search result page can be prolonged, and the display efficiency of the search result page is improved.
Fig. 4 is a schematic diagram according to a second embodiment of the present application. As shown in fig. 4, when the style type in the material information is a pure color style, the background color of each pixel in the banner may be determined according to the color information in the material information, and the stored banner is rendered according to the background color of each pixel in the banner, so as to obtain the rendered banner, which is specifically implemented as follows:
step 401, determining the background color of each pixel in the column according to the color information in the material information.
In order to better match the background color of the banner with the content of the search result and better achieve the immersive banner effect, in this embodiment of the present application, when the content of the search result has color information, the color information in the material information may be determined according to the color with the largest proportion in the content of the search result, for example, the color information corresponding to each element in the content of the search result may be counted, and the color information in the material information is determined as the color information when the number of pixels with a certain color is the largest or the area is the largest. Then, the background color in the column and the color in the material information may be set to be the same or similar, and the background color may be subjected to pixel extraction, so that the background color of each pixel in the column may be determined. For example, if the color of the content of the search result is light blue, the color of the material information is determined to be light blue, and the background color of the banner is determined to be light blue.
And 402, rendering the column according to the background color of each pixel in the column to obtain the rendered column.
Optionally, the client renders the background color of each pixel in the banner through a rendering related algorithm at the front end, so that the banner is rendered according to the material information to the rendered banner.
In summary, when the style type in the material information is a pure color style, the background color of each pixel in the banner is determined through the color information in the material information, and the banner is rendered according to the background color of each pixel in the banner to obtain the rendered banner.
Fig. 5 is a schematic diagram according to a third embodiment of the present application. As shown in fig. 5, when the style type in the material information is a gradient style, the stored banner may be rendered in combination with the material information and the banner related information to obtain a rendered banner, and the specific implementation process is as follows:
step 501, determining the background color of each pixel in the banner according to the screen width of the client, the height of the banner, the gradient height of the content of the search result, the gradient direction, the initial gradient color and the termination gradient color.
In order to better realize the immersive banner effect and enable the gradual change between the search result content and the banner to be more natural, the screen width, the banner height, the gradient direction, the starting gradient color and the ending gradient color of the client can be determined, the gradient height, the gradient direction, the starting gradient color and the ending gradient color of the background color in the banner can be determined, the background color of the banner can be determined, and the pixel extraction can be performed on the background color, so that the background color of each pixel in the banner can be determined. For example, the gradient direction of the search result content is a horizontal gradient, the gradient direction of the full bar may be determined as a horizontal gradient, and the start gradient color and the end gradient color of the search result content are respectively determined as the start gradient color and the end gradient color of the full bar.
And 502, rendering the column according to the background color of each pixel in the column to obtain the rendered column.
Optionally, the client renders the background color of each pixel in the banner through a rendering related algorithm at the front end, so that the banner is rendered according to the material information to the rendered banner.
To sum up, when the style type in the material information is a gradient style, determining the background color of each pixel in the full bar through the screen width, the full bar height, the gradient height of the content of the search result, the gradient direction, the initial gradient color and the termination gradient color of the client, and rendering the full bar according to the background color of each pixel in the full bar to obtain the rendered full bar.
Fig. 6 is a schematic diagram according to a fourth embodiment of the present application. As shown in fig. 6, when the style type in the material information is a picture style, the stored banner may be rendered in combination with the material information and the banner related information to obtain a rendered banner, and the specific implementation process is as follows:
step 601, determining the background color of each pixel in the column by combining the screen width of the client, the height of the column and the picture corresponding to the picture identification.
In order to better realize the immersive banner effect and enable the background picture of the search result content and the background picture of the banner to be better fused and unified, in the embodiment of the application, the background picture of the banner can be determined by identifying the corresponding picture through the screen width, the height and the picture of the client, so that the background color of each pixel in the banner can be determined. For example, a picture matching the screen width and the full bar height of the client is downloaded according to a picture identifier (such as a URL), the picture is determined as a background picture of the full bar, pixel extraction is performed on the background picture, and the background color of each pixel in the full bar can be determined.
And step 602, rendering the column according to the background color of each pixel in the column to obtain the rendered column.
Optionally, the client renders the background color of each pixel in the banner through a rendering related algorithm at the front end, so that the banner is rendered according to the material information to the rendered banner.
To sum up, when the style type in the material information is a picture style, determining the background color of each pixel in the banner by combining the screen width of the client, the height of the banner and the picture corresponding to the picture identifier, and rendering the banner according to the background color of each pixel in the banner to obtain the rendered banner. Therefore, the immersive banner effect is achieved, the stay time of the user on the search result page can be prolonged, and the display efficiency of the search result page is improved.
In order to improve the usability and feasibility of the method, after the rendered banner and the search result content to be displayed are spliced to generate and display the search result page to be displayed, the search result page can be subjected to operations of sliding up, sliding down and pulling down, forward sliding and backward sliding between pages and the like.
As an example, after the rendered banner and the search result content to be displayed are spliced to generate and display a search result page to be displayed, a request for sliding up the search result page may be obtained, where the request for sliding up includes: an upper sliding distance; and when the upglide sliding distance is larger than or equal to the first distance threshold value, performing upglide operation on the search result content in the search result page according to the upglide sliding distance, and displaying a switching animation from the rendered banner to a locally stored banner.
That is to say, after the rendered generic bar and the search result content to be displayed are spliced to generate and display the search result page to be displayed, the user can perform a slide-up operation on the search result page, when the user performs a slide-up operation on the search result page, the client can obtain a slide-up request of the user on the search result page, when the slide-up sliding distance in the slide-up instruction is greater than or equal to a first distance threshold value, the search result content in the search result page performs a slide-up operation according to the sliding distance, and in the slide-up process of the search result content, the search result page displays the switching from the rendered generic bar to the locally stored generic bar through the switching animation. It should be noted that the request for sliding up may include, but is not limited to, a sliding distance for sliding up.
In addition, after the switching animation from the rendered banner to the locally stored banner is displayed, the user can perform a downslide operation on the search result content page, when the user performs the downslide operation on the search result content page, the client can obtain a downslide instruction of the user on the search result page, when the downslide sliding distance in the downslide instruction is larger than or equal to a second distance threshold, the search result content in the search result page performs the downslide operation according to the sliding distance, and in the process of downslide of the search result content, the search result page displays switching from the locally stored banner to the rendered banner through the switching animation. It should be noted that the slide-down command may include, but is not limited to, a slide-down sliding distance.
For example, as shown in fig. 7, during the sliding process of the search result content, the client may continuously obtain the sliding distance through a control (e.g., webview) proxy method, and when the sliding distance is greater than a first distance threshold, the immersive ticker is restored to the white style of the ticker locally stored by the client through the switching animation. And in the process of downslide of the search result content, continuously acquiring a downslide sliding distance through a control (such as webview) proxy method, and recovering the immersive banner effect through switching the animation when the downslide sliding distance is larger than or equal to a second distance threshold. Therefore, the content of the general columns and the search results can be better fused and unified.
As another example, after the rendered banner and the content of the search result to be displayed are spliced to generate and display a search result page to be displayed, a pull-down instruction for the search result page may be obtained, where the pull-down instruction includes: a pull-down distance; performing pull-down operation on the search result content in the search result page according to the pull-down distance, and determining a blank area generated after the search result content is pulled down; determining color information to be filled; and filling the blank area according to the color information to be filled.
That is to say, after the rendered banner and the content of the search result to be displayed are spliced to generate and display the search result page to be displayed, the user may perform a pull-down operation on the search result page, when the user performs the pull-down operation on the search result page, the client may obtain the pull-down instruction of the user on the search result page, and perform the pull-down operation on the content of the search result in the search result page according to a pull-down distance in the pull-down instruction, in the pull-down process of the content of the search result, a blank area may be generated between the content of the search result and the banner, and the color information to be filled in the blank area may be determined according to the type of the material information, for example, when the type of the material information is a solid color type, the color information to be filled may be determined according to the color information of the content of the search result, and for example, the color information to be set to be the same as or similar to the color information of the content of the search result. For another example, when the style type in the material information is a picture style, the color information to be filled is determined according to the picture corresponding to the picture identifier in the material information, and for example, the color information to be filled may be set to be consistent with or similar to the background main color of the picture corresponding to the picture identifier. For another example, when the style type in the material information is a gradient style, the color information to be filled is determined according to the starting gradient color and the ending gradient color in the material information, for example, the gradient style in the material information is a horizontal gradient, the starting gradient color of the color to be filled is set as the starting gradient color in the material information, and the starting gradient color of the color to be filled is set as the ending gradient color in the material information. For example, as shown in fig. 8, when the search result content is pulled down, a blank area appears between the search result content and the banner, the color to be filled in the blank area is determined according to the style type of the material information, and the blank area is filled. Therefore, the blank area exposed by the pull-down of the search result content can be filled with the color consistent with or similar to the common column, so that a more integrated transition effect can be achieved in the visual effect, and the split feeling brought to a user by the blank area is reduced.
In addition, after the blank area is filled according to the color information to be filled, if the client side obtains that the user stops pulling down the search result page, the default page before the search result page is pulled down can be displayed, and the immersive banner effect matched with the search result page is recovered. Therefore, the content of the general columns and the search results can be better fused and unified.
As another example, after the rendered banner and the content of the search result to be displayed are spliced to generate and display a page of the search result to be displayed, the user may switch the page, for example, back and forward the page. Optionally, displaying the switched page according to the page switching request; acquiring a rollback request for the switched page, wherein the rollback request comprises: retracting the sliding distance; generating a first page to be displayed currently according to the backspacing sliding distance, the switched page and the search result page, wherein the first page to be displayed comprises a first area of the search result page; and adjusting the color information of the full bar in the first area according to the backspacing sliding distance.
For example, as shown in fig. 9, for example, a search result page displays a search result related to "four girl mountains", the search result page includes search result types such as "all, video, picture, note, map, information, and heat, the search result page displays" all "pages by default, when the user clicks" note "to enter the switched page, the user performs a rollback operation on the switched page (for example, the user performs a rollback operation by pressing the switched page for a long time), according to the rollback sliding distance, the switched page, and the search result page, a first page to be currently displayed (for example, the page backs to" all ") can be generated, and in the process of performing rollback sliding on the page, according to the rollback sliding distance, color information of a banner in the first area of the search result page is gradually adjusted, so that color information of a banner in the first area of the search result page is better fused and transited with color information of search result content. Note that the first area is a banner area in the search result page. Therefore, a more integrated transition effect can be achieved in the visual effect, and the splitting feeling brought to the user by the color mutation of the whole fence is reduced.
In order to improve the usability and feasibility of the embodiment of the application, in the embodiment of the application, after the color information of the banner in the first area is adjusted according to the backspacing sliding distance, optionally, a backspacing stop instruction for the switched page is obtained, and when the backspacing sliding distance when the backspacing stop instruction is obtained is greater than or equal to a third distance threshold, the search result page is displayed; and displaying the switched page when the backspacing sliding distance when the instruction for stopping backspacing is acquired is smaller than a third distance threshold.
That is to say, after the color information of the banner in the first area is adjusted according to the backspacing sliding distance, the client may obtain a backspacing instruction for the switched page (for example, the user stops pressing the switched page for a long time), when the backspacing sliding distance when the backspacing instruction is obtained is greater than or equal to a third distance threshold, that is, page switching may be performed according to the size of the backspacing sliding distance, a default page of the search result page may be displayed, and when the backspacing sliding distance when the backspacing instruction is obtained is smaller than the third distance threshold, that is, page switching is not performed enough according to the backspacing sliding distance, and the switched page is displayed.
As another example, after the search result page is presented when the rollback sliding distance when the rollback stop request is obtained is greater than or equal to the third distance threshold, the client may obtain a forward request for the search result page, where the forward request includes: a forward sliding distance; generating a second page to be displayed currently according to the forward sliding distance, the switched page and the search result page, wherein the second page to be displayed comprises a second area of the search result page; and adjusting the color information of the banner in the second area according to the forward sliding distance.
For example, as shown in fig. 10, for example, a search result page displays a search result related to "four girl mountains", the search result page includes search result types such as "all, video, picture, note, map, information, and heat, the search result page displays" all "pages by default, when the user clicks" note "to enter the switched page, the user performs a rollback operation on the switched page, when the user rolls back to" all "pages, the user can perform a forward operation on" all "pages to implement page switching, the client can obtain a forward request, and determine the switched page and the search result page as the second page to be displayed according to a forward sliding distance in the forward request, for example, determine the switched page and the search result page as the" note "page. And in the process of forward sliding the page, gradually adjusting the color information of the column in the second area of the search result page according to the forward sliding distance so as to enable the color information of the column in the second area of the search result page to be better fused and transited with the color information of the content of the search result. And the second area is a circular column area in the search result page. Therefore, a more integrated transition effect can be achieved in the visual effect, and the splitting feeling brought to the user by the color mutation of the whole fence is reduced.
In order to improve the usability and the feasibility of the embodiment of the present application, in the embodiment of the present application, after the color information of the banner in the second area is adjusted according to the forward sliding distance, optionally, a forward stop instruction for the search result page is obtained; displaying the switched page when the forward sliding distance when the forward stopping instruction is acquired is greater than or equal to a fourth distance threshold; and when the forward sliding distance obtained when the forward stopping instruction is obtained is smaller than a fourth distance threshold, displaying a search result page.
That is, after adjusting the color information of the banner in the second area according to the forward sliding distance, the client may obtain a forward stop instruction of the search result page (e.g., the user stops pressing the search result page for a long time), and when the forward sliding distance when the forward stop instruction is obtained is greater than or equal to the fourth distance threshold, that is, page switching may be performed according to the forward sliding distance, and the switched page is displayed; and when the forward sliding distance when the forward stopping instruction is acquired is smaller than the fourth distance threshold, namely, the page switching is not performed according to the fact that the forward sliding distance is not enough, and the search result page is displayed.
According to the display method of the search result page, the search request is sent to the server side, and the search request comprises the following steps: searching for a keyword; receiving request response information, wherein the request response information comprises: search result content to be displayed corresponding to the search keyword and material information matched with the search result content; rendering the stored banner according to the material information to obtain a rendered banner; and splicing the rendered column and the content of the search result to be displayed, generating a page of the search result to be displayed and displaying the page. According to the method, a search request is sent to a server, and a banner is rendered and displayed according to material information in request response information returned by the server. Therefore, the immersive banner effect is achieved, the stay time of the user on the search result page can be prolonged, and the display efficiency of the search result page is improved.
In order to implement the foregoing embodiment, the embodiment of the present application further provides a display apparatus for a search result page.
Fig. 11 is a schematic diagram according to a fifth embodiment of the present application. As shown in fig. 11, the apparatus 1100 for presenting a search result page includes: a sending module 1110, a receiving module 1120, a rendering module 1130, and a presentation module 1140.
The sending module 1110 is configured to send a search request to a server, where the search request includes: searching for a keyword; a receiving module 1120, configured to receive request response information, where the request response information includes: search result content to be displayed corresponding to the search keyword and material information matched with the search result content; the rendering module 1130 is configured to render the stored banner according to the material information, so as to obtain a rendered banner; and the display module 1140 is used for splicing the rendered banner and the content of the search result to be displayed, generating a page of the search result to be displayed and displaying the page.
As a possible implementation manner of the embodiment of the present application, the material information includes: the method comprises the following steps of (1) a style type and corresponding style parameter information, wherein the style type is any one of the following types: a solid color style, a gradient style, and a picture style.
As a possible implementation manner of the embodiment of the present application, the style parameter information corresponding to the pure color style includes: color information; the rendering module 1130 is specifically configured to: when the style type in the material information is a pure color style, determining the background color of each pixel in the column according to the color information in the material information; and rendering the column according to the background color of each pixel in the column to obtain the rendered column.
As a possible implementation manner of the embodiment of the present application, when the style type in the material information is a pure color style, the color information in the material information is determined according to the color information with the largest proportion in the content of the search result.
As a possible implementation manner of the embodiment of the present application, the search request further includes: the information related to the banner of the client; when the style type in the material information is a gradient style or a picture style, the content of the search result to be displayed is obtained by rendering the content of the search result corresponding to the search keyword by combining the material information and the related information of the column; the rendering module 1130 is specifically configured to: and when the style type in the material information is a gradient style or a picture style, rendering the banner by combining the material information and the banner related information to obtain the rendered banner.
As a possible implementation manner of the embodiment of the present application, the information related to the banner includes: the screen width and the column height of the client; the style parameter information corresponding to the gradient style comprises: search result content gradient height, gradient direction, starting gradient color, and ending gradient color; the rendering module 1130 is specifically configured to: determining the background color of each pixel in the column by combining the screen width of the client, the height of the column, the gradient height of the content of the search result, the gradient direction, the initial gradient color and the termination gradient color; rendering the column according to the background color of each pixel in the column to obtain the rendered column.
As a possible implementation manner of the embodiment of the present application, the information related to the banner includes: the screen width and the column height of the client; the style parameter information corresponding to the picture style comprises: identifying a picture; the rendering module 1130 is specifically configured to: determining the background color of each pixel in the column by combining the screen width of the client, the height of the column and the picture corresponding to the picture identification; and rendering the column according to the background color of each pixel in the column to obtain the rendered column.
As a possible implementation manner of the embodiment of the present application, the apparatus 1100 for displaying a search result page further includes: the device comprises a first acquisition module and a sliding display module.
The first acquisition module is used for acquiring a slide-up request for the search result page, wherein the slide-up request comprises: sliding distance of upper slide; and the sliding display module is used for executing the sliding operation on the search result content in the search result page according to the sliding distance when the sliding distance is greater than or equal to the first distance threshold value, and displaying the switching animation from the rendered banner to the stored banner.
As a possible implementation manner of the embodiment of the present application, the first obtaining module is further configured to obtain a glide instruction for the search result page, where the glide instruction includes: a glide sliding distance; and the sliding display module is further used for executing a sliding operation on the search result content in the search result page according to the sliding distance when the sliding distance is greater than or equal to the second distance threshold value, and displaying a switching animation from the stored full bar to the rendered full bar.
As a possible implementation manner of the embodiment of the present application, the apparatus 1100 for displaying a search result page further includes: the device comprises a second acquisition module, a pull-down module, a determination module and a filling module.
The second obtaining module is configured to obtain a pull-down instruction for the search result page, where the pull-down instruction includes: a pull-down distance; the pull-down module is used for executing pull-down operation on the search result content in the search result page according to the pull-down distance and determining a blank area generated after the search result content is pulled down; the determining module is used for determining color information to be filled; and the filling module is used for filling the blank area according to the color information to be filled.
As a possible implementation manner of the embodiment of the present application, the displaying module 1140 is further configured to display the search result page when the stop pull-down instruction for the search result page is obtained.
As a possible implementation manner of the embodiment of the application, when the style type in the material information is a pure color style, the color information to be filled is determined according to the color information of the search result content; when the style type in the material information is a picture style, determining the color information to be filled according to a picture corresponding to the picture identifier in the material information; and when the style type in the material information is the gradient style, determining the color information to be filled according to the starting gradient color and the ending gradient color in the material information.
As a possible implementation manner of the embodiment of the present application, the apparatus 1100 for displaying a search result page further includes: the display device comprises a display switching module, a third acquisition module, a generation module and an adjustment module.
The display switching module is used for displaying the switched page according to the page switching request; a third obtaining module, configured to obtain a rollback request for the switched page, where the rollback request includes: retracting the sliding distance; the generating module is used for generating a first page to be displayed currently according to the backspacing sliding distance, the switched page and the search result page, wherein the first page to be displayed comprises a first area of the search result page; and the adjusting module is used for adjusting the color information of the column in the first area according to the backspacing sliding distance.
As a possible implementation manner of the embodiment of the present application, the third obtaining module is further configured to obtain a rollback stop instruction for the switched page; the display module is further used for displaying the search result page when the backspacing sliding distance when the backspacing stopping instruction is obtained is larger than or equal to a third distance threshold; and the display switching module is also used for displaying the switched page according to the page switching request.
As a possible implementation manner of the embodiment of the present application, the third obtaining module is further configured to obtain a forward request for the search result page, where the forward request includes: a forward sliding distance; the display module is further used for generating a second page to be displayed currently according to the forward sliding distance, the switched page and the search result page, wherein the second page to be displayed comprises a second area of the search result page; and the adjusting module is also used for adjusting the color information of the circular columns in the second area according to the advancing sliding distance.
As a possible implementation manner of the embodiment of the present application, the third obtaining module is further configured to obtain a forward stop instruction for the search result page; the display switching module is further used for displaying the switched page when the forward sliding distance when the forward stopping instruction is obtained is larger than or equal to a fourth distance threshold; and the display module is further used for displaying the search result page when the forward sliding distance obtained when the forward stopping instruction is obtained is smaller than a fourth distance threshold.
The display device of the search result page of the embodiment of the application sends a search request to the server, wherein the search request comprises: searching for a keyword; receiving request response information, wherein the request response information comprises: search result content to be displayed corresponding to the search keyword and material information matched with the search result content; rendering the stored banner according to the material information to obtain a rendered banner; and splicing the rendered column and the content of the search result to be displayed, generating a page of the search result to be displayed and displaying the page. The device can realize that the banner is rendered and displayed according to the material information in the request response information returned by the server by sending a search request to the server. Therefore, the immersive banner effect is achieved, the stay time of the user on the search result page can be prolonged, and the display efficiency of the search result page is improved.
There is also provided, in accordance with an embodiment of the present application, an electronic device, a readable storage medium, and a computer program product.
Fig. 12 is a block diagram of an electronic device according to a method for displaying a search result page in an embodiment of the present application. Electronic devices are intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. Electronic devices may also represent various forms of mobile devices, such as personal digital processors, cellular telephones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be examples only, and are not meant to limit implementations of the present application that are described and/or claimed herein.
As shown in fig. 12, the electronic apparatus includes: one or more processors 1201, memory 1202, and interfaces for connecting the various components, including a high speed interface and a low speed interface. The various components are interconnected using different buses and may be mounted on a common motherboard or in other manners as desired. The processor may process instructions for execution within the electronic device, including instructions stored in or on the memory to display graphical information of a GUI on an external input/output apparatus (such as a display device coupled to the interface). In other embodiments, multiple processors and/or multiple buses may be used, along with multiple memories and multiple memories, as desired. Also, multiple electronic devices may be connected, with each device providing portions of the necessary operations (e.g., as a server array, a group of blade servers, or a multi-processor system). Fig. 12 illustrates an example of one processor 1201.
Memory 1202 is a non-transitory computer readable storage medium as provided herein. The memory stores instructions executable by at least one processor to cause the at least one processor to perform the method for presenting a search result page provided herein. The non-transitory computer-readable storage medium of the present application stores computer instructions for causing a computer to execute the presentation method of a search result page provided by the present application.
Memory 1202, which is a non-transitory computer-readable storage medium, may be used to store non-transitory software programs, non-transitory computer-executable programs, and modules, such as program instructions/modules corresponding to the presentation method of the search result page in the embodiments of the present application (e.g., acquisition module sending module 1110, receiving module 1120, rendering module 1130, and presentation module 1140 shown in fig. 11). The processor 1201 executes various functional applications and data processing of the server by running the non-transitory software programs, instructions, and modules stored in the memory 1202, so as to implement the presentation method of the search result page in the above method embodiment.
The memory 1202 may include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required for at least one function; the storage data area may store data created from use of the electronic device according to presentation of the search result page, and the like. Further, the memory 1202 may include high-speed random access memory, and may also include non-transitory memory, such as at least one magnetic disk storage device, flash memory device, or other non-transitory solid state storage device. In some embodiments, the memory 1202 optionally includes memory remotely located from the processor 1201 which may be connected over a network to the electronic device presenting the search results page. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The electronic device of the method for displaying the search result page may further include: an input device 1203 and an output device 1204. The processor 1201, the memory 1202, the input device 1203, and the output device 1204 may be connected by a bus or other means, and are illustrated as being connected by a bus in fig. 12.
The input device 1203 may receive input numeric or character information and generate key signal inputs related to user settings and function controls of the electronic device for presentation of the search result page, such as a touch screen, a keypad, a mouse, a track pad, a touch pad, a pointer, one or more mouse buttons, a track ball, a joystick, or other like input device. The output devices 1204 may include a display device, auxiliary lighting devices (e.g., LEDs), tactile feedback devices (e.g., vibrating motors), and the like. The display device may include, but is not limited to, a Liquid Crystal Display (LCD), a Light Emitting Diode (LED) display, and a plasma display. In some implementations, the display device can be a touch screen.
Various implementations of the systems and techniques described here can be realized in digital electronic circuitry, integrated circuitry, application specific ASICs (application specific integrated circuits), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs that are executable and/or interpretable on a programmable system including at least one programmable processor, which may be special or general purpose, receiving data and instructions from, and transmitting data and instructions to, a storage system, at least one input device, and at least one output device.
These computer programs (also known as programs, software applications, or code) include machine instructions for a programmable processor, and may be implemented using high-level procedural and/or object-oriented programming languages, and/or assembly/machine languages. As used herein, the terms "machine-readable medium" and "computer-readable medium" refer to any computer program product, apparatus, and/or device (e.g., magnetic discs, optical disks, memory, programmable Logic Devices (PLDs)) used to provide machine instructions and/or data to a programmable processor, including a machine-readable medium that receives machine instructions as a machine-readable signal. The term "machine-readable signal" refers to any signal used to provide machine instructions and/or data to a programmable processor.
To provide for interaction with a user, the systems and techniques described here can be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) by which a user can provide input to the computer. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form, including acoustic, speech, or tactile input.
The systems and techniques described here can be implemented in a computing system that includes a back-end component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such back-end, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local Area Networks (LANs), wide Area Networks (WANs), and the Internet.
The computer system may include clients and servers. A client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other.
It should be understood that various forms of the flows shown above may be used, with steps reordered, added, or deleted. For example, the steps described in the present application may be executed in parallel, sequentially, or in different orders, and the present invention is not limited thereto as long as the desired results of the technical solutions disclosed in the present application can be achieved.
The above-described embodiments are not intended to limit the scope of the present disclosure. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions may be made in accordance with design requirements and other factors. Any modification, equivalent replacement, and improvement made within the spirit and principle of the present application shall be included in the protection scope of the present application.

Claims (34)

1. A display method of a search result page comprises the following steps:
sending a search request to a server, wherein the search request comprises: searching for a keyword;
receiving request response information, wherein the request response information comprises: search result content to be displayed corresponding to the search keyword and material information matched with the search result content;
rendering the stored banner according to the material information to obtain a rendered banner;
and splicing the rendered banner and the content of the search result to be displayed, and generating and displaying a search result page to be displayed.
2. The method of claim 1, wherein the material information comprises: the method comprises the following steps of (1) a style type and corresponding style parameter information, wherein the style type is any one of the following types: a solid color style, a gradient style, and a picture style.
3. The method of claim 2, wherein the style parameter information corresponding to the solid color style comprises: color information;
according to the material information, rendering the stored banner, and obtaining the rendered banner, the method includes:
when the style type in the material information is a pure color style, determining the background color of each pixel in the column according to the color information in the material information;
rendering the column according to the background color of each pixel in the column to obtain the rendered column.
4. The method according to claim 3, wherein when the style type in the material information is a solid style, the color information in the material information is determined according to the color information with the largest proportion in the search result content.
5. The method of claim 2, wherein the search request further comprises: the information related to the banner of the client;
when the style type in the material information is a gradient style or a picture style, the content of the search result to be displayed is obtained by rendering the content of the search result corresponding to the search keyword by combining the material information and the related information of the banner;
the combination of the material information to render the stored banner, and the rendered banner is obtained, including:
and when the style type in the material information is a gradient style or a picture style, rendering the banner by combining the material information and the banner related information to obtain the rendered banner.
6. The method of claim 5, wherein the generic-column-related information comprises: the screen width and the column height of the client;
the style parameter information corresponding to the gradient style comprises: search result content gradient height, gradient direction, starting gradient color and ending gradient color;
when the style type in the material information is a gradient style, the material information and the related information of the banner are combined to render the banner, and the rendered banner is obtained, and the method includes the following steps:
determining the background color of each pixel in the banner according to the screen width of the client, the banner height, the gradient height of the search result content, the gradient direction, the initial gradient color and the termination gradient color;
and rendering the column according to the background color of each pixel in the column to obtain the rendered column.
7. The method of claim 5, wherein the generic-column-related information comprises: the screen width and the column height of the client;
the style parameter information corresponding to the picture style comprises: identifying a picture;
when the style type in the material information is a picture style, the material information and the related information of the banner are combined to render the banner, and the rendered banner is obtained, and the method includes the following steps:
determining the background color of each pixel in the column by combining the screen width of the client, the height of the column and the picture corresponding to the picture identification;
and rendering the column according to the background color of each pixel in the column to obtain the rendered column.
8. The method according to claim 1, wherein after the step of splicing the rendered generic bar and the content of the search result to be displayed to generate and display a page of the search result to be displayed, the method further comprises:
obtaining a slide-up request for the search result page, wherein the slide-up request comprises: sliding distance of upper slide;
and when the upglide sliding distance is larger than or equal to a first distance threshold value, performing upglide operation on the search result content in the search result page according to the upglide sliding distance, and displaying a switching animation from the rendered banner to the stored banner.
9. The method of claim 8, wherein after the presenting the switching animation from the rendered generic bar to the stored generic bar, further comprising:
obtaining a downslide instruction for the search result page, the downslide instruction comprising: a glide sliding distance;
and when the sliding distance is larger than or equal to a second distance threshold value, performing sliding operation on the search result content in the search result page according to the sliding distance, and displaying switching animation from the stored banner to the rendered banner.
10. The method according to claim 1, wherein after the step of splicing the rendered generic bar and the content of the search result to be displayed to generate and display a page of the search result to be displayed, the method further comprises:
obtaining a pull-down instruction for the search result page, the pull-down instruction comprising: a pull-down distance;
performing pull-down operation on the search result content in the search result page according to the pull-down distance, and determining a blank area generated after the search result content is pulled down;
determining color information to be filled;
and filling the blank area according to the color information to be filled.
11. The method according to claim 10, wherein after the filling the blank area according to the color information to be filled, further comprising:
and displaying the search result page when a pull-down stopping instruction for the search result page is acquired.
12. The method according to claim 10, wherein the color information to be filled is determined according to the color information of the search result content when the style type in the material information is a solid color style;
when the style type in the material information is a picture style, the color information to be filled is determined according to a picture corresponding to the picture identification in the material information;
and when the style type in the material information is a gradient style, determining the color information to be filled according to the initial gradient color and the ending gradient color in the material information.
13. The method according to claim 1, wherein after the step of splicing the rendered generic bar and the content of the search result to be displayed to generate and display a page of the search result to be displayed, the method further comprises:
displaying the switched page according to the page switching request;
obtaining a rollback request for the switched page, wherein the rollback request comprises: retracting the sliding distance;
generating a first page to be displayed currently according to the backspacing sliding distance, the switched page and the search result page, wherein the first page to be displayed comprises a first area of the search result page;
and adjusting the color information of the full bar in the first area according to the backspacing sliding distance.
14. The method according to claim 13, wherein after the adjusting the color information of the banner in the first area according to the backspacing sliding distance, the method further comprises:
acquiring a backspacing stopping instruction of the switched page;
when the backspacing sliding distance is larger than or equal to a third distance threshold value when the backspacing stopping instruction is obtained, displaying the search result page;
and displaying the switched page when the backspacing sliding distance when the instruction for stopping backspacing is acquired is smaller than a third distance threshold.
15. The method according to claim 14, wherein after displaying the search result page when the rollback sliding distance when the rollback stop request is acquired is greater than or equal to a third distance threshold, further comprising:
obtaining a forward request for the search result page, the forward request comprising: a forward sliding distance;
generating a second page to be displayed currently according to the forward sliding distance, the switched page and the search result page, wherein the second page to be displayed comprises a second area of the search result page;
and adjusting the color information of the banner in the second area according to the advancing sliding distance.
16. The method according to claim 15, wherein after the adjusting the color information of the banner in the second area according to the forward sliding distance, the method further comprises:
acquiring a forward stopping instruction of the search result page;
when the forward sliding distance when the forward stopping instruction is obtained is larger than or equal to a fourth distance threshold value, displaying the switched page;
and when the forward sliding distance obtained when the forward stopping instruction is obtained is smaller than a fourth distance threshold, displaying the search result page.
17. A presentation device of a search results page, comprising:
a sending module, configured to send a search request to a server, where the search request includes: searching for a keyword;
a receiving module, configured to receive request response information, where the request response information includes: search result content to be displayed corresponding to the search keyword and material information matched with the search result content;
the rendering module is used for rendering the stored banner according to the material information to obtain a rendered banner;
and the display module is used for splicing the rendered banner and the search result content to be displayed, generating a search result page to be displayed and displaying the search result page.
18. The apparatus of claim 17, wherein the material information comprises: the method comprises the following steps of (1) a style type and corresponding style parameter information, wherein the style type is any one of the following types: a solid color style, a gradient style, and a picture style.
19. The apparatus of claim 18, wherein the style parameter information corresponding to the solid color style comprises: color information;
the rendering module is specifically configured to:
when the style type in the material information is a pure color style, determining the background color of each pixel in the column according to the color information in the material information;
and rendering the column according to the background color of each pixel in the column to obtain the rendered column.
20. The apparatus according to claim 19, wherein when the style type in the material information is a solid style, the color information in the material information is determined based on color information with a largest proportion in the search result content.
21. The apparatus of claim 18, wherein the search request further comprises: the information related to the banner of the client;
when the style type in the material information is a gradient style or a picture style, the content of the search result to be displayed is obtained by rendering the content of the search result corresponding to the search keyword by combining the material information and the related information of the banner;
the rendering module is specifically configured to:
and when the style type in the material information is a gradient style or a picture style, rendering the banner by combining the material information and the banner related information to obtain the rendered banner.
22. The apparatus of claim 21, wherein the banner-related information comprises: the screen width and the column height of the client;
the style parameter information corresponding to the gradient style comprises: search result content gradient height, gradient direction, starting gradient color and ending gradient color;
the rendering module is specifically configured to:
determining the background color of each pixel in the banner according to the screen width of the client, the height of the banner, the gradient height of the content of the search result, the gradient direction, the initial gradient color and the termination gradient color;
and rendering the column according to the background color of each pixel in the column to obtain the rendered column.
23. The apparatus of claim 21, wherein the banner-related information comprises: the screen width and the column height of the client;
the style parameter information corresponding to the picture style comprises: identifying a picture;
the rendering module is specifically configured to:
determining the background color of each pixel in the column by combining the screen width of the client, the height of the column and the picture corresponding to the picture identification;
and rendering the column according to the background color of each pixel in the column to obtain the rendered column.
24. The apparatus of claim 17, wherein the apparatus further comprises:
a first obtaining module, configured to obtain a request for upsliding the search result page, where the request for upsliding includes: sliding distance of upper slide;
and the sliding display module is used for executing the sliding operation on the search result content in the search result page according to the sliding distance when the sliding distance is greater than or equal to a first distance threshold value, and displaying the switching animation from the rendered banner to the stored banner.
25. The apparatus of claim 24, wherein,
the first obtaining module is further configured to obtain a downslide instruction for the search result page, where the downslide instruction includes: a glide sliding distance;
and the sliding display module is further configured to execute a downslide operation on the search result content in the search result page according to the downslide sliding distance when the downslide sliding distance is greater than or equal to a second distance threshold, and display a switching animation from the stored full bar to the rendered full bar.
26. The apparatus of claim 17, wherein the apparatus further comprises:
a second obtaining module, configured to obtain a pull-down instruction for the search result page, where the pull-down instruction includes: a pull-down distance;
the pull-down module is used for executing pull-down operation on the search result content in the search result page according to the pull-down distance and determining a blank area generated after the search result content is pulled down;
the determining module is used for determining color information to be filled;
and the filling module is used for filling the blank area according to the color information to be filled.
27. The apparatus of claim 26,
the display module is further configured to display the search result page when the pull-down stopping instruction for the search result page is obtained.
28. The apparatus according to claim 26, wherein the color information to be filled is determined according to color information of the search result content when a style type in the material information is a solid color style;
when the style type in the material information is a picture style, the color information to be filled is determined according to a picture corresponding to the picture identification in the material information;
and when the style type in the material information is a gradient style, determining the color information to be filled according to the initial gradient color and the ending gradient color in the material information.
29. The apparatus of claim 17, wherein the apparatus further comprises:
the display switching module is used for displaying the switched page according to the page switching request;
a third obtaining module, configured to obtain a rollback request for the switched page, where the rollback request includes: retracting the sliding distance;
a generating module, configured to generate a first page to be currently displayed according to the backspacing sliding distance, the switched page, and the search result page, where the first page to be displayed includes a first area of the search result page;
and the adjusting module is used for adjusting the color information of the column in the first area according to the backspacing sliding distance.
30. The apparatus of claim 29, wherein,
the third obtaining module is further configured to obtain a rollback stop instruction for the switched page;
the display module is further configured to display the search result page when the rollback sliding distance when the rollback stopping instruction is obtained is greater than or equal to a third distance threshold;
and the display switching module is also used for displaying the switched page according to the page switching request.
31. The apparatus of claim 30, wherein,
the third obtaining module is further configured to obtain a forward request for the search result page, where the forward request includes: a forward sliding distance;
the display module is further configured to generate a second page to be currently displayed according to the forward sliding distance, the switched page and the search result page, where the second page to be displayed includes a second area of the search result page;
the adjusting module is further configured to adjust the color information of the banner in the second area according to the forward sliding distance.
32. The apparatus of claim 31, wherein,
the third obtaining module is further configured to obtain a forward stop instruction for the search result page;
the display switching module is further configured to display the switched page when the forward sliding distance when the forward stopping instruction is obtained is greater than or equal to a fourth distance threshold;
the display module is further configured to display the search result page when the forward sliding distance when the forward stopping instruction is obtained is smaller than a fourth distance threshold.
33. An electronic device, comprising:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein the content of the first and second substances,
the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method of any one of claims 1-16.
34. A non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to perform the method of any one of claims 1-16.
CN202010450328.9A 2020-05-25 2020-05-25 Display method and device of search result page, electronic equipment and storage medium Active CN111680230B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010450328.9A CN111680230B (en) 2020-05-25 2020-05-25 Display method and device of search result page, electronic equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010450328.9A CN111680230B (en) 2020-05-25 2020-05-25 Display method and device of search result page, electronic equipment and storage medium

Publications (2)

Publication Number Publication Date
CN111680230A CN111680230A (en) 2020-09-18
CN111680230B true CN111680230B (en) 2023-04-18

Family

ID=72434808

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010450328.9A Active CN111680230B (en) 2020-05-25 2020-05-25 Display method and device of search result page, electronic equipment and storage medium

Country Status (1)

Country Link
CN (1) CN111680230B (en)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113392342A (en) * 2021-05-25 2021-09-14 腾讯科技（深圳）有限公司 Search interface display method and device, storage medium and electronic equipment
CN114329278B (en) * 2021-12-30 2023-09-29 百度在线网络技术（北京）有限公司 Processing method and device of search result page, electronic equipment and storage medium
CN114461944B (en) * 2022-01-19 2023-03-10 北京百度网讯科技有限公司 Search result display method and device and electronic equipment
CN115134663A (en) * 2022-07-11 2022-09-30 京东方科技集团股份有限公司 Information display method, device and system and electronic equipment

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103761315A (en) * 2014-01-27 2014-04-30 乐视网信息技术（北京）股份有限公司 Method and system for displaying webpage content
CN103902664A (en) * 2014-03-10 2014-07-02 百度在线网络技术（北京）有限公司 Page image rendering method and information providing method and device
CN104484363A (en) * 2014-12-02 2015-04-01 百度在线网络技术（北京）有限公司 Search result display method and device
CN106599287A (en) * 2016-12-23 2017-04-26 北京奇虎科技有限公司 Search result processing method and device
WO2017088497A1 (en) * 2015-11-25 2017-06-01 百度在线网络技术（北京）有限公司 Entity recommendation method, device, apparatus, and computer storage medium
CN110297980A (en) * 2019-06-28 2019-10-01 广州华多网络科技有限公司 Methods of exhibiting, device, the server of material
CN111159592A (en) * 2019-12-16 2020-05-15 百度在线网络技术（北京）有限公司 Search result page generation method and device, electronic equipment and storage medium

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9105032B2 (en) * 2007-05-03 2015-08-11 Yellowpages.Com Llc Systems and methods to provide advertisements for real time communications
US9998429B2 (en) * 2010-10-29 2018-06-12 Proximic, Llc. Method for transmitting information from a first information provider to a second information provider via an information intermediary

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103761315A (en) * 2014-01-27 2014-04-30 乐视网信息技术（北京）股份有限公司 Method and system for displaying webpage content
CN103902664A (en) * 2014-03-10 2014-07-02 百度在线网络技术（北京）有限公司 Page image rendering method and information providing method and device
CN104484363A (en) * 2014-12-02 2015-04-01 百度在线网络技术（北京）有限公司 Search result display method and device
WO2017088497A1 (en) * 2015-11-25 2017-06-01 百度在线网络技术（北京）有限公司 Entity recommendation method, device, apparatus, and computer storage medium
CN106599287A (en) * 2016-12-23 2017-04-26 北京奇虎科技有限公司 Search result processing method and device
CN110297980A (en) * 2019-06-28 2019-10-01 广州华多网络科技有限公司 Methods of exhibiting, device, the server of material
CN111159592A (en) * 2019-12-16 2020-05-15 百度在线网络技术（北京）有限公司 Search result page generation method and device, electronic equipment and storage medium

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
Mithra Vankipuram等."Virtual reality based training to resolve visio-motor conflicts in surgical environments".《IEEE》.2008,全文. *

Also Published As

Publication number Publication date
CN111680230A (en) 2020-09-18

Similar Documents

Publication Publication Date Title
CN111680230B (en) Display method and device of search result page, electronic equipment and storage medium
US20150149891A1 (en) Web application theme preview based on live previews
JP7270661B2 (en) Video processing method and apparatus, electronic equipment, storage medium and computer program
CN109582884B (en) Insurance product sharing link generation method, apparatus, medium and computer device
CN111897619A (en) Browser page display method and device, electronic equipment and storage medium
CN111277861A (en) Method and device for extracting hot spot segments in video
CN110992112A (en) Method and device for processing advertisement information
JP2019008668A (en) Client device, image processing system, image display method, and program
CN112099645A (en) Input image generation method and device, electronic equipment and storage medium
CN111610972A (en) Page generation method, device, equipment and storage medium
CN111339462A (en) Component rendering method, device, server, terminal and medium
US20140115504A1 (en) Method and apparatus for configuring parameters under bs architecture
CN113825020A (en) Video definition switching method, device, equipment, storage medium and program product
CN111882483B (en) Video rendering method and device
CN111913711B (en) Video rendering method and device
CN113313793B (en) Animation playing method, device, electronic equipment and storage medium
CN111352685B (en) Display method, device, equipment and storage medium of input method keyboard
CN114371838A (en) Method, device and equipment for rendering small program canvas and storage medium
CN111274520B (en) Webpage resource auditing method, device, equipment and medium
KR102092156B1 (en) Encoding method for image using display device
CN112035210A (en) Method, apparatus, device and medium for outputting color information
CN112417346A (en) Rendering method, rendering device, electronic equipment and storage medium
CN112346687A (en) Information interaction method and device, electronic equipment and readable storage medium
CN112445983A (en) Search result processing method, device and equipment and computer readable storage medium
US20220272415A1 (en) Demonstration of mobile device applications

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant