CN117520691B - Method and device for displaying item data, storage medium and electronic equipment - Google Patents
Method and device for displaying item data, storage medium and electronic equipment Download PDFInfo
- Publication number
- CN117520691B CN117520691B CN202410025160.5A CN202410025160A CN117520691B CN 117520691 B CN117520691 B CN 117520691B CN 202410025160 A CN202410025160 A CN 202410025160A CN 117520691 B CN117520691 B CN 117520691B
- Authority
- CN
- China
- Prior art keywords
- item data
- data
- rendering
- target
- scrolling
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 69
- 238000003860 storage Methods 0.000 title claims abstract description 17
- 238000009877 rendering Methods 0.000 claims abstract description 96
- 230000004044 response Effects 0.000 claims abstract description 10
- 238000005096 rolling process Methods 0.000 claims description 34
- 230000015654 memory Effects 0.000 claims description 24
- 230000008569 process Effects 0.000 claims description 19
- 238000004590 computer program Methods 0.000 claims description 11
- 230000003068 static effect Effects 0.000 claims description 4
- 230000001960 triggered effect Effects 0.000 abstract description 5
- 238000012545 processing Methods 0.000 description 9
- 238000004891 communication Methods 0.000 description 7
- 238000007726 management method Methods 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 4
- 238000005406 washing Methods 0.000 description 4
- 238000009825 accumulation Methods 0.000 description 3
- 238000011161 development Methods 0.000 description 3
- 238000010586 diagram Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000013515 script Methods 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000000903 blocking effect Effects 0.000 description 1
- 239000000969 carrier Substances 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000001351 cycling effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000004807 localization Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000007670 refining Methods 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
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
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- 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
Abstract
The embodiment of the application discloses an item data display method, device, storage medium and electronic equipment, which relate to the technical field of data display, wherein virtual scrolling is triggered to perform data display through operation initiated by a user, a target scrolling direction of item data is obtained in real time in response to a display instruction, item data in a direction opposite to the target scrolling direction can be determined to enter a display window to be rendered and displayed, prerendering is performed on the item data before the item data enters the display window, and because prerendering is performed synchronously with data rendering in the display window outside the display window, rendering and display time required to be consumed when prerendered item data enters the display window to be completely rendered can be further reduced, virtual scrolling quick display of a large amount of item data can be realized by adopting the continuous manner, rendering consumption time when new data is replaced can be reduced, and the quality of data display can be improved.
Description
Technical Field
The present invention relates to the field of data display technologies, and in particular, to a method and apparatus for displaying item data, a storage medium, and an electronic device.
Background
More and more users select software systems using a B/S architecture to manage demand information, and in the management process, the requirement on the display and processing of large-batch data of the demand information is higher and higher, so that how to enable the users to quickly view the demand information becomes a problem to be solved. With conventional scrolling, the user needs to wait for all data to be loaded and rendered, which consumes a lot of time and memory. The virtual scrolling only renders the data in the viewport, so that DOM operation can be greatly reduced, rendering time and memory occupation are reduced, but when a user scrolls, a certain time is still consumed for rendering new data entering the viewport, and the accumulation of consumed time can influence the quality of data display in the face of scenes displayed with larger item data volume.
Disclosure of Invention
The main purpose of the application is to provide a method, a device, a storage medium and an electronic device for displaying item data, which aim to solve the problem of low quality of displaying a large amount of item data in the prior art.
In order to achieve the above purpose, the technical solution adopted in the embodiments of the present application is as follows:
in a first aspect, an embodiment of the present application provides a method for displaying data items, including the following steps:
generating an item data display instruction according to virtual scrolling triggering operation initiated by a user;
responding to the item data display instruction, and acquiring a target rolling direction of the item data;
pre-rendering the first item data according to the target rolling direction of the item data to obtain pre-rendered item data; wherein the first item data includes at least one item data closest to the display window in a direction opposite to the target scrolling direction;
and scrolling the prerendered item data into a display window according to the target scrolling direction of the item data, and performing complete rendering to realize scrolling display of the item data.
In one possible implementation manner of the first aspect, according to a target scrolling direction of the item data, the pre-rendering is performed on the first item data, and before the pre-rendered item data is obtained, the method for displaying the item data further includes:
responding to the item data display instruction, and acquiring the scrolling speed of the item data;
pre-rendering the first item data according to a target scrolling direction of the item data to obtain pre-rendered item data, including:
and pre-rendering the first item data according to the target rolling direction of the item data and the rolling speed of the item data to obtain pre-rendered item data.
In one possible implementation manner of the first aspect, after scrolling the prerendered item data into the display window according to the target scrolling direction of the item data and performing complete rendering to implement scrolling display of the item data, the item data display method further includes:
caching the completely rendered prerendered item data to obtain cached item data.
In one possible implementation manner of the first aspect, according to a target scrolling direction of the item data, the pre-rendering is performed on the first item data, and before the pre-rendered item data is obtained, the method for displaying the item data further includes:
judging whether cache entry data exist in the first entry data;
obtaining unrendered item data under the condition that cache item data exist in the first item data;
pre-rendering the first item data according to a target scrolling direction of the item data to obtain pre-rendered item data, including:
and pre-rendering the unrendered item data according to the target scrolling direction of the item data to obtain pre-rendered item data.
In one possible implementation manner of the first aspect, after scrolling the prerendered item data into the display window according to the target scrolling direction of the item data and performing complete rendering to implement scrolling display of the item data, the item data display method further includes:
identifying a target field of the data being typed within the display window;
judging whether the item data containing the target field is target data or not;
and returning to the step of scrolling the prerendered item data into the display window according to the target scrolling direction of the item data and performing complete rendering under the condition that the item data containing the target field is not the target data, so as to realize the scrolling display of the item data until the item data containing the target field is the target data, and outputting the target data.
In one possible implementation manner of the first aspect, before the obtaining the target scrolling direction of the item data in response to the item data display instruction, the method for displaying the item data further includes:
establishing classification module information according to the category of the demand information;
and inputting the requirement information into the classification module information to obtain item data.
In a possible implementation manner of the first aspect, the entering the requirement information into the classification module information to obtain the entry data includes:
inputting the requirement information into the information of the classification module to obtain a requirement item;
and grading according to the required items to obtain item data.
In a second aspect, an embodiment of the present application provides an apparatus for displaying data for making entries, including:
the instruction generation module is used for generating an item data display instruction according to virtual rolling trigger operation initiated by a user;
the acquisition module is used for responding to the item data display instruction and acquiring a target rolling direction of the item data;
the pre-rendering module is used for pre-rendering the first item data according to the target rolling direction of the item data to obtain pre-rendered item data; wherein the first item data includes at least one item data closest to the display window in a direction opposite to the target scrolling direction;
the display module is used for scrolling the prerendered item data into a display window according to the target scrolling direction of the item data and completely rendering the prerendered item data so as to realize scrolling display of the item data.
In a third aspect, an embodiment of the present application provides a computer readable storage medium storing a computer program, where the computer program when loaded and executed by a processor implements the method for displaying data according to any one of the first aspect.
In a fourth aspect, embodiments of the present application provide an electronic device comprising a processor and a memory, wherein,
the memory is used for storing a computer program;
the processor is configured to load and execute a computer program to cause the electronic device to perform the method of displaying the data as set forth in any one of the first aspects above.
Compared with the prior art, the beneficial effects of this application are:
the embodiment of the application provides a method, a device, a storage medium and electronic equipment for displaying item data, wherein the method comprises the following steps: generating an item data display instruction according to virtual scrolling triggering operation initiated by a user; responding to the item data display instruction, and acquiring a target rolling direction of the item data; pre-rendering the first item data according to the target rolling direction of the item data to obtain pre-rendered item data; wherein the first item data includes at least one item data closest to the display window in a direction opposite to the target scrolling direction; and scrolling the prerendered item data into a display window according to the target scrolling direction of the item data, and performing complete rendering to realize scrolling display of the item data. According to the method and the device, the virtual scrolling is triggered to display data through operation initiated by a user, the target scrolling direction of the item data is obtained in real time in response to the display instruction, then the item data in the direction opposite to the target scrolling direction can be determined to enter the display window to be rendered and displayed, the item data is pre-rendered before entering the display window, and because the pre-rendering is synchronously performed outside the display window and the data rendering in the display window, when the item data after the pre-rendering enters the display window to be completely rendered, the required consumed rendering and display time is further reduced, and by adopting the continuous manner, virtual scrolling quick display of a large amount of item data can be realized, the rendering consumed time when new data is replaced is reduced, and the quality of data display is improved.
Drawings
FIG. 1 is a schematic diagram of an electronic device in a hardware operating environment according to an embodiment of the present application;
fig. 2 is a flow chart of an embodiment of the method for displaying data according to the present disclosure;
fig. 3 is a schematic block diagram of an embodiment of an apparatus for displaying data according to the present disclosure;
the marks in the figure: 101-processor, 102-communication bus, 103-network interface, 104-user interface, 105-memory.
Detailed Description
It should be understood that the specific embodiments described herein are for purposes of illustration only and are not intended to limit the present application.
The main solutions of the embodiments of the present application are: generating an item data display instruction according to virtual scrolling triggering operation initiated by a user; responding to the item data display instruction, and acquiring a target rolling direction of the item data; pre-rendering the first item data according to the target rolling direction of the item data to obtain pre-rendered item data; wherein the first item data includes at least one item data closest to the display window in a direction opposite to the target scrolling direction; and scrolling the prerendered item data into a display window according to the target scrolling direction of the item data, and performing complete rendering to realize scrolling display of the item data.
With the development of network technology, particularly with the continuous maturity of Web technology, a software architecture of B/S appears. The B/S (Browser/Server) architecture is also called Browser/Server architecture, and the architecture can be understood as a change and promotion of a C/S architecture, and due to the rapid development of a network, the B/S architecture has more and more powerful functions, and can perform information distributed processing, so that the resource cost can be effectively reduced, and the designed system performance can be improved. The B/S architecture has wider application range, greatly simplifies the client in the processing mode, and a user only needs to install a browser, so that the application logic is concentrated on a server and middleware, and the data processing performance can be improved.
More and more users select software systems with B/S architecture for demand information management, and requirements on demand information structured storage and large-batch data display processing in the management process are higher and higher, so that how to enable users to quickly view and retrieve demand information data, and improving the working efficiency of the users becomes a problem to be solved urgently.
Since the B/S architecture relies on the client browser, there is also a performance problem when large amounts of data are needed for information to be exposed. If the data volume is too large, the browser crashes, the loading time is long, the interface display is blocked, the data loading is disordered, the browser is compatible, and the like, the usability of the system and the working efficiency of related users are greatly affected. With conventional scrolling, the user needs to wait for all data to be loaded and rendered, which consumes a lot of time and memory. The virtual scrolling only renders the data in the viewport, which can greatly reduce DOM operation and reduce rendering time and memory occupation, but when a user scrolls, rendering new data entering the viewport still consumes a certain time, and under the condition of displaying a large item data amount, such as a commodity list displayed on an online shopping platform, browsing historical news information and other scenes, the related data items are hundreds of thousands, and the problem that the data display quality is affected by data jamming, display blocking and the like can be generated under the condition of huge accumulation of extremely small time consumption.
Therefore, the method and the device have the advantages that the virtual scrolling is triggered to display data through operation initiated by a user, the target scrolling direction of the item data is obtained in real time in response to the display instruction, the item data in the direction opposite to the target scrolling direction can be immediately determined to enter the display window to be rendered and displayed, the item data is pre-rendered before entering the display window, and because the pre-rendering is synchronously performed outside the display window and the data in the display window, when the item data after the pre-rendering enters the display window to be completely rendered, the required consumed rendering and display time can be further reduced, virtual scrolling quick display of a large amount of item data can be realized by adopting the continuous manner, the rendering consumption time when new data is replaced is reduced, and the quality of data display is improved.
Referring to fig. 1, fig. 1 is a schematic structural diagram of an electronic device of a hardware operating environment according to an embodiment of the present application, where the electronic device may include: a processor 101, such as a central processing unit (Central Processing Unit, CPU), a communication bus 102, a user interface 104, a network interface 103, a memory 105. Wherein the communication bus 102 is used to enable connected communication between these components. The user interface 104 may include a Display, an input unit such as a Keyboard (Keyboard), and the optional user interface 104 may also include standard wired, wireless interfaces. The network interface 103 may alternatively comprise a standard wired interface, a WIreless interface (e.g., a WIreless-FIdelity (WI-FI) interface). The Memory 105 may alternatively be a storage device independent of the foregoing processor 101, where the Memory 105 may be a high-speed random access Memory (Random Access Memory, RAM) Memory or may be a stable Non-Volatile Memory (NVM), such as at least one magnetic disk Memory; the processor 101 may be a general purpose processor including a central processing unit, a network processor, etc., as well as a digital signal processor, an application specific integrated circuit, a field programmable gate array or other programmable logic device, a discrete gate or transistor logic device, a discrete hardware component.
It will be appreciated by those skilled in the art that the structure shown in fig. 1 is not limiting of the electronic device and may include more or fewer components than shown, or may combine certain components, or may be arranged in different components.
As shown in fig. 1, the memory 105, which is a storage medium, may include an operating system, a network communication module, a user interface module, and an item-oriented data display device.
In the electronic device shown in fig. 1, the network interface 103 is mainly used for data communication with a network server; the user interface 104 is mainly used for data interaction with a user; the processor 101 and the memory 105 in the present application may be provided in an electronic device, and the electronic device invokes the data display device stored in the memory 105 through the processor 101 and executes the data display method provided in the embodiment of the present application.
Referring to fig. 2, based on the hardware device of the foregoing embodiment, an embodiment of the present application provides an item data display method, including the following steps:
s10: and generating an item data display instruction according to the virtual scrolling trigger operation initiated by the user.
In the implementation process, virtual scrolling, namely a method for integrating data paging and infinite scrolling, only renders data which can be watched in a limited view port, and data which is beyond the view port is not rendered, so that DOM elements which are rendered by each scroll can be controlled by calculating cells in a visual range, and the situation that too many times of rendering are performed at one time like the data paging and data accumulation like an infinite scrolling scheme cannot occur is avoided.
The user initiates a virtual scroll trigger operation, which can be regarded as an operation to operate the data link, for example, under the support of operation hardware, the trigger operation can be a sliding operation of a mouse wheel, or a clicking operation of an up key and a down key of a keyboard, and in an operation environment such as a touch screen, the trigger operation can be a clicking operation performed by a user by using a finger or a sliding operation on the touch screen. Of course, the virtual scrolling may be automatically performed, and the triggering operation of the user only needs to trigger the automatic virtual scrolling to start at this time, so as to ensure the synchronization of the data display and the triggering operation, and the triggering operation of the user is used as a signal to synchronously generate the item data display instruction.
S20: in response to the item data display instruction, a target scroll direction of the item data is acquired.
In a specific implementation process, the embodiment of the application adopts a virtual scrolling mode to display data, and the data in the viewport can be continuously replaced for rendering and displaying under the scrolling of the data, and a received item data display instruction, namely a scrolling display instruction for the item data to be processed, can be realized. In response to the instruction, firstly acquiring the direction in which the item data is to be rolled, namely the target rolling direction, wherein when the mouse is used for operation, the rotation of a mouse wheel is synchronous with the rolling of the data, and the rolling direction of the wheel can be regarded as the target rolling direction of the item data; in another example, when a touch screen is used, the user clicks the screen with a finger and then slides along a certain direction of the arranged item data, and the sliding direction can be regarded as the target scrolling direction of the item data.
S30: pre-rendering the first item data according to the target rolling direction of the item data to obtain pre-rendered item data; wherein the first item data includes at least one item data closest to the display window in a direction opposite to the target scrolling direction.
In the implementation process, the display window is a viewport, in the traditional virtual scrolling technology, the data in the display window is rendered and displayed, and the data outside the display window is not rendered. With the display window as a boundary of the scrolling direction, the item data scrolls towards the target scrolling direction, that is, the item data in the direction opposite to the target scrolling direction from the display window enters the display window one by one to be rendered, and the item data closer to the display window enters first. Before entering, the entry data which is to enter the display window is prerendered through the advance acquisition of the scrolling direction, the entry data is recorded as first entry data, and prerendered entry data is prerendered after prerendering.
The pre-rendering, namely generating and caching static HTML content of the page in advance, does not need to perform real-time server rendering or client rendering when the user accesses for the first time, and directly returns the pre-rendered static HTML, so that the loading speed is improved. In terms of time sequence, the complete rendering process is divided by the time sequence, and some work outside the final rendering forming is done in advance so as to save the time of final rendering.
Taking the example that the first item data comprises item data closest to the display window, starting to inquire in the opposite direction of the target rolling direction by the display window, wherein the first item data is recorded as first item data, the second item data is recorded as second item data, and the like, the first item data is prerendered, after the first item data is prerendered and enters the display window, the second item data is used as item data closest to the display window, the second item data is prerendered, and rolling display of the item data is realized by cycling.
In one embodiment, the method for displaying the item data further includes, before pre-rendering the first item data according to the target scrolling direction of the item data to obtain the pre-rendered item data:
in response to the item data display instruction, a scroll speed of the item data is acquired.
In an implementation, in a relatively free operating environment, the scrolling speed of the item data in the virtual scroll may be determined by the user, such as the speed at which the user slides a mouse wheel, or the speed at which the user slides on a touch screen. The scrolling speed of the item data in the automatic virtual scrolling is relatively fixed, and the scrolling speed is controlled by preset parameters or parameters set by a user. Comprehensively considering various situations, the scrolling speeds are different, in order to enable the pre-rendering progress to be matched with the scrolling progress, the scrolling speed is obtained to guide the obtaining of the first item data, the faster the scrolling speed is, the more item data which are included in the first item data and are closest to the display window are, namely, the pre-rendering is carried out on the first item data according to the target scrolling direction of the item data, and the pre-rendering item data are obtained, including:
and pre-rendering the first item data according to the target rolling direction of the item data and the rolling speed of the item data to obtain pre-rendered item data.
S40: and scrolling the prerendered item data into a display window according to the target scrolling direction of the item data, and performing complete rendering to realize scrolling display of the item data.
In the implementation process, after the first item data is prerendered, the item data can be moved according to the target rolling direction to perform rolling display of the data on the display window, the prerendered item data is completely rendered after being rolled into the display window, namely, all elements of the data are visualized on a page, the data are dynamically inserted into an HTML page through codes, so that updating and display of page contents are realized, the method is continuously and circularly performed under the condition that the item data are continuously rolled, and the visualized data in the display window can be displayed by rolling display.
In this embodiment, the virtual scroll is triggered to perform data display by an operation initiated by a user, and a display instruction is responded in real time to obtain a target scroll direction of the item data, then it can be determined that the item data in a direction opposite to the target scroll direction will enter into a display window to be rendered and displayed, and before the item data enters into the display window, the item data is pre-rendered, and because the pre-rendering is performed synchronously with the data rendering in the display window outside the display window, when the item data after the pre-rendering enters into the display window to be completely rendered, the required rendering and display time will be further reduced, and by adopting the continuous manner, virtual scroll quick display of a large amount of item data can be realized, the rendering consumption time when new data is replaced is reduced, and the quality of data display is improved.
In one embodiment, after the prerendered item data is scrolled into the display window according to the target scrolling direction of the item data and is completely rendered so as to realize the scrolling display of the item data, the item data display method further comprises the following steps:
caching the completely rendered prerendered item data to obtain cached item data.
In the implementation process, the virtual scrolling direction can be changed according to the arrangement direction of the item data, namely, the item data which just scrolls into the display window can be backward scrolled out of the display window at the next moment, if the scrolling direction at the next moment is changed again, the item data can undergo the steps of prerendering and complete rendering again, and the displayed item data, namely, prerendered item data after complete rendering, is cached, and when the display position reaches the item again, the cached data can be directly called for quick display. That is, according to the target scrolling direction of the item data, the first item data is prerendered, and before prerendered item data is obtained, the method for displaying the item data further comprises:
judging whether cache entry data exist in the first entry data;
and obtaining unrendered item data under the condition that the first item data contains cache item data.
In the implementation process, the number of the item data in the first item data is inconsistent when the direction is changed, so that the cached and uncached data possibly are contained in the item data, the first item data can be checked before the prerendering, and only the unrendered item data are independently extracted for prerendering after the checking, so that the data display quality is further improved.
Based on the foregoing steps, pre-rendering the first item data according to the target scrolling direction of the item data, to obtain pre-rendered item data, including:
and pre-rendering the unrendered item data according to the target scrolling direction of the item data to obtain pre-rendered item data.
In one embodiment, after the prerendered item data is scrolled into the display window according to the target scrolling direction of the item data and is completely rendered so as to realize the scrolling display of the item data, the item data display method further comprises the following steps:
identifying a target field of the data being typed within the display window;
judging whether the item data containing the target field is target data or not;
and returning to the step of scrolling the prerendered item data into the display window according to the target scrolling direction of the item data and performing complete rendering under the condition that the item data containing the target field is not the target data, so as to realize the scrolling display of the item data until the item data containing the target field is the target data, and outputting the target data.
In a specific implementation process, the scrolling display of a large amount of item data is usually accompanied by searching for target data in the target data, and matching of the XX washing machine is performed in the item data in a direct display window by setting up a target field in advance, namely, the whole name of the item data to be searched, or keywords in the target field, such as the item data of a commodity list of an online shopping platform as an example, the target field is set as the XX washing machine. If the user only knows that the commodity to be searched is the washing machine, and can not know which commodity corresponds to the specific item of data under the condition that the item of data is not displayed, the target field is provided with the washing machine, and after the target field is matched, the user judges whether the item of data is the target data to be searched according to the visualized item of data. If not, continuing to search the target data along with the scrolling display of the item data, and if so, outputting the target data to the user.
In one embodiment, before the target scroll direction of the item data is acquired in response to the item data display instruction, the method of displaying the item data further includes:
establishing classification module information according to the category of the demand information;
and inputting the requirement information into the classification module information to obtain item data.
In the specific implementation process, the data storage of the structural requirement information with refined and itemized is realized by carrying out standard, grading and classification on the requirement information; refining, distributing, verifying and confirming process information of effective curing requirements; can ensure the normal, accurate and complete transmission of the 'demand' among organizations, development stages and the whole life cycle of the system. Firstly, classifying the demand information to enable one category information in the data to be a corresponding catalogue or module, creating a plurality of classified module information in the catalogue, then inputting the demand information in the module information one by one, supporting format data such as texts, rich text objects, words, excel and the like, supporting maintenance and storage of different demand attribute data of the items by a user, furthest considering localization demand analysis, storage and management operation habits, and improving the demand management work efficiency to a greater extent.
In one embodiment, the requirement information is input into the classification module information to obtain entry data, which comprises the following steps:
inputting the requirement information into the information of the classification module to obtain a requirement item;
and grading according to the required items to obtain item data.
In the specific implementation process, in the process of inputting the requirement information into the classification module information, the requirement items are classified, for example, the requirement items are divided into two major levels of titles and texts, father-son relations exist between the titles, and word editing habits of users are reserved maximally while the requirement items are made into items. And changes when the user edits the item requirements are recorded in detail so as to ensure traceability of the requirement item information.
Referring to fig. 3, an embodiment of the present application further provides an apparatus for displaying data according to the same inventive concept as the previous embodiment, including:
the instruction generation module is used for generating an item data display instruction according to virtual rolling trigger operation initiated by a user;
the acquisition module is used for responding to the item data display instruction and acquiring a target rolling direction of the item data;
the pre-rendering module is used for pre-rendering the first item data according to the target rolling direction of the item data to obtain pre-rendered item data; wherein the first item data includes at least one item data closest to the display window in a direction opposite to the target scrolling direction;
the display module is used for scrolling the prerendered item data into a display window according to the target scrolling direction of the item data and completely rendering the prerendered item data so as to realize scrolling display of the item data.
It should be understood by those skilled in the art that the division of each module in the embodiment is merely a division of a logic function, and may be fully or partially integrated onto one or more actual carriers in practical application, and the modules may be fully implemented in a form of calling by a processing unit through software, may be fully implemented in a form of hardware, or may be implemented in a form of combining software and hardware, and it should be noted that each module in the data display device in the embodiment is in one-to-one correspondence with each step in the data display method in the foregoing embodiment, so that a specific implementation of the embodiment may refer to an implementation manner of the data display method in the foregoing embodiment and will not be repeated herein.
Based on the same inventive concept as in the previous embodiments, embodiments of the present application further provide a computer readable storage medium storing a computer program, which when loaded and executed by a processor, implements the method for displaying data as provided in the embodiments of the present application.
Based on the same inventive concepts as in the previous embodiments, embodiments of the present application also provide an electronic device, including a processor and a memory, wherein,
the memory is used for storing a computer program;
the processor is configured to load and execute the computer program to cause the electronic device to execute the method for displaying the data according to the embodiment of the present application.
In some embodiments, the computer readable storage medium may be FRAM, ROM, PROM, EPROM, EEPROM, flash memory, magnetic surface memory, optical disk, or CD-ROM; but may be a variety of devices including one or any combination of the above memories. The computer may be a variety of computing devices including smart terminals and servers.
In some embodiments, the executable instructions may be in the form of programs, software modules, scripts, or code, written in any form of programming language (including compiled or interpreted languages, or declarative or procedural languages), and they may be deployed in any form, including as stand-alone programs or as modules, components, subroutines, or other units suitable for use in a computing environment.
As an example, the executable instructions may, but need not, correspond to files in a file system, may be stored as part of a file that holds other programs or data, for example, in one or more scripts in a hypertext markup language (HTML, hyper Text Markup Language) document, in a single file dedicated to the program in question, or in multiple coordinated files (e.g., files that store one or more modules, sub-programs, or portions of code).
As an example, executable instructions may be deployed to be executed on one computing device or on multiple computing devices located at one site or, alternatively, distributed across multiple sites and interconnected by a communication network.
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or system 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 system. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article, or system that comprises the element.
The foregoing embodiment numbers of the present application are merely for describing, and do not represent advantages or disadvantages of the embodiments.
From the above description of the embodiments, it will be clear to those skilled in the art that the above-described embodiment method may be implemented by means of software plus a necessary general hardware platform, but of course may also be implemented by means of hardware, but in many cases the former is a preferred embodiment. Based on such understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art in the form of a software product stored in a storage medium (e.g. read-only memory/random-access memory, magnetic disk, optical disk), comprising several instructions for causing a multimedia terminal device (which may be a mobile phone, a computer, a television receiver, or a network device, etc.) to perform the method described in the embodiments of the present application.
In summary, the method, the device, the storage medium and the electronic equipment for displaying the item data provided by the application comprise the following steps: generating an item data display instruction according to virtual scrolling triggering operation initiated by a user; responding to the item data display instruction, and acquiring a target rolling direction of the item data; pre-rendering the first item data according to the target rolling direction of the item data to obtain pre-rendered item data; wherein the first item data includes at least one item data closest to the display window in a direction opposite to the target scrolling direction; and scrolling the prerendered item data into a display window according to the target scrolling direction of the item data, and performing complete rendering to realize scrolling display of the item data. According to the method and the device, the virtual scrolling is triggered to display data through operation initiated by a user, the target scrolling direction of the item data is obtained in real time in response to the display instruction, then the item data in the direction opposite to the target scrolling direction can be determined to enter the display window to be rendered and displayed, the item data is pre-rendered before entering the display window, and because the pre-rendering is synchronously performed outside the display window and the data rendering in the display window, when the item data after the pre-rendering enters the display window to be completely rendered, the required consumed rendering and display time is further reduced, and by adopting the continuous manner, virtual scrolling quick display of a large amount of item data can be realized, the rendering consumed time when new data is replaced is reduced, and the quality of data display is improved.
The foregoing description of the preferred embodiments of the present application is not intended to limit the invention to the particular embodiments of the present application, but to limit the scope of the invention to the particular embodiments of the present application.
Claims (8)
1. A method for displaying tabular data, comprising the steps of:
generating an item data display instruction according to virtual scrolling triggering operation initiated by a user;
responding to the item data display instruction, and acquiring a target rolling direction of the item data;
pre-rendering the first item data according to the target rolling direction of the item data to obtain pre-rendered item data; wherein the first item data includes at least one of the item data closest to the display window in a direction opposite to the target scroll direction;
scrolling the prerendered item data into the display window according to the target scrolling direction of the item data, and completely rendering the prerendered item data so as to realize scrolling display of the item data; the pre-rendering and the full rendering are obtained by dividing the rendering process at different time sequences, the pre-rendering is used for generating and caching static HTML content of a page in advance, and the full rendering is used for dynamically inserting data into the HTML page through codes;
after the prerendered item data is scrolled into the display window according to the target scrolling direction of the item data and is completely rendered so as to realize the scrolling display of the item data, the item data display method further comprises the following steps:
caching the fully rendered pre-rendering item data to obtain cached item data;
the method for displaying the item data further comprises the steps of:
judging whether the first item data contains the cache item data or not;
obtaining unrendered item data under the condition that the first item data contains the cached item data;
the pre-rendering the first item data according to the target scrolling direction of the item data to obtain pre-rendered item data, including:
and pre-rendering the unrendered item data according to the target rolling direction of the item data to obtain pre-rendered item data.
2. The method according to claim 1, wherein the pre-rendering the first item data according to the target scrolling direction of the item data, before obtaining the pre-rendered item data, further comprises:
responding to the item data display instruction, and acquiring the scrolling speed of the item data;
the pre-rendering the first item data according to the target scrolling direction of the item data to obtain pre-rendered item data, including:
and pre-rendering the first item data according to the target rolling direction of the item data and the rolling speed of the item data to obtain pre-rendered item data.
3. The method for displaying data according to claim 1, wherein after scrolling the prerendered item data into the display window according to the target scrolling direction of the item data and performing full rendering to realize scrolling display of the item data, the method for displaying the item data further comprises:
identifying a target field of the data within the display window;
judging whether the item data containing the target field is target data or not;
and returning to the step of scrolling the prerendered item data into the display window according to the target scrolling direction of the item data and completely rendering the prerendered item data under the condition that the item data containing the target field is not the target data, so as to realize the scrolling display of the item data until the item data containing the target field is the target data, and outputting the target data.
4. The method according to claim 1, wherein before the target scroll direction of the item data is acquired in response to the item data display instruction, the method further comprises:
establishing classification module information according to the category of the demand information;
and inputting the requirement information into the classification module information to obtain the item data.
5. The method for displaying data according to claim 4, wherein the entering the demand information into the classification module information to obtain the data includes:
inputting the requirement information into the classification module information to obtain a requirement entry;
and grading according to the required items to obtain the item data.
6. An item data display apparatus, comprising:
the instruction generation module is used for generating an item data display instruction according to virtual rolling trigger operation initiated by a user;
the acquisition module is used for responding to the item data display instruction and acquiring a target rolling direction of the item data;
the pre-rendering module is used for pre-rendering the first item data according to the target rolling direction of the item data to obtain pre-rendered item data; wherein the first item data includes at least one of the item data closest to the display window in a direction opposite to the target scroll direction;
the display module is used for scrolling the prerendered item data into the display window according to the target scrolling direction of the item data and completely rendering the prerendered item data so as to realize scrolling display of the item data; the pre-rendering and the full rendering are obtained by dividing the rendering process at different time sequences, the pre-rendering is used for generating and caching static HTML content of a page in advance, and the full rendering is used for dynamically inserting data into the HTML page through codes;
after the prerendered item data is scrolled into the display window according to the target scrolling direction of the item data and is completely rendered so as to realize scrolling display of the item data, the method further comprises the following steps:
caching the fully rendered pre-rendering item data to obtain cached item data;
the pre-rendering the first item data according to the target scrolling direction of the item data, before obtaining the pre-rendered item data, further includes:
judging whether the first item data contains the cache item data or not;
obtaining unrendered item data under the condition that the first item data contains the cached item data;
the pre-rendering the first item data according to the target scrolling direction of the item data to obtain pre-rendered item data, including:
and pre-rendering the unrendered item data according to the target rolling direction of the item data to obtain pre-rendered item data.
7. A computer readable storage medium storing a computer program, wherein the computer program when loaded and executed by a processor implements the method for displaying data according to any one of claims 1 to 5.
8. An electronic device comprising a processor and a memory, wherein,
the memory is used for storing a computer program;
the processor is configured to load and execute the computer program to cause the electronic device to perform the method of displaying data as set forth in any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202410025160.5A CN117520691B (en) | 2024-01-08 | 2024-01-08 | Method and device for displaying item data, storage medium and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202410025160.5A CN117520691B (en) | 2024-01-08 | 2024-01-08 | Method and device for displaying item data, storage medium and electronic equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN117520691A CN117520691A (en) | 2024-02-06 |
| CN117520691B true CN117520691B (en) | 2024-04-02 |
Family
ID=89763089
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202410025160.5A Active CN117520691B (en) | 2024-01-08 | 2024-01-08 | Method and device for displaying item data, storage medium and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117520691B (en) |
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110704574A (en) * | 2019-09-03 | 2020-01-17 | 福建省农村信用社联合社 | Method and system for managing bank business demand assets |
| CN110851058A (en) * | 2019-11-11 | 2020-02-28 | 支付宝(杭州)信息技术有限公司 | Page virtual scrolling method, device and equipment |
| CN112115388A (en) * | 2020-09-09 | 2020-12-22 | 深圳市欢太科技有限公司 | Webpage display method, mobile terminal and computer readable storage medium |
| CN113392353A (en) * | 2021-06-18 | 2021-09-14 | 网易（杭州）网络有限公司 | Website page loading 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 |
| CN114065080A (en) * | 2021-11-26 | 2022-02-18 | 腾讯科技（深圳）有限公司 | Page rendering method, device, equipment and computer readable storage medium |
| CN114510190A (en) * | 2022-04-18 | 2022-05-17 | 苏州万店掌网络科技有限公司 | Front-end page rendering method, device, equipment and storage medium |
| CN114691926A (en) * | 2022-03-16 | 2022-07-01 | 联想(北京)有限公司 | Information display method and electronic equipment |
| CN116578795A (en) * | 2023-04-14 | 2023-08-11 | 网易（杭州）网络有限公司 | Webpage generation method and device, storage medium and electronic equipment |
| CN116595281A (en) * | 2023-05-17 | 2023-08-15 | 北京度商软件技术有限公司 | Page rendering method, device, equipment and storage medium |
| CN116821533A (en) * | 2023-06-15 | 2023-09-29 | 腾讯音乐娱乐科技（深圳）有限公司 | Page rendering method, computer device and computer-readable storage medium |
| CN117111799A (en) * | 2022-05-17 | 2023-11-24 | 北京京东振世信息技术有限公司 | Data display method and device, storage medium and electronic equipment |
Family Cites Families (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140082468A1 (en) * | 2012-09-14 | 2014-03-20 | Adrian Alexander May | Browser for rating pages with respect to search goals |
| US11483415B2 (en) * | 2014-07-16 | 2022-10-25 | Tensera Networks Ltd. | Background pre-rendering of user applications |
| US11809811B2 (en) * | 2014-10-25 | 2023-11-07 | Yieldmo, Inc. | Methods for serving interactive content to a user |
| US9852759B2 (en) * | 2014-10-25 | 2017-12-26 | Yieldmo, Inc. | Methods for serving interactive content to a user |
| US20180032491A1 (en) * | 2016-07-26 | 2018-02-01 | Google Inc. | Web page display systems and methods |
| WO2022040283A1 (en) * | 2020-08-18 | 2022-02-24 | Plaid Inc. | System and method for managing user interaction flows within third party applications |
-
2024
- 2024-01-08 CN CN202410025160.5A patent/CN117520691B/en active Active
Patent Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110704574A (en) * | 2019-09-03 | 2020-01-17 | 福建省农村信用社联合社 | Method and system for managing bank business demand assets |
| CN110851058A (en) * | 2019-11-11 | 2020-02-28 | 支付宝(杭州)信息技术有限公司 | Page virtual scrolling method, device and equipment |
| CN112115388A (en) * | 2020-09-09 | 2020-12-22 | 深圳市欢太科技有限公司 | Webpage display method, mobile terminal and computer readable storage medium |
| CN113392353A (en) * | 2021-06-18 | 2021-09-14 | 网易（杭州）网络有限公司 | Website page loading 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 |
| CN114065080A (en) * | 2021-11-26 | 2022-02-18 | 腾讯科技（深圳）有限公司 | Page rendering method, device, equipment and computer readable storage medium |
| CN114691926A (en) * | 2022-03-16 | 2022-07-01 | 联想(北京)有限公司 | Information display method and electronic equipment |
| CN114510190A (en) * | 2022-04-18 | 2022-05-17 | 苏州万店掌网络科技有限公司 | Front-end page rendering method, device, equipment and storage medium |
| CN117111799A (en) * | 2022-05-17 | 2023-11-24 | 北京京东振世信息技术有限公司 | Data display method and device, storage medium and electronic equipment |
| CN116578795A (en) * | 2023-04-14 | 2023-08-11 | 网易（杭州）网络有限公司 | Webpage generation method and device, storage medium and electronic equipment |
| CN116595281A (en) * | 2023-05-17 | 2023-08-15 | 北京度商软件技术有限公司 | Page rendering method, device, equipment and storage medium |
| CN116821533A (en) * | 2023-06-15 | 2023-09-29 | 腾讯音乐娱乐科技（深圳）有限公司 | Page rendering method, computer device and computer-readable storage medium |
Non-Patent Citations (3)
| Title |
|---|
| Differentiable signed distance function rendering;Delio Vicini 等;《ACM Transactions on Graphics》;20220722;1-8 * |
| 云平台下Web前端的若干优化技术的研究与实现;潘文文;《信息科技》;20200715;1-83 * |
| 基于RTT的三维模型标签实时显示技术;田壮 等;《 现代电子技术》;20151015;55-58 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN117520691A (en) | 2024-02-06 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10318095B2 (en) | Reader mode presentation of web content | |
| US9773069B2 (en) | Pre-fetching of network page content in a browser application | |
| CN108804707B (en) | Page processing method and device and related equipment | |
| CN110209966B (en) | Webpage refreshing method, webpage system and electronic equipment | |
| CN108717437B (en) | Search result display method and device and storage medium | |
| US20100037145A1 (en) | Method and system for a personalized web page | |
| CN108717435A (en) | Webpage loading method, information processing method, computer equipment and storage medium | |
| CN108595697B (en) | Webpage integration method, device and system | |
| CN105243058A (en) | Webpage content translation method and electronic apparatus | |
| CN112631591B (en) | Method, apparatus, device and computer readable storage medium for table element linkage | |
| CN113392358A (en) | Static resource preloading method and device | |
| US11720407B2 (en) | Resource pre-fetch using age threshold | |
| CN107391534B (en) | Page display method, page file return method, page display device, page file return device and computer storage medium | |
| CN108319474B (en) | Page information generation method, device and equipment | |
| CN110968314A (en) | Page generation method and device | |
| CN111813468A (en) | Method and device for shielding webpage operation and electronic equipment | |
| CN114329281A (en) | Rendering server, webpage rendering method and webpage rendering device | |
| CN108664191B (en) | System access method and device | |
| CN117520691B (en) | Method and device for displaying item data, storage medium and electronic equipment | |
| CN113805997B (en) | Information display method, information display device, electronic equipment and storage medium | |
| CN108268298A (en) | Generation method, device, storage medium and the electronic equipment of desktop icons | |
| CN114817803A (en) | Page skipping method and device and electronic equipment | |
| CN114186148A (en) | Page loading method and device, electronic equipment and storage medium | |
| CN113392353A (en) | Website page loading method and device, electronic equipment and storage medium | |
| CN114168875A (en) | Page program generation method and device, computer equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |