CN110659299B - Data update method and device, front-end development client - Google Patents

Abstract

The invention provides a method and a device for updating data and a front-end development client, wherein the method comprises the following steps: acquiring an update request of source data, wherein the update request carries the source data and update response information, and the update response information is used for indicating an update type of the source data; acquiring target data according to the updating request and generating an updating record of the source data; sending the target data to a display component to cause the display component to update the source data with the target data. The invention solves the technical problem that the related technology is easy to cause the coupling of the components and the services when updating the data, can reduce the quantity of injected services of the components, avoid the coupling of the components and the services, also can avoid the components from updating the same data for many times, and reduces the performance loss of a software system.

Description

Data update method and device, front-end development client

technical field

The present invention relates to the field of computers, and in particular, to a method and device for updating data, and a front-end development client.

Background technique

In the related art, the software includes a front-end and a back-end, which respectively require corresponding tools for development.

In related technologies, Angular, as one of the mainstream frameworks for front-end development, usually uses services to cache the intermediate data state, and then through dependency injection, the components that introduce the service can share the cached data and have permission to modify it, so it is easy to Causes components to tamper with cached data and cause errors that cannot be traced. After another component changes the cached data, it needs to synchronize the data to other components that reference the same service. Although it can be solved by injecting services that deal with synchronization problems, the more types of cached data, the more services are needed. Components injecting too many services will cause serious coupling, and components will update the same data multiple times, resulting in performance loss. In order to solve the above problems, a responsive intermediate state management method is proposed to make data transmission transparent and synchronize data automatically.

For the above problems existing in the related art, no effective solution has been found so far.

SUMMARY OF THE INVENTION

Embodiments of the present invention provide a data update method and device, and a front-end development client.

According to an embodiment of the present invention, a data update method is provided, comprising: acquiring an update request for source data, wherein the update request carries the source data and update response information, and the update response information is used to indicate update type of the source data; acquire target data according to the update request, and generate an update record of the source data; send the target data to the display component, so that the display component uses the target data to update the source data.

Optionally, the update request for acquiring source data includes one of the following: a first update request for acquiring first source data, the first update request carrying the first source data and first update response information, the first update request The update response information is used to instruct to use local data to update the first source data; obtain a second update request for the second source data, the second update request carries the second source data and the second update response information, the The second update response information is used to indicate that the first source data is updated using remote data.

Optionally, acquiring target data according to the update request, and generating an update record of the source data, includes: parsing the update request in the middleware, and determining the update type of the source data; when the update type is remote When updating, the middleware obtains update parameters from the source data, and requests the back-end application programming interface API to query target data according to the update parameters; when the target data request is successful, the middleware responds A callback function in the source data, so that the callback function transmits the target data from the middleware to the state manager, and generates an update record of the source data, wherein the update record includes: update Time, the source data, the target data.

Optionally, the method further includes: when the target data request fails, generating error information in the middleware, and broadcasting the error information from the middleware to the subscribed functional components, wherein the The error message is used to indicate that the source data update fails.

Optionally, acquiring target data according to the update request, and generating an update record of the source data, includes: parsing the update request in the middleware, and determining the update type of the source data; when the update type is direct When updating, the source data is transmitted to the state manager through the middleware, and the state manager locally queries the target data according to the source data request; the state manager uses the target data to update the source data Then, an update record of the source data is generated, wherein the update record includes: update time, the source data, and the target data.

According to another embodiment of the present invention, an apparatus for updating data is provided, comprising: an acquisition module configured to acquire an update request for source data, wherein the update request carries the source data and update response information, and the The update response information is used to indicate the update type of the source data; the processing module is used to obtain the target data according to the update request and generate an update record of the source data; the sending module is used to send the target data to the display component data to cause the display component to update the source data with the target data.

Optionally, the obtaining module includes one of the following: a first obtaining unit, configured to obtain a first update request of the first source data, where the first update request carries the first source data and the first update response information , the first update response information is used to instruct the use of local data to update the first source data; the second acquisition unit is used to acquire a second update request of the second source data, where the second update request carries the first update request. Second source data and second update response information, where the second update response information is used to instruct to use remote data to update the first source data.

Optionally, the processing module includes: a determining unit, configured to parse the update request in the middleware, and determine the update type of the source data; a first processing unit, configured to, when the update type is remote update, The middleware obtains update parameters from the source data, and requests the back-end application programming interface API to query target data according to the update parameters; the first recording unit is used to record the target data when the target data request is successful. The middleware responds to the callback function in the source data, so that the callback function transfers the target data from the middleware to the state manager, and generates an update record of the source data, wherein the update The record includes: update time, the source data, and the target data.

Optionally, the processing module further includes: a broadcasting unit, configured to generate error information in the middleware when the target data request fails, and broadcast the error information from the middleware to subscribed users. The functional component, wherein the error information is used to indicate that the source data update fails.

Optionally, the processing module includes: a determination unit, configured to parse the update request in the middleware, and determine the update type of the source data; a second processing unit, configured to, when the update type is direct update, The source data is transmitted to the state manager through the middleware, and the state manager locally queries the target data according to the source data request; a second recording unit is used to update the state manager using the target data After the source data is obtained, an update record of the source data is generated, wherein the update record includes: update time, the source data, and the target data.

According to another embodiment of the present invention, a front-end development client is provided, including: a functional component, a display component, a state manager, and a middleware, wherein the middleware includes the apparatus described in the above embodiment.

According to yet another embodiment of the present invention, a storage medium is also provided, wherein a computer program is stored in the storage medium, wherein the computer program is configured to execute the steps in any one of the above method embodiments when running.

According to yet another embodiment of the present invention, there is also provided an electronic device comprising a memory and a processor, wherein the memory stores a computer program, the processor is configured to run the computer program to execute any of the above Steps in Method Examples.

According to the present invention, the update request of the source data is obtained, then the target data is obtained according to the update request, the update record of the source data is generated, and finally the target data is sent to the display component, so that the display component uses the The target data updates the source data. By generating the update record of the update process and actively sending the target data to be updated to the display component, the technical problem that the related technology is likely to cause the coupling of the component and the service when updating the data is solved, and the injection of the component can be reduced. The number of services can avoid the coupling between components and services, and it can also prevent components from updating the same data multiple times, reducing the performance loss of the software system.

Description of drawings

The accompanying drawings described herein are used to provide a further understanding of the present invention and constitute a part of the present application. The exemplary embodiments of the present invention and their descriptions are used to explain the present invention and do not constitute an improper limitation of the present invention. In the attached image:

1 is a structural block diagram of a computer for data updating according to an embodiment of the present invention;

2 is a flowchart of a method for updating data according to an embodiment of the present invention;

3 is an interactive schematic diagram of data update according to an embodiment of the present invention;

4 is a structural block diagram of an apparatus for data updating according to an embodiment of the present invention;

FIG. 5 is a connection diagram of a front-end development client according to an embodiment of the present invention.

Detailed ways

Hereinafter, the present invention will be described in detail with reference to the accompanying drawings and in conjunction with embodiments. It should be noted that the embodiments in the present application and the features of the embodiments may be combined with each other in the case of no conflict.

It should be noted that the terms "first", "second" and the like in the description and claims of the present invention and the above drawings are used to distinguish similar objects, and are not necessarily used to describe a specific sequence or sequence.

Example 1

The method embodiment provided in the first embodiment of the present application may be executed in a computer, a front-end development client, middleware, a front-end development device, and other similar computing devices. Taking running on a computer as an example, FIG. 1 is a structural block diagram of a computer for data updating according to an embodiment of the present invention. As shown in FIG. 1 , the computer 10 may include one or more (only one is shown in FIG. 1 ) processing A processor 102 (the processor 102 may include, but is not limited to, a processing device such as a microprocessor MCU or a programmable logic device FPGA, etc.) and a memory 104 for storing data, optionally, the above computer may also include a transmission for communication functions device 106 and input and output devices 108. Those of ordinary skill in the art can understand that the structure shown in FIG. 1 is only a schematic diagram, which does not limit the structure of the above-mentioned computer. For example, computer 10 may also include more or fewer components than shown in FIG. 1 , or have a different configuration than that shown in FIG. 1 .

The memory 104 can be used to store computer programs, for example, software programs and modules of application software, such as a computer program corresponding to a data update control method in the embodiment of the present invention. The processor 102 runs the computer program stored in the memory 104 by running the computer program. , so as to perform various functional applications and data processing, that is, to implement the above method. Memory 104 may include high-speed random access memory, and may also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some examples, memory 104 may further include memory located remotely from processor 102, which may be connected to computer 10 through a network. Examples of such networks include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

Transmission means 106 are used to receive or transmit data via a network. The specific example of the above-mentioned network may include a wireless network provided by the communication provider of the computer 10 . In one example, the transmission device 106 includes a network adapter (Network Interface Controller, NIC for short), which can be connected to other network devices through a base station so as to communicate with the Internet. In one example, the transmission device 106 may be a radio frequency (Radio Frequency, RF for short) module, which is used to communicate with the Internet in a wireless manner.

A method for updating data is provided in this embodiment, and FIG. 2 is a flowchart of a method for updating data according to an embodiment of the present invention. As shown in FIG. 2 , the process includes the following steps:

Step S202, obtaining an update request of the source data, wherein the update request carries the source data and update response information, and the update response information is used to indicate the update type of the source data;

In this embodiment, the update request can be acquired by detecting the user operation of the display component.

Step S204, obtaining target data according to the update request, and generating an update record of the source data;

The update record in this embodiment is used to record and store the update process of the source data. When an object is updated for many times, it can be recorded by means of a time axis.

Step S206, sending the target data to the display component, so that the display component uses the target data to update the source data.

Optionally, the target data can be sent through the functional component, the target data is first sent to the functional component, and then the functional component is transmitted to the display component.

Through the above steps, the update request of the source data is obtained, then the target data is obtained according to the update request, the update record of the source data is generated, and finally the target data is sent to the display component, so that the display component uses the The target data updates the source data. By generating the update record of the update process and actively sending the target data to be updated to the display component, the technical problem that the related technology is likely to cause the coupling of the component and the service when updating the data is solved, and the injection of the component can be reduced. The number of services can avoid the coupling between components and services, and it can also prevent components from updating the same data multiple times, reducing the performance loss of the software system.

In this embodiment, the update request for obtaining source data may be, but is not limited to:

Obtain the first update request for the first source data. The first update request carries the first source data and the first update response information. The first update response information is used to instruct the use of local data to update the first source data; the first source data is an entity Data such as objects, symbols, etc. This update type directly overwrites the original data (source data) with the local update data.

Obtain a second update request for the second source data, where the second update request carries the second source data and second update response information, where the second update response information is used to instruct the use of remote data to update the first source data. The second source data is a function with a callback, and the callback function responds to other specific actions to realize data update. This update type remotely obtains the data to be updated (target data) from the backend API.

In this embodiment, the target data can be acquired in various ways. According to the different update types, the components fetched inside the device are different. The following is a detailed description:

In an implementation of this embodiment, the target data is acquired according to the update request, and the update record of the source data is generated, including:

S11, parse the update request in the middleware, and determine the update type of the source data;

S12, when the update type is remote update, the middleware obtains update parameters from the source data, and requests the back-end application programming interface API to query the target data according to the update parameters;

S13, when the target data request is successful, the middleware responds to the callback function in the source data, so that the callback function transfers the target data from the middleware to the state manager, and generates an update record of the source data, wherein the update record includes: update time, source data, target data.

Optionally, in another aspect of this embodiment, when the target data request fails, the middleware generates error information, and broadcasts the error information from the middleware to the subscribed functional components, wherein the error information is used to indicate the source Data update failed.

In another implementation of this embodiment, the target data is acquired according to the update request, and an update record of the source data is generated, including:

S21, parse the update request in the middleware, and determine the update type of the source data;

S21, when the update type is direct update, the source data is transmitted to the state manager through the middleware, and the state manager locally queries the target data according to the source data request;

S23. After the state manager uses the target data to update the source data, an update record of the source data is generated, wherein the update record includes: update time, source data, and target data.

3 is a schematic diagram of interaction of data update according to an embodiment of the present invention. The interaction objects include display components, functional components, middleware, and state managers in the same client. The interaction process includes:

S1. The user submits the data to be updated (source data) and the response action to the middleware (such as step ①) through the operation in the display component, such as clicking the button, etc. The response action can be divided into the following two types:

1) Direct update, that is, the update data (target data) is directly overwritten with the original data, and the data to be updated is usually an entity object;

2) Remote update, obtain other data to be updated from the back-end API, the data to be updated is usually a function with a callback, and the callback function responds to other specific actions to update the data to be updated;

S2. After receiving the data to be updated, the middleware determines whether to update directly or remotely through a response action.

For direct update, the data to be updated is transmitted to the state management (such as step ②), the state management updates the corresponding data (such as step ③), and the update process is recorded; for remote update, the middleware notifies the state management update action start field (such as step ②③), Obtain parameters from the data to be updated, obtain data from the back-end API (such as step ④), and return the data (such as step ⑤). If the request is successful, it responds to the callback function in the data to be updated, the callback function transfers the acquired data to the state management update, and updates the action end field (such as step ②③). If the request fails, the error information is returned to the functional component, and the functional component performs exception handling (such as step ⑦), and records the update process.

S3. State management provides observable objects for all cached data, middleware provides observable objects for failed requests, and functional components subscribe respectively to receive updated data and request error information. Since state management and middleware notify data updates through broadcast, the cached data obtained by all subscribed components is the same, and they all respond synchronously. The functional component will pass the received data to the display component, and the view will be updated synchronously. The functional component can also perform abnormal processing on the data that the request fails to avoid abnormal updating of the data. All processes are available in the additional function record for the data transfer process.

In the client-side environment, because most of the request interfaces are performed asynchronously, it is necessary to ensure the return order and correctness of the acquired data. From the architecture diagram, we can see that the back-end server retrieves the content from the database and returns it to the middleware. The functions of the middleware in this embodiment include: recording the sequence of data return, and the sequence returned by each interface is recorded through a log to form a time axis; verifying the correctness of the data, and returning to the next unit if the data format is correct, if the format is incorrect Then filter it and return the error message in a unified format to the component to ensure that the client page is displayed normally. Send the data that needs to be cached to the state manager. The component subscribes to the state manager. After monitoring the data update, the state manager will broadcast and deliver the updated data to all subscribed components.

In this embodiment, by introducing middleware, action response and data processing are performed between the component and the state manager, and additional functions such as log management are provided to track data updates. Manage the way components modify cached data, and provide tracking to make data transmission transparent, components update data, and automatically synchronize updates to components that introduce the same cached data.

From the description of the above embodiments, those skilled in the art can clearly understand that the method according to the above embodiment can be implemented by means of software plus a necessary general hardware platform, and of course can also be implemented by hardware, but in many cases the former is better implementation. Based on this understanding, the technical solutions of the present invention can be embodied in the form of software products in essence or the parts that make contributions to the prior art, and the computer software products are stored in a storage medium (such as ROM/RAM, magnetic disk, CD-ROM), including several instructions to make a terminal device (which may be a mobile phone, a computer, a server, or a network device, etc.) to execute the methods described in the various embodiments of the present invention.

Example 2

In this embodiment, a data update apparatus, a front-end development client, is also provided, which is used to implement the above-mentioned embodiments and preferred implementations, and what has been described will not be repeated. As used below, the term "module" may be a combination of software and/or hardware that implements a predetermined function. Although the apparatus described in the following embodiments is preferably implemented in software, implementations in hardware, or a combination of software and hardware, are also possible and contemplated.

The embodiment provides an apparatus for updating data. FIG. 4 is a structural block diagram of an apparatus for updating data according to an embodiment of the present invention. The apparatus includes: an acquisition module 40 , a processing module 42 , and a sending module 44 .

an obtaining module 40, configured to obtain an update request of the source data, wherein the update request carries the source data and update response information, and the update response information is used to indicate the update type of the source data;

a processing module 42, configured to obtain target data according to the update request, and generate an update record of the source data;

The sending module 44 is configured to send the target data to the display component, so that the display component uses the target data to update the source data.

Optionally, optionally, the obtaining module includes one of the following: a first obtaining unit, configured to obtain a first update request of the first source data, where the first update request carries the first source data and the first update request. an update response information, the first update response information is used to instruct the use of local data to update the first source data; a second acquisition unit is used to acquire a second update request for the second source data, the second update request Carrying the second source data and second update response information, where the second update response information is used to instruct to use remote data to update the first source data.

Optionally, the processing module includes: a determining unit, configured to parse the update request in the middleware, and determine the update type of the source data; a first processing unit, configured to, when the update type is remote update, The middleware obtains update parameters from the source data, and requests the back-end application programming interface API to query target data according to the update parameters; the first recording unit is used to record the target data when the target data request is successful. The middleware responds to the callback function in the source data, so that the callback function transfers the target data from the middleware to the state manager, and generates an update record of the source data, wherein the update The record includes: update time, the source data, and the target data.

Optionally, the processing module further includes: a broadcasting unit, configured to generate error information in the middleware when the target data request fails, and broadcast the error information from the middleware to subscribed users. The functional component, wherein the error information is used to indicate that the source data update fails.

Optionally, the processing module includes: a determination unit, configured to parse the update request in the middleware, and determine the update type of the source data; a second processing unit, configured to, when the update type is direct update, The source data is transmitted to the state manager through the middleware, and the state manager locally queries the target data according to the source data request; a second recording unit is used to update the state manager using the target data After the source data is obtained, an update record of the source data is generated, wherein the update record includes: update time, the source data, and the target data.

The embodiment also provides a front-end development client. FIG. 5 is a connection diagram of a front-end development client according to an embodiment of the present invention, which at least includes: a functional component 50, a display component 52, a state manager 54, and a middleware 56, wherein , the middleware includes the device described in the above embodiment.

It should be noted that the above modules can be implemented by software or hardware, and the latter can be implemented in the following ways, but not limited to this: the above modules are all located in the same processor; or, the above modules can be combined in any combination The forms are located in different processors.

Example 3

An embodiment of the present invention further provides a storage medium, where a computer program is stored in the storage medium, wherein the computer program is configured to execute the steps in any one of the above method embodiments when running.

Optionally, in an aspect of this embodiment, the above-mentioned storage medium may be configured to store a computer program for performing the following steps:

S1. Obtain an update request for source data, wherein the update request carries the source data and update response information, where the update response information is used to indicate the update type of the source data;

S2, acquire target data according to the update request, and generate an update record of the source data;

S3: Send the target data to the display component, so that the display component updates the source data using the target data.

Optionally, in this embodiment, the above-mentioned storage medium may include but is not limited to: a USB flash drive, a read-only memory (Read-Only Memory, referred to as ROM), a random access memory (Random Access Memory, referred to as RAM), Various media that can store computer programs, such as removable hard disks, magnetic disks, or optical disks.

An embodiment of the present invention also provides an electronic device, comprising a memory and a processor, where a computer program is stored in the memory, and the processor is configured to run the computer program to execute the steps in any of the above method embodiments.

Optionally, the above-mentioned electronic device may further include a transmission device and an input-output device, wherein the transmission device is connected to the above-mentioned processor, and the input-output device is connected to the above-mentioned processor.

Optionally, in an aspect of this embodiment, the above-mentioned processor may be configured to execute the following steps through a computer program:

S1. Obtain an update request for source data, wherein the update request carries the source data and update response information, where the update response information is used to indicate the update type of the source data;

S2, acquire target data according to the update request, and generate an update record of the source data;

S3: Send the target data to the display component, so that the display component updates the source data using the target data.

Optionally, for specific examples in this embodiment, reference may be made to the examples described in the foregoing embodiments and optional implementation manners, and details are not described herein again in this embodiment.

Obviously, those skilled in the art should understand that the above-mentioned modules or steps of the present invention can be implemented by a general-purpose computing device, which can be centralized on a single computing device, or distributed in a network composed of multiple computing devices Alternatively, they may be implemented in program code executable by a computing device, such that they may be stored in a storage device and executed by the computing device, and in some cases, in a different order than here The steps shown or described are performed either by fabricating them separately into individual integrated circuit modules, or by fabricating multiple modules or steps of them into a single integrated circuit module. As such, the present invention is not limited to any particular combination of hardware and software.

The above descriptions are only preferred embodiments of the present invention, and are not intended to limit the present invention. For those skilled in the art, the present invention may have various modifications and changes. Any modification, equivalent replacement, improvement, etc. made within the principle of the present invention shall be included within the protection scope of the present invention.

Claims (10)

1. A method of data updating, comprising:

acquiring an update request of source data, wherein the update request carries the source data and update response information, the update response information is used for indicating an update type of the source data, and the update type is direct update or remote update;

acquiring target data according to the updating request and generating an updating record of the source data;

sending the target data to a display component to cause the display component to update the source data with the target data.

2. The method of claim 1, wherein obtaining the update request for the source data comprises one of:

acquiring a first update request of first source data, wherein the first update request carries the first source data and first update response information, and the first update response information is used for indicating that local data is used for updating the first source data;

and acquiring a second update request of second source data, wherein the second update request carries the second source data and second update response information, and the second update response information is used for indicating that the first source data is updated by using remote data.

3. The method of claim 1, wherein obtaining target data according to the update request and generating an update record of the source data comprises:

analyzing the updating request in the middleware to determine the updating type of the source data;

when the update type is remote update, the middleware acquires update parameters from the source data and requests a backend Application Programming Interface (API) to query target data according to the update parameters;

when the target data request is successful, the middleware responds to a callback function in the source data, so that the callback function transfers the target data from the middleware to a state manager, and generates an update record of the source data, wherein the update record comprises: update time, the source data, the target data.

4. The method of claim 3, further comprising:

and when the target data request fails, generating error information in the middleware, and broadcasting the error information from the middleware to the subscribed functional components, wherein the error information is used for indicating that the source data update fails.

5. The method of claim 1, wherein obtaining target data according to the update request and generating an update record of the source data comprises:

analyzing the updating request in the middleware to determine the updating type of the source data;

when the update type is direct update, transmitting the source data to a state manager through the middleware, and locally querying target data according to a source data request by the state manager;

after the state manager updates the source data with the target data, generating an update record of the source data, wherein the update record comprises: update time, the source data, the target data.

6. An apparatus for updating data, comprising:

an obtaining module, configured to obtain an update request for source data, where the update request carries the source data and update response information, and the update response information is used to indicate an update type of the source data, where the update type is direct update or remote update;

the processing module is used for acquiring target data according to the updating request and generating an updating record of the source data;

and the sending module is used for sending the target data to a display component so that the display component updates the source data by using the target data.

7. The apparatus of claim 6, wherein the processing module comprises:

the determining unit is used for analyzing the updating request in the middleware and determining the updating type of the source data;

the first processing unit is used for acquiring an update parameter from the source data by the middleware when the update type is remote update, and requesting to query target data from a back-end Application Programming Interface (API) according to the update parameter;

a first recording unit, configured to, when the target data request is successful, the middleware responds to a callback function in the source data, so that the callback function passes the target data from the middleware to a state manager, and generates an update record of the source data, where the update record includes: update time, the source data, the target data.

8. A front-end development client, comprising: functional component, display component, state manager, middleware, wherein said middleware comprises an apparatus according to claim 6 or 7.

9. A storage medium, in which a computer program is stored, wherein the computer program is arranged to perform the method of any of claims 1 to 5 when executed.

10. An electronic device comprising a memory and a processor, wherein the memory has stored therein a computer program, and wherein the processor is arranged to execute the computer program to perform the method of any of claims 1 to 5.

Images