CN110968319A - Method, device and computer equipment for converting H5 project into Vue framework - Google Patents
Method, device and computer equipment for converting H5 project into Vue framework Download PDFInfo
- Publication number
- CN110968319A CN110968319A CN201911350972.2A CN201911350972A CN110968319A CN 110968319 A CN110968319 A CN 110968319A CN 201911350972 A CN201911350972 A CN 201911350972A CN 110968319 A CN110968319 A CN 110968319A
- Authority
- CN
- China
- Prior art keywords
- page
- vue
- project
- slice
- slices
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Security & Cryptography (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
The application discloses a method, a device and a computer device for converting an H5 project into a Vue framework, wherein the method for converting an H5 project into a Vue framework comprises the following steps: analyzing page information of a specified page, wherein the specified page belongs to all pages contained in the H5 project, and the page information comprises information tags contained in the pages; slicing and storing the appointed page according to each information tag; combining all the slices with the same information label according to a preset combination mode to obtain a preset sub-assembly; compounding the preset sub-assemblies to obtain a compounded Vue assembly corresponding to the designated page; and storing the composite Vue components corresponding to all pages in the H5 project into a Vue scaffold which is generated by initialization in advance according to a preset mapping relation to form a Vue framework corresponding to the H5 project. The conversion of a conventional front end H5 project into Vue projects is performed quickly, which reduces the time and labor costs associated with the conversion operation.
Description
Technical Field
The present application relates to the field of computers, and more particularly, to a method, apparatus, and computer device for converting an H5 project into a Vue framework.
Background
Compared with the traditional front-end H5 project, the Vue framework can greatly reduce direct dom operation, bidirectional binding of data and views in code of the traditional front end, and only data needs to be changed, and the views are automatically changed, so that the code amount is greatly reduced, and the page performance is improved. At present, no tool for automatically converting a traditional architecture project into an Vue framework project exists in the market, the manual conversion process is complex, the time-consuming period is long, the test cost is high, and the wide popularization of Vue frameworks is not facilitated.
Disclosure of Invention
The main objective of the present application is to provide a method for converting H5 project into Vue framework, which aims to solve the technical problem of no tool for automatically converting the traditional architecture project into Vue framework project.
The application provides a method for converting an H5 project into a Vue framework, which comprises the following steps:
analyzing page information of a specified page, wherein the specified page belongs to all pages contained in the H5 project, and the page information comprises information tags contained in the pages;
slicing and storing the appointed page according to each information tag;
combining all the slices with the same information label according to a preset combination mode to obtain a preset sub-assembly;
compounding the preset sub-assemblies to obtain a compounded Vue assembly corresponding to the designated page;
and storing the composite Vue components corresponding to all pages in the H5 project into a Vue scaffold which is generated by initialization in advance according to a preset mapping relation to form a Vue framework corresponding to the H5 project.
Preferably, the step of analyzing the page information of the specified page is preceded by:
reading a pre-configured configuration file, and acquiring configuration contents of Vue scaffolds to be initialized;
executing a first operation command to install a global scaffold generation library;
judging whether the global scaffold generation library is installed successfully or not;
if yes, calling a specified method in the global scaffold generation library by executing a second operation command, and generating the Vue scaffold.
Preferably, the step of combining the slices with the same information tag according to a preset combination mode to obtain a preset sub-assembly includes:
judging whether the number of the slices with the same information label is at least more than two;
if so, acquiring the arrangement sequence of the slices with the same information tags in the designated page;
splicing the code data in the slices with the same information label according to the arrangement sequence to form a designated sub-assembly;
and naming the designated sub-components according to the identification attributes corresponding to the information tags.
Preferably, the step of forming a designated sub-component by splicing the code data in the slices having the same information tag according to the arrangement order includes:
judging whether a first slice carries a section tag or not, wherein the first slice is contained in all slices corresponding to the specified page;
and if so, sequentially splicing all the first slices according to the arrangement sequence in the specified page to form the page content template file assembly.
Preferably, after the step of judging whether the first slice carries the section tag, the method includes:
if the first slice does not carry a section tag, judging whether a div tag is carried, wherein the second slice is contained in all slices corresponding to the specified page;
if so, defining the code content as a second slice, and judging whether the number of the code content in the second slice exceeds a preset number;
and if so, sequentially splicing all the second slices according to the arrangement sequence in the designated page to form the page content template file assembly.
Preferably, the step of splicing the code data in the slices with the same information tag according to the arrangement order to form the designated sub-component further includes:
analyzing the class attribute and/or style attribute in the page content template file component;
judging whether a third slice carrying a style tag exists in each slice corresponding to the specified page according to the class attribute, or judging whether a fourth slice carrying a link tag exists in each slice corresponding to the specified page according to the style attribute, wherein the third slice and the fourth slice are contained in all slices corresponding to the specified page;
if so, combining the code data in the third slice and/or the fourth slice into the page style file component;
if not, taking all code contents corresponding to the specified page as the page style file component.
Preferably, the step of forming the designated sub-component by splicing the code data in the slices having the same information tag according to the arrangement order further includes:
partitioning all contents of the specified page according to the method name;
adding partition content of partitions corresponding to the names of all parties to a method object of a script tag;
analyzing the event to be executed except the method name in the appointed page, and extracting a callback function of the event to be executed;
and binding the callback function of the event to be executed with the selector of the specified page dom to form the page logic file component.
The application also provides a device for converting the H5 project into the Vue framework, which comprises:
the analysis module is used for analyzing page information of a specified page, wherein the specified page belongs to all pages contained in the H5 project, and the page information comprises information tags contained in the pages;
the slicing module is used for slicing and storing the specified page according to each information tag;
the combination module is used for combining the slices with the same information labels according to a preset combination mode to obtain a preset sub-assembly;
the compounding module is used for compounding the preset sub-assemblies to obtain a compounded Vue assembly corresponding to the designated page;
and the storage module is used for storing the composite Vue components corresponding to all pages in the H5 project into a Vue scaffold which is generated by initialization in advance according to a preset mapping relation to form a Vue frame corresponding to the H5 project.
The present application further provides a computer device comprising a memory and a processor, wherein the memory stores a computer program, and the processor implements the steps of the above method when executing the computer program.
The present application also provides a computer-readable storage medium having stored thereon a computer program which, when being executed by a processor, carries out the steps of the method as described above.
This application is through corresponding to compound Vue subassembly respectively with all pages in the H5 project, according to predetermineeing the mapping relation deposit in the Vue scaffold frame that the initialization generated in advance, form Vue frames that the H5 project corresponds, convenient and fast. The file names are in one-to-one correspondence, the content of the Vue components after conversion is ensured to be consistent with the content of all pages in the H5 project before conversion, a traditional front-end H5 project can be quickly converted into a Vue project, and time consumed by conversion operation and cost on labor can be reduced. The converted project can use all functions of the Vue-cli scaffold through the npm run dev only by installing required dependence, and time and labor cost for building, configuring and debugging the scaffold are greatly reduced. And the converted items can be automatically classified through the folders according to different page conversion components, and the item structure is clear. The user can modify any scaffold configuration that needs the custom by oneself in the project after the conversion, and it is more convenient to use.
Drawings
FIG. 1 is a flow chart of a method for converting the H5 project into the Vue framework according to an embodiment of the present application;
FIG. 2 is a schematic diagram of the structure of the device for converting the H5 project into Vue frame according to an embodiment of the present application;
fig. 3 is a schematic diagram of an internal structure of a computer device according to an embodiment of the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the present application is described in further detail below with reference to the accompanying drawings and embodiments. 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.
Referring to fig. 1, a method for converting the H5 project into the Vue framework according to an embodiment of the present application includes:
s1: analyzing page information of a specified page, wherein the specified page belongs to all pages contained in the H5 project, and the page information comprises information tags contained in the pages;
s2: slicing and storing the appointed page according to each information tag;
s3: combining all the slices with the same information label according to a preset combination mode to obtain a preset sub-assembly;
s4: compounding the preset sub-assemblies to obtain a compounded Vue assembly corresponding to the designated page;
s5: and storing the composite Vue components corresponding to all pages in the H5 project into a Vue scaffold which is generated by initialization in advance according to a preset mapping relation to form a Vue framework corresponding to the H5 project.
Currently, in the domestic front-end industry, the two major popular frames are Vue frames and React frames, respectively, and Vue frames have a domestic share exceeding the React frames. Compared with a front-end H5 project, the Vue framework can greatly reduce direct dom operation of the front end in the code, bidirectional binding of data and views, only data needs to be changed, and the views are automatically changed, so that the code amount is greatly reduced, and the page performance is improved. The front end H5 project is a heavy cost to replace the Vue frame project. Firstly, the whole H5 project needs to be combed again, then a scaffold is built, each function module is split into components, a series of operations such as related dependency files are introduced, the automatic frame conversion tool of the application is a tool for automatically converting the H5 project into the Vue frame project, time cost and test cost consumed by each step of operation are reduced, and the cost of the H5 project conversion frame is reduced.
In the embodiment, all pages in the H5 project are respectively corresponding to the composite Vue components, and the composite Vue components are stored in the Vue scaffold generated by initialization in advance according to the preset mapping relationship, so that the Vue framework corresponding to the H5 project is formed, and the method is convenient and fast. The preset mapping relation comprises a one-to-one correspondence relation according to file names, and the consistency of the contents is ensured. This embodiment downloads Vue the conversion tool installation package, node _ modules dependent files required to install the H5 project, this Vue conversion tool even if the installation is complete. Vue after the conversion tool is installed, a configuration file json is automatically generated according to the pre-configuration parameters, all configuration items in the configuration file have a default value, and the user can directly use the configuration file or self-define the configuration file. The method mainly comprises the following configuration parameters: the folder path for "required to perform transformation H5 project", the path supporting both absolute and relative paths, defaults to the root directory of the Vue transformation tool. That is, it only needs to copy the whole H5 project to the root directory of the Vue transformation tool, and then modify the folder name of the H5 project to project, and modify the folder name of the H5 project to project, so as to be consistent with the format of the preset configuration file. Vue scaffolds defaulted to official recommended webpack templates in Vue-cli, users could change to other templates. The item directory after the conversion is successful is defaulted to be under the same level directory of the original H5 item root directory. The H5 project is converted according to the specific configuration requirements by simply locating Vue the conversion tool in the command line and then executing the command npm run built, and the script reads the configuration file json. And placing the successfully converted items in a specified directory in a configuration file.
Further, before the step S1 of analyzing the page information of the specified page, the method includes:
s11: reading a pre-configured configuration file, and acquiring configuration contents of Vue scaffolds to be initialized;
s12: executing a first operation command to install a global scaffold generation library;
s13: judging whether the global scaffold generation library is installed successfully or not;
s14: if yes, calling a specified method in the global scaffold generation library by executing a second operation command, and generating the Vue scaffold.
The process of automatically initializing Vue scaffold generation is: after executing the start switch command npm run built command, the scaffold is written into the package json according to the scaffold name of the configuration file json (if not set by the user, the vue-cli webpack template is defaulted), and the dependent file is downloaded. The specific process takes an vue-cli webpack template as an example: (1) installing a global scaffold generation library by performing npm install-g @ vue/cli; (2) executing the vue create vue-project to generate a project scaffold; (3) default scaffold configuration is default (babel, eslin), vue-router is installed, css pre-processing, vuex, automation test and unit test are not installed. The Vue scaffold of this embodiment, the module of introducing mainly includes: (1) lodash, a common tool library, used for complex data processing operations; (2) log4js-node, a process log printing tool, which can record and output error logs during the tool execution; (3) cross-env, which is an environment variable adaptation tool, so that the tool can support windows, mac and linux three operating system environments.
Further, the step S3 of combining the slices with the same information label according to a preset combination mode to obtain a preset sub-assembly includes:
s31: judging whether the number of the slices with the same information label is at least more than two;
s32: if so, acquiring the arrangement sequence of the slices with the same information tags in the designated page;
s33: splicing the code data in the slices with the same information label according to the arrangement sequence to form a designated sub-assembly;
s34: and naming the designated sub-components according to the identification attributes corresponding to the information tags.
In the embodiment, the body tag of the page display content in the html is identified, and the script tag introduced with js, the link tag introduced with css and the style tag are introduced, so that the whole html is sliced according to the three types. After the processing is finished, the data is placed in the memory. Slicing principle of the present embodiment: the words are interpreted into different languages, and the languages have special grammar and format, and the key of the segmentation is to find labels and keywords mentioned in the content so as to distinguish which type of language code segment is used for segmentation and splicing. For example, the JS code segment is wrapped in a script tag of the HTML file, and as long as the script tag is found, the JS content of the file is obtained by obtaining the code segment in the tag. If there are multiple script tags, then the content in the tags is sequentially obtained, then sequentially spliced according to the found sequence, and finally a file ending with a js suffix is generated to form a sub-component of the Vue framework.
Further, the step S33 of the designated sub-component including a page content template file component, and splicing the code data in the slices having the same information tag according to the arrangement order to form the designated sub-component includes:
s330: judging whether a first slice carries a section tag or not, wherein the first slice is contained in all slices corresponding to the specified page;
s331: and if so, sequentially splicing all the first slices according to the arrangement sequence in the specified page to form the page content template file assembly.
Further, after the step S330 of determining whether the first slice carries the section tag, the method includes:
s332: if the first slice does not carry a section tag, judging whether the second slice carries a div tag, wherein the second slice is contained in all slices corresponding to the specified page;
s333: if so, defining the code content as a second slice, and judging whether the number of the code content in the second slice exceeds a preset number;
s334: and if so, sequentially splicing all the second slices according to the arrangement sequence in the designated page to form the page content template file assembly.
In this embodiment, the extraction of a sub-component page content template file, i.e. a template file, is taken as an example: analyzing the sliced body label, and carrying out blocking processing according to the section label and the div label; the specific rule is as follows: when a section tag is encountered, taking all contents in the whole section tag as a template file tag of a sub-component of a page; if the whole page has no section tag, finding the div tag, and when the package content of one div tag exceeds 30 lines of codes, taking all the content in the div tag package as a template file tag of a sub-component of one page to form a page content template file component. After the sub-components are split, naming the split sub-components according to the name of the page in the original html, for example, the original html page is index. html, the split sub-components are index _ component _1.vue, index _ component _2.vue, and the like, so that the mapping association relationship is conveniently established, and a user can modify the name after the item is converted.
Further, the step S33 of splicing the code data in the slices having the same information tag according to the arrangement order to form the designated sub-component further includes:
s335: analyzing the class attribute and/or style attribute in the page content template file component;
s336, judging whether a third slice carrying a style label exists in each slice corresponding to the appointed page according to the class attribute, or judging whether a fourth slice carrying a link label exists in each slice corresponding to the appointed page according to the style attribute, wherein the third slice and the fourth slice are contained in all slices corresponding to the appointed page,
s337, if yes, combining the code data in the third slice and/or the fourth slice into the page style file assembly;
and S338, if not, taking all code contents corresponding to the specified page as the page style file component.
In this embodiment, the extraction of a sub-component page style file, namely a css style file, is taken as an example: the class attribute and/or style attribute of the template file in the subcomponent is analyzed. For the class attribute, searching corresponding css type contents in a file introduced by a style label and/or a link label of an original html page, and adding the css type contents in the style label of the vue component file; if not, the entire contents of the H5 project to be converted are looked up and added as a subcomponent css style file. In other embodiments of the present application, since the style attribute belongs to the inline style, a new class name is extracted and added to the style tag of the vue component file, so as to facilitate file management.
Further, the step S33 of splicing the code data in the slices having the same information tag according to the arrangement order to form a designated sub-component includes:
s33a, partitioning all contents of the specified page according to the method name;
s33b, adding the partition content corresponding to each party name into the method object of the script label;
s33c, analyzing the events to be executed of the appointed page except the method name, and extracting the callback function of the events to be executed;
s33d, binding the callback function of the event to be executed with the selector of the specified page dom to form the page logic file component.
The extraction of the sub-component page logic file, i.e. the js file, of this embodiment is as follows: first, the script tag content in the original html file is classified according to the method name and added to the method object of the vue component file script tag content. And then, analyzing click events except the legal name above the page, such as click events of document. And the rest unmatched js content is added to the create method of the sub-component to be executed.
Referring to fig. 2, the apparatus for converting the H5 item into the Vue frame according to an embodiment of the present application includes:
the analysis module 1 is configured to analyze page information of a specified page, where the specified page belongs to all pages included in the H5 project, and the page information includes information tags included in the pages;
the slicing module 2 is used for slicing and storing the specified page according to each information tag;
the combination module 3 is used for combining the slices with the same information labels according to a preset combination mode to obtain preset subassemblies;
the compound module 4 is used for compounding the preset sub-assemblies to obtain a compound Vue assembly corresponding to the designated page;
and the storage module 5 is configured to store the composite Vue components corresponding to all pages in the H5 project into a Vue scaffold generated by initialization in advance according to a preset mapping relationship, so as to form a Vue frame corresponding to the H5 project.
Currently, in the domestic front-end industry, the two major popular frames are Vue frames and React frames, respectively, and Vue frames have a domestic share exceeding the React frames. Compared with a front-end H5 project, the Vue framework can greatly reduce direct dom operation of the front end in the code, bidirectional binding of data and views, only data needs to be changed, and the views are automatically changed, so that the code amount is greatly reduced, and the page performance is improved. The front end H5 project is a heavy cost to replace the Vue frame project. Firstly, the whole H5 project needs to be combed again, then a scaffold is built, each function module is split into components, a series of operations such as related dependency files are introduced, the automatic frame conversion tool of the application is a tool for automatically converting the H5 project into the Vue frame project, time cost and test cost consumed by each step of operation are reduced, and the cost of the H5 project conversion frame is reduced.
In the embodiment, all pages in the H5 project are respectively corresponding to the composite Vue components, and the composite Vue components are stored in the Vue scaffold generated by initialization in advance according to the preset mapping relationship, so that the Vue framework corresponding to the H5 project is formed, and the method is convenient and fast. The preset mapping relation comprises a one-to-one correspondence relation according to file names, and the consistency of the contents is ensured. This embodiment downloads Vue the conversion tool installation package, node _ modules dependent files required to install the H5 project, this Vue conversion tool even if the installation is complete. Vue after the conversion tool is installed, a configuration file json is automatically generated according to the pre-configuration parameters, all configuration items in the configuration file have a default value, and the user can directly use the configuration file or self-define the configuration file. The method mainly comprises the following configuration parameters: the folder path for "required to perform transformation H5 project", the path supporting both absolute and relative paths, defaults to the root directory of the Vue transformation tool. That is, it only needs to copy the whole H5 project to the root directory of the Vue transformation tool, and then modify the folder name of the H5 project to project, and modify the folder name of the H5 project to project, so as to be consistent with the format of the preset configuration file. Vue scaffolds defaulted to official recommended webpack templates in Vue-cli, users could change to other templates. The item directory after the conversion is successful is defaulted to be under the same level directory of the original H5 item root directory. The H5 project is converted according to the specific configuration requirements by simply locating Vue the conversion tool in the command line and then executing the command npm run built, and the script reads the configuration file json. And placing the successfully converted items in a specified directory in a configuration file.
In another embodiment, an apparatus for converting an H5 project into a Vue framework, comprises:
the reading module is used for reading the pre-configured configuration file and acquiring the configuration content of the Vue scaffold to be initialized;
the first execution module is used for executing the first operation command to install the global scaffold generation library;
the judging module is used for judging whether the global scaffold generation library is installed successfully;
and if so, calling a specified method in the global scaffold generation library by executing a second operation command, and generating the Vue scaffold.
The process of automatically initializing Vue scaffold generation is: after executing the start switch command npm run built command, the scaffold is written into the package json according to the scaffold name of the configuration file json (if not set by the user, the vue-cli webpack template is defaulted), and the dependent file is downloaded. The specific process takes an vue-cli webpack template as an example: (1) installing a global scaffold generation library by performing npm install-g @ vue/cli; (2) executing the vue create vue-project to generate a project scaffold; (3) default scaffold configuration is default (babel, eslin), vue-router is installed, css pre-processing, vuex, automation test and unit test are not installed. The Vue scaffold of this embodiment, the module of introducing mainly includes: (1) lodash, a common tool library, used for complex data processing operations; (2) log4js-node, a process log printing tool, which can record and output error logs during the tool execution; (3) cross-env, which is an environment variable adaptation tool, so that the tool can support windows, mac and linux three operating system environments.
Further, a combination module comprising:
a judging unit for judging whether the number of each slice having the same information label is at least more than two;
the acquisition unit is used for acquiring the arrangement sequence of the slices with the same information tags in the specified page if the slices with the same information tags are in the specified page;
the splicing unit is used for splicing the code data in the slices with the same information labels according to the arrangement sequence to form a designated sub-assembly;
and the naming module is used for naming the designated sub-components according to the identification attributes corresponding to the information tags.
In the embodiment, the body tag of the page display content in the html is identified, and the script tag introduced with js, the link tag introduced with css and the style tag are introduced, so that the whole html is sliced according to the three types. After the processing is finished, the data is placed in the memory. Slicing principle of the present embodiment: the words are interpreted into different languages, and the languages have special grammar and format, and the key of the segmentation is to find labels and keywords mentioned in the content so as to distinguish which type of language code segment is used for segmentation and splicing. For example, the JS code segment is wrapped in a script tag of the HTML file, and as long as the script tag is found, the JS content of the file is obtained by obtaining the code segment in the tag. If there are multiple script tags, then the content in the tags is sequentially obtained, then sequentially spliced according to the found sequence, and finally a file ending with a js suffix is generated to form a sub-component of the Vue framework.
In one embodiment, a splice unit includes:
the first judging subunit is configured to judge whether a first slice carries a section tag, where the first slice is included in all slices corresponding to the designated page;
and the first splicing subunit is used for splicing the first slices in sequence according to the arrangement sequence in the specified page to form the page content template file assembly if the first splicing subunit is in the specified page.
Further, the splicing unit includes:
a second determining subunit, configured to determine whether the second slice carries a div tag if the first slice does not carry a section tag, where the second slice is included in all slices corresponding to the designated page;
a third judging subunit, configured to define the second slice as the first slice if the first slice is a second slice, and judge whether the number of code contents in the first slice exceeds a preset number;
and the second splicing subunit is used for splicing the second slices in sequence according to the arrangement sequence in the specified page to form the page content template file assembly if the second slices are in the specified page.
In this embodiment, the extraction of a sub-component page content template file, i.e. a template file, is taken as an example: analyzing the sliced body label, and carrying out blocking processing according to the section label and the div label; the specific rule is as follows: when a section tag is encountered, taking all contents in the whole section tag as a template file tag of a sub-component of a page; if the whole page has no section tag, finding the div tag, and when the package content of one div tag exceeds 30 lines of codes, taking all the content in the div tag package as a template file tag of a sub-component of one page to form a page content template file component. After the sub-components are split, naming the split sub-components according to the name of the page in the original html, for example, the original html page is index. html, the split sub-components are index _ component _1.vue, index _ component _2.vue, and the like, so that the mapping association relationship is conveniently established, and a user can modify the name after the item is converted.
In another embodiment, a splice unit includes:
the analysis subunit is used for analyzing the class attribute and/or the style attribute in the page content template file component;
a fourth judging subunit, configured to judge, according to the class attribute, whether a third slice carrying a style tag exists in each slice corresponding to the specified page, or judge, according to the style attribute, whether a fourth slice carrying a link tag exists in each slice corresponding to the specified page, where the third slice and the fourth slice are included in all slices corresponding to the specified page,
a combining subunit, configured to, if yes, combine the code data in the third slice and/or the fourth slice into the page style file component;
and the sub-unit is used for taking all code contents corresponding to the specified page as the page style file component if the specified page is not the page style file component.
In this embodiment, the extraction of a sub-component page style file, namely a css style file, is taken as an example: the class attribute and/or style attribute of the template file in the subcomponent is analyzed. For the class attribute, searching corresponding css type contents in a file introduced by a style label and/or a link label of an original html page, and adding the css type contents in the style label of the vue component file; if not, the entire contents of the H5 project to be converted are looked up and added as a subcomponent css style file. In other embodiments of the present application, since the style attribute belongs to the inline style, a new class name is extracted and added to the style tag of the vue component file, so as to facilitate file management.
In yet another embodiment, a splice unit includes:
the partition subunit is used for partitioning all the contents of the specified page according to the method name;
the adding subunit is used for adding partition content corresponding to each party name into the method object of the script tag;
the extraction subunit is used for analyzing the events to be executed of the specified page except the method name and extracting the callback function of the events to be executed;
and the binding subunit is used for binding the callback function of the event to be executed with the selector of the specified page dom to form the page logic file component.
The extraction of the sub-component page logic file, i.e. the js file, of this embodiment is as follows: first, the script tag content in the original html file is classified according to the method name and added to the method object of the vue component file script tag content. And then, analyzing click events except the legal name above the page, such as click events of document. And the rest unmatched js content is added to the create method of the sub-component to be executed.
Referring to fig. 3, a computer device, which may be a server and whose internal structure may be as shown in fig. 3, is also provided in the embodiment of the present application. The computer device includes a processor, a memory, a network interface, and a database connected by a system bus. Wherein the computer designed processor is used to provide computational and control capabilities. The memory of the computer device comprises a nonvolatile storage medium and an internal memory. The non-volatile storage medium stores an operating system, a computer program, and a database. The memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The database of this computer device is used to store all the data required for the conversion of the H5 project into the Vue framework process. The network interface of the computer device is used for communicating with an external terminal through a network connection. The computer program when executed by a processor implements the conversion of the H5 project into the Vue framework.
The processor performs a method for converting the front end H5 project into the Vue frame, comprising: analyzing page information of a specified page, wherein the specified page belongs to all pages contained in the H5 project, and the page information comprises information tags contained in the pages; slicing and storing the appointed page according to each information tag; combining all the slices with the same information label according to a preset combination mode to obtain a preset sub-assembly; compounding the preset sub-assemblies to obtain a compounded Vue assembly corresponding to the designated page; and storing the composite Vue components corresponding to all pages in the H5 project into a Vue scaffold which is generated by initialization in advance according to a preset mapping relation to form a Vue framework corresponding to the H5 project.
According to the computer equipment, all pages in the H5 project are respectively corresponding to the composite Vue components and stored in the Vue scaffold which is generated by initialization in advance according to the preset mapping relation, so that the Vue framework corresponding to the H5 project is formed, and convenience and rapidness are achieved. The file names are in one-to-one correspondence, the content of the Vue components after conversion is ensured to be consistent with the content of all pages in the H5 project before conversion, a traditional front-end H5 project can be quickly converted into a Vue project, and time consumed by conversion operation and cost on labor can be reduced. The converted project can use all functions of the Vue-cli scaffold through the npm rundev only by installing required dependence, and time and labor cost for building, configuring and debugging the scaffold are greatly reduced. And the converted items can be automatically classified through the folders according to different page conversion components, and the item structure is clear. The user can modify any scaffold configuration that needs the custom by oneself in the project after the conversion, and it is more convenient to use.
In one embodiment, the step of analyzing the page information of the specific page by the processor comprises: reading a pre-configured configuration file, and acquiring configuration contents of Vue scaffolds to be initialized; executing a first operation command to install a global scaffold generation library; judging whether the global scaffold generation library is installed successfully or not; if yes, calling a specified method in the global scaffold generation library by executing a second operation command, and generating the Vue scaffold.
In an embodiment, the step of combining, by the processor, slices having the same information tag according to a preset combination manner to obtain a preset sub-component includes: judging whether the number of the slices with the same information label is at least more than two; if so, acquiring the arrangement sequence of the slices with the same information tags in the designated page; splicing the code data in the slices with the same information label according to the arrangement sequence to form a designated sub-assembly; and naming the designated sub-components according to the identification attributes corresponding to the information tags.
In an embodiment, the step of forming the designated sub-component by splicing the code data in the slices having the same information tag by the processor according to the arrangement order includes: judging whether a first slice carries a section tag or not, wherein the first slice is contained in all slices corresponding to the specified page; and if so, sequentially splicing all the first slices according to the arrangement sequence in the specified page to form the page content template file assembly.
In an embodiment, after the step of determining whether the first slice carries the section tag, the processor includes: if the first slice does not carry a section tag, judging whether a div tag is carried, wherein the second slice is contained in all slices corresponding to the specified page; if so, defining the code content as a second slice, and judging whether the number of the code content in the second slice exceeds a preset number; and if so, sequentially splicing all the second slices according to the arrangement sequence in the designated page to form the page content template file assembly.
In an embodiment, the specifying sub-component further includes a page style file component, and the step of splicing, by the processor, the code data in the slices having the same information tag according to the arrangement order to form the specifying sub-component includes: analyzing the class attribute and/or style attribute in the page content template file component; judging whether a third slice carrying a style tag exists in each slice corresponding to the specified page according to the class attribute, or judging whether a fourth slice carrying a link tag exists in each slice corresponding to the specified page according to the style attribute, wherein the third slice and the fourth slice are contained in all slices corresponding to the specified page; if so, combining the code data in the third slice and/or the fourth slice into the page style file component; if not, taking all code contents corresponding to the specified page as the page style file component.
In an embodiment, the step of forming the designated sub-component by splicing the code data in the slices having the same information tag by the processor according to the arrangement order further includes: partitioning all contents of the specified page according to the method name; adding partition content of partitions corresponding to the names of all parties to a method object of a script tag; analyzing the event to be executed except the method name in the appointed page, and extracting a callback function of the event to be executed; and binding the callback function of the event to be executed with the selector of the specified page dom to form the page logic file component.
Those skilled in the art will appreciate that the architecture shown in fig. 3 is only a block diagram of some of the structures associated with the disclosed aspects and is not intended to limit the computing devices to which the disclosed aspects may be applied.
An embodiment of the present application further provides a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements a method for converting an H5 project into a Vue framework, comprising: analyzing page information of a specified page, wherein the specified page belongs to all pages contained in the H5 project, and the page information comprises information tags contained in the pages; slicing and storing the appointed page according to each information tag; combining all the slices with the same information label according to a preset combination mode to obtain a preset sub-assembly; compounding the preset sub-assemblies to obtain a compounded Vue assembly corresponding to the designated page; and storing the composite Vue components corresponding to all pages in the H5 project into a Vue scaffold which is generated by initialization in advance according to a preset mapping relation to form a Vue framework corresponding to the H5 project.
According to the computer-readable storage medium, all pages in the H5 project are respectively corresponding to the composite Vue components and stored in the Vue scaffold which is generated by initialization in advance according to the preset mapping relation, so that the Vue framework corresponding to the H5 project is formed, and convenience and rapidness are achieved. The file names are in one-to-one correspondence, the content of the Vue components after conversion is ensured to be consistent with the content of all pages in the H5 project before conversion, a traditional front-end H5 project can be quickly converted into a Vue project, and time consumed by conversion operation and cost on labor can be reduced. The converted project can use all functions of the Vue-cli scaffold through the npm run dev only by installing required dependence, and time and labor cost for building, configuring and debugging the scaffold are greatly reduced. And the converted items can be automatically classified through the folders according to different page conversion components, and the item structure is clear. The user can modify any scaffold configuration that needs the custom by oneself in the project after the conversion, and it is more convenient to use.
In one embodiment, the step of analyzing the page information of the specific page by the processor comprises: reading a pre-configured configuration file, and acquiring configuration contents of Vue scaffolds to be initialized; executing a first operation command to install a global scaffold generation library; judging whether the global scaffold generation library is installed successfully or not; if yes, calling a specified method in the global scaffold generation library by executing a second operation command, and generating the Vue scaffold.
In an embodiment, the step of combining, by the processor, slices having the same information tag according to a preset combination manner to obtain a preset sub-component includes: judging whether the number of the slices with the same information label is at least more than two; if so, acquiring the arrangement sequence of the slices with the same information tags in the designated page; splicing the code data in the slices with the same information label according to the arrangement sequence to form a designated sub-assembly; and naming the designated sub-components according to the identification attributes corresponding to the information tags.
In an embodiment, the step of forming the designated sub-component by splicing the code data in the slices having the same information tag by the processor according to the arrangement order includes: judging whether a first slice carries a section tag or not, wherein the first slice is contained in all slices corresponding to the specified page; and if so, sequentially splicing all the first slices according to the arrangement sequence in the specified page to form the page content template file assembly.
In an embodiment, after the step of determining whether the first slice carries the section tag, the processor includes: if the first slice does not carry a section tag, judging whether a div tag is carried, wherein the second slice is contained in all slices corresponding to the specified page; if so, defining the code content as a second slice, and judging whether the number of the code content in the second slice exceeds a preset number; and if so, sequentially splicing all the second slices according to the arrangement sequence in the designated page to form the page content template file assembly.
In an embodiment, the specifying sub-component further includes a page style file component, and the step of splicing, by the processor, the code data in the slices having the same information tag according to the arrangement order to form the specifying sub-component includes: analyzing the class attribute and/or style attribute in the page content template file component; judging whether a third slice carrying a style tag exists in each slice corresponding to the specified page according to the class attribute, or judging whether a fourth slice carrying a link tag exists in each slice corresponding to the specified page according to the style attribute, wherein the third slice and the fourth slice are contained in all slices corresponding to the specified page; if so, combining the code data in the third slice and/or the fourth slice into the page style file component; if not, taking all code contents corresponding to the specified page as the page style file component.
In an embodiment, the step of forming the designated sub-component by splicing the code data in the slices having the same information tag by the processor according to the arrangement order further includes: partitioning all contents of the specified page according to the method name; adding partition content of partitions corresponding to the names of all parties to a method object of a script tag; analyzing the event to be executed except the method name in the appointed page, and extracting a callback function of the event to be executed; and binding the callback function of the event to be executed with the selector of the specified page dom to form the page logic file component.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by hardware instructions of a computer program, which can be stored in a non-volatile computer-readable storage medium, and when executed, can include the processes of the embodiments of the methods described above. Any reference to memory, storage, database, or other medium provided herein and used in the examples may include non-volatile and/or volatile memory. Non-volatile memory can include read-only memory (ROM), Programmable ROM (PROM), Electrically Programmable ROM (EPROM), Electrically Erasable Programmable ROM (EEPROM), or flash memory. Volatile memory can include Random Access Memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in a variety of forms such as Static RAM (SRAM), Dynamic RAM (DRAM), Synchronous DRAM (SDRAM), double-rate SDRAM (SSRSDRAM), Enhanced SDRAM (ESDRAM), synchronous link (Synchlink) DRAM (SLDRAM), Rambus Direct RAM (RDRAM), direct bus dynamic RAM (DRDRAM), and bus dynamic RAM (RDRAM).
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, apparatus, article, or method 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, apparatus, article, or method. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, apparatus, article, or method that includes the element.
The above description is only a preferred embodiment of the present application, and not intended to limit the scope of the present application, and all modifications of equivalent structures and equivalent processes, which are made by the contents of the specification and the drawings of the present application, or which are directly or indirectly applied to other related technical fields, are also included in the scope of the present application.
Claims (10)
1. A method of converting an H5 project into a Vue framework, comprising:
analyzing page information of a specified page, wherein the specified page belongs to all pages contained in the H5 project, and the page information comprises information tags contained in the pages;
slicing and storing the appointed page according to each information tag;
combining all the slices with the same information label according to a preset combination mode to obtain a preset sub-assembly;
compounding the preset sub-assemblies to obtain a compounded Vue assembly corresponding to the designated page;
and storing the composite Vue components corresponding to all pages in the H5 project into a Vue scaffold which is generated by initialization in advance according to a preset mapping relation to form a Vue framework corresponding to the H5 project.
2. The method of claim 1, wherein the step of analyzing the page information of the specified page is preceded by the step of converting the H5 project into Vue frame, comprising:
reading a pre-configured configuration file, and acquiring configuration contents of Vue scaffolds to be initialized;
executing a first operation command to install a global scaffold generation library;
judging whether the global scaffold generation library is installed successfully or not;
if yes, calling a specified method in the global scaffold generation library by executing a second operation command, and generating the Vue scaffold.
3. The method for converting the H5 project into Vue framework of claim 1, wherein the step of combining slices with the same information tags in a predetermined combination to obtain predetermined sub-components comprises:
judging whether the number of the slices with the same information label is at least more than two;
if so, acquiring the arrangement sequence of the slices with the same information tags in the designated page;
splicing the code data in the slices with the same information label according to the arrangement sequence to form a designated sub-assembly;
and naming the designated sub-components according to the identification attributes corresponding to the information tags.
4. The method for converting an H5 project into Vue framework according to claim 3, wherein the specified sub-components comprise a page content template file component, and the step of splicing code data in slices having the same information tags in the arrangement order to form the specified sub-components comprises:
judging whether a first slice carries a section tag or not, wherein the first slice is contained in all slices corresponding to the specified page;
and if so, sequentially splicing all the first slices according to the arrangement sequence in the specified page to form the page content template file assembly.
5. The method for converting the H5 project into Vue frame as claimed in claim 4, wherein the step of determining whether the first slice carries a section tag is followed by the steps of:
if the first slice does not carry a section tag, judging whether a div tag is carried, wherein the second slice is contained in all slices corresponding to the specified page;
if so, defining the code content as a second slice, and judging whether the number of the code content in the second slice exceeds a preset number;
and if so, sequentially splicing all the second slices according to the arrangement sequence in the designated page to form the page content template file assembly.
6. The method for converting an H5 project into a Vue framework, as claimed in claim 4 or 5, wherein the specified sub-component further comprises a page style file component, and the step of splicing code data in slices having the same information tag in the arrangement order to form the specified sub-component comprises:
analyzing the class attribute and/or style attribute in the page content template file component;
judging whether a third slice carrying a style tag exists in each slice corresponding to the specified page according to the class attribute, or judging whether a fourth slice carrying a link tag exists in each slice corresponding to the specified page according to the style attribute, wherein the third slice and the fourth slice are contained in all slices corresponding to the specified page;
if so, combining the code data in the third slice and/or the fourth slice into the page style file component;
if not, taking all code contents corresponding to the specified page as the page style file component.
7. The method for converting an H5 project into Vue framework according to claim 6, wherein the designated sub-component further comprises a page logic file component, and the step of splicing code data in slices having the same information tag in the arrangement order to form the designated sub-component comprises:
partitioning all contents of the specified page according to the method name;
adding partition content of partitions corresponding to the names of all parties to a method object of a script tag;
analyzing the event to be executed except the method name in the appointed page, and extracting a callback function of the event to be executed;
and binding the callback function of the event to be executed with the selector of the specified page dom to form the page logic file component.
8. An apparatus for converting an H5 project into a Vue framework, comprising:
the analysis module is used for analyzing page information of a specified page, wherein the specified page belongs to all pages contained in the H5 project, and the page information comprises information tags contained in the pages;
the slicing module is used for slicing and storing the specified page according to each information tag;
the combination module is used for combining the slices with the same information labels according to a preset combination mode to obtain a preset sub-assembly;
the compounding module is used for compounding the preset sub-assemblies to obtain a compounded Vue assembly corresponding to the designated page;
and the storage module is used for storing the composite Vue components corresponding to all pages in the H5 project into a Vue scaffold which is generated by initialization in advance according to a preset mapping relation to form a Vue frame corresponding to the H5 project.
9. A computer device comprising a memory and a processor, the memory storing a computer program, wherein the processor implements the steps of the method of any one of claims 1 to 7 when executing the computer program.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the method of any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911350972.2A CN110968319B (en) | 2019-12-24 | 2019-12-24 | Method and device for converting H5 project into Vue framework and computer equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911350972.2A CN110968319B (en) | 2019-12-24 | 2019-12-24 | Method and device for converting H5 project into Vue framework and computer equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110968319A true CN110968319A (en) | 2020-04-07 |
| CN110968319B CN110968319B (en) | 2023-09-26 |
Family
ID=70036520
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911350972.2A Active CN110968319B (en) | 2019-12-24 | 2019-12-24 | Method and device for converting H5 project into Vue framework and computer equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110968319B (en) |
Cited By (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111831263A (en) * | 2020-07-20 | 2020-10-27 | 北京字节跳动网络技术有限公司 | Data processing method and device, electronic equipment and computer readable medium |
| CN111897553A (en) * | 2020-08-28 | 2020-11-06 | 杭州安恒信息技术股份有限公司 | Project system building method, device, equipment and readable storage medium |
| CN111897529A (en) * | 2020-06-08 | 2020-11-06 | 华人运通(江苏)技术有限公司 | Front-end component conversion method, device, equipment and readable storage medium |
| CN111930380A (en) * | 2020-08-13 | 2020-11-13 | 四川长虹电器股份有限公司 | Self-descriptive front-end interaction implementation method capable of being dynamically defined |
| CN112148263A (en) * | 2020-09-28 | 2020-12-29 | 建信金融科技有限责任公司 | Front-end standard frame and generation method, device, equipment and storage medium thereof |
| CN112199080A (en) * | 2020-09-28 | 2021-01-08 | 上海上讯信息技术股份有限公司 | Webpack construction method and equipment for vuejs project |
| CN112540755A (en) * | 2020-12-23 | 2021-03-23 | 平安普惠企业管理有限公司 | Front-end-based component processing method, device, equipment and storage medium |
| CN112685013A (en) * | 2020-12-23 | 2021-04-20 | 平安普惠企业管理有限公司 | CSS code optimization method based on front-end vue project and related equipment |
| CN113553064A (en) * | 2021-07-07 | 2021-10-26 | 北京计算机技术及应用研究所 | Web front-end code conversion method |
| CN114201236A (en) * | 2021-12-14 | 2022-03-18 | 平安壹钱包电子商务有限公司 | AST-based component configuration method, device, equipment and medium |
| CN114237703A (en) * | 2021-12-20 | 2022-03-25 | 交通银行股份有限公司 | Automatic conversion method for converting Flex item into React item |
| CN114371872A (en) * | 2022-01-19 | 2022-04-19 | 山东捷瑞数字科技股份有限公司 | Vue project code reverse reconstruction method |
| CN114398036A (en) * | 2022-01-13 | 2022-04-26 | 平安普惠企业管理有限公司 | Method, device, equipment and medium for converting front-end web project into vue project |
| CN114489861A (en) * | 2022-02-16 | 2022-05-13 | 平安普惠企业管理有限公司 | Target component conversion method and device, electronic equipment and readable storage medium |
| CN114968243A (en) * | 2022-06-20 | 2022-08-30 | 平安普惠企业管理有限公司 | Communication unification method, device, equipment and storage medium for VUE parent-child assembly |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070226708A1 (en) * | 2006-03-24 | 2007-09-27 | International Business Machines Corporation | Source-to-source transformation for language dialects |
| US20120246611A1 (en) * | 2011-03-26 | 2012-09-27 | Accenture Global Services Limited | Transformation framework |
| CN110109671A (en) * | 2019-02-28 | 2019-08-09 | 深圳点猫科技有限公司 | A kind of webpack label sizes pattern conversion method and device |
| CN110362312A (en) * | 2019-06-27 | 2019-10-22 | 绿漫科技有限公司 | A kind of syntax conversion compiling system and method suitable for a variety of frames |
-
2019
- 2019-12-24 CN CN201911350972.2A patent/CN110968319B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070226708A1 (en) * | 2006-03-24 | 2007-09-27 | International Business Machines Corporation | Source-to-source transformation for language dialects |
| US20120246611A1 (en) * | 2011-03-26 | 2012-09-27 | Accenture Global Services Limited | Transformation framework |
| CN110109671A (en) * | 2019-02-28 | 2019-08-09 | 深圳点猫科技有限公司 | A kind of webpack label sizes pattern conversion method and device |
| CN110362312A (en) * | 2019-06-27 | 2019-10-22 | 绿漫科技有限公司 | A kind of syntax conversion compiling system and method suitable for a variety of frames |
Non-Patent Citations (1)
| Title |
|---|
| MONKEYLU: "将一个js项目改造成vue项目", pages 1 - 3, Retrieved from the Internet <URL:https://www.cnblogs.com/kfLu/p/10461037.html> * |
Cited By (22)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111897529A (en) * | 2020-06-08 | 2020-11-06 | 华人运通(江苏)技术有限公司 | Front-end component conversion method, device, equipment and readable storage medium |
| CN111897529B (en) * | 2020-06-08 | 2023-11-14 | 华人运通(江苏)技术有限公司 | Front-end component conversion method, device, equipment and readable storage medium |
| CN111831263A (en) * | 2020-07-20 | 2020-10-27 | 北京字节跳动网络技术有限公司 | Data processing method and device, electronic equipment and computer readable medium |
| CN111831263B (en) * | 2020-07-20 | 2023-04-25 | 抖音视界有限公司 | Method, apparatus, electronic device and computer readable medium for data processing |
| CN111930380B (en) * | 2020-08-13 | 2022-02-01 | 四川长虹电器股份有限公司 | Self-descriptive front-end interaction implementation method capable of being dynamically defined |
| CN111930380A (en) * | 2020-08-13 | 2020-11-13 | 四川长虹电器股份有限公司 | Self-descriptive front-end interaction implementation method capable of being dynamically defined |
| CN111897553B (en) * | 2020-08-28 | 2024-02-27 | 杭州安恒信息技术股份有限公司 | Project system building method, device, equipment and readable storage medium |
| CN111897553A (en) * | 2020-08-28 | 2020-11-06 | 杭州安恒信息技术股份有限公司 | Project system building method, device, equipment and readable storage medium |
| CN112199080A (en) * | 2020-09-28 | 2021-01-08 | 上海上讯信息技术股份有限公司 | Webpack construction method and equipment for vuejs project |
| CN112199080B (en) * | 2020-09-28 | 2023-02-17 | 上海上讯信息技术股份有限公司 | Webpack construction method and equipment for vuejs project |
| CN112148263A (en) * | 2020-09-28 | 2020-12-29 | 建信金融科技有限责任公司 | Front-end standard frame and generation method, device, equipment and storage medium thereof |
| CN112148263B (en) * | 2020-09-28 | 2024-03-08 | 建信金融科技有限责任公司 | Front-end standard framework, and generation method, device, equipment and storage medium thereof |
| CN112540755A (en) * | 2020-12-23 | 2021-03-23 | 平安普惠企业管理有限公司 | Front-end-based component processing method, device, equipment and storage medium |
| CN112685013A (en) * | 2020-12-23 | 2021-04-20 | 平安普惠企业管理有限公司 | CSS code optimization method based on front-end vue project and related equipment |
| CN113553064A (en) * | 2021-07-07 | 2021-10-26 | 北京计算机技术及应用研究所 | Web front-end code conversion method |
| CN114201236A (en) * | 2021-12-14 | 2022-03-18 | 平安壹钱包电子商务有限公司 | AST-based component configuration method, device, equipment and medium |
| CN114237703A (en) * | 2021-12-20 | 2022-03-25 | 交通银行股份有限公司 | Automatic conversion method for converting Flex item into React item |
| CN114398036A (en) * | 2022-01-13 | 2022-04-26 | 平安普惠企业管理有限公司 | Method, device, equipment and medium for converting front-end web project into vue project |
| CN114371872B (en) * | 2022-01-19 | 2022-08-05 | 山东捷瑞数字科技股份有限公司 | Vue project code reverse reconstruction method |
| CN114371872A (en) * | 2022-01-19 | 2022-04-19 | 山东捷瑞数字科技股份有限公司 | Vue project code reverse reconstruction method |
| CN114489861A (en) * | 2022-02-16 | 2022-05-13 | 平安普惠企业管理有限公司 | Target component conversion method and device, electronic equipment and readable storage medium |
| CN114968243A (en) * | 2022-06-20 | 2022-08-30 | 平安普惠企业管理有限公司 | Communication unification method, device, equipment and storage medium for VUE parent-child assembly |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110968319B (en) | 2023-09-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110968319B (en) | Method and device for converting H5 project into Vue framework and computer equipment | |
| CN110321408B (en) | Searching method and device based on knowledge graph, computer equipment and storage medium | |
| CN110333863B (en) | Method and device for generating and displaying applet page | |
| CN109582909A (en) | Webpage automatic generation method and device, electronic equipment and storage medium | |
| US20200174917A1 (en) | Rapid Automation First-pass Testing Framework | |
| CN111680253A (en) | Page application data packet generation method and device, computer equipment and storage medium | |
| CN111984228B (en) | Interface document processing method and device, computer equipment and storage medium | |
| CN110825430A (en) | API document generation method, device, equipment and storage medium | |
| CN111367595B (en) | Data processing method, program running method, device and processing equipment | |
| CN110888645A (en) | Method, device and storage medium for converting into small program | |
| CN111045717B (en) | Method, device, computer equipment and storage medium for acquiring project dependent package | |
| CN117693734A (en) | Front-end item processing method, device, equipment, management system and storage medium | |
| CN111679828B (en) | Data processing method and device, electronic equipment and storage medium | |
| CN116185391A (en) | Application programming interface generation method, device, equipment and storage medium | |
| CN112100126B (en) | Excel file-based picture storage and content display method and device | |
| CN115454382A (en) | Demand processing method and device, electronic equipment and storage medium | |
| CN115390835A (en) | Method and device for constructing small program labeling search box | |
| CN114371886A (en) | Front-end frame assembly conversion method and device, computer equipment and storage medium | |
| AU2018313995B2 (en) | Systems and methods for providing globalization features in a service management application interface | |
| CN113590095B (en) | Method and device for generating type declaration file based on swagger documents | |
| CN111722996B (en) | Interactive standard compliance testing method and device | |
| CN114237616A (en) | Storage configuration method, device, equipment and storage medium for VUE application program data | |
| CN114880233A (en) | Interface test case generation method and device, storage medium and electronic equipment | |
| Ariyaeimehr | Flight logging entry form: Creating a form and results table for flight logging purposes | |
| CN114564182A (en) | Command line checking method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20230831 Address after: Room 7-59, No. 500, Loushanguan Road, Changning District, Shanghai 200050 Applicant after: Aiyunbao (Shanghai) Technology Co.,Ltd. Address before: 518000 Room 202, block B, aerospace micromotor building, No.7, Langshan No.2 Road, Xili street, Nanshan District, Shenzhen City, Guangdong Province Applicant before: Shenzhen LIAN intellectual property service center Effective date of registration: 20230831 Address after: 518000 Room 202, block B, aerospace micromotor building, No.7, Langshan No.2 Road, Xili street, Nanshan District, Shenzhen City, Guangdong Province Applicant after: Shenzhen LIAN intellectual property service center Address before: 518000 Room 201, building A, No. 1, Qian Wan Road, Qianhai Shenzhen Hong Kong cooperation zone, Shenzhen, Guangdong (Shenzhen Qianhai business secretary Co., Ltd.) Applicant before: PING AN PUHUI ENTERPRISE MANAGEMENT Co.,Ltd. |
|
| TA01 | Transfer of patent application right | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |