CN114625376A - Data transfer mode conversion method and device, electronic equipment and readable storage medium - Google Patents

Abstract

The invention relates to an artificial intelligence technology, and discloses a data transmission mode conversion method, which comprises the following steps: the method comprises the steps of constructing a data transfer mode conversion project of a front-end project, introducing a basic file of a target transfer mode into the data transfer mode conversion project to obtain a standard transfer mode conversion project, identifying an entry file of the standard transfer mode conversion project, finding out a target assembly in the standard transfer mode conversion project based on the entry file, identifying an original data transfer mode in the target assembly, and carrying out variable migration on a variable to be compiled in the original data transfer mode to obtain the front-end project of the target transfer mode. In addition, the invention also relates to a block chain technology, and the front-end item can be obtained from a node of the block chain. The invention also provides a data transmission mode conversion device, electronic equipment and a readable storage medium. The invention can solve the problem of difficult data transmission mode conversion.

Description

Data transmission mode conversion method, device, electronic device and readable storage medium

technical field

The present invention relates to the technical field of artificial intelligence, and in particular, to a data transmission mode conversion method, device, electronic device and readable storage medium.

Background technique

At present, in the domestic front-end industry, front-end frameworks are widely used for front-end project development, and data transfer between projects is very important. For example, in the vue framework, for data transfer between components, there are three common methods: props/$emit, $emit/$on and vuex, and the three methods have their own usage scenarios. The usage scenario of props/$emit is mainly seen in the simple data flow communication method of parent-child components; the usage scenario of $emit/$on is a small data center mode, and the communication between parent and child components between small and medium-sized complex components will use ; The usage scenario of vuex is a large data management center with one-way data flow, which mainly faces complex application scenarios. All the data that needs to be transferred are handed over to the data management center for unified storage, modification, and transfer, which is complex. The project's ultimate solution for data transfer is also a more complex and heavyweight way. For a project, it often starts with a small project, and the initial method may be only to transfer data between components through props/$emit. However, with the continuous deepening and iteration of project development, the data transfer of parent-child components has become more complex and difficult to maintain. In the process of development, the two methods of props/$emit and $emit/$on are used for data transfer. , becomes no longer suitable for the current complex scene. Need to use a more powerful vuex. However, at this time, when the project data transmission method is changed to vuex, the following problems will be faced:

1. The use of vuex has its unique idea of one-way data flow, as well as its unique syntax and methods to achieve. For ordinary developers, it is quite difficult to get started, which may lead to changes in later project maintenance and development. more difficult.

2. After vuex is used, in order to ensure that all data transfer is managed by the data management center of vuex, and to avoid the mixed use of multiple data transfer methods, which may lead to confusion in data management, it is necessary to transfer all data through props/$emit, $emit The code for data transfer in the /$on method is replaced by the vuex method, which not only requires a lot of manpower to sort out the existing logic, but also requires developers to be familiar with the writing methods of these three methods at the same time. For a project, development low efficiency.

3. Different developers have different overall control of the project and different degrees of understanding of vuex grammar. It is easy to cause irregular grammar and inconsistent writing in the process of writing vuex grammar, which will cause other developers to In the process of reading and modifying the code, it increases the difficulty of reading and reduces the maintainability and scalability of the overall project.

To sum up, there are problems in the prior art that the conversion of data transmission methods in front-end projects is difficult and the conversion standards are not uniform. Therefore, there is an urgent need for a method for compiling and transforming the data transmission method in the framework components.

SUMMARY OF THE INVENTION

The present invention provides a method, device, electronic device and readable storage medium for data transmission mode conversion, the main purpose of which is to solve the problem of difficulty in data transmission mode conversion.

In order to achieve the above-mentioned purpose, a kind of data transmission mode conversion method provided by the present invention comprises:

Building a data transfer mode conversion project of the front-end project, and introducing the basic file of the target transfer mode into the data transfer mode conversion project to obtain a standard transfer mode conversion project;

Identifying the entry file of the standard delivery method transformation project, and finding out the target component in the standard delivery method transformation project based on the entry file;

Identify the original data transfer method in the target component;

Perform variable migration on the to-be-compiled variables in the original data transfer mode to obtain the front-end project of the target transfer mode.

Optionally, the data transfer mode conversion project for constructing the front-end project includes:

Locate the root directory of the front-end project, and add a data transfer mode conversion tool in the root directory;

A conversion configuration file is set in the data transfer mode conversion tool, and a data transfer mode conversion command is added to the root directory where the conversion configuration file is added, and the data transfer mode conversion command is executed to obtain the data transfer mode conversion item.

Optionally, before the basic file of the target transmission mode is introduced into the data transmission mode conversion project, it also includes:

Create a management center directory according to the conversion configuration file;

A management file is initialized in the management center directory, and multiple object attributes of the target delivery method are added to the management file to obtain the basic file.

Optionally, finding out the target component in the standard delivery mode conversion project based on the entry file, including:

Use the preset import syntax to find out the file containing the target suffix from the entry file as the parent component;

The parent component is searched repeatedly by using the import syntax to obtain all child components of the parent component, and the found child components are used as target components.

Optionally, the identifying the original data transmission mode in the target component includes:

judging whether the subcomponent contains a preset keyword;

If the subcomponent contains the keyword, determine that the original data transmission mode in the target component is the first data transmission mode;

If the subcomponent does not contain the keyword, determine whether the subcomponent performs data communication with the parent component;

If the child component and the parent component do not perform data communication, then return to the step of repeatedly using the import grammar to perform component search on the parent component until all child components are judged;

If the child component and the parent component perform data communication, it is determined that the original data transmission mode in the target component is the second data transmission mode.

Optionally, the judging whether the child component performs data communication with the parent component includes:

Use the import syntax to instantiate a component library, and perform an external export operation on the component library through a preset export keyword;

If the component library cannot be exported externally, it is determined that the child component and the parent component do not perform data communication;

If the component library can be exported externally, determine whether there is an object event method in the subcomponent;

If there is no object event method in the subcomponent, determine that the subcomponent and the parent component do not perform data communication;

If there is an object event method in the child component, it is determined that the child component and the parent component communicate with each other.

Optionally, performing variable migration on the to-be-compiled variables in the original data transmission mode includes:

If the original data transmission method is the first data transmission method, copy the variable called by the first data transmission method in the subcomponent to the object property, and add a modified variable to the object property function and trigger variable function;

If the original data transmission method is the second data transmission method, copy the variable passed in through the second data transmission method in the subcomponent to the object attribute, and add modifications to the object attribute Variable function, trigger variable function and event callback function.

In order to solve the above problems, the present invention also provides a data transmission mode conversion device, the device includes:

The data transmission mode conversion project building module is used to construct the data transmission mode conversion project of the front-end project, and the basic file of the target transmission mode is introduced into the data transmission mode conversion project to obtain the standard transmission mode conversion project;

A target component search module, for identifying the entry file of the standard delivery method conversion project, and finding out the target component in the standard delivery method transformation project based on the entry file;

a data transfer mode identification module, used to identify the original data transfer mode in the target component;

The data transfer mode conversion module is used to perform variable migration on the to-be-compiled variables in the original data transfer mode to obtain the front-end project of the target transfer mode.

In order to solve the above problems, the present invention also provides an electronic device, the electronic device includes:

a memory that stores at least one computer program; and

The processor executes the computer program stored in the memory to implement the above-mentioned data transfer mode conversion method.

In order to solve the above problems, the present invention also provides a computer-readable storage medium, where at least one computer program is stored in the computer-readable storage medium, and the at least one computer program is executed by a processor in an electronic device to realize the above-mentioned The data transfer mode conversion method described above.

The present invention transforms the project by constructing the data transfer mode directly in the front-end project, and searches the target component by identifying the entry file of the standard transfer mode conversion project, determines the original data transfer mode in the target component, and determines the original data transfer mode. The variables to be compiled in can be migrated, and there is no need to manually compile components afterwards, which greatly improves the efficiency of data transfer mode conversion. At the same time, by directly migrating different original data transmission methods in target components, the data transmission methods of different target components can be unified, and the maintainability and scalability of development can be improved. Therefore, the method, device, electronic device and computer-readable storage medium for data transmission mode conversion proposed by the present invention can solve the problem of difficulty in data transmission mode conversion.

Description of drawings

1 is a schematic flowchart of a data transmission mode conversion method provided by an embodiment of the present invention;

Fig. 2 is a detailed implementation flow diagram of one of the steps in Fig. 1;

Fig. 3 is the detailed implementation flow schematic diagram of another step in Fig. 1;

Fig. 4 is a detailed implementation flow diagram of another step in Fig. 1;

Fig. 5 is a detailed implementation flow diagram of one of the steps in Fig. 4;

Fig. 6 is the detailed implementation flow schematic diagram of another step in Fig. 1;

7 is a functional block diagram of a data transmission mode conversion device provided by an embodiment of the present invention;

FIG. 8 is a schematic structural diagram of an electronic device implementing the method for converting a data transmission mode according to an embodiment of the present invention.

The realization, functional characteristics and advantages of the present invention will be further described with reference to the accompanying drawings in conjunction with the embodiments.

Detailed ways

It should be understood that the specific embodiments described herein are only used to explain the present invention, but not to limit the present invention.

The embodiment of the present invention provides a data transmission mode conversion method. The execution subject of the data transmission mode conversion method includes, but is not limited to, at least one of electronic devices that can be configured to execute the method provided by the embodiment of the present invention, such as a server and a terminal. In other words, the data transmission mode conversion method can be executed by software or hardware installed in a terminal device or a server device, and the software can be a blockchain platform. The server includes but is not limited to: a single server, a server cluster, a cloud server or a cloud server cluster, and the like. The server can be an independent server, or can provide cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery network (Content Delivery Network) , CDN), and cloud servers for basic cloud computing services such as big data and artificial intelligence platforms.

Referring to FIG. 1 , it is a schematic flowchart of a method for converting a data transmission mode according to an embodiment of the present invention. In this embodiment, the data transmission mode conversion method includes the following steps S1-S5:

S1. Construct a data transfer mode conversion project of a front-end project, and introduce a basic file of a target transfer mode into the data transfer mode conversion project to obtain a standard transfer mode conversion project.

In the embodiment of the present invention, the front-end project refers to a project that realizes the user interface interaction of Internet products through HTML, CSS, JavaScript and various derived technologies, frameworks, and solutions, for example, XXapp development project, XX company Official website development project, XX product page development project, XX applet development project, etc.

In detail, as shown in FIG. 2 , the data transfer mode conversion project for constructing the front-end project includes the following steps S10-S11:

S10, locate the root directory of the front-end project, and add a data transfer mode conversion tool in the root directory;

S11, set a conversion configuration file in the data transfer mode conversion tool, and add a data transfer mode conversion command in the root directory where the conversion configuration file is added, execute the data transfer mode conversion command, and obtain the data transfer mode conversion project.

In the embodiment of the present invention, the data transmission mode conversion item is used to perform the following steps S2 to S4 in the front-end page to convert the data transmission mode. For example, on the command line (the mac system is the terminal), locate the root directory of the current front-end project, and execute the command: npmi data-transfer-transform-vuex-D, you can add the data transfer method conversion tool to the current framework project and set the conversion configuration In the file config.js, add the data transfer mode transformation command in the transformation configuration file: npm run transform-vuex and execute it to get the data transfer mode transformation project. The configuration content in the transformation configuration file includes: 1. The directory where the project development file is located ; 2. The project entry file address, etc.

In detail, before the basic file of the target transfer mode is introduced into the data transfer mode conversion project, it also includes:

Create a management center directory according to the conversion configuration file;

A management file is initialized in the management center directory, and multiple object attributes of the target delivery method are added to the management file to obtain the basic file.

In an optional embodiment of the present invention, the target delivery method may be the vuex delivery method. For example, in the vue framework, first determine whether the vuex delivery method is included, by judging whether the project contains the vuex library file, and find the front-end project. The package.json file, which is the file for managing dependent packages in the project, find out whether the dependencies property in the file contains vuex, if so, it means that the project itself already has the vuex library file, if not, you need to pass the following The command npmivuex-save installs the vue library file into the front-end project.

Specifically, according to the first configuration item configured in the conversion configuration file config.js: the directory where the project development files are located, determine the directory addresses where all the development files are located, and create a store folder (that is, all the development files) in this directory. The management center directory), as the root directory of the vuex data management center, in the store directory, initialize a file named index. Expose the method of modifying variables to the outside world, and uniformly execute the operation of modifying variables. Then from the vuex library, the method createStore is introduced to initialize the vuex delivery method. When calling this method, three object attributes are passed in, which are the following three points: state object (used to save variables and data), actions object (used to save variables and data) Manage externally exposed modification variable methods), mutations object (used to manage internal modification variable methods). Since the original data transfer method (props/$emit, $emit/$on method, etc.) has not yet been compiled into the target transfer method (vuex method), the three objects are temporarily in the form of empty objects, and the later compilation process , will continue to add content to it.

S2. Identify the entry file of the standard delivery mode conversion project, and find out the target component in the standard delivery mode transformation project based on the entry file.

In the embodiment of the present invention, taking the Vue framework as an example, since the front-end projects of Vue all use a single page, starting from an entry page, various associated page components are introduced to form a tree-shaped distribution file reference with the entry file as the backbone Therefore, the parent-child structure relationship of all subsequent files can be deduced only through the entry file.

In an optional embodiment of the present invention, by converting the second configuration item configured in the configuration file config.js: the address of the project entry file, the corresponding entry file can be found.

Specifically, referring to FIG. 3 , finding out the target component in the standard delivery mode conversion project based on the entry file includes the following steps S20-S21:

S20, utilize the preset import syntax to find out the file containing the target suffix as the parent component from the entry file;

S21. Perform component search on the parent component by repeatedly using the import syntax to obtain all child components of the parent component, and use the found child components as a target component.

In an optional embodiment of the present invention, since the entry file introduces other page components into the current file through the import syntax, it is only necessary to identify the files ending with .vue in the current entry file through the import syntax. The file is the vue component (that is, the parent component), and at the same time, the import syntax is used to repeatedly perform in-depth search, and the sub-component after the vue component is obtained as the target component.

S3. Identify the original data transmission mode in the target component.

In the embodiment of the present invention, the original data transmission mode refers to the data transmission mode in the current target component, for example, in the vue component, the props/$emit, $emit/$on mode, and the like.

In detail, referring to FIG. 4 , the identifying the original data transmission mode in the target component includes the following steps S30-S34:

S30, judging whether a preset keyword is included in the subcomponent;

If the subcomponent contains the keyword, then perform S31, and determine that the original data transmission mode in the target component is the first data transmission mode;

If the subassembly does not contain the keyword, then execute S32 to determine whether the subassembly performs data communication with the parent assembly;

If the child component and the parent component do not perform data communication, then execute S33, and return to the step of repeating the introduction of the grammar to perform component search on the parent component, until all child components are judged;

If the child component and the parent component perform data communication, S34 is executed to determine that the original data transmission mode in the target component is the second data transmission mode.

In the embodiment of the present invention, since the variables that need to be converted are different in different data transmission modes, the accuracy and efficiency of data transmission mode conversion can be improved by refining different data transmission modes in the target component.

In an optional embodiment of the present invention, in the vue framework, it is first judged whether the subcomponent contains the props keyword. If so, it is determined that the subcomponent uses the props/$emit method (the first data transmission method) for data transmission. If If not included, it means that the child component does not use the dynamic parameters passed by the parent component, then judge whether the child component includes the this.$emit keyword, and determine whether the child component uses the props/$emit method for data transmission. If not included, Determine whether there is data communication between the parent and child components, and if so, determine that the child component uses the $emit/$on method (the second data transmission method) to transmit data.

Further, as shown in FIG. 5 , the judging whether the child component performs data communication with the parent component includes the following steps S340-S344:

S340, instantiate a component library using the import syntax, and perform an external export operation in the component library through a preset export keyword;

S341, if the component library cannot be exported externally, determine that the subcomponent and the parent component do not perform data communication;

S342, if the component library can be exported externally, determine whether there is an object event method in the subcomponent;

If there is no object event method in the subcomponent, then perform S343, determine that the subcomponent and the parent component do not perform data communication;

If there is an object event method in the subcomponent, perform S344 to determine that the subcomponent and the parent component perform data communication.

In an optional embodiment of the present invention, the vue library (component library) is introduced into the sub-component through the import syntax, and the vue library is instantiated through the new keyword, and then exported through the export keyword. Make sure that the child component and the parent component do not communicate with each other. If they can be exported externally, determine whether there is an object event method introduced into the data center. For example, use the $emit method in the object to trigger an event and pass in a variable, or use The $on method in the object declares an event. If it does not exist, it is determined that the child component and the parent component do not communicate with each other, otherwise, data communication is performed.

S4. Perform variable migration on the variables to be compiled in the original data transfer mode to obtain a front-end project in the target transfer mode.

In the embodiment of the present invention, the data transmission modes are converted by compiling and transforming variables in different data transmission methods and migrating them to the object attributes.

In detail, referring to FIG. 6 , the variable migration for the variables to be compiled in the original data transfer mode includes the following steps S50-S51:

S50. If the original data transmission mode is the first data transmission mode, copy the variable called by the first data transmission mode in the subcomponent to the object attribute, and add the variable in the object attribute Modify variable functions and trigger variable functions;

S51. If the original data transmission mode is the second data transmission mode, copy the variable passed in through the second data transmission mode in the subcomponent into the object attribute, and store the variable in the object attribute Add modify variable function, trigger variable function and event callback function.

In an optional embodiment of the present invention, for the first data transmission mode (that is, the props/$emit transmission mode), variable data migration is performed through the following steps:

1.1. Call the currently used child component to the parent component to pass in the method, and copy the variables passed in during the call to the state object;

1.2. Find out whether the current variable is in the parent component, and whether there is an operation to modify the variable, such as reassignment of the variable, the syntax is this. variable = new variable value. If such a scenario exists, proceed to the next step. If it does not exist, it means that the variable is purely static, only passed in by the parent component, ending the variable migration;

1.3. In the mutations object, generate a method function (modify variable function) for modifying the state variable;

1.4. In the actions object, generate a function (trigger variable function) for triggering the generation of step 1.3;

1.5. Introduce the function generated in step 1.4 into the subcomponent, and replace the code corresponding to the original modified variable with the modification of the variable triggered by dispatch to complete the migration of the variable to be compiled.

In another optional embodiment of the present invention, for the second data transmission mode (that is, the $emit/$on transmission mode), variable data migration is performed through the following steps:

2.1. Copy the variable passed in through the $emit method triggering the event to the state object;

2.2. In the mutations object, generate a method function (modify variable function) for modifying the state variable;

2.3. In the actions object, generate a function (trigger variable function) for triggering the generation of step 2.3;

2.4. Declare an event through the $on method, take its second parameter, the event callback function, and replace the code of the function that modifies the variable with the variable modification triggered by dispatch to complete the migration of the variable to be compiled.

The present invention transforms the project by constructing the data transfer mode directly in the front-end project, and searches the target component by identifying the entry file of the standard transfer mode conversion project, determines the original data transfer mode in the target component, and determines the original data transfer mode. The variables to be compiled in can be migrated, and there is no need to manually compile components afterwards, which greatly improves the efficiency of data transfer mode conversion. At the same time, by directly migrating different original data transmission methods in target components, the data transmission methods of different target components can be unified, and the maintainability and scalability of development can be improved. Therefore, the data transmission mode conversion method proposed by the present invention can solve the problem of difficulty in data transmission mode conversion.

As shown in FIG. 7 , it is a functional block diagram of an apparatus for converting a data transmission mode provided by an embodiment of the present invention.

The data transmission mode conversion apparatus 100 of the present invention can be installed in an electronic device. According to the realized functions, the data transmission mode conversion apparatus 100 may include a data transmission mode conversion project construction module 101 , a target component search module 102 , a data transmission mode identification module 103 and a data transmission mode conversion module 104 . The modules in the present invention may also be called units, which refer to a series of computer program segments that can be executed by the electronic device processor and can perform fixed functions, and are stored in the memory of the electronic device.

In this embodiment, the functions of each module/unit are as follows:

The data transmission mode conversion project building module 101 is used to construct a data transmission mode conversion project of the front-end project, and the basic file of the target transmission mode is introduced into the data transmission mode conversion project to obtain a standard transmission mode conversion project;

The target component search module 102 is used to identify the entry file of the standard delivery method conversion project, and find out the target component in the standard delivery method transformation project based on the entry file;

The data transfer mode identification module 103 is used to identify the original data transfer mode in the target component;

The data transfer mode conversion module 104 is configured to perform variable migration on the variables to be compiled in the original data transfer mode to obtain the front-end project of the target transfer mode.

In detail, the specific implementation of each module of the data transmission mode conversion device 100 is as follows:

Step 1: Build a data transfer mode conversion project of the front-end project, and introduce the basic file of the target transfer mode into the data transfer mode conversion project to obtain a standard transfer mode conversion project.

In the embodiment of the present invention, the front-end project refers to a project that realizes the user interface interaction of Internet products through HTML, CSS, JavaScript and various derived technologies, frameworks, and solutions, for example, XXapp development project, XX company Official website development project, XX product page development project, XX applet development project, etc.

In detail, the data transfer mode conversion project for constructing the front-end project includes:

Locate the root directory of the front-end project, and add a data transfer mode conversion tool in the root directory;

A conversion configuration file is set in the data transfer mode conversion tool, and a data transfer mode conversion command is added in the root directory where the conversion configuration file is added, and the data transfer mode conversion command is executed to obtain the data transfer mode conversion item.

In the embodiment of the present invention, the data transmission mode conversion item is used to perform the following steps 2 to 4 on the front-end page to convert the data transmission mode. For example, on the command line (the mac system is the terminal), locate the root directory of the current front-end project, and execute the command: npmi data-transfer-transform-vuex-D, you can add the data transfer method conversion tool to the current framework project and set the conversion configuration In the file config.js, add the data transfer mode transformation command in the transformation configuration file: npm run transform-vuex and execute it to get the data transfer mode transformation project. The configuration content in the transformation configuration file includes: 1. The directory where the project development file is located ; 2. The project entry file address, etc.

In detail, before the basic file of the target transfer mode is introduced into the data transfer mode conversion project, it also includes:

Create a management center directory according to the conversion configuration file;

A management file is initialized in the management center directory, and multiple object attributes of the target delivery method are added to the management file to obtain the basic file.

In an optional embodiment of the present invention, the target delivery method may be the vuex delivery method. For example, in the vue framework, first determine whether the vuex delivery method is included, by judging whether the project contains the vuex library file, and find the front-end project. The package.json file, which is the file for managing dependent packages in the project, find out whether the dependencies property in the file contains vuex, if so, it means that the project itself already has the vuex library file, if not, you need to pass the following The command npmivuex-save installs the vue library file into the front-end project.

Specifically, according to the first configuration item configured in the conversion configuration file config.js: the directory where the project development files are located, determine the directory addresses where all the development files are located, and create a store folder (that is, all the development files) in this directory. The management center directory), as the root directory of the vuex data management center, in the store directory, initialize a file named index. Expose the method of modifying variables to the outside world, and uniformly execute the operation of modifying variables. Then from the vuex library, the method createStore is introduced to initialize the vuex delivery method. When calling this method, three object attributes are passed in, which are the following three points: state object (used to save variables and data), actions object (used to save variables and data) Manage externally exposed modification variable methods), mutations object (used to manage internal modification variable methods). Since the original data transfer method (props/$emit, $emit/$on method, etc.) has not yet been compiled into the target transfer method (vuex method), the three objects are temporarily in the form of empty objects, and the later compilation process , will continue to add content to it.

Step 2: Identify the entry file of the standard delivery method conversion project, and find out the target component in the standard delivery method transformation project based on the entry file.

In the embodiment of the present invention, taking the Vue framework as an example, since the front-end projects of Vue all use a single page, starting from an entry page, various associated page components are introduced to form a tree-shaped distribution file reference with the entry file as the backbone Therefore, the parent-child structure relationship of all subsequent files can be deduced only through the entry file.

In an optional embodiment of the present invention, by converting the second configuration item configured in the configuration file config.js: the address of the project entry file, the corresponding entry file can be found.

Specifically, finding out the target component in the standard delivery mode conversion project based on the entry file includes:

Use the preset import syntax to find out the file containing the target suffix from the entry file as the parent component;

The parent component is searched repeatedly by using the import syntax to obtain all child components of the parent component, and the found child components are used as target components.

In an optional embodiment of the present invention, since the entry file introduces other page components into the current file through the import syntax, it is only necessary to identify the files ending with .vue in the current entry file through the import syntax. The file is the vue component (that is, the parent component), and at the same time, the import syntax is used to repeatedly perform in-depth search, and the sub-component after the vue component is obtained as the target component.

Step 3: Identify the original data transmission mode in the target component.

In the embodiment of the present invention, the original data transmission mode refers to the data transmission mode in the current target component, for example, in the vue component, the props/$emit, $emit/$on mode, and the like.

In detail, the identifying the original data transmission mode in the target component includes:

judging whether the subcomponent contains a preset keyword;

If the subcomponent contains the keyword, determine that the original data transmission mode in the target component is the first data transmission mode;

If the subcomponent does not contain the keyword, determine whether the subcomponent performs data communication with the parent component;

If the child component and the parent component do not perform data communication, then return to the step of repeatedly using the import grammar to perform component search on the parent component until all child components are judged;

If the child component and the parent component perform data communication, it is determined that the original data transmission mode in the target component is the second data transmission mode.

In the embodiment of the present invention, since the variables that need to be converted are different in different data transmission modes, the accuracy and efficiency of data transmission mode conversion can be improved by refining different data transmission modes in the target component.

In an optional embodiment of the present invention, in the Vue framework, it is first judged whether the subcomponent contains the props keyword. If so, it is determined that the subcomponent uses the props/$emit method (the first data transmission method) for data transmission. If If not included, it means that the child component does not use the dynamic parameters passed by the parent component, then judge whether the child component includes the this.$emit keyword, and determine whether the child component uses the props/$emit method for data transmission. If not included, Determine whether there is data communication between the parent and child components, and if so, determine that the child component uses the $emit/$on method (the second data transmission method) to transmit data.

Further, the judging whether the child component performs data communication with the parent component includes:

Use the import syntax to instantiate a component library, and perform an external export operation on the component library through a preset export keyword;

If the component library cannot be exported externally, it is determined that the child component and the parent component do not perform data communication;

If the component library can be exported externally, determine whether there is an object event method in the subcomponent;

If there is no object event method in the subcomponent, determine that the subcomponent and the parent component do not perform data communication;

If there is an object event method in the child component, it is determined that the child component and the parent component communicate with each other.

In an optional embodiment of the present invention, the vue library (component library) is introduced into the sub-component through the import syntax, and the vue library is instantiated through the new keyword, and then exported through the export keyword. Make sure that the child component and the parent component do not communicate with each other, and if they can be exported externally, determine whether there is an object event method introduced into the data center, such as using the $emit method in the object to trigger an event and passing in a variable, or The $on method in the object declares an event. If it does not exist, it is determined that the child component and the parent component do not communicate with each other, otherwise, data communication is performed.

Step 4: Perform variable migration on the to-be-compiled variables in the original data transfer mode to obtain a front-end project in the target transfer mode.

In the embodiment of the present invention, the data transmission mode is converted by compiling and transforming variables in different data transmission methods, and migrating them to the object attributes.

In detail, the variable migration for the variables to be compiled in the original data transmission mode includes:

If the original data transmission method is the first data transmission method, copy the variable called by the first data transmission method in the subcomponent to the object property, and add a modified variable to the object property function and trigger variable function;

If the original data transmission method is the second data transmission method, copy the variable passed in through the second data transmission method in the subcomponent to the object attribute, and add modifications to the object attribute Variable function, trigger variable function and event callback function.

In an optional embodiment of the present invention, for the first data transmission mode (that is, the props/$emit transmission mode), variable data migration is performed through the following steps:

1.1. Call the currently used child component to the parent component to pass in the method, and copy the variables passed in during the call to the state object;

1.2. Find out whether the current variable is in the parent component, and whether there is an operation to modify the variable, such as reassignment of the variable, the syntax is this. variable = new variable value. If such a scenario exists, proceed to the next step. If it does not exist, it means that the variable is purely static, only passed in by the parent component, ending the variable migration;

1.3. In the mutations object, generate a method function (modify variable function) for modifying the state variable;

1.4. In the actions object, generate a function (trigger variable function) for triggering the generation of step 1.3;

1.5. Introduce the function generated in step 1.4 into the subcomponent, and replace the code corresponding to the original modified variable with the modification of the variable triggered by dispatch to complete the migration of the variable to be compiled.

In another optional embodiment of the present invention, for the second data transmission mode (that is, the $emit/$on transmission mode), variable data migration is performed through the following steps:

2.1. Copy the variable passed in through the $emit method triggering the event to the state object;

2.2. In the mutations object, generate a method function (modify variable function) for modifying the state variable;

2.3. In the actions object, generate a function (trigger variable function) for triggering the generation of step 2.3;

2.4. Declare an event through the $on method, take its second parameter, the event callback function, and replace the code of the function that modifies the variable with the variable modification triggered by dispatch to complete the migration of the variable to be compiled.

The present invention transforms the project by constructing the data transfer mode directly in the front-end project, and searches the target component by identifying the entry file of the standard transfer mode conversion project, determines the original data transfer mode in the target component, and determines the original data transfer mode. The variables to be compiled in can be migrated, and there is no need to manually compile components afterwards, which greatly improves the efficiency of data transfer mode conversion. At the same time, by directly migrating different original data transmission methods in target components, the data transmission methods of different target components can be unified, and the maintainability and scalability of development can be improved. Therefore, the data transmission mode conversion device proposed by the present invention can solve the problem of difficulty in data transmission mode conversion.

As shown in FIG. 8 , it is a schematic structural diagram of an electronic device for implementing a data transmission mode conversion method provided by an embodiment of the present invention.

The electronic device may include a processor 10, a memory 11, a communication interface 12 and a bus 13, and may also include a computer program stored in the memory 11 and run on the processor 10, such as a data transfer mode conversion program .

Wherein, the memory 11 includes at least one type of readable storage medium, and the readable storage medium includes flash memory, mobile hard disk, multimedia card, card-type memory (for example: SD or DX memory, etc.), magnetic memory, magnetic disk, CD etc. In some embodiments, the memory 11 may be an internal storage unit of an electronic device, such as a mobile hard disk of the electronic device. In other embodiments, the memory 11 may also be an external storage device of the electronic device, such as a pluggable mobile hard disk, a smart memory card (Smart Media Card, SMC), a secure digital (Secure Digital, SD) equipped on the electronic device. Cards, Flash Cards, etc. Further, the memory 11 may also include both an internal storage unit of an electronic device and an external storage device. The memory 11 can not only be used to store application software installed in the electronic device and various types of data, such as the code of a data transfer mode conversion program, etc., but also can be used to temporarily store data that has been output or will be output.

In some embodiments, the processor 10 may be composed of integrated circuits, for example, may be composed of a single packaged integrated circuit, or may be composed of multiple integrated circuits packaged with the same function or different functions, including one or more integrated circuits. Central processing unit (Central Processing Unit, CPU), microprocessor, digital processing chip, graphics processor and combination of various control chips, etc. The processor 10 is the control core (Control Unit) of the electronic device, and uses various interfaces and lines to connect various components of the entire electronic device, and by running or executing the programs or modules (such as data) stored in the memory 11. Transfer mode conversion program, etc.), and call the data stored in the memory 11 to execute various functions of the electronic device and process data.

The communication interface 12 is used for communication between the above electronic device and other devices, including a network interface and a user interface. Optionally, the network interface may include a wired interface and/or a wireless interface (eg, a WI-FI interface, a Bluetooth interface, etc.), which is generally used to establish a communication connection between the electronic device and other electronic devices. The user interface may be a display (Display), an input unit (such as a keyboard (Keyboard)), and optionally, the user interface may also be a standard wired interface or a wireless interface. Optionally, in some embodiments, the display may be an LED display, a liquid crystal display, a touch-sensitive liquid crystal display, an OLED (Organic Light-Emitting Diode, organic light-emitting diode) touch device, and the like. The display may also be appropriately called a display screen or a display unit, which is used for displaying information processed in the electronic device and for displaying a visual user interface.

The bus 13 may be a peripheral component interconnect (PCI for short) bus or an extended industry standard architecture (extended industry standard architecture, EISA for short) bus or the like. The bus 13 can be divided into an address bus, a data bus, a control bus, and the like. The bus 13 is configured to implement connection communication between the memory 11 and at least one processor 10 and the like.

FIG. 8 only shows an electronic device with components. Those skilled in the art can understand that the structure shown in FIG. 8 does not constitute a limitation on the electronic device, and may include fewer or more components than those shown in the drawings. , or a combination of certain components, or a different arrangement of components.

For example, although not shown, the electronic device may also include a power source (such as a battery) for powering the various components, preferably, the power source may be logically connected to the at least one processor 10 through a power management device, so that the power source can be logically connected through the power management device. Implement functions such as charge management, discharge management, and power management. The power source may also include one or more DC or AC power sources, recharging devices, power failure detection circuits, power converters or inverters, power status indicators, and any other components. The electronic device may further include various sensors, Bluetooth modules, Wi-Fi modules, etc., which will not be repeated here.

Further, the electronic device may also include a network interface, optionally, the network interface may include a wired interface and/or a wireless interface (such as a WI-FI interface, a Bluetooth interface, etc.) Establish a communication connection between other electronic devices.

Optionally, the electronic device may further include a user interface, and the user interface may be a display (Display), an input unit (such as a keyboard (Keyboard)), optionally, the user interface may also be a standard wired interface or a wireless interface. Optionally, in some embodiments, the display may be an LED display, a liquid crystal display, a touch-sensitive liquid crystal display, an OLED (Organic Light-Emitting Diode, organic light-emitting diode) touch device, and the like. The display may also be appropriately called a display screen or a display unit, which is used for displaying information processed in the electronic device and for displaying a visual user interface.

It should be understood that the embodiments are only used for illustration, and are not limited by this structure in the scope of the patent application.

The data transfer mode conversion program stored in the memory 11 in the electronic device is a combination of multiple instructions, and when running in the processor 10, it can realize:

Building a data transfer mode conversion project of the front-end project, and introducing the basic file of the target transfer mode into the data transfer mode conversion project to obtain a standard transfer mode conversion project;

Identifying the entry file of the standard delivery method transformation project, and finding out the target component in the standard delivery method transformation project based on the entry file;

Identify the original data transfer method in the target component;

Perform variable migration on the to-be-compiled variables in the original data transfer mode to obtain the front-end project of the target transfer mode.

Specifically, for the specific implementation method of the above-mentioned instruction by the processor 10, reference may be made to the description of the relevant steps in the embodiment corresponding to the accompanying drawings, which will not be repeated here.

Further, if the modules/units integrated in the electronic device are implemented in the form of software functional units and sold or used as independent products, they may be stored in a computer-readable storage medium. The computer-readable storage medium may be volatile or non-volatile. For example, the computer-readable medium may include: any entity or device capable of carrying the computer program code, a recording medium, a USB flash drive, a removable hard disk, a magnetic disk, an optical disc, a computer memory, a read-only memory (ROM, Read-Only). Memory).

The present invention also provides a computer-readable storage medium, where the readable storage medium stores a computer program, and when executed by a processor of an electronic device, the computer program can realize:

Building a data transfer mode conversion project of the front-end project, and introducing the basic file of the target transfer mode into the data transfer mode conversion project to obtain a standard transfer mode conversion project;

Identifying the entry file of the standard delivery method transformation project, and finding out the target component in the standard delivery method transformation project based on the entry file;

Identify the original data transfer method in the target component;

Perform variable migration on the to-be-compiled variables in the original data transfer mode to obtain the front-end project of the target transfer mode.

In the several embodiments provided by the present invention, it should be understood that the disclosed apparatus, apparatus and method may be implemented in other manners. For example, the apparatus embodiments described above are only illustrative. For example, the division of the modules is only a logical function division, and there may be other division manners in actual implementation.

The modules described as separate components may or may not be physically separated, and components shown as modules may or may not be physical units, that is, may be located in one place, or may be distributed to multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution in this embodiment.

In addition, each functional module in each embodiment of the present invention may be integrated into one processing unit, or each unit may exist physically alone, or two or more units may be integrated into one unit. The above-mentioned integrated units can be implemented in the form of hardware, or can be implemented in the form of hardware plus software function modules.

It will be apparent to those skilled in the art that the present invention is not limited to the details of the above-described exemplary embodiments, but that the present invention may be embodied in other specific forms without departing from the spirit or essential characteristics of the invention.

Therefore, the embodiments are to be regarded in all respects as illustrative and not restrictive, and the scope of the invention is to be defined by the appended claims rather than the foregoing description, which are therefore intended to fall within the scope of the claims. All changes within the meaning and range of the equivalents of , are included in the present invention. Any reference signs in the claims shall not be construed as limiting the involved claim.

The embodiments of the present invention can acquire and process related data based on artificial intelligence technology. Among them, artificial intelligence (AI) is a theory, method, technology and application system that uses digital computers or machines controlled by digital computers to simulate, extend and expand human intelligence, perceive the environment, acquire knowledge and use knowledge to obtain the best results. .

The basic technologies of artificial intelligence generally include technologies such as sensors, special artificial intelligence chips, cloud computing, distributed storage, big data processing technology, operation/interaction systems, and mechatronics. Artificial intelligence software technology mainly includes computer vision technology, robotics technology, biometrics technology, speech processing technology, natural language processing technology, and machine learning/deep learning.

The blockchain referred to in the present invention is a new application mode of computer technologies such as distributed data storage, point-to-point transmission, consensus mechanism, and encryption algorithm. Blockchain, essentially a decentralized database, is a series of data blocks associated with cryptographic methods. Each data block contains a batch of network transaction information to verify its Validity of information (anti-counterfeiting) and generation of the next block. The blockchain can include the underlying platform of the blockchain, the platform product service layer, and the application service layer.

Furthermore, it is clear that the word "comprising" does not exclude other units or steps and the singular does not exclude the plural. Several units or means recited in the system claims can also be realized by one unit or means by means of software or hardware. Second-class terms are used to denote names and do not denote any particular order.

Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention and not to limit them. Although the present invention has been described in detail with reference to the preferred embodiments, those of ordinary skill in the art should understand that the technical solutions of the present invention can be Modifications or equivalent substitutions can be made without departing from the spirit and scope of the technical solutions of the present invention.

Claims (10)

1. A method for converting a data transmission mode, the method comprising:

constructing a data transfer mode conversion project of a front-end project, and introducing a basic file of a target transfer mode into the data transfer mode conversion project to obtain a standard transfer mode conversion project;

identifying an entry file of the standard transfer mode conversion project, and finding out a target component in the standard transfer mode conversion project based on the entry file;

identifying a raw data delivery style in the target component;

and carrying out variable migration on the variable to be compiled in the original data transfer mode to obtain a front-end project of the target transfer mode.

2. The data transfer method according to claim 1, wherein the constructing of the data transfer method conversion item of the front-end item includes:

positioning a root directory of the front-end item, and adding a data transfer mode conversion tool in the root directory;

and setting a conversion configuration file in the data transfer mode conversion tool, adding a data transfer mode conversion command in a root directory to which the conversion configuration file is added, and executing the data transfer mode conversion command to obtain the data transfer mode conversion item.

3. The data transfer method according to claim 2, wherein before introducing the basic file of the target transfer method into the data transfer method conversion item, the method further comprises:

creating a management center directory according to the conversion configuration file;

initializing a management file under the management center directory, and adding a plurality of object attributes of the target transmission mode into the management file to obtain the basic file.

4. The data transfer mode conversion method of claim 1, wherein finding the target component in the standard transfer mode conversion item based on the entry file comprises:

searching out a file containing a target suffix from the entry file by using a preset import grammar as a parent component;

and repeatedly utilizing the introduced grammar to carry out component search on the parent component to obtain all sub-components of the parent component, and taking the searched sub-components as target components.

5. The data transfer mode conversion method of claim 4, wherein the identifying of the original data transfer mode in the target component comprises:

judging whether the sub-components contain preset keywords or not;

if the sub-component contains the keyword, determining that the original data transmission mode in the target component is a first data transmission mode;

if the sub-component does not contain the keyword, judging whether the sub-component and the parent component carry out data communication or not;

if the sub-components and the parent component do not carry out data communication, returning to the step of repeatedly utilizing the introduced grammar to carry out component searching on the parent component until all the sub-components are judged;

and if the child component and the parent component carry out data communication, determining that the original data transmission mode in the target component is a second data transmission mode.

6. The method of claim 5, wherein the determining whether the child component is in data communication with the parent component comprises:

instantiating a component library by using the introduction grammar, and carrying out external export operation on the component library through a preset export keyword;

if the component library cannot be exported outwards, determining that the sub-component and the parent component do not carry out data communication;

if the component library can be exported outwards, judging whether an object event method exists in the sub-component;

if the sub-component does not have the object event method, determining that the sub-component and the parent component do not carry out data communication;

and if the sub-component has the object event method, determining that the sub-component and the parent component carry out data communication.

7. The data transfer mode conversion method according to claim 3, wherein the performing variable migration on the variable to be compiled in the original data transfer mode includes:

if the original data transfer mode is a first data transfer mode, copying a variable called by the first data transfer mode in the sub-component into the object attribute, and adding a modified variable function and a trigger variable function in the object attribute;

if the original data transmission mode is a second data transmission mode, copying variables transmitted in the sub-components through the second data transmission mode into the object attributes, and adding a modified variable function, a trigger variable function and an event callback function into the object attributes.

8. A data transfer mode conversion apparatus, comprising:

the data transfer mode conversion project construction module is used for constructing a data transfer mode conversion project of a front-end project, and introducing a basic file of a target transfer mode into the data transfer mode conversion project to obtain a standard transfer mode conversion project;

the target component searching module is used for identifying an entry file of the standard transfer mode conversion project and searching a target component in the standard transfer mode conversion project based on the entry file;

the data transfer mode identification module is used for identifying an original data transfer mode in the target assembly;

and the data transfer mode conversion module is used for carrying out variable migration on the variable to be compiled in the original data transfer mode to obtain a front-end project of the target transfer mode.

9. An electronic device, characterized in that the electronic device comprises:

at least one processor; and the number of the first and second groups,

a memory communicatively coupled to the at least one processor; wherein,

the memory stores a computer program executable by the at least one processor, the computer program being executable by the at least one processor to enable the at least one processor to perform the data transfer style translation method of any one of claims 1 to 7.

10. A computer-readable storage medium storing a computer program, wherein the computer program, when executed by a processor, implements the data transfer method according to any one of claims 1 to 7.

Images