Webpage view refreshing method and device, electronic equipment and storage medium

Abstract

The invention discloses a webpage view refreshing method and device, electronic equipment and a storage medium. The method comprises the steps of obtaining a document object model tree and a view page corresponding to a target webpage; analyzing the document object model tree, and determining data binding information corresponding to the target webpage; obtaining a preset data model, and establishing a view model corresponding to the view page according to the data binding information and the data model; and in response to a data updating operation, obtaining operation data, and dynamically refreshing the view page by utilizing the view model according to the operation data. According to the method and the device, the webpage view can be dynamically refreshed, the problem of strong coupling between the application data and the view page can be solved, the data model, the view model and the view page are in a loose coupling relationship, the webpage refreshing efficiency is improved, the maintainability of codes is improved, and the method and the device can be widely applied to the technical field of front-end development.

Description

Technical Field

[0001] The present application relates to the field of front-end development technology, and in particular to a web page view refreshing method, device, electronic device and storage medium. Background Art

[0002] At present, the traditional HTML (Hypertext Markup Language) web page refresh method mainly includes the following two methods:

[0003] 1) With the help of controls such as Webbrowser, jsoup or Chromium, after loading and parsing the HTML page, use the API methods provided by the control to operate the elements of the HTML page to complete the display refresh of application data and receive user input.

[0004] 2) Through the JavaScript scripting language hosted in the HTML page, the elements of the page DOM are operated to complete the display refresh of application data and receive user input.

[0005] Traditional HTML web page refresh methods will bring serious strong coupling problems, that is, strong coupling problems between application data and HTML page nodes. For example, the application needs to manually operate the display of data on the HTML page and refresh the corresponding nodes on the HTML page after the data changes. Once the HTML page is changed, the application must also modify the corresponding code synchronously, resulting in low web page refresh efficiency and posing huge challenges to code maintainability. Summary of the invention

[0006] The main purpose of the embodiments of the present application is to propose a web page view refresh method, device, electronic device and storage medium, which can solve the problem of strong coupling between application data and view pages and improve the efficiency of web page refresh.

[0007] On the one hand, an embodiment of the present application provides a web page view refreshing method, the method comprising the following steps:

[0008] Get the document object model tree and view page corresponding to the target web page;

[0009] Parsing the document object model tree to determine data binding information corresponding to the target web page;

[0010] Obtain a preset data model, and establish a view model corresponding to the view page according to the data binding information and the data model;

[0011] In response to a data update operation, operation data is acquired, and the view page is dynamically refreshed according to the operation data using the view model.

[0012] In some embodiments, parsing the document object model tree to determine the data binding information corresponding to the target web page specifically includes:

[0013] Parsing the document object model tree, determining a plurality of page nodes and obtaining data binding information corresponding to each of the page nodes;

[0014] According to the data binding information corresponding to each of the page nodes, the data binding object corresponding to each of the page nodes is determined.

[0015] In some embodiments, the obtaining of a preset data model and establishing a view model corresponding to the view page according to the data binding information and the data model specifically includes:

[0016] constructing the view model;

[0017] Parsing the data binding objects corresponding to each of the page nodes, and determining the data binding source objects and data binding node objects corresponding to each of the page nodes;

[0018] Generate a data binding object list according to the data binding source objects and the data binding node objects corresponding to each of the page nodes, and establish the view model according to the data binding object list;

[0019] Determine the data storage binding interface corresponding to each of the data binding source objects in the data model, and bind the data storage binding interface corresponding to each of the data binding source objects to the view model.

[0020] In some embodiments, in response to the data update operation, obtaining the operation data, and dynamically refreshing the view page according to the operation data using the view model specifically includes:

[0021] In response to a first data update operation, first operation data is acquired, and the data model is synchronously updated and the view page is dynamically refreshed using the first operation data of the view model, wherein the first data update operation is a data update operation performed by a user on the view page;

[0022] In response to a second data update operation, second operation data is obtained, the data model is updated according to the second operation data, and the view page is dynamically refreshed according to the updated data model using the view model, wherein the second data update operation is a data update operation performed by the user in the data model.

[0023] In some embodiments, in response to the first data update operation, obtaining the first operation data, using the first operation data of the view model, synchronously updating the data model and dynamically refreshing the view page specifically includes:

[0024] Acquire the first operation data, determine a target data binding object corresponding to the first operation data from a plurality of the data binding objects using the view model, and determine a target node object according to the target data binding object, the target node object being the data binding node object corresponding to the target data binding object;

[0025] The view model is used to update the node binding display data corresponding to the target node object according to the first operation data, and the view page is dynamically refreshed according to the updated node binding display data.

[0026] In some embodiments, in response to the second data update operation, obtaining second operation data, updating the data model according to the second operation data, and dynamically refreshing the view page according to the updated data model using the view model specifically includes:

[0027] Determine a target data binding object corresponding to the second operation data from the plurality of data binding objects, and determine a target source object and a target node object according to the target data binding object, wherein the target source object is the data binding source object corresponding to the target data binding object, and the target node object is the data binding node object corresponding to the target data binding object;

[0028] According to the second operation data, dynamically update the target binding data of the target source object in the data model, and obtain the updated target binding data by using the view model through the data storage binding interface corresponding to the target source object;

[0029] The view model is used to dynamically update the node binding display data corresponding to the target node object in the view page according to the updated target binding data.

[0030] In some embodiments, when executing the step of obtaining first operation data in response to the first data update operation, synchronously updating the data model using the first operation data of the view model and dynamically refreshing the view page, the step further includes:

[0031] Determine a target source object according to the target data binding object, wherein the target source object is the data binding source object corresponding to the target data binding object;

[0032] The target binding data of the target source object in the data model is dynamically updated by using the view model according to the first operation data through the data storage binding interface corresponding to the target source object.

[0033] On the other hand, an embodiment of the present application provides a web page view refreshing device, the device comprising:

[0034] The first module is used to obtain the document object model tree and view page corresponding to the target web page;

[0035] The second module is used to parse the document object model tree to determine the data binding information corresponding to the target web page;

[0036] The third module is used to obtain a preset data model, and establish a view model corresponding to the view page according to the data binding information and the data model;

[0037] The fourth module is used to obtain operation data in response to the data update operation, and dynamically refresh the view page according to the operation data using the view model.

[0038] On the other hand, an embodiment of the present application provides an electronic device, which includes a memory and a processor, wherein the memory stores a computer program, and the processor implements the web page view refreshing method described above when executing the computer program.

[0039] On the other hand, an embodiment of the present application provides a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the web page view refreshing method described above is implemented.

[0040] The embodiments of the present application include at least the following beneficial effects: the present application provides a web page view refresh method, device, electronic device and storage medium, which obtains the document object model tree and view page corresponding to the target web page; parses the document object model tree to determine the data binding information corresponding to the target web page; obtains the preset data model, and establishes the view model corresponding to the view page according to the data binding information and the data model; in response to the data update operation, obtains the operation data, and uses the view model to dynamically refresh the view page according to the operation data. The present application can realize the dynamic refresh of the web page view, solve the problem of strong coupling between application data and view page, make the data model, view model and view page loosely coupled, improve the efficiency of web page refresh, and enhance the maintainability of code. BRIEF DESCRIPTION OF THE DRAWINGS

[0041] Figure 1 is a flow chart of a web page view refreshing method provided by an embodiment of the present application;

[0042] Figure 2 It is a structural schematic diagram of a web page view refreshing device provided in an embodiment of the present application;

[0043] Figure 3It is a schematic diagram of the hardware structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0044] In order to make the purpose, technical solutions and advantages of the present application clearer, the present application is further described in detail below in conjunction with the accompanying drawings and examples. It should be understood that the specific embodiments described herein are only used to explain the present application and are not intended to limit the present application. When the following description refers to the drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the embodiments of the present application. They are only examples of devices and methods consistent with some aspects of the embodiments of the present application as detailed in the attached claims.

[0045] It is understood that the terms "first", "second", etc. used in this application can be used to describe various concepts in this article, but unless otherwise specified, these concepts are not limited by these terms. These terms are only used to distinguish one concept from another concept. For example, without departing from the scope of the embodiment of the present application, the first information may also be referred to as the second information, and similarly, the second information may also be referred to as the first information. Depending on the context, the words "if" and "if" as used herein can be interpreted as "at the time of" or "when" or "in response to determination".

[0046] The terms "at least one", "multiple", "each", "any", etc. used in this application, at least one includes one, two or more, multiple includes two or more, each refers to each of the corresponding multiple, and any refers to any one of the multiple.

[0047] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as those commonly understood by those skilled in the art to which this application belongs. The terms used herein are only for the purpose of describing the embodiments of this application and are not intended to limit this application.

[0048] Reference Figure 1 , Figure 1 is an optional flow chart of a web page view refresh method provided in an embodiment of the present application. The method may include but is not limited to steps S101 to S104:

[0049] Step S101, obtaining the document object model tree and view page corresponding to the target web page;

[0050] Step S102, parsing the document object model tree to determine data binding information corresponding to the target web page;

[0051] Step S103, obtaining a preset data model, and establishing a view model corresponding to the view page according to the data binding information and the data model;

[0052] Step S104, in response to the data update operation, obtain the operation data, and dynamically refresh the view page according to the operation data using the view model.

[0053] In some embodiments, the view page, view model and data model are loosely coupled. Optionally, the view model obtains data from the data model through different data storage binding interfaces, and the view model responds to data update operations to dynamically refresh the view page.

[0054] In some embodiments, step S102 may include but is not limited to steps S201 to S202:

[0055] Step S201, parsing the document object model tree, determining multiple page nodes and obtaining data binding information corresponding to each page node;

[0056] Step S202: determining the data binding object corresponding to each page node according to the data binding information corresponding to each page node.

[0057] In some embodiments, the document object model tree is a DOM tree (Document Object Model tree) of a target web page, which is a logical structure model of a web page document. Each element, attribute and text in the web page document can be tracked and accessed through the DOM tree. The DOM tree is composed of a series of page nodes, and the page nodes may include but are not limited to the following types:

[0058] Element node: represents an element in an HTML document, such as 、 wait;

[0059] Text node: represents the text content in an element;

[0060] Attribute node: represents the attributes of an element, such as id, class, src, etc.;

[0061] Comment node: represents the comment content in the HTML document;

[0062] Document node: represents the entire document and is the root node of the DOM tree.

[0063] By parsing the DOM tree of the target web page, finding the data binding expression of each page node (such as the above data binding information), parsing the data binding expression of each page node, and determining the data binding object corresponding to each page node, the data binding expression describes the binding relationship between each page node in the view page and the application data in the data model.

[0064] In some embodiments, step S103 may include but is not limited to steps S301 to S303:

[0065] Step S301, parsing the data binding object corresponding to each page node, and determining the data binding source object and data binding node object corresponding to each page node;

[0066] Step S302, generating a data binding object list according to the data binding source objects and data binding node objects corresponding to each page node, and establishing a view model according to the data binding object list;

[0067] Step S303: determine the data storage binding interface corresponding to each data binding source object in the data model, and bind the data storage binding interface corresponding to each data binding source object to the view model.

[0068] In some embodiments, a data binding object refers to the process of binding the data of one object to another object during data binding. Specifically, data binding is the process of binding the data of one object to another object, usually involving a source attribute (such as the data binding source object mentioned above), a destination attribute (such as the data binding target object mentioned above) and a triggering event. Optionally, the data binding source object refers to the source object from which the web page obtains data, and the data binding target object refers to the object or control to which the data is bound during the data binding process, that is, the control or object corresponding to the page node.

[0069] Optionally, a data binding object is created based on the data binding expressions of each page node on the view page. At the same time, the data binding object is bound to the type of the corresponding page node and the data change method registered with the page node, such as the onchange event registered with the page node. The onchange event is used to monitor and receive text data entered by the user.

[0070] In some embodiments, the view model is a view module created according to the data binding object and the data model, including a data binding object list and a plurality of data storage binding interfaces.

[0071] In some embodiments, the data model can be used to store multiple application data, and each application data can be used by the target web page. Specifically, the view model obtains different application data from the data model through different data storage binding interfaces, and then binds the application data to different page nodes, dynamically renders the view page, and displays the application data in different forms on the view page.

[0072] In some embodiments, step S104 may include but is not limited to steps S401 to S402:

[0073] Step S401, in response to a first data update operation, obtaining first operation data, using the first operation data of the view model, synchronously updating the data model and dynamically refreshing the view page, wherein the first data update operation is a data update operation performed by the user in the view page;

[0074] Step S402, in response to a second data update operation, obtain second operation data, update the data model according to the second operation data, and dynamically refresh the view page according to the updated data model using the view model, wherein the second data update operation is a data update operation performed by the user in the data model.

[0075] In some embodiments, a data synchronization update mechanism is used to complete two-way binding of data, that is, data synchronization update from data model to view model to view, and data synchronization update from view model to view page and data model.

[0076] Specifically, in response to the first data update operation, the data synchronization update from the view model to the view page and the data model is completed: the user updates the data in the view page, such as entering data in a text box, the view model obtains the first operation data, and searches for the target page node on the DOM tree corresponding to the first operation data according to the data binding object list, binds the first operation data to the target page node, and realizes dynamic refresh of the view page. At the same time, the corresponding target application data in the data model is found through the data storage binding interface of the data binding source object corresponding to the target page node, and the target application data is updated according to the first operation data; in response to the second data update operation, the data synchronization update from the data model to the view model to the view is completed: the user updates the data in the data model, obtains the second operation data from the data model through the view model, searches for the target page node on the DOM tree corresponding to the first operation data according to the second operation data, binds the second operation data to the target page node, and realizes dynamic rendering of the view page.

[0077] In some embodiments, step S401 may include but is not limited to steps S501 to S502:

[0078] Step S501, obtaining first operation data, determining a target data binding object corresponding to the first operation data from multiple data binding objects using a view model, and determining a target node object according to the target data binding object, the target node object being a data binding node object corresponding to the target data binding object;

[0079] Step S502: using the view model to update the node binding display data corresponding to the target node object according to the first operation data, and dynamically refreshing the view page according to the updated node binding display data.

[0080] In some embodiments, the view model responds to a data update operation of the view page (such as the first data update operation mentioned above), determines the first operation data, finds the target page node corresponding to the first operation data in the DOM (that is, the object of the above target node), and then updates the node binding display data corresponding to the target node object according to the first operation data to realize dynamic refresh of the view page.

[0081] In some embodiments, the execution of step S502 may also include but is not limited to steps S601 to S602:

[0082] Step S601, determining a target source object according to a target data binding object, where the target source object is a data binding source object corresponding to the target data binding object;

[0083] Step S602: dynamically update the target binding data of the target source object in the data model by using the view model according to the first operation data and through the data storage binding interface corresponding to the target source object.

[0084] In some embodiments, the view model finds the application data source attribute corresponding to the first operation data in the data model (such as the target source object mentioned above), and updates the source attribute binding data corresponding to the application data source attribute in the data model (such as the target binding data mentioned above) according to the first operation data through the data storage binding interface corresponding to the target source object, thereby realizing synchronous update of the data model.

[0085] In some embodiments, step S402 may include, but is not limited to, steps S701 to S703:

[0086] Step S701, determining a target data binding object corresponding to the second operation data from a plurality of data binding objects, and determining a target source object and a target node object according to the target data binding object, wherein the target source object is the data binding source object corresponding to the target data binding object, and the target node object is the data binding node object corresponding to the target data binding object;

[0087] Step S702, dynamically updating the target binding data of the target source object in the data model according to the second operation data, and obtaining the updated target binding data through the data storage binding interface corresponding to the target source object by using the view model;

[0088] Step S703: dynamically update the node binding display data corresponding to the target node object in the view page according to the updated target binding data using the view model.

[0089] In some embodiments, optionally, a data frequency can be set for the view model to obtain data from the data model. Then, the view model obtains updated target binding data through the data storage binding interface corresponding to the target source object according to the preset data frequency. Then, based on the updated target binding data, the view model dynamically updates the node binding display data corresponding to the target node object in the view page to achieve dynamic refresh of the view page.

[0090] For example, in the banknote statistics display page of a money counter, since the counting speed of the money counter is too fast and the banknote statistics change quickly, if instant update is implemented, the page will be frequently rendered at an extremely fast speed, which will consume a lot of computing resources. In order to avoid frequent page rendering, the view model can be set to obtain the data frequency of the second operation data from the data model. The view model obtains the second operation data from the data model according to the preset data frequency, such as the constantly changing number of banknotes counted when the money counter is counting. Therefore, the view model can be used to dynamically refresh the view page according to the preset data frequency, thereby reducing the number of rendering refreshes of the view page and improving performance.

[0091] Reference Figure 2 , Figure 2 is an optional structural diagram of a web page view refreshing device provided in an embodiment of the present application, the device is used to implement the above web page view refreshing method, and the device may include:

[0092] The first module is used to obtain the document object model tree and view page corresponding to the target web page;

[0093] The second module is used to parse the document object model tree and determine the data binding information corresponding to the target web page;

[0094] The third module is used to obtain a preset data model and establish a view model corresponding to the view page according to the data binding information and the data model;

[0095] The fourth module is used to obtain operation data in response to the data update operation, and dynamically refresh the view page according to the operation data using the view model.

[0096] It can be understood that the contents of the above method embodiments are all applicable to the present device embodiments, the functions specifically implemented by the present device embodiments are the same as those of the above method embodiments, and the beneficial effects achieved are also the same as those achieved by the above method embodiments.

[0097] The embodiment of the present application also provides an electronic device, the electronic device includes a memory and a processor, the memory stores a computer program, and the processor implements the above web page view refreshing method when executing the computer program. The electronic device can be any smart terminal including a tablet computer.

[0098] It can be understood that the contents of the above method embodiments are all applicable to the present device embodiments, the functions specifically implemented by the present device embodiments are the same as those of the above method embodiments, and the beneficial effects achieved are also the same as those achieved by the above method embodiments.

[0099] See also Figure 3 , Figure 3 The hardware structure of an electronic device of another embodiment is illustrated, and the electronic device includes:

[0100] The processor 901 may be implemented by a general-purpose CPU (Central Processing Unit), a microprocessor, an application-specific integrated circuit (Application Specific Integrated Circuit, ASIC), or one or more integrated circuits, and is used to execute relevant programs to implement the technical solutions provided in the embodiments of the present application;

[0101] The memory 902 can be implemented in the form of a read-only memory (ROM), a static storage device, a dynamic storage device, or a random access memory (RAM). The memory 902 can store an operating system and other applications. When the technical solution provided in the embodiment of this specification is implemented by software or firmware, the relevant program code is stored in the memory 902, and the processor 901 calls and executes the web page view refresh method of the embodiment of this application;

[0102] Input / output interface 903, used to implement information input and output;

[0103] Communication interface 904, used to realize communication interaction between the device and other devices, which can be realized by wired mode (such as USB, network cable, etc.) or wireless mode (such as mobile network, WIFI, Bluetooth, etc.);

[0104] A bus 905 that transmits information between the various components of the device (e.g., the processor 901, the memory 902, the input / output interface 903, and the communication interface 904);

[0105] The processor 901 , the memory 902 , the input / output interface 903 and the communication interface 904 are connected to each other in communication within the device via a bus 905 .

[0106] An embodiment of the present application further provides a computer-readable storage medium, which stores a computer program. When the computer program is executed by a processor, the above-mentioned web page view refreshing method is implemented.

[0107] It can be understood that the contents of the above method embodiments are all applicable to the present storage medium embodiments, the functions specifically implemented by the present storage medium embodiments are the same as those of the above method embodiments, and the beneficial effects achieved are also the same as those achieved by the above method embodiments.

[0108] The memory, as a non-transient computer-readable storage medium, can be used to store non-transient software programs and non-transient computer executable programs. In addition, the memory may include a high-speed random access memory, and may also include a non-transient memory, such as at least one disk storage device, a flash memory device, or other non-transient solid-state storage device. In some embodiments, the memory may optionally include a memory remotely disposed relative to the processor, and these remote memories may be connected to the processor via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0109] Compared with the prior art, the embodiments of the present application can realize dynamic refresh of web page views, solve the problem of strong coupling between application data and view pages, make the data model, view model and view page loosely coupled, improve the efficiency of web page refresh, and enhance the maintainability of code.

[0110] The embodiments described in the embodiments of the present application are intended to more clearly illustrate the technical solutions of the embodiments of the present application and do not constitute a limitation on the technical solutions provided in the embodiments of the present application. Those skilled in the art will appreciate that with the evolution of technology and the emergence of new application scenarios, the technical solutions provided in the embodiments of the present application are also applicable to similar technical problems.

[0111] Those skilled in the art will appreciate that the technical solutions shown in the figures do not constitute a limitation on the embodiments of the present application, and may include more or fewer steps than shown in the figures, or a combination of certain steps, or different steps.

[0112] The device embodiments described above are merely illustrative, and the units described as separate components may or may not be physically separated, that is, they may be located in one place or distributed on multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0113] Those skilled in the art will appreciate that all or some of the steps in the methods disclosed above, and the functional modules / units in the systems and devices may be implemented as software, firmware, hardware, or a suitable combination thereof.

[0114] The terms "first", "second", "third", "fourth", etc. (if any) in the specification of the present application and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable where appropriate, so that the embodiments of the present application described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any of their variations are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device comprising a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0115] The preferred embodiments of the present invention are described above with reference to the accompanying drawings, but the scope of the rights of the present invention is not limited thereto. Any modification, equivalent substitution and improvement made by a person skilled in the art without departing from the scope and essence of the present invention should be within the scope of the rights of the present invention.

Claims

1. A web page view refreshing method, characterized in that: The method comprises the following steps: Get the document object model tree and view page corresponding to the target web page; Parsing the document object model tree to determine data binding information corresponding to the target web page; Obtain a preset data model, and establish a view model corresponding to the view page according to the data binding information and the data model; In response to a data update operation, operation data is acquired, and the view page is dynamically refreshed according to the operation data using the view model.

2. The web page view refreshing method according to claim 1, characterized in that: The step of parsing the document object model tree to determine the data binding information corresponding to the target web page specifically includes: Parsing the document object model tree, determining a plurality of page nodes and obtaining data binding information corresponding to each of the page nodes; According to the data binding information corresponding to each of the page nodes, the data binding object corresponding to each of the page nodes is determined.

3. The web page view refreshing method according to claim 2, characterized in that: The obtaining of a preset data model and establishing a view model corresponding to the view page according to the data binding information and the data model specifically includes: constructing the view model; Parsing the data binding objects corresponding to each of the page nodes, and determining the data binding source objects and data binding node objects corresponding to each of the page nodes; Generate a data binding object list according to the data binding source objects and the data binding node objects corresponding to each of the page nodes, and establish the view model according to the data binding object list; Determine the data storage binding interface corresponding to each of the data binding source objects in the data model, and bind the data storage binding interface corresponding to each of the data binding source objects to the view model.

4. The web page view refreshing method according to claim 3, characterized in that: The step of obtaining the operation data in response to the data update operation and dynamically refreshing the view page according to the operation data by using the view model specifically includes: In response to a first data update operation, first operation data is acquired, and the data model is synchronously updated and the view page is dynamically refreshed using the first operation data of the view model, wherein the first data update operation is a data update operation performed by a user on the view page; In response to a second data update operation, second operation data is obtained, the data model is updated according to the second operation data, and the view page is dynamically refreshed according to the updated data model using the view model, wherein the second data update operation is a data update operation performed by the user in the data model.

5. The web page view refreshing method according to claim 4, characterized in that: The step of obtaining first operation data in response to the first data update operation, synchronously updating the data model and dynamically refreshing the view page by using the first operation data of the view model specifically includes: Acquire the first operation data, determine a target data binding object corresponding to the first operation data from a plurality of the data binding objects using the view model, and determine a target node object according to the target data binding object, the target node object being the data binding node object corresponding to the target data binding object; The view model is used to update the node binding display data corresponding to the target node object according to the first operation data, and the view page is dynamically refreshed according to the updated node binding display data.

6. The web page view refreshing method according to claim 4, characterized in that: The step of obtaining second operation data in response to the second data update operation, updating the data model according to the second operation data, and dynamically refreshing the view page according to the updated data model using the view model specifically includes: Determine a target data binding object corresponding to the second operation data from the plurality of data binding objects, and determine a target source object and a target node object according to the target data binding object, wherein the target source object is the data binding source object corresponding to the target data binding object, and the target node object is the data binding node object corresponding to the target data binding object; According to the second operation data, dynamically update the target binding data of the target source object in the data model, and obtain the updated target binding data by using the view model through the data storage binding interface corresponding to the target source object; The view model is used to dynamically update the node binding display data corresponding to the target node object in the view page according to the updated target binding data.

7. The web page view refreshing method according to claim 5, characterized in that: When executing the step of obtaining the first operation data in response to the first data update operation, synchronously updating the data model and dynamically refreshing the view page by using the first operation data of the view model, the step further includes: Determine a target source object according to the target data binding object, wherein the target source object is the data binding source object corresponding to the target data binding object; The target binding data of the target source object in the data model is dynamically updated by using the view model according to the first operation data through the data storage binding interface corresponding to the target source object.

8. A web page view refreshing device, characterized in that: The device comprises: The first module is used to obtain the document object model tree and view page corresponding to the target web page; The second module is used to parse the document object model tree to determine the data binding information corresponding to the target web page; The third module is used to obtain a preset data model, and establish a view model corresponding to the view page according to the data binding information and the data model; The fourth module is used to obtain operation data in response to the data update operation, and dynamically refresh the view page according to the operation data using the view model.

9. An electronic device, characterized in that: The electronic device comprises a memory and a processor, the memory stores a computer program, and the processor implements the web page view refreshing method according to any one of claims 1 to 7 when executing the computer program.

10. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the web page view refreshing method according to any one of claims 1 to 7 is implemented.

Images