CN115665480B - Data rendering method and device, computer equipment and storage medium - Google Patents
Data rendering method and device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN115665480B CN115665480B CN202211308304.5A CN202211308304A CN115665480B CN 115665480 B CN115665480 B CN 115665480B CN 202211308304 A CN202211308304 A CN 202211308304A CN 115665480 B CN115665480 B CN 115665480B
- Authority
- CN
- China
- Prior art keywords
- preset
- data
- target
- identification number
- webpage
- 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
- 238000009877 rendering Methods 0.000 title claims abstract description 58
- 238000000034 method Methods 0.000 title claims abstract description 34
- 230000008859 change Effects 0.000 claims abstract description 46
- 238000012544 monitoring process Methods 0.000 claims abstract description 11
- 230000006870 function Effects 0.000 claims description 28
- 230000004044 response Effects 0.000 claims description 16
- 238000004590 computer program Methods 0.000 claims description 4
- 238000000605 extraction Methods 0.000 claims description 2
- 238000011161 development Methods 0.000 abstract description 3
- 230000007246 mechanism Effects 0.000 abstract description 2
- 238000010586 diagram Methods 0.000 description 6
- 238000012545 processing Methods 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 5
- 230000008569 process Effects 0.000 description 4
- 238000005316 response function Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000000903 blocking effect Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The invention relates to a data rendering method, a device, a computer device and a storage medium, comprising: receiving a data access request for a preset webpage initiated by a client; acquiring the node position of the preset webpage in a target video website system according to the data access request; acquiring a target root node of the preset webpage in the target video website system according to the node position; monitoring the target root node through a preset interface to obtain a target unique identification number of the target root node; acquiring a preset unique identification number of the preset webpage; acquiring data flow change trend data of the preset webpage according to a matching result of the preset unique identification number and the target unique identification number; and returning the flow change trend data to the client. Through the mechanism, the aim of intuitively showing the development trend of the video data of the video playing platform more comprehensively and in more detail is fulfilled.
Description
Technical Field
The embodiment of the invention relates to the technical field of computer networks, in particular to a data rendering method, a data rendering device, computer equipment and a storage medium.
Background
In the current short video playing platform application, the requirement of integrating various video data through a sorting platform is increasingly receiving attention of the platform.
At present, labels, keywords, play amounts and praise amounts displayed on a short video play interface cannot intuitively reflect the multi-dimensional play trend of the current video.
Therefore, a mechanism is established to intuitively display the development trend of the video data of the video playing platform more comprehensively and in more detail so as to help enterprises to know users, lock resources, plan operation and develop services, which is a very urgent requirement.
Disclosure of Invention
The embodiment of the invention provides a data rendering method, a data rendering device, computer equipment and a storage medium, which are used for solving the problem that development trend of video data in short video playing platform application is not intuitively and thoroughly displayed.
In a first aspect, an embodiment of the present invention provides a data rendering method, where the method includes:
Receiving a data access request for a preset webpage initiated by a client;
acquiring the node position of the preset webpage in a target video website system according to the data access request;
acquiring a target root node of the preset webpage in the target video website system according to the node position;
Monitoring the target root node through a preset interface to obtain a target unique identification number of the target root node;
Acquiring a preset unique identification number of the preset webpage;
Acquiring data flow change trend data of the preset webpage according to a matching result of the preset unique identification number and the target unique identification number;
and returning the flow change trend data to the client.
In a second aspect, an embodiment of the present invention further provides a data rendering apparatus, where the apparatus includes:
The data access request receiving module is used for receiving a data access request to a preset webpage initiated by a client;
the node position acquisition module is used for acquiring the node position of the preset webpage in the target video website system according to the data access request;
the target root node acquisition module is used for acquiring a target root node of the preset webpage in the target video website system according to the node position;
The target unique identification number acquisition module is used for monitoring the target root node through a preset interface to acquire a target unique identification number of the target root node;
the preset unique identification number acquisition module is used for acquiring the preset unique identification number of the preset webpage;
The data flow change trend data acquisition module is used for acquiring data flow change trend data of the preset webpage according to a matching result of the preset unique identification number and the target unique identification number;
and the data presentation module is used for returning the flow change trend data to the client.
In a third aspect, an embodiment of the present invention further provides a computer apparatus, including:
One or more processors;
a memory for storing one or more programs,
When the one or more programs are executed by the one or more processors, the one or more processors are caused to implement the data rendering method as claimed in any one of the first aspects.
In a fourth aspect, embodiments of the present invention also provide a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements a data rendering method according to any of the first aspects.
In this embodiment, a data access request to a preset webpage initiated by a client is received; acquiring the node position of the preset webpage in a target video website system according to the data access request; acquiring a target root node of the preset webpage in the target video website system according to the node position; monitoring the target root node through a preset interface to obtain a target unique identification number of the target root node; acquiring a preset unique identification number of the preset webpage; acquiring data flow change trend data of the preset webpage according to a matching result of the preset unique identification number and the target unique identification number; and returning the flow change trend data to the client. By accessing the video webpage data in the video website, the purposes of acquiring the data flow change trend data on the preset webpage and returning the data to the client for visual presentation through the node position of the preset webpage data in the target video system are achieved.
Drawings
Fig. 1 is a flowchart of a data rendering method according to a first embodiment of the present invention;
FIG. 2 is a simplified illustration of a list task queue provided in accordance with one embodiment of the present invention;
FIG. 3 is a diagram illustrating an exemplary data rendering process according to an embodiment of the present invention;
Fig. 4 is a schematic structural diagram of a data rendering device according to a second embodiment of the present invention;
fig. 5 is a schematic structural diagram of a computer device according to a third embodiment of the present invention.
Detailed Description
The invention is described in further detail below with reference to the drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting thereof. It should be further noted that, for convenience of description, only some, but not all of the structures related to the present invention are shown in the drawings.
Example 1
Fig. 1 is a flowchart of a data rendering method according to a first embodiment of the present invention, where the method may be performed by a data rendering device, and the data rendering device may be implemented by software and/or hardware, and may be configured in a computer device, for example, a server, a workstation, a personal computer, etc., and specifically includes the following steps:
Step 101, receiving a data access request to a preset webpage initiated by a client.
In the embodiment of the invention, in the short video playing platform, each short video page can be regarded as a webpage, the webpage content is short video, and the client is a user terminal using the short video playing platform.
In practical application, when a user opens a short video playing application, that is, a client initiates an access request for a short video webpage, the webpage containing the short video is the preset webpage in the step.
Step 102, acquiring the node position of the preset webpage in a target video website system according to the data access request.
In the embodiment of the invention, when the access request of the user for the short video webpage is received, the node position of the accessed video webpage in the video website system, namely the specific information such as the node level and the like of the node level of the accessed video webpage can be judged according to the attribute information such as the website node information and the node information of the webpage to be accessed contained in the access request.
Preferably, the data access request of the preset web page at least includes domain name information of the preset web page, and step 102 may include:
sub-step 1021, judging whether the preset webpage belongs to a target video website system according to the domain name information; the target video website system at least comprises DOM node attributes of all levels of webpages in the target video website system.
Specifically, since each short video playing application is presented in the form of a website, and each website has its own unique named DOM (Document Object Model ) attribute or style, when a web page is loaded, the browser creates the document object model of the page, so that it can be identified whether the currently accessed video page belongs to the target video website system according to the unique DOM attribute or style of the target video website system.
And step 1022, if the preset webpage belongs to the target video website system, extracting DOM node attributes of the preset webpage.
Further, if the preset webpage of the current user internet text is obtained according to the domain name information and belongs to the target video website system, DOM node attributes of the current webpage are obtained. The target video website system at least comprises DOM node attributes of all levels of webpages in the target video website system, all HTML elements are defined as objects, the programming interface is an object method and object attributes, and the DOM node attributes comprise names or contents of the nodes.
And 1023, matching the DOM node attribute of the preset webpage with the DOM node attribute of each level of webpage in the target video website system to obtain a matching result.
Specifically, the DOM node attribute of the web page generally includes INNERHTML element attribute, nodeName node name attribute, nodeValue node value attribute, nodeType node type attribute, and the target video website system may be represented by a DOM tree structure, where matching is performed between the DOM node attribute of the preset web page and the DOM tree node attribute where each level of web page is located, so as to obtain a matching result.
And step 1024, determining the node position of the preset webpage in the target video website system according to the matching result.
Further, when the matching is successful, the node name nodenname and the content nodeValue included in the DOM node attribute are obtained from the matching result, so that the node position of the node in the whole DOM node tree structure in the target video website system can be known.
And step 103, acquiring a target root node of the preset webpage in the target video website system according to the node position.
In the embodiment of the invention, after the node position of the preset webpage is obtained, the root node corresponding to the node, namely the target root node, can be obtained, and the process is generally understood as tracking the existing elements of the website through the existing elements of the webpage.
Aiming at the target video website system corresponding to the short video playing platform, the nodes rendered by different pages are different, for example, the video playing page is different from the detailed page of the man, and the node for judging whether each page symbolism exists in the current page is searched through keywords, so that the page in which the current page is located can be known.
And 104, monitoring the target root node through a preset interface to acquire a target unique identification number of the target root node.
In the embodiment of the invention, when the root node of the DOM node where the current access page is located is found, the root node is monitored through MutationObserver functions, wherein MutationObserver is an interface capable of monitoring DOM structure change, the capability of monitoring the change of the DOM tree is provided, and the monitoring can be established for the node by using a method of taking the node and the change callback as parameters.
The MutationObserver is called when the designated DOM changes, so that when the currently played video page or the corresponding video play list changes, update information including the unique identification number of the target root node corresponding to the changed video page can be timely obtained.
In practical application, as shown in fig. 2, when a user scrolls to load more videos or clicks to jump to a user detail page, a current page or a corresponding video play list changes, but the current access page is uniformly named as a preset webpage, a root node corresponding to the preset webpage is also named as a target root node, and the content of the preset webpage is continuously changed, so that a task queue is formed, and when the current page data needs to be extracted, the extracted page data is sequentially returned according to the queue task sequence generated according to the page change data sequence.
Step 105, obtaining a preset unique identification number of the preset webpage.
In the embodiment of the invention, the unique identification number of the current access page of the user is obtained, namely the preset unique identification number. The preset unique identification number can be an identification character or number named for the ID of the currently played video and the keyword.
In practical application, as shown in fig. 3, the preset unique identification number of the video page, that is, the ID may be a data-video-ID, and the preset unique identification number of the damming page, that is, the ID is named as video-author-uniqueid, and the obtaining of the ID is the obtaining of the ID of the video page or the damming page.
And step 106, acquiring data flow change trend data of the preset webpage according to a matching result of the preset unique identification number and the target unique identification number.
According to the embodiment of the invention, the aim of matching the broadcast video keywords with the hot keywords preset in the short video broadcast website can be achieved according to the matching result of the preset unique identification number of the current access webpage and the unique identification number of the target website, namely, the data-video-id and the video-author-uniqueid are matched with the preset keywords, the detailed information of the current video page or the damming page is extracted from the page, and the data flow change trend data of the page is obtained.
Preferably, step 106 may include:
and 1061, performing regular matching on the preset unique identification number and the target unique identification number to obtain an identification number matching result of successful matching.
Specifically, the page ID is extracted at the current access page: data-video-id or video-author-uniqueid, and performing regular matching with the target unique identification number of the root node corresponding to the short video playing website.
It will be appreciated that regular matching is generally used to verify user input, and after a user submits information, the information is generally expressed and stored in the form of characters, and to accurately determine the validity of the input information, it is insufficient to use common literal-based characters, so that a character cluster is required, and page specific information such as keywords corresponding to a page can be more effectively obtained by using an identification number matching result obtained by regular matching.
As shown in fig. 3, the process of regularly matching the acquired page ID with the target unique identification number is to match the acquired ID with the task queue.
A substep 1062, calling a rendering service interface with the identification number matching result as a parameter, and obtaining a rendering parameter within a preset date threshold of the preset webpage; the rendering parameters at least comprise one or more of play quantity, praise number, comment number, sharing ratio, label and music number of the medium video of the preset webpage.
Specifically, as shown in fig. 3, the rendering service interface is called by taking the identification number matching result containing the current page detailed information as a parameter, that is, page detailed information related to the matching result is called from big data according to the matching result.
It is to be understood that the page detailed information includes page data of play ratio, praise ratio, comment, share ratio, tag used, music used, and the like.
And step 107, returning the flow change trend data to the client.
In the embodiment of the invention, the obtained data flow change trend data is returned to the client according to a preset data rendering processing method and is presented to the user interface.
Preferably, the step 107 may include:
and 1071, after marking the rendering parameter with the preset unique identification number, inserting the rendering parameter into a preset response node of the target video website system, and setting a hook function.
Specifically, as shown in fig. 3, in practical application, list data loading is usually batch, which causes concurrent problems in processing of a program to cause page blocking, so that a render hook function of a render is adopted in a node inserting method.
As can be appreciated, the render () method is used to render a React element in the provided container parameter container, which contains 3 parameters, parameter 1: jsx (act virtual element), parameter 2: container (container: which container to put the element into), parameter 3: callback (callback function: callback function triggered when content is placed into a page for rendering).
Sub-step 1072, when receiving a call instruction of a hook function, rendering the rendering parameter number into data flow change trend data according to a preset hypertext markup language html template; the data flow change trend data is presented in at least one or more of images, tables or characters.
Specifically, according to the description of the steps, the first parameter of the hook function is a prefabricated html template, the second parameter is a marked dom node, namely the target root node mentioned before, the effect of an asynchronous task queue can be achieved by calling the preset rendering method again in the callback function of the third parameter, the next one is processed after the rendering of the dom node of the last one is processed in order, and therefore the program is not blocked or even dead due to running, and the influence on the browsing experience of a user is avoided.
It can be appreciated that, when a hook function call instruction is received, the hook function is called to acquire page detail data, and a presentation form of data, such as one or more of an image, a table or a text, is generated according to a preset html rendering template.
In practical application, the data presentation form may be static or dynamic, or may be customized according to the user's requirements, and the embodiment of the present invention is not limited in detail.
Preferably, the step 107 may further include:
Substep 1073, setting a response icon on the preset web page according to the preset response node.
Specifically, an icon which can be clicked is set on the web page as a response icon, and a response function is set as a response icon, and the response function can be set as a call instruction for triggering the hook function according to the current application.
Substep 1074, receiving a click operation of the response icon on the preset webpage initiated by the client, and generating a call instruction of the hook function;
Specifically, when the user clicks the response icon, a call instruction of the hook function may be generated from the response function call function.
And substep 1075, according to the call instruction of the hook function, acquiring data flow change trend data and returning to the client.
Specifically, the hook function is enabled to acquire page data including play ratio, praise ratio, comment, share ratio, tag used, music used, etc., and in practical application, data flow rate change trend data is calculated from the page data using the following data flow rate change trend formula, for example:
Praise ratio (Like Rate): number of times the video was praised (Likes)/number of times the video was played (Views x 100%):
Like Rate＝Likes/Views*100％；
comment ratio (Comment Rate): the number of video rated items (Commens)/the number of video plays (Views 100%)
Comment Rate＝Commens/Views*100％；
Sharing ratio (SHARES RATE): the number of times the video is shared (Shares)/the number of times the video is played (Views ×100%)
Shares Rate＝Shares/Views*100％；
Interaction ratio (ENGAGEMENT RATE): the video praise number, the sum of the comment number and the share number (Likes +Comments+ Shares)/the video play number (Views. 100%)
Engagement Rate＝(Likes+Comments+Shares)/Views*100％
It will be appreciated that the data flow rate change trend data may be within a preset period, for example, within 30 days, and of course, the period may be adjusted by a relevant technician according to actual requirements, which is not limited in the embodiment of the present invention.
In this embodiment, a data access request to a preset webpage initiated by a client is received; acquiring the node position of the preset webpage in a target video website system according to the data access request; acquiring a target root node of the preset webpage in the target video website system according to the node position; monitoring the target root node through a preset interface to obtain a target unique identification number of the target root node; acquiring a preset unique identification number of the preset webpage; acquiring data flow change trend data of the preset webpage according to a matching result of the preset unique identification number and the target unique identification number; and returning the flow change trend data to the client. By accessing the video webpage data in the video website, the purposes of acquiring the data flow change trend data on the preset webpage and returning the data to the client for visual presentation through the node position of the preset webpage data in the target video system are achieved.
It should be noted that, for simplicity of description, the method embodiments are shown as a series of acts, but it should be understood by those skilled in the art that the embodiments are not limited by the order of acts, as some steps may occur in other orders or concurrently in accordance with the embodiments. Further, those skilled in the art will appreciate that the embodiments described in the specification are presently preferred embodiments, and that the acts are not necessarily required by the embodiments of the invention.
Example two
Fig. 4 is a block diagram of a data rendering device according to a second embodiment of the present invention, where the device may specifically include the following modules:
a data access request receiving module 201, configured to receive a data access request for a preset webpage initiated by a client;
The node position obtaining module 202 is configured to obtain, according to the data access request, a node position of the preset webpage in a target video website system;
Preferably, in further embodiments of the present invention, the node position acquisition module 202 may include:
the judging sub-module is used for judging whether the preset webpage belongs to a target video website system according to the domain name information; the target video website system at least comprises DOM node attributes of all levels of webpages in the target video website system;
The DOM node attribute extraction sub-module is used for extracting DOM node attributes of the preset webpage if the preset webpage belongs to the target video website system;
The matching result obtaining sub-module is used for matching the DOM node attribute of the preset webpage with the DOM node attribute of each level of webpage in the target video website system to obtain a matching result;
and the node position determining sub-module is used for determining the node position of the preset webpage in the target video website system according to the matching result.
A target root node obtaining module 203, configured to obtain a target root node of the preset webpage in the target video website system according to the node position;
A target unique identifier obtaining module 204, configured to monitor the target root node through a preset interface, and obtain a target unique identifier of the target root node;
A preset unique identification number obtaining module 205, configured to obtain a preset unique identification number of the preset web page;
The data flow change trend data obtaining module 206 is configured to obtain data flow change trend data of the preset web page according to a matching result of the preset unique identification number and the target unique identification number;
preferably, in another embodiment of the present invention, the data flow rate change trend data obtaining module 206 may include:
The matching sub-module is used for carrying out regular matching on the preset unique identification number and the target unique identification number to obtain an identification number matching result of successful matching;
The rendering parameter obtaining sub-module is used for calling a rendering service interface by taking the identification number matching result as a parameter to obtain rendering parameters in a preset date threshold of the preset webpage; the rendering parameters at least comprise one or more of play quantity, praise number, comment number, sharing ratio, label and music number of the medium video of the preset webpage.
And the data presentation module 207 is used for returning the flow change trend data to the client.
Preferably, in another embodiment of the present invention, the data presenting module 207 may include:
The hook function setting sub-module is used for inserting the rendering parameters into the preset response nodes of the target video website system after marking the preset unique identification numbers, and setting a hook function;
The rendering sub-module is used for rendering the rendering parameter number into data flow change trend data according to a preset hypertext markup language (html) template when receiving a call instruction of a hook function; the data flow change trend data is presented in at least one or more of images, tables or characters.
Preferably, in another embodiment of the present invention, the data presenting module 207 may further include:
The response icon setting sub-module is used for setting a response icon on the preset webpage according to the preset response node;
The call instruction generation sub-module of the hook function is used for receiving click operation of the response icon on the preset webpage initiated by the client, and generating the call instruction of the hook function;
And the data flow change trend data acquisition sub-module is used for acquiring data flow change trend data according to the call instruction of the hook function and returning the data flow change trend data to the client.
The data rendering device provided by the embodiment of the invention can execute the data rendering method provided by any embodiment of the invention, and has the corresponding functional modules and beneficial effects of the execution method.
Example III
Fig. 5 is a schematic structural diagram of a computer device according to a third embodiment of the present invention. Fig. 5 illustrates a block diagram of an exemplary computer device 12 suitable for use in implementing embodiments of the present invention. The computer device 12 shown in fig. 4 is merely an example and should not be construed as limiting the functionality and scope of use of embodiments of the present invention.
As shown in FIG. 5, the computer device 12 is in the form of a general purpose computing device. Components of computer device 12 may include, but are not limited to: one or more processors or processing units 16, a system memory 28, a bus 18 that connects the various system components, including the system memory 28 and the processing units 16.
Bus 18 represents one or more of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, a processor, and a local bus using any of a variety of bus architectures. By way of example, and not limitation, such architectures include Industry Standard Architecture (ISA) bus, micro channel architecture (MAC) bus, enhanced ISA bus, video Electronics Standards Association (VESA) local bus, and Peripheral Component Interconnect (PCI) bus.
Computer device 12 typically includes a variety of computer system readable media. Such media can be any available media that is accessible by computer device 12 and includes both volatile and nonvolatile media, removable and non-removable media.
The system memory 28 may include computer system readable media in the form of volatile memory, such as Random Access Memory (RAM) 30 and/or cache memory 32. The computer device 12 may further include other removable/non-removable, volatile/nonvolatile computer system storage media. By way of example only, storage system 34 may be used to read from or write to non-removable, nonvolatile magnetic media (not shown in FIG. 5, commonly referred to as a "hard disk drive"). Although not shown in fig. 5, a magnetic disk drive for reading from and writing to a removable non-volatile magnetic disk (e.g., a "floppy disk"), and an optical disk drive for reading from or writing to a removable non-volatile optical disk (e.g., a CD-ROM, DVD-ROM, or other optical media) may be provided. In such cases, each drive may be coupled to bus 18 through one or more data medium interfaces. Memory 28 may include at least one program product having a set (e.g., at least one) of program modules configured to carry out the functions of embodiments of the invention.
A program/utility 40 having a set (at least one) of program modules 42 may be stored in, for example, memory 28, such program modules 42 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, each or some combination of which may include an implementation of a network environment. Program modules 42 generally perform the functions and/or methods of the embodiments described herein.
The computer device 12 may also communicate with one or more external devices 14 (e.g., keyboard, pointing device, display 24, etc.), one or more devices that enable a user to interact with the computer device 12, and/or any devices (e.g., network card, modem, etc.) that enable the computer device 12 to communicate with one or more other computing devices. Such communication may occur through an input/output (I/O) interface 22. Moreover, computer device 12 may also communicate with one or more networks such as a Local Area Network (LAN), a Wide Area Network (WAN) and/or a public network, such as the Internet, through network adapter 20. As shown, network adapter 20 communicates with other modules of computer device 12 via bus 18. It should be appreciated that although not shown, other hardware and/or software modules may be used in connection with computer device 12, including, but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, data backup storage systems, and the like.
The processing unit 16 executes various functional applications and data processing by running programs stored in the system memory 28, for example, implementing the data rendering method provided by the embodiment of the present invention.
Example IV
The fourth embodiment of the present invention further provides a computer readable storage medium, on which a computer program is stored, where the computer program when executed by a processor implements each process of the data rendering method described above, and the same technical effects can be achieved, and for avoiding repetition, a detailed description is omitted herein.
The computer readable storage medium may include, for example, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples (a non-exhaustive list) of the computer-readable storage medium would include the following: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In this document, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
Note that the above is only a preferred embodiment of the present invention and the technical principle applied. It will be understood by those skilled in the art that the present invention is not limited to the particular embodiments described herein, but is capable of various obvious changes, rearrangements and substitutions as will now become apparent to those skilled in the art without departing from the scope of the invention. Therefore, while the invention has been described in connection with the above embodiments, the invention is not limited to the embodiments, but may be embodied in many other equivalent forms without departing from the spirit or scope of the invention, which is set forth in the following claims.
Claims (8)
1. A method of rendering data, the method comprising:
Receiving a data access request for a preset webpage initiated by a client;
acquiring the node position of the preset webpage in a target video website system according to the data access request;
acquiring a target root node of the preset webpage in the target video website system according to the node position;
Monitoring the target root node through a preset interface to obtain a target unique identification number of the target root node;
Acquiring a preset unique identification number of the preset webpage;
Acquiring data flow change trend data of the preset webpage according to a matching result of the preset unique identification number and the target unique identification number;
Returning the flow change trend data to a client;
The obtaining the data flow variation trend data of the preset webpage according to the matching result of the preset unique identification number and the target unique identification number comprises the following steps:
performing regular matching on the preset unique identification number and the target unique identification number to obtain an identification number matching result of successful matching;
Calling a rendering service interface by taking the identification number matching result as a parameter, and acquiring rendering parameters in a preset date threshold of the preset webpage; the rendering parameters at least comprise one or more of play quantity, praise number, comment number, sharing ratio, label and music number of the medium video of the preset webpage.
2. The method according to claim 1, wherein the data access request of the preset web page at least includes domain name information of the preset web page, and the obtaining, according to the data access request, a node position of the preset web page in the target video website system includes:
Judging whether the preset webpage belongs to a target video website system or not according to the domain name information; the target video website system at least comprises DOM node attributes of all levels of webpages in the target video website system;
If the preset webpage belongs to the target video website system, extracting DOM node attributes of the preset webpage;
Matching DOM node attributes of the preset web pages with DOM node attributes of all levels of web pages in the target video website system to obtain matching results;
and determining the node position of the preset webpage in the target video website system according to the matching result.
3. The method of claim 2, wherein the step of returning the traffic trend data to the client comprises:
after marking the rendering parameter with the preset unique identification number, inserting the rendering parameter into a preset response node of the target video website system, and setting a hook function;
When a call instruction of a hook function is received, rendering the rendering parameters into data flow change trend data according to a preset hypertext markup language html template; the data flow change trend data is presented in at least one or more of images, tables or characters.
4. The method of claim 3, wherein the step of returning the traffic trend data to the client further comprises:
Setting a response icon on the preset webpage according to the preset response node;
receiving click operation of response icons on the preset webpage initiated by a client, and generating a call instruction of the hook function;
and acquiring data flow change trend data according to the call instruction of the hook function and returning the data flow change trend data to the client.
5. A data rendering apparatus, the apparatus comprising:
The data access request receiving module is used for receiving a data access request to a preset webpage initiated by a client;
the node position acquisition module is used for acquiring the node position of the preset webpage in the target video website system according to the data access request;
the target root node acquisition module is used for acquiring a target root node of the preset webpage in the target video website system according to the node position;
The target unique identification number acquisition module is used for monitoring the target root node through a preset interface to acquire a target unique identification number of the target root node;
the preset unique identification number acquisition module is used for acquiring the preset unique identification number of the preset webpage;
The data flow change trend data acquisition module is used for acquiring data flow change trend data of the preset webpage according to a matching result of the preset unique identification number and the target unique identification number;
The data presentation module is used for returning the flow change trend data to the client;
The data flow change trend data acquisition module comprises:
The matching sub-module is used for carrying out regular matching on the preset unique identification number and the target unique identification number to obtain an identification number matching result of successful matching;
The rendering parameter obtaining sub-module is used for calling a rendering service interface by taking the identification number matching result as a parameter to obtain rendering parameters in a preset date threshold of the preset webpage; the rendering parameters at least comprise one or more of play quantity, praise number, comment number, sharing ratio, label and music number of the medium video of the preset webpage.
6. The apparatus of claim 5, wherein the data access request of the preset web page at least includes domain name information of the preset web page, and the node location obtaining module includes:
the judging sub-module is used for judging whether the preset webpage belongs to a target video website system according to the domain name information; the target video website system at least comprises DOM node attributes of all levels of webpages in the target video website system;
The DOM node attribute extraction sub-module is used for extracting DOM node attributes of the preset webpage if the preset webpage belongs to the target video website system;
The matching result obtaining sub-module is used for matching the DOM node attribute of the preset webpage with the DOM node attribute of each level of webpage in the target video website system to obtain a matching result;
and the node position determining sub-module is used for determining the node position of the preset webpage in the target video website system according to the matching result.
7. A computer device, the computer device comprising:
One or more processors;
a memory for storing one or more programs,
The one or more programs, when executed by the one or more processors, cause the one or more processors to implement the data rendering method of any of claims 1-4.
8. A computer readable storage medium, characterized in that the computer readable storage medium has stored thereon a computer program which, when executed by a processor, implements the data rendering method according to any of claims 1-4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211308304.5A CN115665480B (en) | 2022-10-25 | 2022-10-25 | Data rendering method and device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211308304.5A CN115665480B (en) | 2022-10-25 | 2022-10-25 | Data rendering method and device, computer equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN115665480A CN115665480A (en) | 2023-01-31 |
| CN115665480B true CN115665480B (en) | 2024-06-07 |
Family
ID=84991361
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202211308304.5A Active CN115665480B (en) | 2022-10-25 | 2022-10-25 | Data rendering method and device, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115665480B (en) |
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104866512A (en) * | 2014-02-26 | 2015-08-26 | 腾讯科技（深圳）有限公司 | Method, device and system for extracting webpage content |
| CN106484383A (en) * | 2015-08-31 | 2017-03-08 | 阿里巴巴集团控股有限公司 | page rendering method, device and equipment |
| CN108846116A (en) * | 2018-06-26 | 2018-11-20 | 北京京东金融科技控股有限公司 | Page Impression collecting method, system, electronic equipment and storage medium |
| KR20190079013A (en) * | 2017-12-27 | 2019-07-05 | 서울대학교산학협력단 | Method for Location Identification Using Volunteered Geographic Information |
| CN110297962A (en) * | 2019-06-28 | 2019-10-01 | 北京金山安全软件有限公司 | Website resource crawling method, device, system and computer equipment |
| CN111026625A (en) * | 2019-11-15 | 2020-04-17 | 贝壳技术有限公司 | Method, device and storage medium for calculating page rendering time |
| CN111813682A (en) * | 2020-07-14 | 2020-10-23 | 北京达佳互联信息技术有限公司 | File modification method and device, server, intelligent terminal and storage medium |
| CN112347394A (en) * | 2020-11-30 | 2021-02-09 | 广州至真信息科技有限公司 | Method and device for acquiring webpage information, computer equipment and storage medium |
| CN113779446A (en) * | 2020-06-10 | 2021-12-10 | 北京奇虎科技有限公司 | Access request response method, device, system, equipment and storage medium |
| CN113901360A (en) * | 2021-10-25 | 2022-01-07 | 联想(北京)有限公司 | Data processing method and device and electronic equipment |
| CN114329298A (en) * | 2021-12-31 | 2022-04-12 | 北京海泰方圆科技股份有限公司 | Page presentation method and device, electronic equipment and storage medium |
| CN114528811A (en) * | 2022-01-21 | 2022-05-24 | 北京麦克斯泰科技有限公司 | Article content extraction method, device, equipment and storage medium |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20100089339A (en) * | 2009-02-03 | 2010-08-12 | 삼성전자주식회사 | Method and apparatus for generating and displaying image |
-
2022
- 2022-10-25 CN CN202211308304.5A patent/CN115665480B/en active Active
Patent Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104866512A (en) * | 2014-02-26 | 2015-08-26 | 腾讯科技（深圳）有限公司 | Method, device and system for extracting webpage content |
| CN106484383A (en) * | 2015-08-31 | 2017-03-08 | 阿里巴巴集团控股有限公司 | page rendering method, device and equipment |
| KR20190079013A (en) * | 2017-12-27 | 2019-07-05 | 서울대학교산학협력단 | Method for Location Identification Using Volunteered Geographic Information |
| CN108846116A (en) * | 2018-06-26 | 2018-11-20 | 北京京东金融科技控股有限公司 | Page Impression collecting method, system, electronic equipment and storage medium |
| CN110297962A (en) * | 2019-06-28 | 2019-10-01 | 北京金山安全软件有限公司 | Website resource crawling method, device, system and computer equipment |
| CN111026625A (en) * | 2019-11-15 | 2020-04-17 | 贝壳技术有限公司 | Method, device and storage medium for calculating page rendering time |
| CN113779446A (en) * | 2020-06-10 | 2021-12-10 | 北京奇虎科技有限公司 | Access request response method, device, system, equipment and storage medium |
| CN111813682A (en) * | 2020-07-14 | 2020-10-23 | 北京达佳互联信息技术有限公司 | File modification method and device, server, intelligent terminal and storage medium |
| CN112347394A (en) * | 2020-11-30 | 2021-02-09 | 广州至真信息科技有限公司 | Method and device for acquiring webpage information, computer equipment and storage medium |
| CN113901360A (en) * | 2021-10-25 | 2022-01-07 | 联想(北京)有限公司 | Data processing method and device and electronic equipment |
| CN114329298A (en) * | 2021-12-31 | 2022-04-12 | 北京海泰方圆科技股份有限公司 | Page presentation method and device, electronic equipment and storage medium |
| CN114528811A (en) * | 2022-01-21 | 2022-05-24 | 北京麦克斯泰科技有限公司 | Article content extraction method, device, equipment and storage medium |
Non-Patent Citations (1)
| Title |
|---|
| 一种垂直页面分割与信息提取方法的研究;李军;陈君;王玲芳;倪宏;;计算机应用研究;20130315(第03期);全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN115665480A (en) | 2023-01-31 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8893001B2 (en) | Strong password entry | |
| CN109684586B (en) | Page optimization display method and device, computer equipment and storage medium | |
| US8266524B2 (en) | Editing a document using a transitory editing surface | |
| CN102629273B (en) | Advertising information pushing method based on browser, device and browser system | |
| US10353721B2 (en) | Systems and methods for guided live help | |
| US20080010249A1 (en) | Relevant term extraction and classification for Wiki content | |
| CN110909279B (en) | Webpage rendering method and device, computer equipment and storage medium | |
| AU2009260643A1 (en) | Presenting advertisements based on web-page interaction | |
| US20110022943A1 (en) | Document object model (dom) application framework | |
| US20160004676A1 (en) | Displaying web pages | |
| CN113392358A (en) | Static resource preloading method and device | |
| CN109240664A (en) | A kind of method and terminal acquiring user behavior information | |
| CN113656737B (en) | Webpage content display method and device, electronic equipment and storage medium | |
| CN115665480B (en) | Data rendering method and device, computer equipment and storage medium | |
| CN112799760A (en) | Form rendering method and device | |
| Watanabe et al. | Fona: Quantitative metric to measure focus navigation on rich internet applications | |
| CN112597416B (en) | Webpage element display method and device, server and storage medium | |
| US20160078285A1 (en) | System and Method for Displaying an Object in a Tagged Image | |
| CN108268298A (en) | Generation method, device, storage medium and the electronic equipment of desktop icons | |
| CN114296852A (en) | Method and device for displaying target page, electronic equipment and storage medium | |
| CN113420042A (en) | Data statistics method, device, equipment and storage medium based on presentation | |
| US20140019845A1 (en) | Automatically notifying a computer user of internet content | |
| CN117520691B (en) | Method and device for displaying item data, storage medium and electronic equipment | |
| US11960560B1 (en) | Methods for analyzing recurring accessibility issues with dynamic web site behavior and devices thereof | |
| CN111338941B (en) | Information processing method and device, electronic 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 |