CN114090593A

CN114090593A - Data synchronous display method, device, terminal and storage medium

Info

Publication number: CN114090593A
Application number: CN202010753266.9A
Authority: CN
Inventors: 张政
Original assignee: China Mobile Communications Group Co Ltd; China Mobile Suzhou Software Technology Co Ltd
Current assignee: China Mobile Communications Group Co Ltd; China Mobile Suzhou Software Technology Co Ltd
Priority date: 2020-07-30
Filing date: 2020-07-30
Publication date: 2022-02-25

Abstract

The application provides a data synchronous display method, a device, a terminal and a storage medium, wherein the method comprises the following steps: when an input file operation instruction is received, acquiring a mapping relation between a state table and an interface element; the state table is used for storing state data of the file operation, and the interface element is used for displaying the state data of the file operation; based on the mapping relation, creating a task responding to the file operation instruction to update the state data in the state table, so that the interface element is updated; in this way, the state data of the file operation process can be synchronously displayed and updated on the application display interface.

Description

Data synchronous display method, device, terminal and storage medium

Technical Field

The present application relates to data processing, and relates to, but is not limited to, a method, an apparatus, a terminal, and a storage medium for synchronous display of data.

Background

With the development of the internet, the network disk is widely used. The core function of the network disk is file transmission, the file transmission mainly includes file uploading and downloading, and generally, a network disk client with a breakpoint resume function needs to have functions of displaying and recording file transmission states. The file transmission state comprises data such as file uploading and downloading speed, byte size of a transmitted file, transmission progress proportion, file basic information and the like. In the related art, carriers such as a relational database management system (Access), a relational database management system (MySQL), a relational database management system (SQLite), and the like are usually used as local databases to record the transmission status information of the related files during file transmission. The application interface displays, updates and modifies the file transfer state in real time from the beginning to the completion of the file transfer, and needs to continuously access the database to read, write and modify the data. Specifically, when a user triggers an upload or download operation on an interface, a corresponding request is sent to a server, a corresponding Uniform Resource Locator (URL) is obtained for uploading or downloading, an upload or download module is called to perform file upload or download operation, real-time state data uploaded or downloaded by a file is called back to an upload or download controller, the real-time state data is transmitted to a transmission list interface by the upload or download controller to be displayed, and the data needs to be written into a local database for storage at the same time. Because the display of the real-time state of the file transmission in the interface and the storage of the transmission state data are respectively and independently carried out, when the file transmission is controlled or the application or the system is crashed, the problem that the state data stored in the local database is inconsistent with the actual transmission state is easy to occur, and thus the transmission state data displayed on the application interface has errors or mistakes.

Disclosure of Invention

The application provides a data synchronous display method, a data synchronous display device, a terminal and a storage medium, which can synchronously display data in a transmission state on an application interface.

The technical scheme of the application is realized as follows:

the application provides a data synchronous display method, which comprises the following steps:

when an input file operation instruction is received, acquiring a mapping relation between a state table and an interface element; the state table is used for storing state data of the file operation, and the interface element is used for displaying the state data of the file operation;

and creating a task responding to the file operation instruction based on the mapping relation so as to update the state data in the state table, so that the interface element is updated.

The application provides a data synchronization display device, the device includes:

the acquisition module is used for acquiring the mapping relation between the state table and the interface elements when receiving an input file operation instruction; the state table is used for storing state data of the file operation, and the interface element is used for displaying the state data of the file operation;

and the updating module is used for creating a task responding to the file operation instruction based on the mapping relation so as to update the state data in the state table, so that the interface element is updated.

The present application provides a terminal, the terminal at least includes: a controller and a storage medium configured to store executable instructions, wherein:

the controller is configured to execute stored executable instructions configured to perform the data synchronization display method provided above.

The application provides a computer-readable storage medium, wherein computer-executable instructions are stored in the computer-readable storage medium, and the computer-executable instructions are configured to execute the data synchronous display method provided above.

The application provides a data synchronous display method, a data synchronous display device, a data synchronous display terminal and a data synchronous display storage medium, wherein a mapping relation between a state table for storing state data generated in file operation and interface elements for displaying the state data is obtained, after a task corresponding to a file operation instruction is established, the state data of the file operation is updated in real time in the process of executing the task, the state data in the state table is updated, and due to the mapping relation between the state table and the interface elements, the updated state data in the file operation process can be synchronously displayed on an application interface of a client.

Drawings

In the drawings, which are not necessarily drawn to scale, like reference numerals may describe similar components in different views. Like reference numerals having different letter suffixes may represent different examples of similar components. The drawings illustrate generally, by way of example, but not by way of limitation, various embodiments discussed herein.

Fig. 1 is a schematic flow chart illustrating an implementation of a data synchronization display method according to an embodiment of the present application;

FIG. 2 is a schematic flow chart of another implementation of the data synchronization display method according to the embodiment of the present application;

FIG. 3 is another schematic flow chart illustrating a data synchronization displaying method according to an embodiment of the present application;

FIG. 4 is a schematic diagram illustrating a structure of a data synchronization display device according to an embodiment of the present disclosure;

fig. 5 is a schematic structural diagram of a terminal according to an embodiment of the present application.

Detailed Description

It should be understood that the specific embodiments described herein are merely illustrative of the present application and are not intended to limit the present application.

In the following description, suffixes such as "module", "component", or "unit" used to denote elements are used only for the convenience of description of the present application, and have no specific meaning by themselves. Thus, "module", "component" or "unit" may be used mixedly.

The terminal may be implemented in various forms. For example, the terminal described in the present application may include a mobile terminal such as a mobile phone, a tablet computer, a notebook computer, a palmtop computer, a Personal Digital Assistant (PDA), a Portable Media Player (PMP), a navigation device, a wearable terminal, a smart band, a pedometer, and the like, and a fixed terminal such as a Digital TV, a desktop computer, and the like.

The following description will be given taking a mobile terminal as an example, and it will be understood by those skilled in the art that the configuration according to the embodiment of the present application can be applied to a fixed type terminal in addition to elements particularly used for mobile purposes

In order to facilitate understanding of the technical solutions of the embodiments of the present application, the following description is made of related art of the embodiments of the present application.

Patent No. CN201310676492.1 discloses a cloud disk file synchronization apparatus and method, in which a cloud disk client is composed of a local file state monitor, a local file synchronization processor, a local synchronization file set, a local file state monitor, and a local database. In the file synchronization process, after the file synchronization is finished, the local file synchronization processor updates the data of the local database and the local synchronization file set.

The file transmission method has the following defects:

1. because the display of the real-time state of the file transmission in the interface and the storage of the data are respectively and independently carried out, when the file transmission is controlled or the application or the system is crashed, the problem that the state data stored in the local database is inconsistent with the actual transmission state is easy to occur, thereby causing errors or errors of the transmission state displayed by the application interface.

2. Because the file transmission state information needs to be updated in real time, if the continuously generated transmission state data is frequently written into the database, when the file transmission amount is large, the operation amount of the database is too large, the occupied system resources are too high, and problems such as data display delay or application collapse are easy to occur.

Therefore, the following technical solutions of the embodiments of the present application are proposed, and in order to more thoroughly understand the features and technical contents of the embodiments of the present application, the embodiments of the present application will be described in detail below with reference to the accompanying drawings, which are provided for reference and are not intended to limit the embodiments of the present application.

The present application provides a data synchronization display method, fig. 1 is a schematic view of an implementation flow of the data synchronization display method according to an embodiment of the present application, and as shown in fig. 1, the data synchronization display method includes the following steps:

step S101: and when an input file operation instruction is received, acquiring a mapping relation between the state table and the interface element.

Here, the state table is used to store state data of the file operation, and the interface element is used to display the state data of the file operation. The file operation instruction is an operation instruction for uploading or downloading a file. When a user inputs a file operation instruction on a terminal interface, for example, the user clicks a video file interface to download a file on a client interface to perform a file downloading operation, which is equivalent to inputting a file operation instruction, and when the terminal receives the file operation instruction input by the user, a component of a front end frame Vue item of the client application interface obtains a mapping relationship between a state table and an interface element in response to the file operation instruction, where the mapping relationship is that when state data generated in a file operation process changes, the state table is updated, and the interface element corresponding to a variable in the state table is updated accordingly.

Step S102: and creating a task responding to the file operation instruction based on the mapping relation so as to update the state data in the state table, so that the interface element is updated.

Here, a task responding to a file operation instruction is established on a terminal interface, and in the process of executing the file operation task, a main process or a rendering process of a client submits a function in a synchronous operation (rotation) object by calling the function in the asynchronous operation (action) object to trigger a change of a state (state) object, so that the change of the file operation state is realized, and state data in a state table is updated. In a specific example, when a user clicks to download a file, the terminal creates a task of downloading the file, and then during the process of downloading the file, the state data of the downloaded file is stored in a state table of a state management library Vuex container, where the state table has a corresponding list, such as: the system comprises a download list, an upload list, a completion list and the like, wherein the contents in the download list comprise: file name, download progress, download rate, etc. When the state data of the downloaded file is changed, the data in the corresponding state table is updated in real time. Due to the mapping relation between the state table and the interface elements, the list in the state table can be correspondingly displayed on the application interface of the client, so that the state data in the interface elements corresponding to the type of the state data are updated simultaneously in the process of updating the data in the state table, and the state data display of the user interface is synchronous with the state data update in the file operation process.

According to the method and the device, the mapping relation between the state table for storing the state data generated in the file operation and the interface element for displaying the state data is obtained, after the task corresponding to the file operation instruction is established, the state data of the file operation is updated in real time in the task execution process, the state data in the state table is updated, and due to the mapping relation between the state table and the interface element, the updated state data in the file operation process can be synchronously displayed on the application interface of the client.

In some embodiments, when the file operation instruction is received, the mapping relationship between the state table and the interface element is obtained according to whether the file operation corresponding to the operation instruction is the first operation. The step S101 may be implemented by:

the first method is as follows:

step S111: and if the file operation instruction is to perform the file operation for the first time, initializing the state table.

Here, in the runtime environment of the cross-platform desktop application development framework (electron) of the current system responding to the file operation instruction, the state management library Vuex and the state management library-framework module of the progressive framework are installed, and the state management configuration is performed, and the state data in the file operation process is stored in the state management library.

In some implementations, a container for storing state data in the file operation is created in the system responsive to the file operation instruction prior to initializing the state table.

Here, a container is created in the state management library Vuex for storing state data during file operations. And defining a task storage space in the container for storing the file transmission state, wherein the task storage space comprises a state (state) object, a modification state (events) object and asynchronous operation (actions) objects, the state object is used for storing the file transmission state, the events object is used for storing the function for changing the state, and the actions object is used for storing the function for submitting the events and can execute asynchronous operation. And the main process or the rendering process of the client submits the mutation function by calling the function in actions, so that the state change is realized on the interface.

When a user uses an application program of vue in which a progressive framework is configured based on an electron framework for the first time or when the user performs a file operation for the first time, it is necessary to initialize a state object in a state management library, that is, initialize a state table in the state object.

In some embodiments, the initialization of the state table may be accomplished using the following method:

and establishing variables used for representing the change of the state data in the state table in response to the received file operation instruction.

Here, a space is created to store the user's related data and information according to the user's number. That is, some variables of a lightweight data exchange format (JavaScript Object Notation) are created in the state Object, i.e., a state table, such as: three object arrays are created for storing upload lists, download lists, completion lists, and the like. The values in these state tables are empty when the file operation is first performed. And when the file operation instruction is executed, updating the value of the variable in the state object according to the change of the file operation state.

Step S112: and establishing a mapping relation between the initialized state table and the interface element.

Here, in the runtime environment of the cross-platform desktop application development framework (electron), the state management library Vuex and the state management library-framework module of the progressive framework are installed, and the state management configuration is performed, and based on the characteristics of the responsive rendering of the progressive framework Vue application program, when the variables of the state table in the state management library are updated, the corresponding update of the interface elements corresponding to the variable types in the state table on the Vue interface occurs.

In this way, when a user uses the vue application program based on the electron framework and configured with the progressive framework for the first time, the state table of the file operation is initialized, so that the state data in the file operation process is stored in the state management library, and then the mapping relationship between the state table and the interface elements in the vue component of the progressive framework is established according to the characteristics of the vue application program of the progressive framework, so that the application interface of the client can be updated while the state table is updated.

The second method comprises the following steps:

and if the file operation instruction is not the first time of file operation, acquiring the mapping relation between the state table and the interface element.

Here, when the terminal recognizes that the file operation corresponding to the file operation instruction is not performed for the first time, the file operation is directly acquired according to the mapping relationship between the previously established state table and the interface element.

In the application, by determining whether the file operation corresponding to the file operation instruction is the first operation or not, a state table for storing state data in the file operation process can be initialized, a mapping relation between the state table and the interface element is established, and by acquiring the mapping relation between the state table and the interface element, the state data of the file operation can be synchronously displayed and updated on an application interface in the file operation process.

In some embodiments, the mapping between the initialized state table and the interface element may be established by the following process.

S121: based on the types of the plurality of variables in the state table, an interface element is created that matches the type of each variable.

Here, the types of the variables in the state table are types of variables in the state table indicating a state change of the file operation process, for example, when downloading a file, a download list is established in the state table, and the download list may have variables such as a file name, a file size, a download rate, a download progress, and a download time. According to the types of the variables in the state table, interface elements with the same types as the variables are created in the vue component of the progressive framework, for example, a download list is displayed on the application interface: file name, file size, download rate, download progress, download time, and the like.

S122: and carrying out one-to-one correspondence on each variable type and the interface element so as to establish a mapping relation between the state table and the interface element.

Here, a list on the application interface is a component, the component includes a file name and an attribute therein, and then the types of variables in the state table are in one-to-one correspondence with the elements of the component, and the elements of the component may include: file name and file size, etc.

In the application, the state data can be synchronously displayed and updated on the application interface by setting the variable type of the state table, creating the interface element matched with the variable type and creating the mapping relation between the variable type and the interface element.

In some embodiments, step S102 may be implemented by the following process. As shown in fig. 2, an embodiment of the present application provides a data synchronous display method, and fig. 2 is a schematic view of another implementation flow of the data synchronous display method according to the embodiment of the present application, and the following description is made with reference to fig. 1:

step S201: and responding to the file operation instruction, and creating a task corresponding to the file operation instruction.

Here, when a user triggers a file uploading or downloading operation in the client interface, the file operation instruction is acquired, and a task is created. The state management library Vuex calls a function of 'adding task' in the actions object, sets a Unique Universal Unique Identifier (UUID) for the task transmission file information and transmits the UUID to the actions object together, and triggers and changes an uploading or downloading list object in the state by submitting the function of 'adding task', so that the display of a new file transmission task item in an uploading or downloading list interface of the component is realized.

Step S202: submitting the task such that the values of the variables in the state table are changed.

Here, in the process of executing the file operation instruction, that is, in the process of uploading or downloading the file, file transmission state data returned by the network request is acquired, the function of "update state" in actions is called back and the file transmission state data is transmitted, and the rotation function of "update state" is submitted to trigger the change of the transmission state of the corresponding file in the state, so as to trigger the update of the display of state values such as the transmission speed, completion progress, remaining time and the like of the corresponding file in the component, that is, the value of the variable in the state table is changed. Similarly, when the user triggers operations such as pause, start and deletion in the file transmission process, the file operation state is changed in the same way, so that the file transmission state in the uploading or downloading list in the component is changed, that is, the state updating data is synchronously displayed on the interface of the application program.

Step S203: and updating the interface element based on the mapping relation between the state table and the interface element.

In the application, by creating the task corresponding to the file operation instruction and submitting the task, the state data in the file operation process can be synchronously displayed and updated on the application interface according to the mapping relation between the state table and the interface element in the file operation process.

Fig. 3 is another schematic flow chart of the data synchronous display method according to the embodiment of the present application, which is described with reference to the steps shown in fig. 3:

step S301: a front end framework is disposed in an operating environment of the system.

Here, in the runtime environment of the cross-platform desktop application development framework (electronic), the State management library Vuex and the State management library-framework module are installed, then a container is created, and a data persistence plug-in (created persistent State) and a triggered State change plug-in (created Shared variables) plug-in of the State management library-framework module are introduced.

Step S302: task storage space is defined in the container.

Here, a task storage space is defined in the container for storing a file transfer state, and includes a state (state) object for storing a file transfer state, a modification state (events) object for storing a function for changing a state, and an asynchronous operation (actions) object for storing a function for submitting a change, and performing an asynchronous operation. And the main process or the rendering process of the client submits the mutation function by calling the function in actions, so that the state change is realized on the interface. At this point, the configuration of the operating environment of the system is completed.

Step S303: the state object is initialized.

Here, when the user first uses the program configured vue based on the electron framework, the state object is initialized, and a space is created to store the user's related data and information according to the user's number. That is, some variables, namely state tables, are created in the state object in the container, such as: upload lists, download lists, and completion lists, etc. When the file operation instruction is executed, the value of the variable in the state object is updated according to the change of the file operation state.

Step S304: the front-end frame assembly obtains a mapping relationship between the state table and the interface elements.

Here, in the components of the front end frame Vue project, each variable in the state is read by calculating the attribute, and the variable type of the read state is in one-to-one correspondence with the interface element attribute in the component, thereby establishing a responsive association between the state data and the Document Object Model (DOM). Whenever state data changes in a state, the calculation attribute is re-solved, and the associated DOM is triggered to be updated, so that the interface element is updated.

Step S305: and acquiring a file operation instruction, creating a task and displaying on an interface.

Here, when a user triggers file uploading or downloading operation in a client interface, the file operation instruction is acquired, a task is created, the state management library Vuex calls a function of "add task" in actions, sets a unique UUID for the piece of task transmission file information and transmits the UUID to an actions object, and the uploading or downloading list object in a change state is triggered by submitting a rotation function of "add task", so that the display of a new file transmission task item in an uploading or downloading list interface of a component is realized.

Step S306: and updating the real-time state of the file operation in the process of executing the file operation instruction.

Here, in the process of executing the file operation instruction, that is, in the process of uploading or downloading the file, file transmission state data returned by the network request is acquired, the function of "update state" in actions is called back and the file transmission state data is transmitted, and the state function of "update state" is submitted to trigger the change of the transmission state of the corresponding file in the state, so as to trigger the update of the display of state values such as the transmission speed, completion progress, remaining time and the like of the corresponding file in the component. Similarly, when the user triggers operations such as pause, start and deletion in the file transmission process, the file operation state is changed in the same way, so that the file transmission state in the uploading or downloading list in the component is changed, that is, the state updating data is synchronously displayed on the interface of the application program.

Step S307: and after the file operation instruction is executed, displaying a completion state in a completion list interface.

After the file operation instruction is executed, namely when the file transmission is completed, the function of 'task completion' in actions is called and the UUID of the corresponding file is transmitted, and the state of change of the state of the 'task completion' function is submitted, so that the corresponding file is moved from the uploading or downloading list object to the completion list object and the file transmission state of the corresponding file is changed, and the display of the file transmission task completion items in the component completion task interface is synchronously realized.

In the application, the real-time state of file transmission is recorded by using the data persistence plug-in based on Vuex, so that the state can be stored for a long time, the basic function of state data storage is met, and due to the characteristic that the state stored by Vuex can be responsively rendered by Vue.

An embodiment of the present application provides a data synchronization display apparatus, fig. 4 is a schematic diagram of a composition structure of the data synchronization display apparatus in the embodiment of the present application, and as shown in fig. 4, the data synchronization display apparatus 400 includes: an obtaining module 401 and an updating module 402, wherein:

the obtaining module 401 is configured to obtain a mapping relationship between the state table and the interface element when an input file operation instruction is received.

The updating module 402 is configured to create a task responding to the file operation instruction based on the mapping relationship, so as to update the state data in the state table, so that the interface element is updated.

In the above apparatus, the obtaining module 401 includes:

the initialization submodule is used for initializing the state table if the file operation instruction is to perform file operation for the first time;

and the first establishing submodule is used for establishing a mapping relation between the initialized state table and the interface element.

In the above apparatus, the obtaining module 401 is further configured to obtain a mapping relationship between the state table and the interface element if the file operation instruction is not to perform the file operation for the first time.

In the above apparatus, the initialization submodule is configured to establish a variable in the state table, in response to a received file operation instruction, for characterizing that the state data changes.

In the above apparatus, the obtaining module 401 further includes a second establishing submodule, configured to establish a container for storing the state data in the file operation in a system responding to the file operation instruction.

In the above apparatus, the first establishing sub-module includes:

the creating unit is used for creating an interface element matched with the type of each variable based on the types of the variables in the state table;

and the corresponding unit is used for carrying out one-to-one correspondence on each variable type and the interface element so as to establish the mapping relation between the state table and the interface element.

In the above apparatus, the updating module 402 includes:

the second establishing submodule is used for responding to the file operation instruction and establishing a task corresponding to the file operation instruction;

the submission submodule is used for submitting the task so that the value of the variable in the state table is changed;

and the updating submodule is used for updating the interface element based on the mapping relation between the state table and the interface element.

The embodiment of the present application further provides a data synchronous display device, which includes modules, sub-modules and units included in the modules, and can be implemented by a processor in a terminal; of course, the implementation can also be realized through a specific logic circuit; in implementation, the processor may be a Central Processing Unit (CPU), a Microprocessor (MPU), a Digital Signal Processor (DSP), a Field Programmable Gate Array (FPGA), or the like.

Correspondingly, an embodiment of the present application provides a terminal, fig. 5 is a schematic structural diagram of the terminal according to the embodiment of the present application, and as shown in fig. 5, the terminal 500 at least includes: a controller 501 and a storage medium 502 configured to store executable instructions, wherein:

the controller 501 is configured to execute stored executable instructions for implementing the provided data synchronization display method.

It should be noted that the above description of the terminal embodiment is similar to the description of the method embodiment, and has similar beneficial effects to the method embodiment. For technical details not disclosed in the embodiments of the terminal of the present application, reference is made to the description of the embodiments of the method of the present application for understanding.

Correspondingly, the application provides a computer storage medium, in which computer-executable instructions are stored, and the computer-executable instructions are configured to execute the data synchronous display method provided in other embodiments of the application.

It should be appreciated that reference throughout this specification to "one embodiment" or "an embodiment" means that a particular feature, structure or characteristic described in connection with the embodiment is included in at least one embodiment of the present application. Thus, the appearances of the phrases "in one embodiment" or "in an embodiment" in various places throughout this specification are not necessarily all referring to the same embodiment. Furthermore, the particular features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. It should be understood that, in the various embodiments of the present application, the sequence numbers of the above-mentioned processes do not mean the execution sequence, and the execution sequence of each process should be determined by its function and inherent logic, and should not constitute any limitation to the implementation process of the embodiments of the present application. The above-mentioned serial numbers of the embodiments of the present application are merely for description and do not represent the merits of the embodiments.

It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.

In the several embodiments provided in the present application, it should be understood that the disclosed apparatus and method may be implemented in other ways. The above-described device embodiments are merely illustrative, for example, the division of the unit is only a logical functional division, and there may be other division ways in actual implementation, such as: multiple units or components may be combined, or may be integrated into another system, or some features may be omitted, or not implemented. In addition, the coupling, direct coupling or communication connection between the components shown or discussed may be through some interfaces, and the indirect coupling or communication connection between the devices or units may be electrical, mechanical or other forms.

The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units; can be located in one place or distributed on a plurality of network units; some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.

In addition, all functional units in the embodiments of the present application may be integrated into one processing unit, or each unit may be separately regarded as one unit, or two or more units may be integrated into one unit; the integrated unit can be realized in a form of hardware, or in a form of hardware plus a software functional unit.

Those of ordinary skill in the art will understand that: all or part of the steps for realizing the method embodiments can be completed by hardware related to program instructions, the program can be stored in a computer readable storage medium, and the program executes the steps comprising the method embodiments when executed; and the aforementioned storage medium includes: various media that can store program codes, such as a removable Memory device, a Read Only Memory (ROM), a magnetic disk, or an optical disk.

Alternatively, the integrated units described above in the present application may be stored in a computer-readable storage medium if they are implemented in the form of software functional modules and sold or used as independent products. Based on such understanding, the technical solutions of the embodiments of the present application may be essentially implemented or portions thereof contributing to the related art may be embodied in the form of a software product stored in a storage medium, and including several instructions for enabling a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the methods described in the embodiments of the present application. And the aforementioned storage medium includes: a removable storage device, a ROM, a magnetic or optical disk, or other various media that can store program code.

The above description is only for the embodiments of the present application, but the scope of the present application is not limited thereto, and any person skilled in the art can easily conceive of changes or substitutions within the technical scope of the present application, and shall be covered by the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.

Claims

1. A data synchronous display method is characterized by comprising the following steps:

2. The method according to claim 1, wherein when receiving an input file operation instruction, acquiring a mapping relationship between the state table and the interface element comprises:

if the file operation instruction is to perform file operation for the first time, initializing the state table;

and establishing a mapping relation between the initialized state table and the interface element.

3. The method of claim 2, further comprising:

4. The method of claim 2, wherein initializing the state table if the file operation command is a first file operation comprises:

5. The method of claim 2, wherein before initializing the state table if the file operation instruction is a first file operation, the method further comprises:

in a system responsive to the file operation instruction, a container is established for storing state data in the file operation.

6. The method of claim 2, wherein establishing a mapping relationship between the initialized state table and the interface element comprises:

creating an interface element matching the type of each variable based on the types of the variables in the state table;

and carrying out one-to-one correspondence on each variable type and the interface element so as to establish a mapping relation between the state table and the interface element.

7. The method of claim 6, wherein creating a task responsive to the file operation instruction based on the mapping relationship to update the state data in the state table such that the interface element is updated comprises:

responding to the file operation instruction, and creating a task corresponding to the file operation instruction;

submitting the task so that the value of the variable in the state table changes;

and updating the interface element based on the mapping relation between the state table and the interface element.

8. A data synchronization display apparatus, comprising:

9. A terminal, characterized in that the terminal comprises at least: a controller and a storage medium configured to store executable instructions, wherein:

the controller is configured to execute stored executable instructions configured to perform the data synchronization display method provided in any of the preceding claims 1 to 7.

10. A computer-readable storage medium having computer-executable instructions stored thereon, the computer-executable instructions being configured to perform the data synchronization display method provided by any one of claims 1 to 7.