CN114579241A - Page rendering method, device and system - Google Patents

Page rendering method, device and system Download PDF

Info

Publication number
CN114579241A
CN114579241A CN202210202569.0A CN202210202569A CN114579241A CN 114579241 A CN114579241 A CN 114579241A CN 202210202569 A CN202210202569 A CN 202210202569A CN 114579241 A CN114579241 A CN 114579241A
Authority
CN
China
Prior art keywords
data
blank area
height
filled
feed stream
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.)
Pending
Application number
CN202210202569.0A
Other languages
Chinese (zh)
Inventor
王亮
田魁
郑锋
舒丹
邓声龙
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hunan Happly Sunshine Interactive Entertainment Media Co Ltd
Original Assignee
Hunan Happly Sunshine Interactive Entertainment Media 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 Hunan Happly Sunshine Interactive Entertainment Media Co Ltd filed Critical Hunan Happly Sunshine Interactive Entertainment Media Co Ltd
Priority to CN202210202569.0A priority Critical patent/CN114579241A/en
Publication of CN114579241A publication Critical patent/CN114579241A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Image Generation (AREA)

Abstract

The invention provides a page rendering method, a device and a system, wherein a filling data set is added by a server before single feed stream data when a blank area possibly occurs in a page under the condition that single feed stream data is mixed in multi-column multi-feed stream data with different heights in list data. In the process of sequentially rendering the list data, if a filling data set is detected in the list data, the intelligent filling of the blank area in the page is realized according to the height of the blank area to be filled, so that the page displays more service contents, the utilization rate of the page area is improved, and the service exposure and the conversion rate are improved.

Description

Page rendering method, device and system
Technical Field
The invention relates to the technical field of computers, in particular to a page rendering method, device and system.
Background
In the front-end service content display interface, the list mode is used for displaying feed stream data in a large proportion. The background deduces the preference of the user according to the algorithm, sends feed stream data, and the front end renders the data.
The list mode is used for showing that the feed stream data comprises a single feed stream list and a multi-feed stream list. Where a single feed stream list indicates that a card is full, such as the single column list shown in fig. 1. The multi-feed flow list indicates that a plurality of cards are full in one row, such as the multi-column equal-height list shown in fig. 2a and the multi-column unequal-height (waterfall flow) list shown in fig. 2 b.
However, current feed stream rendering to page solutions have a common problem: when single-feed stream data and multi-feed stream data with different columns are mixed, a blank area may be left on a single-column large card formed after the single-feed stream data is rendered on a page as shown in fig. 3, resulting in a low utilization rate of the page area.
Disclosure of Invention
In view of this, the present invention provides a page rendering method, device and system, which implement intelligent filling of a blank area in a page and improve the utilization rate of the page area.
In order to achieve the above purpose, the invention provides the following specific technical scheme:
in a first aspect, an embodiment of the present invention provides a page rendering method, which is applied to a client, where the method includes:
receiving list data issued by a server;
rendering the list data in sequence;
determining the height of a blank area to be filled in under the condition that a filling data set is detected in the list data, wherein the filling data set is added by a server before single-feed stream data under the condition that single-feed stream data is mixed in multi-feed stream data with different heights in the list data;
and filling the blank area to be filled according to the height of the blank area to be filled.
In some embodiments, the number of padding data sets preceding a single feed stream data is N-1, N is a positive integer, and N >1, N representing the number of columns of multi-feed stream data.
In some embodiments, the determining the height of the blank area to be filled includes:
acquiring the bottom height of each row of cards relative to the same datum line in a plurality of rows of cards formed after a plurality of rows of feed stream data with different heights in front of the filling data set are rendered to a page;
and calculating the maximum height difference between the heights of the bottoms of the cards in the multiple rows of cards relative to the same datum line to obtain the height of the blank area to be filled.
In some embodiments, filling the blank area to be filled according to the height of the blank area to be filled includes:
judging whether the height of the blank area to be filled is smaller than a threshold value, wherein the threshold value is the lowest height of the card data in the filled data set;
if the height of the blank area to be filled is smaller than the threshold value, adjusting the height of a card above the blank area to be filled in the page so as to fill the blank area to be filled;
and if the height of the blank area to be filled is not less than the threshold value, performing partial or integral rendering on the filled data set in the blank area to be filled according to the height of the blank area to be filled.
In some embodiments, rendering the padding data set partially or entirely in the blank area to be padded according to the height of the blank area to be padded includes:
determining at least one target card data used for filling the blank area to be filled in the filling data set according to the height of the blank area to be filled and the height of each card data in the filling data set;
and rendering the target card data in the blank area to be filled.
In a second aspect, an embodiment of the present invention provides a page rendering apparatus, which is applied to a client, where the apparatus includes:
the list data receiving unit is used for receiving the list data issued by the server;
the data rendering unit is used for sequentially rendering the list data;
a blank area height determining unit configured to determine a height of a blank area to be padded when a padding data set is detected in the list data, the padding data set being added by the server before single feed stream data when the single feed stream data is included in multi-feed stream data having different heights in the list data;
and the filling processing unit is used for filling the blank area to be filled according to the height of the blank area to be filled.
In some embodiments, the number of padding data sets preceding a single feed stream data is N-1, N is a positive integer, and N >1, N representing the number of columns of multi-feed stream data.
In some embodiments, the blank area height determining unit is specifically configured to:
acquiring the bottom height of each row of cards relative to the same datum line in a plurality of rows of cards formed after a plurality of rows of feed stream data with different heights in front of the filling data set are rendered to a page;
and calculating the maximum height difference between the heights of the bottoms of the cards in the multiple rows of cards relative to the same datum line to obtain the height of the blank area to be filled.
In some embodiments, the shim processing unit includes:
the judging subunit is configured to judge whether the height of the blank area to be filled is smaller than a threshold, where the threshold is the lowest height of the card data in the filled data set;
the card height adjusting subunit is configured to adjust the height of the card above the blank area to be filled in the page to fill the blank area to be filled if the height of the blank area to be filled is smaller than the threshold;
and the padding data rendering subunit is used for rendering the padding data set partially or wholly in the blank area to be padded according to the height of the blank area to be padded if the height of the blank area to be padded is not less than the threshold.
In some embodiments, the shim data rendering subunit is specifically configured to:
determining at least one target card data used for filling the blank area to be filled in the filling data set according to the height of the blank area to be filled and the height of each card data in the filling data set;
and rendering the target card data in the blank area to be filled.
In a third aspect, an embodiment of the present invention provides a page rendering system, including: a server and a client;
the server is used for adding a padding data set in front of single-feed stream data and sending the list data added with the padding data set to the client if a single-feed stream data is included in multi-feed stream data with different heights in the list data requested by the client under the condition of receiving a list data request sent by the client;
the client is configured to execute the page rendering method described in any implementation manner of the first aspect.
Compared with the prior art, the invention has the following beneficial effects:
according to the page rendering method disclosed by the invention, under the condition that single feed stream data is mixed in multi-column multi-feed stream data with different heights in list data, so that a server adds a padding data set before the single feed stream data when a blank area possibly occurs in a page. In the process of sequentially rendering the list data, if a filling data set is detected in the list data, the intelligent filling of the blank area in the page is realized according to the height of the blank area to be filled, so that the page displays more service contents, the utilization rate of the page area is improved, and the service exposure and the conversion rate are improved.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the provided drawings without creative efforts.
FIG. 1 is a schematic view of a page;
FIG. 2a is a schematic view of another page;
FIG. 2b is a schematic view of another page;
FIG. 3 is a schematic view of another page;
FIG. 4 is a schematic flowchart of a page rendering method according to an embodiment of the present invention;
FIG. 5 is a schematic diagram illustrating a filling effect according to an embodiment of the present invention;
FIG. 6 is a schematic diagram of another filling effect disclosed in the embodiments of the present invention;
fig. 7 is a schematic structural diagram of a page rendering apparatus according to an embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
The inventor finds out through research that: after the client requests the list data from the server, the server issues the list data to the client, and if the issued list data has a situation that single feed stream data is included in multiple columns of multi-feed stream data with unequal heights, that is, the list data is [ a, B, … ], where a is multi-feed stream data with unequal heights in two rows, and B is single feed stream data, when the client renders the list data in sequence, the rendering data a is a small card occupying 1/2 rows, and the rendering data B is a large card occupying a whole row space, a blank unaligned region may occur as shown in fig. 3, resulting in a low utilization rate of a page region.
In order to solve the technical problem, the invention provides a page rendering method, device and system, wherein a single feed stream data is mixed in multi-feed stream data with different heights in list data, so that a server adds a padding data set before the single feed stream data when a blank area possibly occurs in a page. In the process of sequentially rendering the list data, if a filling data set is detected in the list data, the intelligent filling of the blank area in the page is realized according to the height of the blank area to be filled, so that the page displays more service contents, the utilization rate of the page area is improved, and the service exposure and the conversion rate are improved.
Specifically, referring to fig. 4, the page rendering method disclosed in this embodiment is applied to a client, and specifically includes the following steps:
s101: receiving list data issued by a server;
it can be understood that the client needs to request the list data from the server first, and the server will issue the list data to the client.
S102: rendering the list data in sequence;
the data items in the list data are sequentially rendered according to the sequence of the data items in the list data, and taking the list data as [ A, A, A, A, A, B, … ], A and B as one data item in the list data respectively, A is multi-feed stream data with unequal heights in two rows, and B is single-feed stream data as an example, when the list data are sequentially rendered by the client, the multi-feed stream data with unequal heights in two rows are sequentially rendered, and then the single-feed stream data is rendered.
S103: determining the height of a blank area to be filled in under the condition that a filling data set is detected in the list data, wherein the filling data set is added by the server before single feed stream data under the condition that single feed stream data is included in multi-feed stream data with different heights in the list data;
and under the condition that single feed stream data is mixed in multi-column multi-feed stream data with different heights in the list data, adding a padding data set in front of the single feed stream data by the server to obtain processed list data, and issuing the processed list data to the client.
The padding data set may be represented as [ C1, C2, C3, ] indicating card data for padding the blank area, and C1, C2, C3 respectively indicate card data, which may be text data, picture data, video data, and the like.
Taking the number of columns of the multi-feed stream data as 2 as an example, the list data added with the padding data set may be: [ A, A, A, C, B, A, A, A, A, A, A, C, B. ], the padding data set C is used for padding a column of blank areas in the dual-column feed stream data that may result from inclusion of a single feed stream data; taking the number of columns of multi-feed stream data as 3 for example, the inclusion of a single feed stream data in 3 columns of feed stream data may result in 2 columns of blank areas, so 2 padding data sets need to be added before a single column of feed stream data, and on this basis, the list data of 2 padding data sets may be: [ A, A, A, A, C, C, B, A, A, A, A, A, A, C, C, B.
The data a in the list data of the padding data sets, that is, the repeated data of the multi-feed stream data, is not particularly limited, but a padding data set C needs to be added before the data B between the data a and the data B, the number of the padding data sets C is N-1, N is a positive integer, and N >1, where N represents the number of columns of the multi-feed stream data. If the number of columns of the multi-feed stream data is 2, the number of padding data sets C is 1, and if the number of columns of the multi-feed stream data is 3, the number of padding data sets C is 2.
Preferably, when N >2, i.e. the number of padding data sets is larger than 1, the content of adjacent padding data sets is different.
In the process of sequentially rendering the list data, if a filling data set is detected, a blank area may appear in the page, and the height of the blank area to be filled needs to be determined, so that the subsequent intelligent filling is facilitated.
Specifically, as the blank area which may occur is definitely above the padding data set, under the condition that the padding data set is detected, the bottom height of each column of cards relative to the same reference line in the multiple columns of cards formed after multiple columns of feed stream data with different heights in front of the padding data set are rendered on the page can be acquired, wherein the reference line can be any position in the page. It can be understood that, if the reference line is below the plurality of rows of cards, the maximum height difference between the bottom heights of each row of cards in the plurality of rows of cards relative to the same reference line is the height of the blank area to be filled, and if the reference line is above the plurality of rows of cards, the absolute value of the maximum height difference between the bottom heights of each row of cards in the plurality of rows of cards relative to the same reference line is the height of the blank area to be filled. As shown in fig. 3, h1 is the bottom height of the first row of cards relative to the reference line, h2 is the bottom height of the second row of cards relative to the reference line, and the reference line can be any position in the page, and then the absolute value Δ h of the height difference between h1 and h2 is the height of the blank area to be filled.
S104: and filling the blank area to be filled according to the height of the blank area to be filled.
Actually, in the list data, there is a situation that a plurality of columns of different-height multi-feed stream data are mixed with a single-feed stream data, which may cause a blank area to appear in a page, and a blank area may also not appear in a page, and if a blank area appears in a page, heights of blank areas appearing in different situations are likely to be different, and in order to intelligently fill a blank area that may appear in a page, the intelligent filling method provided in this embodiment is as follows:
firstly, judging whether the height of a blank area to be filled is smaller than a threshold value, wherein the threshold value is the lowest height of card data in a filling data set.
If the height of the blank area to be filled is smaller than the threshold, that is, the height of the blank area to be filled is not enough to be filled with the card data in the filling data set, the height of the card above the blank area to be filled in the page is adjusted, for example, the card above the blank area to be filled is dynamically stretched to fill the blank area to be filled, and the filling effect is shown in fig. 5.
And if the height of the blank area to be filled is not less than the threshold value, performing partial or integral rendering on the filled data set in the blank area to be filled according to the height of the blank area to be filled.
Specifically, at least one target card data used for filling the blank area to be filled in the filling data set is determined according to the height of the blank area to be filled and the height of each card data in the filling data set, the target card data is rendered in the blank area to be filled, and the filling effect is as shown in fig. 6.
According to the page rendering method, the page without the blank area can be generated by sequentially rendering the list data, so that the page displays more service contents, the utilization rate of the page area is improved, and the service exposure and the conversion rate are improved.
Based on the page rendering method disclosed in the foregoing embodiment, this embodiment correspondingly discloses a page rendering device, which is applied to a client, please refer to fig. 7, and the device includes:
a list data receiving unit 100, configured to receive list data sent by a server;
a data rendering unit 200, configured to sequentially render the list data;
a blank area height determining unit 300 configured to determine a height of a blank area to be padded, in a case where a padding data set is detected in the list data, the padding data set being added by the server before single feed stream data in a case where single feed stream data is included in multi-feed stream data having different heights in the list data;
and a padding processing unit 400, configured to pad the blank area to be padded according to the height of the blank area to be padded.
In some embodiments, the number of padding data sets preceding a single feed stream data is N-1, N is a positive integer, and N >1, N representing the number of columns of multi-feed stream data.
In some embodiments, the blank area height determining unit 300 is specifically configured to:
acquiring the bottom height of each row of cards relative to the same datum line in a plurality of rows of cards formed after a plurality of rows of feed stream data with different heights in front of the filling data set are rendered to a page;
and calculating the maximum height difference between the heights of the bottoms of the cards in the multiple rows of cards relative to the same datum line to obtain the height of the blank area to be filled.
In some embodiments, the shim processing unit 400 includes:
a judging subunit, configured to judge whether the height of the blank area to be filled is smaller than a threshold, where the threshold is a lowest height of the card data in the filled data set;
the card height adjusting subunit is configured to adjust the height of the card above the blank area to be filled in the page to fill the blank area to be filled if the height of the blank area to be filled is smaller than the threshold;
and the padding data rendering subunit is used for rendering the padding data set partially or wholly in the blank area to be padded according to the height of the blank area to be padded if the height of the blank area to be padded is not less than the threshold.
In some embodiments, the shim data rendering subunit is specifically configured to:
determining at least one target card data used for filling the blank area to be filled in the filling data set according to the height of the blank area to be filled and the height of each card data in the filling data set;
and rendering the target card data in the blank area to be filled.
In the page rendering apparatus disclosed in this embodiment, when there is a case where a single feed stream data is included in multi-feed stream data having different heights in the list data, and thus a blank area may occur in a page, the server adds a padding data set before the single feed stream data. In the process of sequentially rendering the list data, if a filling data set is detected in the list data, the intelligent filling of the blank area in the page is realized according to the height of the blank area to be filled, so that the page displays more service contents, the utilization rate of the page area is improved, and the service exposure and the conversion rate are improved.
The embodiment of the present invention further provides a page rendering system, including: a server and a client;
the server is used for adding a padding data set in front of single feed stream data and sending the list data added with the padding data set to the client when the list data requested by the client is received and when the single feed stream data is included in multi-feed stream data with different heights in the list data requested by the client.
Further, in order to meet personalized requirements of different client types and different types of clients on page display content, the server can also pre-configure filling data sets corresponding to different client types and different types of clients. After receiving a list data request sent by a client, if the list data requested by the client contains a situation that single feed stream data is mixed in multi-column multi-feed stream data with different heights, adding a corresponding client type and a filling data set corresponding to a corresponding type of client before the single feed stream data.
The client is used for executing the following page rendering method:
receiving list data issued by a server;
rendering the list data in sequence;
determining the height of a blank area to be padded in the case that a padding data set is detected in the list data, wherein the padding data set is added by a server before single feed stream data in the case that single feed stream data is included in multi-feed stream data with different columns of different heights in the list data;
and filling the blank area to be filled according to the height of the blank area to be filled.
Further, the number of padding data sets preceding a single feed stream data is N-1, N is a positive integer, and N >1, N representing the number of columns of multi-feed stream data.
Further, the determining the height of the blank area to be filled includes:
acquiring the bottom height of each column of cards in a plurality of columns of cards formed after a plurality of columns of feed stream data with different heights in front of the filling data set are rendered to a page;
and calculating the maximum height difference between the bottom heights of each row of cards in the plurality of rows of cards to obtain the height of the blank area to be filled.
Further, according to the height of the blank area to be filled, filling the blank area to be filled comprises:
judging whether the height of the blank area to be filled is smaller than a threshold value, wherein the threshold value is the lowest height of the card data in the filled data set;
if the height of the blank area to be filled is smaller than the threshold value, adjusting the height of a card above the blank area to be filled in a page to fill the blank area to be filled;
and if the height of the blank area to be filled is not less than the threshold value, performing partial or whole rendering on the filled data set in the blank area to be filled according to the height of the blank area to be filled.
Further, according to the height of the blank area to be filled, the blank area to be filled partially or wholly renders the filled data set, including:
determining at least one target card data used for filling the blank area to be filled in the filling data set according to the height of the blank area to be filled and the height of each card data in the filling data set;
and rendering the target card data in the blank area to be filled.
The embodiments in the present description are described in a progressive manner, each embodiment focuses on differences from other embodiments, and the same and similar parts among the embodiments are referred to each other. The device disclosed by the embodiment corresponds to the method disclosed by the embodiment, so that the description is simple, and the relevant points can be referred to the method part for description.
It is further noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in the process, method, article, or apparatus that comprises the element.
The steps of a method or algorithm described in connection with the embodiments disclosed herein may be embodied directly in hardware, in a software module executed by a processor, or in a combination of the two. A software module may reside in Random Access Memory (RAM), memory, Read Only Memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.
The above embodiments can be combined arbitrarily, and the features described in the embodiments in the present specification can be replaced or combined with each other in the above description of the disclosed embodiments, so that those skilled in the art can implement or use the present application.
The previous description of the disclosed embodiments is provided to enable any person skilled in the art to make or use the present invention. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other embodiments without departing from the spirit or scope of the invention. Thus, the present invention is not intended to be limited to the embodiments shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.

Claims (10)

1. A page rendering method is applied to a client side, and comprises the following steps:
receiving list data issued by a server;
rendering the list data in sequence;
determining the height of a blank area to be padded in the case that a padding data set is detected in the list data, wherein the padding data set is added by a server before single feed stream data in the case that single feed stream data is included in multi-feed stream data with different columns of different heights in the list data;
and filling the blank area to be filled according to the height of the blank area to be filled.
2. The method of claim 1, wherein the number of padding data sets preceding a single feed stream data is N-1, N is a positive integer, and N >1, N representing the number of columns of multi-feed stream data.
3. The method of claim 1, wherein determining the height of the blank area to be filled comprises:
acquiring the bottom height of each column of cards relative to the same datum line in a plurality of columns of cards formed by rendering multi-column feed stream data with different heights in front of the filling data set to a page;
and calculating the maximum height difference between the heights of the bottoms of the cards in the multiple rows of cards relative to the same datum line to obtain the height of the blank area to be filled.
4. The method of claim 1, wherein filling the blank area to be filled according to the height of the blank area to be filled comprises:
judging whether the height of the blank area to be filled is smaller than a threshold value, wherein the threshold value is the lowest height of the card data in the data set to be filled;
if the height of the blank area to be filled is smaller than the threshold value, adjusting the height of a card above the blank area to be filled in a page to fill the blank area to be filled;
and if the height of the blank area to be filled is not less than the threshold value, performing partial or whole rendering on the filled data set in the blank area to be filled according to the height of the blank area to be filled.
5. The method of claim 4, wherein rendering the padded data set partially or entirely in the blank area to be padded according to the height of the blank area to be padded comprises:
determining at least one target card data used for filling the blank area to be filled in the filling data set according to the height of the blank area to be filled and the height of each card data in the filling data set;
and rendering the target card data in the blank area to be filled.
6. A page rendering apparatus applied to a client, the apparatus comprising:
the list data receiving unit is used for receiving the list data issued by the server;
the data rendering unit is used for sequentially rendering the list data;
a blank area height determining unit configured to determine a height of a blank area to be padded when a padding data set is detected in the list data, the padding data set being added by the server before single feed stream data when the single feed stream data is included in multi-feed stream data having different heights in the list data;
and the filling processing unit is used for filling the blank area to be filled according to the height of the blank area to be filled.
7. The apparatus of claim 6, wherein the blank area height determining unit is specifically configured to:
acquiring the bottom height of each row of cards relative to the same datum line in a plurality of rows of cards formed after a plurality of rows of feed stream data with different heights in front of the filling data set are rendered to a page;
and calculating the maximum height difference between the heights of the bottoms of the cards in the multiple rows of cards relative to the same datum line to obtain the height of the blank area to be filled.
8. The apparatus of claim 6, wherein the shim processing unit comprises:
the judging subunit is configured to judge whether the height of the blank area to be filled is smaller than a threshold, where the threshold is the lowest height of the card data in the filled data set;
the card height adjusting subunit is configured to adjust the height of the card above the blank area to be filled in the page to fill the blank area to be filled if the height of the blank area to be filled is smaller than the threshold;
and the padding data rendering subunit is used for rendering the padding data set partially or wholly in the blank area to be padded according to the height of the blank area to be padded if the height of the blank area to be padded is not less than the threshold.
9. The apparatus of claim 8, wherein the shim data rendering subunit is specifically configured to:
determining at least one target card data used for filling the blank area to be filled in the filling data set according to the height of the blank area to be filled and the height of each card data in the filling data set;
and rendering the target card data in the blank area to be filled.
10. A page rendering system, comprising: a server and a client;
the server is used for adding a padding data set in front of single-feed stream data and sending the list data added with the padding data set to the client if a single-feed stream data is included in multi-feed stream data with different heights in the list data requested by the client under the condition of receiving a list data request sent by the client;
the client is used for executing the page rendering method according to any one of claims 1 to 5.
CN202210202569.0A 2022-03-02 2022-03-02 Page rendering method, device and system Pending CN114579241A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210202569.0A CN114579241A (en) 2022-03-02 2022-03-02 Page rendering method, device and system

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210202569.0A CN114579241A (en) 2022-03-02 2022-03-02 Page rendering method, device and system

Publications (1)

Publication Number Publication Date
CN114579241A true CN114579241A (en) 2022-06-03

Family

ID=81772245

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210202569.0A Pending CN114579241A (en) 2022-03-02 2022-03-02 Page rendering method, device and system

Country Status (1)

Country Link
CN (1) CN114579241A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117973334A (en) * 2024-04-02 2024-05-03 南京安夏电子科技有限公司 Automatic identification importing method based on file form

Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102970343A (en) * 2012-10-31 2013-03-13 北京小米科技有限责任公司 Method and device for displaying push information
CN104834752A (en) * 2015-05-25 2015-08-12 三星电子(中国)研发中心 Browser engine device and information display method thereof
CN105224540A (en) * 2014-05-29 2016-01-06 广州市动景计算机科技有限公司 Page composing method and device
US20160248474A1 (en) * 2015-02-24 2016-08-25 Comcast Cable Communications, Llc Multi-Bitrate Video With Dynamic Blocks
WO2016190584A1 (en) * 2015-05-25 2016-12-01 삼성전자 주식회사 Method and device for providing information on basis of web page
CN106708985A (en) * 2016-12-12 2017-05-24 北京奇虎科技有限公司 Layout method and device for multi-column webpage
CN107800888A (en) * 2017-11-23 2018-03-13 北京麒麟合盛网络技术有限公司 Method for information display and device
CN111324836A (en) * 2020-02-10 2020-06-23 广州虎牙科技有限公司 Page processing method and device, computer equipment and storage medium
CN113467871A (en) * 2021-06-28 2021-10-01 康键信息技术(深圳)有限公司 H5 page display method, device, equipment and storage medium
CN113536179A (en) * 2021-06-21 2021-10-22 北京达佳互联信息技术有限公司 Page generation method and device, electronic equipment and storage medium
CN113608737A (en) * 2021-01-18 2021-11-05 腾讯科技(深圳)有限公司 Page generation method, device, equipment and medium

Patent Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102970343A (en) * 2012-10-31 2013-03-13 北京小米科技有限责任公司 Method and device for displaying push information
CN105224540A (en) * 2014-05-29 2016-01-06 广州市动景计算机科技有限公司 Page composing method and device
US20160248474A1 (en) * 2015-02-24 2016-08-25 Comcast Cable Communications, Llc Multi-Bitrate Video With Dynamic Blocks
CN104834752A (en) * 2015-05-25 2015-08-12 三星电子(中国)研发中心 Browser engine device and information display method thereof
WO2016190584A1 (en) * 2015-05-25 2016-12-01 삼성전자 주식회사 Method and device for providing information on basis of web page
CN106708985A (en) * 2016-12-12 2017-05-24 北京奇虎科技有限公司 Layout method and device for multi-column webpage
CN107800888A (en) * 2017-11-23 2018-03-13 北京麒麟合盛网络技术有限公司 Method for information display and device
CN111324836A (en) * 2020-02-10 2020-06-23 广州虎牙科技有限公司 Page processing method and device, computer equipment and storage medium
CN113608737A (en) * 2021-01-18 2021-11-05 腾讯科技(深圳)有限公司 Page generation method, device, equipment and medium
CN113536179A (en) * 2021-06-21 2021-10-22 北京达佳互联信息技术有限公司 Page generation method and device, electronic equipment and storage medium
CN113467871A (en) * 2021-06-28 2021-10-01 康键信息技术(深圳)有限公司 H5 page display method, device, equipment and storage medium

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117973334A (en) * 2024-04-02 2024-05-03 南京安夏电子科技有限公司 Automatic identification importing method based on file form

Similar Documents

Publication Publication Date Title
US8037410B2 (en) Method and apparatus for estimating the size of rendered text
CN114579241A (en) Page rendering method, device and system
CN106779855A (en) Advertisement fill method and device
WO2009088150A1 (en) Image display controlling method and apparatus of mobile terminal
US20240036718A1 (en) Method and apparatus for adjusting interface layout, device, and storage medium
CN110933136A (en) Service node selection method, device, equipment and readable storage medium
CN109446185A (en) Collaborative filtering missing data processing method based on user's cluster
CN111263193B (en) Video frame up-down sampling method and device, and video live broadcasting method and system
WO2022116936A1 (en) Interface layout method, electronic device, and computer-readable storage medium.
CN102402918A (en) Method for improving picture quality and liquid crystal display (LCD)
CN115237522A (en) Page self-adaptive display method and device
CN111489344A (en) Method, system and related device for determining image definition
CN111491027A (en) Load balancing method, load balancing device and readable storage medium
CN108241608B (en) Method, device and system for processing chart data
EP2135448B1 (en) Methods and apparatuses for upscaling video
WO2019019596A1 (en) Breakpoint list processing method, device, server and medium
CN109067817B (en) Media content flow distribution method and device, electronic equipment and server
CN115689850A (en) Image processing method, display device, and storage medium
CN110708374B (en) Distribution method and distribution device of edge nodes and readable storage medium
CN111092959B (en) Request processing method, system and related device for servers in cluster
CN110535853B (en) Video request scheduling method, device, server and storage medium
CN110969472B (en) Access behavior processing method and device
US20200005436A1 (en) Method and apparatus for image processing
CN112799620A (en) Big data visualization system
CN115242723B (en) Cross-system current limiting method and device

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