CN112000906A - Data rendering method, device, equipment and storage medium - Google Patents

Data rendering method, device, equipment and storage medium Download PDF

Info

Publication number
CN112000906A
CN112000906A CN202010876836.3A CN202010876836A CN112000906A CN 112000906 A CN112000906 A CN 112000906A CN 202010876836 A CN202010876836 A CN 202010876836A CN 112000906 A CN112000906 A CN 112000906A
Authority
CN
China
Prior art keywords
data
rendered
area
line
target
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
CN202010876836.3A
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.)
Ping An Property and Casualty Insurance Company of China Ltd
Original Assignee
Ping An Property and Casualty Insurance Company of China 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 Ping An Property and Casualty Insurance Company of China Ltd filed Critical Ping An Property and Casualty Insurance Company of China Ltd
Priority to CN202010876836.3A priority Critical patent/CN112000906A/en
Publication of CN112000906A publication Critical patent/CN112000906A/en
Pending legal-status Critical Current

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/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G06F3/04855—Interaction with scrollbars
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/103—Formatting, i.e. changing of presentation of documents
    • G06F40/106—Display of layout of documents; Previewing
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Image Generation (AREA)

Abstract

The invention relates to the field of big data, and discloses a data rendering method, a device, equipment and a storage medium, which are used for solving the problems of discontinuous data and browser page jamming or flash quitting when a large number of levels of data are rendered. The data rendering method comprises the following steps: when the outer element scroll bar of the browser is detected to roll, calling an event monitoring function rolling distance for monitoring to obtain an outer element content height value; obtaining a target rendering line quantity and target data to be rendered according to the outer element content height value and the outer element termination line item; rendering data to be rendered in the data area to obtain rendered data in the data area, obtaining rendered data in the line head area according to the data to be rendered in the line head area and the data structure in the line head area, and obtaining rendered data in the column head area according to the data to be rendered in the column head area and the data structure in the column head area; and feeding back the rendered data to a visible area of the browser for display. In addition, the invention also relates to a block chain technology, and the target data to be rendered can be stored in the block chain.

Description

Data rendering method, device, equipment and storage medium
Technical Field
The present invention relates to the field of big data technologies, and in particular, to a data rendering method, apparatus, device, and storage medium.
Background
With the rapid development of economy and science and technology, the demand of a user on a browser is increasing day by day, the user can check various reports, scientific research articles, text news and the like through the browser, and the reports, the articles and the like seen by the user are all data rendering results.
In the prior art, two rendering modes, namely paging rendering and lazy loading rendering, are generally adopted for data rendering, wherein the paging rendering needs to resend a data request when the next page of data is displayed, and the paging rendering mode can support a small amount of data and is discontinuous in data rendering; although the lazy loading rendering mode can guarantee the continuity of data rendering, the problem of browser page jamming can be caused when the data volume reaches a certain magnitude.
Disclosure of Invention
The invention mainly aims to solve the problems that data rendering is discontinuous and a browser page is jammed when large data magnitude data are rendered.
The invention provides a data rendering method in a first aspect, which comprises the following steps: acquiring an outer-layer element termination line item of a browser, calling an event monitoring function to monitor an event for a rolling distance of an outer-layer element scroll bar when the outer-layer element scroll bar of the browser is detected to roll, and acquiring an outer-layer element content height value, wherein the outer-layer element termination line item is a first line of a browser visible area or a last line of the browser visible area; obtaining a target rendering line quantity and corresponding target data to be rendered according to the outer element content height value, the standard line spacing threshold value of the table, the height threshold value of the table and the outer element termination line item, wherein the target data to be rendered comprises data to be rendered in a data area, data to be rendered in a line head area and data to be rendered in a column head area, and the target data to be rendered is full data; obtaining a data area data structure, a line head area data structure and a column head area data structure according to the data to be rendered in the data area, the data to be rendered in the line head area and the data to be rendered in the column head area; rendering the data to be rendered in the data area to obtain rendered data in the data area, and rendering the data to be rendered in the line head area and the data to be rendered in the column head area according to the data area data structure, the line head area data structure and the column head area data structure to obtain rendered data in the line head area and rendered data in the column head area; and feeding back the rendered data area data, the rendered row header area data and the rendered column header area data to the visible area of the browser for displaying.
Optionally, in a first implementation manner of the first aspect of the present invention, the obtaining an outer layer element termination line item of a browser, and when it is detected that an outer layer element scroll bar of the browser scrolls, calling an event monitoring function to perform event monitoring on a scrolling distance of the outer layer element scroll bar to obtain an outer layer element content height value, where the outer layer element termination line item is a first line of a browser visible area or a last line of the browser visible area includes: acquiring an outer-layer element termination line item of a browser, and reading an outer-layer element content attribute through an event monitoring function when the outer-layer element scroll bar of the browser is detected to scroll, wherein the outer-layer element termination line item is a first line of a browser visible area or a last line of the browser visible area; and reading the outer element content height value from the outer element content attribute.
Optionally, in a second implementation manner of the first aspect of the present invention, the obtaining, according to the height value of the outer layer element content, the standard line spacing threshold of the table, the height threshold of the table, and the outer layer element termination line item, a target rendering line quantity and corresponding target data to be rendered, where the target data to be rendered includes data to be rendered in a data area, data to be rendered in a line header area, and data to be rendered in a column header area, and the target data to be rendered is full-size data includes: determining a table content height value to be rendered based on the outer element content height value; judging whether the height value of the table content to be rendered is smaller than or equal to the height threshold value of the table or not; if the height value of the table content to be rendered is smaller than or equal to the height threshold value of the table, calculating to obtain a target rendering line quantity based on the height value of the table content to be rendered and the standard line spacing threshold value of the table; determining a target start rendering line item and a target end rendering line item based on the outer element end line item and the target rendering line amount; and determining target data to be rendered based on the target starting rendering line item and the target ending rendering line item.
Optionally, in a third implementation manner of the first aspect of the present invention, the determining a target starting rendering line item and a target ending rendering line item based on the outer-layer element ending line item and the target rendering line amount includes: determining the rolling direction of the outer element scroll bar through the event monitoring function; determining a target starting rendering line item based on the outer element termination line item and a scrolling direction of the outer element scrollbar; and determining a target termination line item based on the target starting line item, the scrolling direction of the outer element scroll bar and the target rendering line amount.
Optionally, in a fourth implementation manner of the first aspect of the present invention, the determining target data to be rendered based on the target starting rendering line item and the target ending rendering line item includes: determining a target starting object from the target starting rendering line item, and determining a target ending object from the target ending rendering line item; determining a target starting array from the target starting object, and determining a target ending array from the target ending object; determining a target starting identifier from the target starting array, and determining a target ending identifier from the target ending array; and determining target data to be rendered based on the target starting identifier and the target ending identifier.
Optionally, in a fifth implementation manner of the first aspect of the present invention, the rendering the data to be rendered in the data area to obtain rendered data in the data area, and rendering the data to be rendered in the head line area and the data to be rendered in the head column area according to the data area data structure, the head line area data structure, and the head column area data structure to obtain rendered data in the head line area and rendered data in the head column area includes: rendering the data to be rendered in the data area to obtain rendered data in the data area; judging whether the data structure of the line header area is the same as the data structure of the data area; if the line head data structure is different from the data area data structure, adjusting the line head data structure to obtain adjusted line head to-be-rendered data, and rendering the adjusted line head to-be-rendered data to obtain rendered line head data; judging whether the data structure of the column header area is the same as the data structure of the data area; and if the data structure of the column head area is different from the data structure of the data area, adjusting the data structure of the column head area to obtain the adjusted data to be rendered of the column head area, and rendering the adjusted data to be rendered of the column head area to obtain the rendered data of the column head area.
Optionally, in a sixth implementation manner of the first aspect of the present invention, in acquiring an outer element termination line item of a browser, and when it is detected that an outer element scroll bar of the browser scrolls, calling an event monitoring function to perform event monitoring on a scroll distance of the outer element scroll bar to obtain an outer element content height value, before the outer element termination line item is a first line of a browser visible area or a last line of the browser visible area, the data rendering method further includes: setting an event monitoring function on the outer layer of the browser, wherein the event monitoring function is used for monitoring the behavior of an outer element scroll bar; and reading the size of the browser visible area, and setting a height threshold value of the table and a standard line spacing threshold value of the table according to the size of the browser visible area.
A second aspect of the present invention provides a data rendering apparatus, comprising: the system comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring an outer element termination line item of a browser, calling an event monitoring function to monitor the rolling distance of an outer element scroll bar when the outer element scroll bar of the browser is detected to roll, and acquiring the content height value of the outer element, and the outer element termination line item is the first line of a visible area of the browser or the last line of the visible area of the browser; a to-be-rendered data determination module, configured to obtain a target rendering line quantity and corresponding target to-be-rendered data according to the outer element content height value, a standard line spacing threshold of the table, a height threshold of the table, and the outer element termination line item, where the target to-be-rendered data includes data to be rendered in a data area, data to be rendered in a line header area, and data to be rendered in a column header area, and the target to-be-rendered data is full-volume data; the data structure determining module is used for obtaining a data area data structure, a line head area data structure and a column head area data structure according to the data to be rendered in the data area, the data to be rendered in the line head area and the data to be rendered in the column head area; the rendering module is used for rendering the data to be rendered in the data area to obtain rendered data in the data area, and rendering the data to be rendered in the line head area and the data to be rendered in the column head area according to the data area data structure, the line head area data structure and the column head area data structure to obtain rendered data in the line head area and rendered data in the column head area; and the feedback module is used for feeding back the rendered data area data, the rendered row header area data and the rendered column header area data to the visible area of the browser for display.
Optionally, in a first implementation manner of the second aspect of the present invention, the obtaining module is specifically configured to: acquiring an outer-layer element termination line item of a browser, and reading an outer-layer element content attribute through an event monitoring function when the outer-layer element scroll bar of the browser is detected to scroll, wherein the outer-layer element termination line item is a first line of a browser visible area or a last line of the browser visible area; and reading the outer element content height value from the outer element content attribute.
Optionally, in a second implementation manner of the second aspect of the present invention, the to-be-rendered data determining module includes: a table height value determination unit, configured to determine a table content height value to be rendered based on the outer element content height value; the judging unit is used for judging whether the height value of the table content to be rendered is smaller than or equal to the height threshold value of the table; the calculation unit is used for calculating a target rendering line quantity based on the height value of the table content to be rendered and a standard line space threshold value of the table if the height value of the table content to be rendered is smaller than or equal to the height threshold value of the table; a line item determining unit, configured to determine a target start rendering line item and a target end rendering line item based on the outer-layer element end line item and the target rendering line amount; and the data to be rendered determining unit is used for determining target data to be rendered based on the target starting rendering line item and the target ending rendering line item.
Optionally, in a third implementation manner of the second aspect of the present invention, the row item determining unit is specifically configured to: determining the rolling direction of the outer element scroll bar through the event monitoring function; determining a target starting rendering line item based on the outer element termination line item and a scrolling direction of the outer element scrollbar; and determining a target termination line item based on the target starting line item, the scrolling direction of the outer element scroll bar and the target rendering line amount.
Optionally, in a fourth implementation manner of the second aspect of the present invention, the to-be-rendered data determining unit is specifically configured to: determining a target starting object from the target starting rendering line item, and determining a target ending object from the target ending rendering line item; determining a target starting array from the target starting object, and determining a target ending array from the target ending object; determining a target starting identifier from the target starting array, and determining a target ending identifier from the target ending array; and determining target data to be rendered based on the target starting identifier and the target ending identifier.
Optionally, in a fifth implementation manner of the second aspect of the present invention, the rendering module is specifically configured to: rendering the data to be rendered in the data area to obtain rendered data in the data area; judging whether the data structure of the line header area is the same as the data structure of the data area; if the line head data structure is different from the data area data structure, adjusting the line head data structure to obtain adjusted line head to-be-rendered data, and rendering the adjusted line head to-be-rendered data to obtain rendered line head data; judging whether the data structure of the column header area is the same as the data structure of the data area; and if the data structure of the column head area is different from the data structure of the data area, adjusting the data structure of the column head area to obtain the adjusted data to be rendered of the column head area, and rendering the adjusted data to be rendered of the column head area to obtain the rendered data of the column head area.
Optionally, in a sixth implementation manner of the second aspect of the present invention, the data rendering apparatus further includes: the event monitoring setting module is used for setting an event monitoring function on the outer layer of the browser, and the event monitoring function is used for monitoring the behavior of the outer-layer element scroll bar; and the threshold setting module is used for reading the size of the browser visible area and setting the height threshold of the table and the standard line spacing threshold of the table according to the size of the browser visible area.
A third aspect of the present invention provides a data rendering apparatus comprising: a memory having instructions stored therein and at least one processor, the memory and the at least one processor interconnected by a line; the at least one processor invokes the instructions in the memory to cause the data rendering device to perform the data rendering method described above.
A fourth aspect of the present invention provides a computer-readable storage medium having stored therein instructions, which, when run on a computer, cause the computer to execute the above-described data rendering method.
According to the technical scheme, an outer-layer element termination line item of the browser is obtained, when the outer-layer element scroll bar of the browser is detected to roll, an event monitoring function is called to monitor the rolling distance of the outer-layer element scroll bar to obtain an outer-layer element content height value, and the outer-layer element termination line item is the first line of a browser visible area or the last line of the browser visible area; obtaining a target rendering line quantity and corresponding target data to be rendered according to the outer element content height value, the standard line spacing threshold value of the table, the height threshold value of the table and the outer element termination line item, wherein the target data to be rendered comprises data to be rendered in a data area, data to be rendered in a line head area and data to be rendered in a column head area, and the target data to be rendered is full data; obtaining a data area data structure, a line head area data structure and a column head area data structure according to the data to be rendered in the data area, the data to be rendered in the line head area and the data to be rendered in the column head area; rendering the data to be rendered in the data area to obtain rendered data in the data area, and rendering the data to be rendered in the line head area and the data to be rendered in the column head area according to the data area data structure, the line head area data structure and the column head area data structure to obtain rendered data in the line head area and rendered data in the column head area; and feeding back the rendered data area data, the rendered row header area data and the rendered column header area data to the visible area of the browser for displaying. In the embodiment of the invention, an event monitoring function is utilized to obtain the height value of the content of the outer layer element, the target rendering line quantity and the corresponding target data to be rendered are obtained according to the height value of the content of the outer layer element, and the data to be rendered in the data area, the data to be rendered in the line head area and the data to be rendered in the line head area are rendered according to the data structure of the target data to be rendered. The problems that data are discontinuous and the browser page is blocked or flicked back when a large number of levels of data are rendered are solved, and the data level which can be made when the data are rendered is improved.
Drawings
FIG. 1 is a schematic diagram of an embodiment of a data rendering method according to an embodiment of the present invention;
FIG. 2 is a schematic diagram of another embodiment of a data rendering method according to an embodiment of the present invention;
FIG. 3 is a schematic diagram of an embodiment of a data rendering apparatus according to the present invention;
FIG. 4 is a schematic diagram of another embodiment of a data rendering apparatus according to an embodiment of the present invention;
FIG. 5 is a diagram of an embodiment of a data rendering device in the embodiment of the present invention.
Detailed Description
The embodiment of the invention provides a data rendering method, a data rendering device and a storage medium, which are used for acquiring a content height value of an outer layer element by using an event monitoring function, then obtaining a target rendering line quantity and corresponding target data to be rendered according to the content height value of the outer layer element, and rendering data to be rendered in a data area, data to be rendered in a line head area and data to be rendered in a column head area according to a data structure of the target data to be rendered. The problems that data are discontinuous and the browser page is blocked or flicked back when a large number of levels of data are rendered are solved, and the data level which can be made when the data are rendered is improved.
The terms "first," "second," "third," "fourth," and the like in the description and in the claims, as well as in the drawings, if any, are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It will be appreciated that the data so used may be interchanged under appropriate circumstances such that the embodiments described herein may be practiced otherwise than as specifically illustrated or described herein. Furthermore, the terms "comprises," "comprising," or "having," and any variations thereof, are intended to cover non-exclusive inclusions, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
For convenience of understanding, a specific flow of the embodiment of the present invention is described below, and referring to fig. 1, an embodiment of a data rendering method in the embodiment of the present invention includes:
101. acquiring an outer-layer element termination line item of the browser, calling an event monitoring function to perform event monitoring on the rolling distance of an outer-layer element scroll bar when the outer-layer element scroll bar of the browser is detected to roll, and obtaining an outer-layer element content height value, wherein the outer-layer element termination line item is a first line of a browser visible area or a last line of the browser visible area;
the method comprises the steps that a server firstly obtains an outer layer element termination line item of a browser, the outer layer element termination line item is the last line of a browser visible area or the first line of the browser visible area, when the server detects that an outer layer element scroll bar of the browser rolls, the server monitors events of the outer layer element scroll bar through an event monitoring function, and the server can monitor the rolling distance of the outer layer element scroll bar, namely the height value of the outer layer element content.
For example, when the outer element scroll bar rolls, the server calls the event monitoring function to monitor the rolling distance of the outer element scroll bar, and assuming that the rolling distance of the outer element scroll bar is determined to be 480 pounds by the event monitoring function, the server obtains a 480 pound value of the content height of the outer element.
It should be noted that the outer element termination line item includes an outer element termination line object. When the outer element scroll bar rolls up and down, the server can obtain the content height value of the outer element, when the outer element scroll bar rolls left and right, the server can obtain the content width value of the outer element, and the process of obtaining the content height value of the outer element and the process of obtaining the content width value of the outer element are the same.
It is to be understood that the execution subject of the present invention may be a data rendering apparatus, and may also be a terminal or a server, which is not limited herein. The embodiment of the present invention is described by taking a server as an execution subject.
102. According to the height value of the content of the outer layer element, the standard line spacing threshold value of the table, the height threshold value of the table and the termination line item of the outer layer element, obtaining a target rendering line quantity and corresponding target data to be rendered, wherein the target data to be rendered comprises data to be rendered in a data area, data to be rendered in a line head area and data to be rendered in a column head area, and the target data to be rendered is full data;
and the server reads the standard line spacing of the table and the height threshold value of the table, and then obtains the target rendering line quantity and the target rendering data including the data to be rendered in the data area, the data to be rendered in the line head area and the data to be rendered in the column head area according to the height value of the content of the outer layer elements and the standard line spacing of the table.
For example, the server obtains a standard line spacing threshold of a table as 24 pounds, where 24 pounds include a standard line spacing of text and a standard line spacing of a line spacing, and the server obtains an outer element content height value as 480 pounds, the server first compares the outer element content height value as 480 pounds with the height threshold of the table as 660 pounds, when the comparison result meets the rendering standard, the server performs line quantity calculation according to the outer element content height value as 480 pounds and the standard line spacing threshold of the table as 24 pounds to obtain a target rendering line quantity as 20 lines, and determines corresponding target data to be rendered in the data table according to the target rendering line quantity as 20 lines, and the target data to be rendered includes data to be rendered in a data area, data to be rendered in a line head area, and data to be rendered in a column head area.
103. Obtaining a data area data structure, a line head area data structure and a column head area data structure according to data to be rendered in the data area, data to be rendered in the line head area and data to be rendered in the column head area;
the server analyzes a data area data structure from the data area to be rendered, analyzes a row head area data structure from the row head area data to be rendered, and analyzes a column head area data structure from the column head area data to be rendered.
For example, the server parses the data area data structure B1 from the data area to-be-rendered data a1, the server parses the row header data structure B2 from the row header to-be-rendered data a2, and the server parses the column header data structure B3 from the column header to-be-rendered data A3, where B1, B2, and B3 may be different in this embodiment.
The data to be rendered in the row header area is data to be rendered in a row header of the table, such as row header data in an excel table, the data to be rendered in the column header area is data to be rendered in a column header of the table, such as column header data in the excel table, and the data to be rendered in the data area is data to be rendered in the table, such as data located between the row header and the column header of the table.
104. Rendering data to be rendered in the data area to obtain rendered data in the data area, and rendering the data to be rendered in the line head area and the data to be rendered in the column head area according to the data structure of the data area, the data structure of the line head area and the data structure of the column head area to obtain rendered data in the line head area and rendered data in the column head area;
the server firstly renders data to be rendered in the data area to obtain rendered data in the data area; and then the server renders the data to be rendered in the line head area and the data to be rendered in the column head area according to the data area data structure, the line head area data structure and the column head area data structure to obtain rendered line head area data and rendered column head area data.
Because the data structures of the row header data, the column header data and the data area of the table may be different, if the data structures are different from each other, the data structure of the row header data and the data structure of the column header area need to be adjusted, and then data rendering is performed to obtain rendered data area data. And if the data structures are the same, directly performing data rendering to obtain rendered data area data, rendered row header area data and rendered column header area data.
105. And feeding back the rendered data area data, the rendered row header area data and the rendered column header area data to a visible area of the browser for displaying.
The server feeds back the rendered data area data, the rendered row header area data and the rendered column header area data, so that the rendered data area data, the rendered row header area data and the rendered column header area data can be displayed on a page of the browser.
In the embodiment of the invention, an event monitoring function is utilized to obtain the height value of the content of the outer layer element, the target rendering line quantity and the corresponding target data to be rendered are obtained according to the height value of the content of the outer layer element, and the data to be rendered in the data area, the data to be rendered in the line head area and the data to be rendered in the line head area are rendered according to the data structure of the target data to be rendered. The problems that data are discontinuous and the browser page is blocked or flicked back when a large number of levels of data are rendered are solved, and the data level which can be made when the data are rendered is improved.
Referring to fig. 2, another embodiment of the data rendering method according to the embodiment of the present invention includes:
201. setting an event monitoring function on the outer layer of the browser, wherein the event monitoring function is used for monitoring the behavior of the outer element scroll bar;
the server sets an event monitoring function on the outer layer of the browser, and the behavior of the outer element scroll bar is monitored through the event monitoring function.
When the outer element scroll bar rolls, the server calls an event monitoring function to acquire the behavior of the outer element scroll bar in real time, wherein the behavior comprises the rolling direction and the rolling distance.
202. Reading the size of a visible area of the browser, and setting a height threshold value of a table and a standard line spacing threshold value of the table according to the size of the visible area of the browser;
the server reads the size of the browser visible area and then sets the height threshold of the table and the standard line spacing threshold of the table according to the size of the browser visible area.
For example, if the size of the visible area of the browser is 648 × 400, the height threshold of the table is set to 400, and the server sets the standard line spacing threshold of the table according to the size of the font size and the height threshold 400.
203. Acquiring an outer-layer element termination line item of the browser, calling an event monitoring function to perform event monitoring on the rolling distance of an outer-layer element scroll bar when the outer-layer element scroll bar of the browser is detected to roll, and obtaining an outer-layer element content height value, wherein the outer-layer element termination line item is a first line of a browser visible area or a last line of the browser visible area;
the method comprises the steps that a server firstly obtains an outer layer element termination line item of a browser, the outer layer element termination line item is the last line of a browser visible area or the first line of the browser visible area, when the server detects that an outer layer element scroll bar of the browser rolls, the server monitors events of the outer layer element scroll bar through an event monitoring function, and the server can monitor the rolling distance of the outer layer element scroll bar, namely the height value of the outer layer element content.
For example, when the outer element scroll bar rolls, the server calls the event monitoring function to monitor the rolling distance of the outer element scroll bar, and assuming that the rolling distance of the outer element scroll bar is determined to be 480 pounds by the event monitoring function, the server obtains a 480 pound value of the content height of the outer element.
It should be noted that the outer element termination line item includes an outer element termination line object. When the outer element scroll bar rolls up and down, the server can obtain the content height value of the outer element, when the outer element scroll bar rolls left and right, the server can obtain the content width value of the outer element, and the process of obtaining the content height value of the outer element and the process of obtaining the content width value of the outer element are the same.
Specifically, the server obtains an outer layer element termination line item of a first line of a browser visible area or a last line of a browser of the browser visible area, and when the server detects that an outer layer element scroll bar of the browser scrolls, the server reads the content attribute of the outer layer element through an event monitoring function; the server then reads the skin element content height value from the skin element content attribute.
204. According to the height value of the content of the outer layer element, the standard line spacing threshold value of the table, the height threshold value of the table and the termination line item of the outer layer element, obtaining a target rendering line quantity and corresponding target data to be rendered, wherein the target data to be rendered comprises data to be rendered in a data area, data to be rendered in a line head area and data to be rendered in a column head area, and the target data to be rendered is full data;
and the server reads the standard line spacing of the table and the height threshold value of the table, and then obtains the target rendering line quantity and the target rendering data including the data to be rendered in the data area, the data to be rendered in the line head area and the data to be rendered in the column head area according to the height value of the content of the outer layer elements and the standard line spacing of the table.
For example, the server obtains a standard line spacing threshold of a table as 24 pounds, where 24 pounds include a standard line spacing of text and a standard line spacing of a line spacing, and the server obtains an outer element content height value as 480 pounds, the server first compares the outer element content height value as 480 pounds with the height threshold of the table as 660 pounds, when the comparison result meets the rendering standard, the server performs line quantity calculation according to the outer element content height value as 480 pounds and the standard line spacing threshold of the table as 24 pounds to obtain a target rendering line quantity as 20 lines, and determines corresponding target data to be rendered in the data table according to the target rendering line quantity as 20 lines, and the target data to be rendered includes data to be rendered in a data area, data to be rendered in a line head area, and data to be rendered in a column head area.
Specifically, the server determines a table content height value to be rendered according to the outer element content height value; secondly, the server judges whether the height value of the table content to be rendered is smaller than or equal to the height threshold value of the table; if the height value of the table content to be rendered is smaller than or equal to the height threshold value of the table, calculating the ratio of the height value of the table content to be rendered and the standard line spacing threshold value of the table to obtain a target rendering line quantity; then the server determines a target starting rendering line item and a target ending rendering line item through the outer layer element ending line item and the target rendering line quantity; and finally, determining target data to be rendered according to the target starting rendering line item and the target ending rendering line item.
It should be noted that, if the height value of the table content to be rendered is greater than the height threshold of the table, the target rendering line amount is calculated according to the height threshold of the table and the standard line spacing threshold of the table.
The specific process for determining the target starting rendering line item and the target ending rendering line item is as follows:
the server determines the rolling direction of the outer element scroll bar through an event monitoring function; then the server determines a target initial rendering line item based on the outer layer element termination line item and the scrolling direction of the outer layer element scroll bar; and finally, the server determines a target termination line item according to the target starting line item and the target rendering line amount.
For example, assuming that the calculated target rendering line amount is 20 lines, the outer element ending line item is 55 th line, the server determines that the scrolling direction of the outer element scroll bar is downward through the event listening function, and then the server determines that the target starting rendering line item is 55 th line and the target ending rendering line item is 74 th line. In another embodiment, the server determines the scrolling direction of the outer element scroll bar as an upward direction through the event listening function, and the server determines the target starting rendering line item as line 55 and the target ending rendering line item as line 36.
It should be noted that, if the calculated target rendering line quantity is a numerical value with a decimal point, the integer value is taken down, and it is assumed that the target starting rendering line item is 55 lines, and the scrolling direction of the outer-layer element scroll bar is a downward direction. At this time, if the server calculates that the target rendering line quantity is 13.4 lines, the integer value is taken down, the target rendering line quantity is 14 lines, the 55 th line is determined as the target initial rendering line item, 14 lines are added on the 55 th line, and the target ending rendering line item is 68 th line.
The specific process for determining the target data to be rendered is as follows:
firstly, a server reads a target starting object and a target ending object from a target starting rendering line item and a target ending rendering line item; secondly, the server obtains a target starting array and a target ending array from the target starting object and the target ending object; then the server determines a target starting identifier and a target ending identifier from the target starting array and the target ending array; and finally, the server performs table lookup in the target full-volume data according to the target starting identifier and the target ending identifier to obtain target data to be rendered.
It should be noted that the target start identifier and the target end identifier may be understood as a row key name of the target start rendering row item and a row key name of the target end rendering row item. The target data to be rendered can be a clothing product export total report or a makeup product import total report and the like, and the clothing product export total report or the makeup product import total report provides important basis for research of macroscopic economy.
205. Obtaining a data area data structure, a line head area data structure and a column head area data structure according to data to be rendered in the data area, data to be rendered in the line head area and data to be rendered in the column head area;
the server analyzes a data area data structure from the data area to be rendered, analyzes a row head area data structure from the row head area data to be rendered, and analyzes a column head area data structure from the column head area data to be rendered.
For example, the server parses the data area data structure B1 from the data area to-be-rendered data a1, the server parses the row header data structure B2 from the row header to-be-rendered data a2, and the server parses the column header data structure B3 from the column header to-be-rendered data A3, where B1, B2, and B3 may be different in this embodiment.
The data to be rendered in the row header area is data to be rendered in a row header of the table, such as row header data in an excel table, the data to be rendered in the column header area is data to be rendered in a column header of the table, such as column header data in the excel table, and the data to be rendered in the data area is data to be rendered in the table, such as data located between the row header and the column header of the table.
Specifically, the server renders data to be rendered in the data area first to obtain rendered data in the data area; secondly, the server judges whether a data structure of a line head area and a data structure of a column head area are the same as the data structure of the data area, if the data structure of the line head area and the data structure of the column head area are the same as the data structure of the data area, the server directly renders data to be rendered in the line head area and data to be rendered in the column head area, and rendered data of the line head area and rendered data of the column head area are obtained; if the data structure of the line head area is different from the data structure of the data area, adjusting the data structure of the line head area to obtain adjusted data to be rendered of the line head area, and rendering the adjusted data to be rendered of the line head area to obtain rendered data of the line head area; and if the data structure of the column head area is different from the data structure of the data area, adjusting the data structure of the column head area to obtain the adjusted data to be rendered of the column head area, and rendering the adjusted data to be rendered of the column head area to obtain the rendered data of the column head area.
The specific process of rendering the data to be rendered in the head area of the line different from the data structure of the data area comprises the following steps:
reading the table attribute of the data structure of the row header area; resetting the table value of the data structure of the row head area according to the table attribute of the data structure of the row head area, and setting the table value '0' of the data structure of the row head area to '1'; and generating adjusted data to be rendered in the line head area, and rendering the adjusted data to be rendered in the line head area by the server to obtain rendered data in the line head area.
The specific process of rendering the data to be rendered in the head area of the column which is different from the data structure of the data area comprises the following steps:
reading the table attribute of the column header area data structure; resetting the table value of the column header area data structure according to the table attribute of the column header area data structure, and setting the table value '0' of the column header area data structure to '1'; and generating adjusted data to be rendered in the column head area, and rendering the adjusted data to be rendered in the column head area by the server to obtain rendered data in the column head area.
206. Rendering data to be rendered in the data area to obtain rendered data in the data area, and rendering the data to be rendered in the line head area and the data to be rendered in the column head area according to the data structure of the data area, the data structure of the line head area and the data structure of the column head area to obtain rendered data in the line head area and rendered data in the column head area;
the server firstly renders data to be rendered in the data area to obtain rendered data in the data area; and then the server renders the data to be rendered in the line head area and the data to be rendered in the column head area according to the data area data structure, the line head area data structure and the column head area data structure to obtain rendered line head area data and rendered column head area data.
Because the data structures of the row header data, the column header data and the data area of the table may be different, if the data structures are different from each other, the data structure of the row header data and the data structure of the column header area need to be adjusted, and then data rendering is performed to obtain rendered data area data. And if the data structures are the same, directly performing data rendering to obtain rendered data area data, rendered row header area data and rendered column header area data.
207. And feeding back the rendered data area data, the rendered row header area data and the rendered column header area data to a visible area of the browser for displaying.
The server feeds back the rendered data area data, the rendered row header area data and the rendered column header area data, so that the rendered data area data, the rendered row header area data and the rendered column header area data can be displayed on a page of the browser.
In the embodiment of the invention, an event monitoring function is utilized to obtain the height value of the content of the outer layer element, the target rendering line quantity and the corresponding target data to be rendered are obtained according to the height value of the content of the outer layer element, and the data to be rendered in the data area, the data to be rendered in the line head area and the data to be rendered in the line head area are rendered according to the data structure of the target data to be rendered. The problems that data are discontinuous and the browser page is blocked or flicked back when a large number of levels of data are rendered are solved, and the data level which can be made when the data are rendered is improved.
With reference to fig. 3, the data rendering method in the embodiment of the present invention is described above, and a data rendering apparatus in the embodiment of the present invention is described below, where an embodiment of the data rendering apparatus in the embodiment of the present invention includes:
an obtaining module 301, configured to obtain an outer element termination line item of a browser, and when it is detected that an outer element scroll bar of the browser scrolls, call an event monitoring function to perform event monitoring on a scrolling distance of the outer element scroll bar to obtain an outer element content height value, where the outer element termination line item is a first line of a browser visible area or a last line of the browser visible area;
a to-be-rendered data determining module 302, configured to obtain a target rendering line quantity and corresponding target to-be-rendered data according to the outer element content height value, the standard line spacing threshold of the table, the height threshold of the table, and the outer element termination line item, where the target to-be-rendered data includes data to be rendered in a data area, data to be rendered in a line header area, and data to be rendered in a column header area, and the target to-be-rendered data is full data;
a data structure determining module 303, configured to obtain a data structure of the data area, a data structure of the line header area, and a data structure of the column header area according to the data to be rendered of the data area, the data to be rendered of the line header area, and the data to be rendered of the column header area;
a rendering module 304, configured to render the data to be rendered in the data area to obtain rendered data in the data area, and render the data to be rendered in the head row area and the data to be rendered in the head column area according to the data area data structure, the head row area data structure, and the head column area data structure to obtain rendered data in the head row area and rendered data in the head column area;
a feedback module 305, configured to feed back the rendered data area data, the rendered row header area data, and the rendered column header area data to the browser visible area for display.
In the embodiment of the invention, an event monitoring function is utilized to obtain the height value of the content of the outer layer element, the target rendering line quantity and the corresponding target data to be rendered are obtained according to the height value of the content of the outer layer element, and the data to be rendered in the data area, the data to be rendered in the line head area and the data to be rendered in the line head area are rendered according to the data structure of the target data to be rendered. The problems that data are discontinuous and the browser page is blocked or flicked back when a large number of levels of data are rendered are solved, and the data level which can be made when the data are rendered is improved.
Referring to fig. 4, another embodiment of the data rendering apparatus according to the embodiment of the present invention includes:
an obtaining module 301, configured to obtain an outer element termination line item of a browser, and when it is detected that an outer element scroll bar of the browser scrolls, call an event monitoring function to perform event monitoring on a scrolling distance of the outer element scroll bar to obtain an outer element content height value, where the outer element termination line item is a first line of a browser visible area or a last line of the browser visible area;
a to-be-rendered data determining module 302, configured to obtain a target rendering line quantity and corresponding target to-be-rendered data according to the outer element content height value, the standard line spacing threshold of the table, the height threshold of the table, and the outer element termination line item, where the target to-be-rendered data includes data to be rendered in a data area, data to be rendered in a line header area, and data to be rendered in a column header area, and the target to-be-rendered data is full data;
a data structure determining module 303, configured to obtain a data structure of the data area, a data structure of the line header area, and a data structure of the column header area according to the data to be rendered of the data area, the data to be rendered of the line header area, and the data to be rendered of the column header area;
a rendering module 304, configured to render the data to be rendered in the data area to obtain rendered data in the data area, and render the data to be rendered in the head row area and the data to be rendered in the head column area according to the data area data structure, the head row area data structure, and the head column area data structure to obtain rendered data in the head row area and rendered data in the head column area;
a feedback module 305, configured to feed back the rendered data area data, the rendered row header area data, and the rendered column header area data to the browser visible area for display.
Optionally, the obtaining module 301 may be further specifically configured to:
acquiring an outer-layer element termination line item of a browser, and reading an outer-layer element content attribute through an event monitoring function when the outer-layer element scroll bar of the browser is detected to scroll, wherein the outer-layer element termination line item is a first line of a browser visible area or a last line of the browser visible area;
and reading the outer element content height value from the outer element content attribute.
Optionally, the to-be-rendered data determining module 302 includes:
a table height value determining unit 3021 configured to determine a table content height value to be rendered based on the outer-layer element content height value;
a judging unit 3022, configured to judge whether the height value of the table content to be rendered is less than or equal to a height threshold of the table;
a calculating unit 3023, configured to calculate a target rendering line quantity based on the height value of the table content to be rendered and a standard line spacing threshold of the table if the height value of the table content to be rendered is less than or equal to a height threshold of the table;
a line item determination unit 3024 configured to determine a target start rendering line item and a target end rendering line item based on the skin element end line item and the target rendering line amount;
a to-be-rendered data determination unit 3025 configured to determine target to-be-rendered data based on the target start rendering line item and the target end rendering line item.
Optionally, the line item determining unit 3024 may be further specifically configured to:
determining the rolling direction of the outer element scroll bar through the event monitoring function;
determining a target starting rendering line item based on the outer element termination line item and a scrolling direction of the outer element scrollbar;
and determining a target termination line item based on the target starting line item, the scrolling direction of the outer element scroll bar and the target rendering line amount.
Optionally, the to-be-rendered data determining unit 3025 may be further specifically configured to:
determining a target starting object from the target starting rendering line item, and determining a target ending object from the target ending rendering line item;
determining a target starting array from the target starting object, and determining a target ending array from the target ending object;
determining a target starting identifier from the target starting array, and determining a target ending identifier from the target ending array;
and determining target data to be rendered based on the target starting identifier and the target ending identifier.
Optionally, the rendering module 304 may be further specifically configured to:
rendering the data to be rendered in the data area to obtain rendered data in the data area;
judging whether the data structure of the line header area is the same as the data structure of the data area;
if the line head data structure is different from the data area data structure, adjusting the line head data structure to obtain adjusted line head to-be-rendered data, and rendering the adjusted line head to-be-rendered data to obtain rendered line head data;
judging whether the data structure of the column header area is the same as the data structure of the data area;
and if the data structure of the column head area is different from the data structure of the data area, adjusting the data structure of the column head area to obtain the adjusted data to be rendered of the column head area, and rendering the adjusted data to be rendered of the column head area to obtain the rendered data of the column head area.
Optionally, the data rendering apparatus further includes:
an event monitoring setting module 306, configured to set an event monitoring function on an outer layer of the browser, where the event monitoring function is used to monitor a behavior of an outer-layer element scroll bar;
and a threshold setting module 307, configured to read a size of the browser visible area, and set a height threshold of the table and a standard line spacing threshold of the table according to the size of the browser visible area.
In the embodiment of the invention, an event monitoring function is utilized to obtain the height value of the content of the outer layer element, the target rendering line quantity and the corresponding target data to be rendered are obtained according to the height value of the content of the outer layer element, and the data to be rendered in the data area, the data to be rendered in the line head area and the data to be rendered in the line head area are rendered according to the data structure of the target data to be rendered. The problems that data are discontinuous and the browser page is blocked or flicked back when a large number of levels of data are rendered are solved, and the data level which can be made when the data are rendered is improved.
Fig. 3 and 4 describe the data rendering apparatus in the embodiment of the present invention in detail from the perspective of the modular functional entity, and the data rendering device in the embodiment of the present invention is described in detail from the perspective of hardware processing.
Fig. 5 is a schematic structural diagram of a data rendering apparatus 500 according to an embodiment of the present invention, where the data rendering apparatus 500 may have a relatively large difference due to different configurations or performances, and may include one or more processors (CPUs) 510 (e.g., one or more processors) and a memory 520, and one or more storage media 530 (e.g., one or more mass storage devices) storing applications 533 or data 532. Memory 520 and storage media 530 may be, among other things, transient or persistent storage. The program stored on the storage medium 530 may include one or more modules (not shown), each of which may include a series of instruction operations for the data rendering apparatus 500. Still further, processor 510 may be arranged in communication with storage medium 530 to execute a series of instruction operations in storage medium 530 on data rendering device 500.
The data rendering device 500 may also include one or more power supplies 540, one or more wired or wireless network interfaces 550, one or more input-output interfaces 560, and/or one or more operating systems 531, such as Windows Server, Mac OS X, Unix, Linux, FreeBSD, and so forth. Those skilled in the art will appreciate that the data rendering device architecture shown in FIG. 5 does not constitute a limitation of the data rendering device and may include more or fewer components than those shown, or some components in combination, or a different arrangement of components.
The present invention also provides a computer readable storage medium, which may be a non-volatile computer readable storage medium, and which may also be a volatile computer readable storage medium, having stored therein instructions, which, when run on a computer, cause the computer to perform the steps of the data rendering method.
Further, the computer usable storage medium may mainly 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, and the like; the storage data area may store data created according to the use of the blockchain node, and the like.
It is clear to those skilled in the art that, for convenience and brevity of description, the specific working processes of the above-described systems, apparatuses and units may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.
The integrated unit, if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present invention may be embodied in the form of a software product, which is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present invention. And the aforementioned storage medium includes: various media capable of storing program codes, such as a usb disk, a removable hard disk, a read-only memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.
The block chain is a novel application mode of computer technologies such as distributed data storage, point-to-point transmission, a consensus mechanism, an encryption algorithm and the like. A block chain (Blockchain), which is essentially a decentralized database, is a series of data blocks associated by using a cryptographic method, and each data block contains information of a batch of network transactions, so as to verify the validity (anti-counterfeiting) of the information and generate a next block. The blockchain may include a blockchain underlying platform, a platform product service layer, an application service layer, and the like.
The above-mentioned embodiments are only used for illustrating the technical solutions of the present invention, and not for limiting the same; although the present invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; and such modifications or substitutions do not depart from the spirit and scope of the corresponding technical solutions of the embodiments of the present invention.

Claims (10)

1. A data rendering method, characterized in that the data rendering method comprises:
acquiring an outer-layer element termination line item of a browser, calling an event monitoring function to monitor an event for a rolling distance of an outer-layer element scroll bar when the outer-layer element scroll bar of the browser is detected to roll, and acquiring an outer-layer element content height value, wherein the outer-layer element termination line item is a first line of a browser visible area or a last line of the browser visible area;
obtaining a target rendering line quantity and corresponding target data to be rendered according to the outer element content height value, the standard line spacing threshold value of the table, the height threshold value of the table and the outer element termination line item, wherein the target data to be rendered comprises data to be rendered in a data area, data to be rendered in a line head area and data to be rendered in a column head area, and the target data to be rendered is full data;
obtaining a data area data structure, a line head area data structure and a column head area data structure according to the data to be rendered in the data area, the data to be rendered in the line head area and the data to be rendered in the column head area;
rendering the data to be rendered in the data area to obtain rendered data in the data area, and rendering the data to be rendered in the line head area and the data to be rendered in the column head area according to the data area data structure, the line head area data structure and the column head area data structure to obtain rendered data in the line head area and rendered data in the column head area;
and feeding back the rendered data area data, the rendered row header area data and the rendered column header area data to the visible area of the browser for displaying.
2. The data rendering method according to claim 1, wherein the obtaining of an outer element termination line item of the browser, and when it is detected that an outer element scroll bar of the browser scrolls, calling an event monitoring function to perform event monitoring on a scrolling distance of the outer element scroll bar to obtain an outer element content height value, where the outer element termination line item is a first line of a browser visible area or a last line of the browser visible area includes:
acquiring an outer-layer element termination line item of a browser, and reading an outer-layer element content attribute through an event monitoring function when the outer-layer element scroll bar of the browser is detected to scroll, wherein the outer-layer element termination line item is a first line of a browser visible area or a last line of the browser visible area;
and reading the outer element content height value from the outer element content attribute.
3. The data rendering method according to claim 1, wherein the obtaining of the target rendering line quantity and the corresponding target data to be rendered according to the outer element content height value, the standard line spacing threshold value of the table, the height threshold value of the table, and the outer element termination line item, the target data to be rendered includes data to be rendered in a data area, data to be rendered in a line header area, and data to be rendered in a column header area, and the target data to be rendered is full-volume data including:
determining a table content height value to be rendered based on the outer element content height value;
judging whether the height value of the table content to be rendered is smaller than or equal to the height threshold value of the table or not;
if the height value of the table content to be rendered is smaller than or equal to the height threshold value of the table, calculating to obtain a target rendering line quantity based on the height value of the table content to be rendered and the standard line spacing threshold value of the table;
determining a target start rendering line item and a target end rendering line item based on the outer element end line item and the target rendering line amount;
and determining target data to be rendered based on the target starting rendering line item and the target ending rendering line item.
4. The data rendering method of claim 3, wherein the determining a target start rendering line item and a target end rendering line item based on the outer element end line item and the target rendering line quantity comprises:
determining the rolling direction of the outer element scroll bar through the event monitoring function;
determining a target starting rendering line item based on the outer element termination line item and a scrolling direction of the outer element scrollbar;
and determining a target termination line item based on the target starting line item, the scrolling direction of the outer element scroll bar and the target rendering line amount.
5. The data rendering method of claim 3, wherein the determining target to-be-rendered data based on the target start rendering line item and the target end rendering line item comprises:
determining a target starting object from the target starting rendering line item, and determining a target ending object from the target ending rendering line item;
determining a target starting array from the target starting object, and determining a target ending array from the target ending object;
determining a target starting identifier from the target starting array, and determining a target ending identifier from the target ending array;
and determining target data to be rendered based on the target starting identifier and the target ending identifier.
6. The data rendering method of claim 1, wherein the rendering the data to be rendered in the data area to obtain rendered data in the data area, and rendering the data to be rendered in the head row area and the data to be rendered in the head column area according to the data area data structure, the head row area data structure, and the head column area data structure to obtain rendered data in the head row area and rendered data in the head column area comprises:
rendering the data to be rendered in the data area to obtain rendered data in the data area;
judging whether the data structure of the line header area is the same as the data structure of the data area;
if the line head data structure is different from the data area data structure, adjusting the line head data structure to obtain adjusted line head to-be-rendered data, and rendering the adjusted line head to-be-rendered data to obtain rendered line head data;
judging whether the data structure of the column header area is the same as the data structure of the data area;
and if the data structure of the column head area is different from the data structure of the data area, adjusting the data structure of the column head area to obtain the adjusted data to be rendered of the column head area, and rendering the adjusted data to be rendered of the column head area to obtain the rendered data of the column head area.
7. The data rendering method according to any one of claims 1 to 6, wherein, before the obtaining of an outer element termination line item of the browser and when it is detected that an outer element scroll bar of the browser scrolls, an event listening function is called to perform event listening on a scrolling distance of the outer element scroll bar to obtain an outer element content height value, the outer element termination line item is a first line of a visible region of the browser or a last line of the visible region of the browser, the data rendering method further comprises:
setting an event monitoring function on the outer layer of the browser, wherein the event monitoring function is used for monitoring the behavior of an outer element scroll bar;
and reading the size of the browser visible area, and setting a height threshold value of the table and a standard line spacing threshold value of the table according to the size of the browser visible area.
8. A data rendering apparatus, characterized in that the data rendering apparatus comprises:
the system comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring an outer element termination line item of a browser, calling an event monitoring function to monitor the rolling distance of an outer element scroll bar when the outer element scroll bar of the browser is detected to roll, and acquiring the content height value of the outer element, and the outer element termination line item is the first line of a visible area of the browser or the last line of the visible area of the browser;
a to-be-rendered data determination module, configured to obtain a target rendering line quantity and corresponding target to-be-rendered data according to the outer element content height value, a standard line spacing threshold of the table, a height threshold of the table, and the outer element termination line item, where the target to-be-rendered data includes data to be rendered in a data area, data to be rendered in a line header area, and data to be rendered in a column header area, and the target to-be-rendered data is full-volume data;
the data structure determining module is used for obtaining a data area data structure, a line head area data structure and a column head area data structure according to the data to be rendered in the data area, the data to be rendered in the line head area and the data to be rendered in the column head area;
the rendering module is used for rendering the data to be rendered in the data area to obtain rendered data in the data area, and rendering the data to be rendered in the line head area and the data to be rendered in the column head area according to the data area data structure, the line head area data structure and the column head area data structure to obtain rendered data in the line head area and rendered data in the column head area;
and the feedback module is used for feeding back the rendered data area data, the rendered row header area data and the rendered column header area data to the visible area of the browser for display.
9. A data rendering apparatus, characterized in that the data rendering apparatus comprises: a memory having instructions stored therein and at least one processor, the memory and the at least one processor interconnected by a line;
the at least one processor invoking the instructions in the memory to cause the data rendering device to perform the data rendering method of any of claims 1-7.
10. A computer-readable storage medium, having stored thereon a computer program, wherein the computer program, when executed by a processor, implements a data rendering method as claimed in any one of claims 1-7.
CN202010876836.3A 2020-08-27 2020-08-27 Data rendering method, device, equipment and storage medium Pending CN112000906A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010876836.3A CN112000906A (en) 2020-08-27 2020-08-27 Data rendering method, device, equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010876836.3A CN112000906A (en) 2020-08-27 2020-08-27 Data rendering method, device, equipment and storage medium

Publications (1)

Publication Number Publication Date
CN112000906A true CN112000906A (en) 2020-11-27

Family

ID=73471442

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010876836.3A Pending CN112000906A (en) 2020-08-27 2020-08-27 Data rendering method, device, equipment and storage medium

Country Status (1)

Country Link
CN (1) CN112000906A (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112765947A (en) * 2021-01-22 2021-05-07 平安资产管理有限责任公司 Table rendering display method and device, computer equipment and storage medium
CN113590656A (en) * 2021-07-21 2021-11-02 上海淇玥信息技术有限公司 Query data rendering method and device and electronic equipment
CN113672320A (en) * 2021-07-19 2021-11-19 杭州未名信科科技有限公司 Method, equipment and storage medium for rendering webpage based on DOM element
CN114491364A (en) * 2022-01-17 2022-05-13 广州市玄武无线科技股份有限公司 Method and system for realizing high-performance form based on state management

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105160020A (en) * 2015-09-29 2015-12-16 北京京东尚科信息技术有限公司 Webpage rendering method
US20150379155A1 (en) * 2014-06-26 2015-12-31 Google Inc. Optimized browser render process
CN110134308A (en) * 2019-05-17 2019-08-16 深圳前海微众银行股份有限公司 Method for exhibiting data, device, equipment and computer readable storage medium

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150379155A1 (en) * 2014-06-26 2015-12-31 Google Inc. Optimized browser render process
CN105160020A (en) * 2015-09-29 2015-12-16 北京京东尚科信息技术有限公司 Webpage rendering method
CN110134308A (en) * 2019-05-17 2019-08-16 深圳前海微众银行股份有限公司 Method for exhibiting data, device, equipment and computer readable storage medium

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
高瞻;孙万捷;王杰华;蒋峥峥;: "渲染器与Web服务器耦合实现远程体渲染的交互优化", 中国图象图形学报, no. 03, 16 March 2017 (2017-03-16), pages 117 - 126 *

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112765947A (en) * 2021-01-22 2021-05-07 平安资产管理有限责任公司 Table rendering display method and device, computer equipment and storage medium
CN113672320A (en) * 2021-07-19 2021-11-19 杭州未名信科科技有限公司 Method, equipment and storage medium for rendering webpage based on DOM element
CN113672320B (en) * 2021-07-19 2023-11-17 杭州未名信科科技有限公司 Method, equipment and storage medium for rendering webpage based on DOM element
CN113590656A (en) * 2021-07-21 2021-11-02 上海淇玥信息技术有限公司 Query data rendering method and device and electronic equipment
CN114491364A (en) * 2022-01-17 2022-05-13 广州市玄武无线科技股份有限公司 Method and system for realizing high-performance form based on state management

Similar Documents

Publication Publication Date Title
CN112000906A (en) Data rendering method, device, equipment and storage medium
CN112182444B (en) Data rendering system, method and electronic equipment
US8957912B2 (en) Displaying items in an application window
US8675011B2 (en) Displaying items in an application window
CN109284458A (en) Webpage display process, device, computer equipment and storage medium
CN113467871A (en) H5 page display method, device, equipment and storage medium
CN113467869A (en) Data rendering method and device, computer equipment and storage medium
CN108616575B (en) Operation monitoring method and device, computer equipment and storage medium
CN110413978B (en) Data paging export method, device, computer equipment and storage medium
CN104052809A (en) Distribution control method and device for web testing
CN106168959B (en) Webpage layout method and device
CN113342498A (en) Concurrent request processing method, device, server and storage medium
CN106487824A (en) A kind of rule gray scale dissemination method and device
CN112463254A (en) Method, device and equipment for acquiring webpage loading time and storage medium
CN104270471A (en) Method, device and system for achieving new function reminding
CN114462786A (en) Line loss judgment method, device, equipment, storage medium and program product
CN113742612A (en) Data rendering method and device, electronic equipment and storage medium
CN111597480A (en) Webpage resource preloading method and device, computer equipment and storage medium
CN111190890B (en) Method, device, equipment and medium for cleaning daily electricity quantity data of user
CN102779086A (en) Monitoring server and monitoring evaluating method
CN112765947A (en) Table rendering display method and device, computer equipment and storage medium
CN111177605B (en) Single-page loading performance monitoring method and device and related equipment
CN114036421A (en) Method, device and computer equipment for displaying HTML5 page response time
CN114547495A (en) Page loading method, device and equipment and readable storage medium
CN113625991A (en) Method, system, electronic device and storage medium for calculating real-time index

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