CN114625372A

CN114625372A - Automatic component compiling method and device, computer equipment and storage medium

Info

Publication number: CN114625372A
Application number: CN202210234096.2A
Authority: CN
Inventors: 黄康
Original assignee: Ping An Technology Shenzhen Co Ltd
Current assignee: Ping An Technology Shenzhen Co Ltd
Priority date: 2022-03-10
Filing date: 2022-03-10
Publication date: 2022-06-14

Abstract

The embodiment of the application belongs to the field of computers and relates to an automatic component compiling method which comprises the steps of positioning a root directory, traversing all files under the root directory and identifying high-order components in the files; extracting component content for declaring grammar in the high-order component, extracting a global function from the component content, and declaring the global function to obtain a first compiling statement; defining the variable according to the target state function to obtain a second compiling statement; replacing the updated state function of the variable with a modification function, and determining the entry parameter of the modification function as the value of the modified variable to obtain a third compiling statement; and storing the first compiling statement, the second compiling statement and the third compiling statement into an initial compiling component, and modifying the nested component in the initial compiling component to obtain a target compiling component. The application also provides an automatic component compiling device, computer equipment and a storage medium. Further, the target compilation component may be stored in a blockchain. The method and the device realize efficient and automatic compiling of the high-order component.

Description

Automatic component compiling method and device, computer equipment and storage medium

Technical Field

The present application relates to the field of computers, and in particular, to a method and an apparatus for automatically compiling components, a computer device, and a storage medium.

Background

With the functions given by the front end becoming more and more powerful and the business logic becoming more and more complex, how to reasonably manage the codes is a key factor restricting the development efficiency and the code maintenance cost. And the page is disassembled and subdivided according to a certain part of functions, and is made into a component form, so that the classification, arrangement and maintenance of codes and the quick modification and online of the later-stage business requirement change are facilitated. For a exact framework, a class component is originally adopted, but the internal function of the component cannot be made into a self-defined component, so that certain limitation exists; and the high-order component easily causes the problems of the same value-passing property prop naming coverage and the traceability of the value-passing property prop due to the multi-layer nested component.

The problem can be solved to a certain extent through the hooks component, however, because the writing mode of the high-order component and the writing mode of the hooks component are written by adopting two different grammars, if the high-order component is unified into the hooks component, the code written by the high-order component needs to be completely reconstructed; in the reconstruction process, the original assembly logic needs to be carded and analyzed again, and after the reconstruction is completed, the test and verification need to be carried out again. Therefore, how to automatically compile high-level components into component tools of target standards is a problem to be solved urgently.

Disclosure of Invention

An embodiment of the present application provides an automatic component compiling method, an automatic component compiling device, a computer device, and a storage medium, so as to solve the technical problem of low component compiling efficiency.

In order to solve the above technical problem, an embodiment of the present application provides an automatic component compiling method, which adopts the following technical solutions:

when a compiling instruction of a high-order component is received, a root directory is positioned according to the compiling instruction, all files under the root directory are traversed, and the high-order component in the files is identified;

when the high-order component is identified, extracting component content of declaration grammar in the high-order component, extracting a global function from the component content, declaring the global function according to a preset function keyword, and obtaining a first compiling statement;

acquiring a preset reference grammar, referencing a target state function from a target tool library through the preset reference grammar, and defining variables of a construction function in the component content according to the target state function to obtain a second compiling statement;

acquiring a modification function output by the target state function, replacing the update state function of the variable with the modification function, and determining the input parameter of the modification function as the modified value of the variable to obtain a third compiling statement;

storing the first compiling statement, the second compiling statement and the third compiling statement into an initial compiling component, extracting a nested component in the high-order component, and modifying the nested component in the initial compiling component to obtain a target compiling component.

Further, the step of identifying high-order components in the file comprises:

detecting the top of the file, and determining whether a statement introduced into a target tool library through a preset reference grammar exists in the top of the file;

when the statement is determined to exist, detecting the bottom of the file, and determining whether a target variable output through a first preset syntax exists in the bottom of the file;

when the target variable exists, determining whether the target variable is an external output function;

when the target variable is the external output function, determining whether the external output function comprises a declaration component;

when the declaration component is included in the outward output function, determining that the outward output function is the high-order component.

Further, the step of determining whether the outbound output function includes a declaration component includes:

determining whether a reference component declared by a second preset syntax exists in the pair of external output functions;

when the reference component declared through the second preset syntax exists, determining whether a usage statement of an external incoming component exists in the external output function, and if the usage statement exists, determining that the external output function comprises the declared component.

Further, the step of extracting a global function from the component content, declaring the global function according to a preset functional keyword, and obtaining a first compiled statement includes:

acquiring a first keyword and a second keyword, retrieving the component content according to the first keyword to obtain a construction function, and retrieving the component content according to the second keyword to obtain a feedback function;

searching a flat function of the flat level of the constructor and the feedback function, and taking the flat function as a global function;

declaring the global function according to preset functional keywords to obtain the first compiling statement.

Further, the step of defining the variable of the constructor in the component content according to the target state function to obtain a second compiled statement includes:

acquiring a state object of a constructor in the component content, and acquiring variable names of all variables in the state object according to a preset instruction;

redefining the variable name based on the target state function to obtain the second compiling statement.

Further, the step of obtaining the modification function of the target state function output includes:

searching all calling statements for calling and updating the state function in the file of the high-order component;

and obtaining the variable name of the variable of the reference object of the calling statement, and obtaining the modification function of the variable of the reference object through reverse searching according to the variable name of the variable of the reference object.

Further, after the step of modifying the nested component in the initial compiling component to obtain the target compiling component, the method further includes:

when a calling instruction of the target compiling component is received, introducing the target compiling component into a target environment through the preset reference grammar;

and dynamically showing the nested component in the target environment according to the dynamic variable of the nested component of the target compiling component, wherein when the dynamic variable of the nested component is a first identifier, the nested component is shown, and when the variable of the nested component is a second identifier, the nested component is hidden.

In order to solve the above technical problem, an embodiment of the present application further provides an automatic component compiling apparatus, which adopts the following technical solutions:

the traversal module is used for positioning a root directory according to a compiling instruction when the compiling instruction of the high-order component is received, traversing all files under the root directory and identifying the high-order component in the files;

the extracting module is used for extracting component contents for declaring grammar in the high-order component when the high-order component is identified, extracting a global function from the component contents, and declaring the global function according to a preset function keyword to obtain a first compiling statement;

the reference module is used for acquiring preset reference grammar, referencing a target state function from a target tool library through the preset reference grammar, and defining variables of a construction function in the component content according to the target state function to obtain a second compiling statement;

a replacing module, configured to obtain a modification function output by the target state function, replace the update state function of the variable with the modification function, and determine an input parameter of the modification function as a value of the modified variable, so as to obtain a third compilation statement;

and the compiling module is used for storing the first compiling statement, the second compiling statement and the third compiling statement into an initial compiling component, extracting a nested component in the high-order component, and modifying the nested component in the initial compiling component to obtain a target compiling component.

In order to solve the above technical problem, an embodiment of the present application further provides a computer device, which adopts the following technical solutions:

acquiring a preset reference syntax, referencing a target state function from a target tool library through the preset reference syntax, and defining variables of a construction function in the component content according to the target state function to obtain a second compiling statement;

acquiring a modification function output by the target state function, replacing the updated state function of the variable with the modification function, and determining the input parameter of the modification function as the modified value of the variable to obtain a third compiling statement;

In order to solve the above technical problem, an embodiment of the present application further provides a computer-readable storage medium, which adopts the following technical solutions:

According to the automatic component compiling method, when a compiling instruction of a high-order component is received, a root directory is positioned according to the compiling instruction, all files under the root directory are traversed, and the high-order component in the files is identified; when the high-order component is identified, extracting component content declaring grammar in the high-order component, extracting a global function from the component content, declaring the global function according to a preset function keyword to obtain a first compiling statement, and realizing efficient extraction of the component content in the high-order component and outer-layer automatic compiling of the high-order component; then, acquiring a preset reference grammar, referencing a target state function from a target tool library through the preset reference grammar, defining variables of the construction function in the component content according to the target state function to obtain a second compiling statement, and realizing automatic compiling of the variable declaration grammar of the high-order component; then, a modification function output by the target state function is obtained, the updated state function of the variable is replaced by the modification function, the input parameter of the modification function is determined as the value of the modified variable, a third compiling statement is obtained, and automatic compiling of the variable value modification grammar in the high-order component is achieved; and finally, storing the first compiling statement, the second compiling statement and the third compiling statement into the initial compiling component, extracting the nested component in the high-order component, modifying the nested component in the initial compiling component to obtain the target compiling component, finally realizing intelligent identification and directional compiling of the high-order component, improving the compiling efficiency of the high-order component and reducing the development and maintenance cost.

Drawings

In order to more clearly illustrate the solution of the present application, the drawings needed for describing the embodiments of the present application will be briefly described below, and it is obvious that the drawings in the following description are some embodiments of the present application, and that other drawings can be obtained by those skilled in the art without inventive effort.

FIG. 1 is an exemplary system architecture diagram in which the present application may be applied;

FIG. 2 is a flow diagram of one embodiment of a method for automated compilation of components according to the present application;

FIG. 3 is a block diagram of one embodiment of an automated component compilation facility according to the present application;

FIG. 4 is a schematic block diagram of one embodiment of a computer device according to the present application.

Reference numerals: the automatic component compiling apparatus 300, a traversal module 301, an extraction module 302, a reference module 303, a replacement module 304, and a compiling module 305.

Detailed Description

Unless defined otherwise, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application belongs; the terminology used in the description of the application herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the application; the terms "including" and "having," and any variations thereof, in the description and claims of this application and the description of the above figures are intended to cover non-exclusive inclusions. The terms "first," "second," and the like in the description and claims of this application or in the above-described drawings are used for distinguishing between different objects and not for describing a particular order.

Reference herein to "an embodiment" means that a particular feature, structure, or characteristic described in connection with the embodiment can be included in at least one embodiment of the application. The appearances of the phrase in various places in the specification are not necessarily all referring to the same embodiment, nor are separate or alternative embodiments mutually exclusive of other embodiments. It is explicitly and implicitly understood by one skilled in the art that the embodiments described herein can be combined with other embodiments.

In order to make the technical solutions better understood by those skilled in the art, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings.

As shown in fig. 1, the system architecture 100 may include

terminal devices

101, 102, 103, a network 104, and a server 105. The network 104 serves as a medium for providing communication links between the

terminal devices

101, 102, 103 and the server 105. Network 104 may include various connection types, such as wired, wireless communication links, or fiber optic cables, to name a few.

The user may use the

terminal devices

101, 102, 103 to interact with the server 105 via the network 104 to receive or send messages or the like. The

terminal devices

101, 102, 103 may have various communication client applications installed thereon, such as a web browser application, a shopping application, a search application, an instant messaging tool, a mailbox client, social platform software, and the like.

The

terminal devices

101, 102, 103 may be various electronic devices having a display screen and supporting web browsing, including but not limited to smart phones, tablet computers, e-book readers, MP3 players (Moving Picture experts Group Audio Layer III, mpeg compression standard Audio Layer 3), MP4 players (Moving Picture experts Group Audio Layer IV, mpeg compression standard Audio Layer 4), laptop portable computers, desktop computers, and the like.

The server 105 may be a server providing various services, such as a background server providing support for pages displayed on the

terminal devices

101, 102, 103.

It should be noted that the automatic component compiling method provided in the embodiments of the present application is generally executed by a server/terminal device, and accordingly, the automatic component compiling apparatus is generally disposed in the server/terminal device.

It should be understood that the number of terminal devices, networks, and servers in fig. 1 is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation.

With continued reference to FIG. 2, a flow diagram of one embodiment of a method for component auto-compilation according to the present application is shown. The automatic component compiling method comprises the following steps:

step S201, when a compiling instruction of a high-order component is received, a root directory is positioned according to the compiling instruction, all files under the root directory are traversed, and the high-order component in the files is identified;

in this embodiment, the high-order component (HOC) is a function in the fact library for multiplexing component logic, the parameter of the function is a component, and the return value is a new component. When a compiling instruction of a high-order component is received, a root directory where the high-order component is located, all files under the root directory are traversed, and the high-order component is determined. Specifically, all files with the format of js under the root directory are traversed, and functions in the files with the format consistent with the format of the high-order components are determined to be the high-order components.

Step S202, when the high-order component is identified, extracting component content for declaring grammar in the high-order component, extracting a global function from the component content, declaring the global function according to a preset function keyword, and obtaining a first compiling statement;

in the present embodiment, in the high-level component, the component is declared by a fixed syntax, such as by "class component name extensions read. In the target compilation syntax (hooks syntax), the component declares directly by a function. Therefore, when the high-level component is identified, the component in the high-level component needs to be subjected to function extraction and modification so as to conform to the format of the target compilation grammar. Specifically, when a high-order component is identified, component content in the declaration syntax is extracted, then a global function in the component content is extracted, and the global function is declared according to a preset function keyword (function keyword), so that the first compilation statement is obtained. The first compilation statement is an outer-layer grammar of a target compilation component, and when the first compilation statement is obtained, an outermost-layer grammar of a declaration grammar in a high-level component is deleted, such as extensions read.

Step S203, acquiring a preset reference grammar, referencing a target state function from a target tool library through the preset reference grammar, and defining variables of a construction function in the component content according to the target state function to obtain a second compiling statement;

in the present embodiment, the variable declaration of the high-level component is mainly realized by the initialization definition, and in the target compilation grammar (hooks grammar), the variable declaration is realized by the response type variable. Therefore, after the first compilation statement is obtained, a preset reference grammar which is an import grammar is obtained, and the target state function (useState) used in the target compilation grammar can be referred from a target tool library (react library) through the preset reference grammar. And when the target state function is obtained, redefining variables of the constructor in the component content according to the target state function to obtain a second compiling statement, wherein the constructor can be obtained by searching a keyword constractor in the component content. When the second compiled statement is obtained, the state object (state object) of the constructor in the higher-order component is deleted.

Step S204, obtaining a modification function output by the target state function, replacing the updated state function of the variable with the modification function, and determining the input parameter of the modification function as the value of the modified variable to obtain a third compiling statement;

in the present embodiment, modification of the variable values in the high-order component is uniformly modified by updating the state function (setState), however, in the target compilation syntax, in order to maintain the response expression of the variable, the variable is modified by outputting the modification function to the outside while declaring the variable. Therefore, a modification function output by the target state function is obtained, the updated state function (setState) of the high-order component is replaced according to the modification function, the variable in the high-order component is modified through the updated state function and replaced by the calling modification of the modification function, and the input parameter of the modification function is determined as the value of the modified variable. Therefore, the compiling of the modification grammar of the variable value in the high-order component is realized, and the third compiled statement is obtained.

Step S205, storing the first compiled statement, the second compiled statement and the third compiled statement into an initial compiled component, extracting a nested component in the high-order component, and modifying the nested component in the initial compiled component to obtain a target compiled component.

In the embodiment, when the high-order component is used, the nesting use of the component in the high-order component is realized by transmitting the component in the high-order component when an external call is received; in the target compiling component (hooks component), the components are not required to be nested for use. Therefore, when the first compiled statement, the second compiled statement and the third compiled statement are obtained, the first compiled statement, the second compiled statement and the third compiled statement are put into an initial compiled component, and the initial compiled component comprises infrastructure content conforming to the format of the target compiled component. Thereafter, nested components in the higher-level components are extracted, and modifications are made to the nested components in the initial compiled component.

Specifically, a nested component of a high-order component is searched, an index address of the nested component is obtained, and the index address is collected through an array. Then, traversing the array of the nested component, and extracting a first page element display content in the return content of the feedback function in the single nested component, wherein the first page element display content is a content written in a JSX format returned by a return instruction. And when the page element display content is obtained, storing the page element display content into a file of the initial compiling component. Then, searching an interpolation variable in the returned content, determining whether the value of the interpolation variable is matched with the attribute of the incoming parameter, and if the value of the interpolation variable is controlled by the attribute in the target object (prop object) of the incoming parameter, determining that the value of the interpolation variable is matched with the attribute of the incoming parameter; if the value of the interpolated variable is not controlled by the attribute within the prop object of the incoming parameter, it is determined that the value of the interpolated variable does not match the attribute of the incoming parameter. If the value of the interpolation variable is matched with the attribute of the incoming parameter, the interpolation variable is dynamically controlled by the incoming parameter when the interpolation variable is nested through a parent nesting component. Therefore, when the value of the interpolation variable is matched with the attribute of the incoming parameter, the value of the interpolation variable is taken from the prop object, and the value is changed from the direct value taken from the parent component. Thus, the modification of the nested component in the initial compiled component is completed. And finally, placing all other functions which are in the same level with the feedback function in the nested component at the topmost layer of the initial compiling component as a global function, and adding a target function keyword in front of the global function to obtain a target compiling component corresponding to the high-level component.

It is emphasized that the target compilation component may also be stored in a node of a blockchain in order to further ensure privacy and security of the target compilation component.

The block chain referred by the application is a novel application mode of computer technologies such as distributed data storage, point-to-point transmission, a consensus mechanism, an encryption algorithm and the like. A block chain (Blockchain), which is essentially a decentralized database, is a string of data blocks associated by using a cryptographic method, and each data block contains information of a batch of network transactions, which is used for verifying the validity (anti-counterfeiting) of the information and generating a next block. The blockchain may include a blockchain underlying platform, a platform product service layer, an application service layer, and the like.

According to the embodiment, intelligent identification and directional compiling of the high-order component are realized, the compiling efficiency of the high-order component is improved, and the development and maintenance cost is reduced.

In some optional implementations of this embodiment, the step of identifying the high-order component in the file includes:

In this embodiment, the high-order components corresponding to the functions of different file locations are determined in different manners. Traversing all files with the format of js ending under the root directory, detecting the top of each file, and determining whether a statement of a target tool library (exact library) introduced by a preset reference syntax (import syntax) exists at the top of each file. When the statement is determined to exist, detecting the bottom of the file, and determining whether a target variable which is output externally through a first preset grammar (such as export default) exists in the bottom of the file; if the statement does not exist at the top of the file, determining that the high-order component does not exist in the current file. If the target variable exists at the bottom of the file, determining whether the target variable is in a function format or not through typeof grammar; and if the target variable is in a function format, determining the target variable as an outward output function. And if the target variable does not exist at the bottom of the file or the target variable is in a non-function format, determining that the high-order component does not exist in the current file. Then, determining whether the external output function comprises a declaration component of class type, and if the external output function comprises the declaration component of class type, determining that the external output function is a high-order component; if the declared component of class type is not included in the pair of external output functions, it is determined that no high-level component exists in the current file.

According to the embodiment, the positions in the file are identified one by one, the high-order components in the file are finally determined, the high-order components are accurately searched, and the acquisition efficiency of the high-order components is improved.

In some optional implementations of this embodiment, the step of determining whether the pair of external output functions includes a declaration component includes:

In the present embodiment, when the target variable is determined to be an external output function, it is determined whether a reference component declared by the second preset syntax exists inside the external output function. The second preset grammar is in a preset grammar format, and whether a reference component exists in the current external output function or not can be determined according to the second preset grammar. If there is a reference component declared by the second predetermined syntax in the pair of external output functions, if there is a reference component: component { component content }, further determining whether a use statement of an external incoming component exists in a render function of the external output function, a statement after a (return) keyword is returned, and a page element statement written by JSX syntax; if the usage statement exists, then it is determined that the declaration element is included in the pair of outward output functions.

In the embodiment, whether the declaration component is included in the external output function is determined, so that the accurate search of the high-order component in the file is further realized.

In some optional implementation manners of this embodiment, the extracting a global function from the component content, declaring the global function according to a preset function keyword, and obtaining the first compiled statement includes:

searching a leveling function leveled with the constructors and the feedback functions, and taking the leveling function as a global function;

In this embodiment, a declaration syntax of a high-level component is obtained, and component contents in the declaration syntax are extracted to obtain component contents. Then, acquiring a first keyword (such as a constractor), and retrieving component content according to the first keyword to obtain a constructor in the component content; a second keyword (e.g., render) is obtained, and component content is retrieved according to the second keyword to obtain a feedback function in the component content. The first keyword is a preset identifier of a constructor, and the constructor in the component content can be identified according to the first keyword; the second keyword is a preset identifier of the feedback function, and the feedback function in the component content can be identified according to the second keyword. Then, a flat function with the flat level of the feedback function and the constructor function is searched for in the component content, wherein the flat function comprises the following steps: calling functions of callback functions and components where the page element clicking events are located when the construction functions are initialized and executed; and extracting the flat function, and placing the flat function at the topmost layer of the target compiling component to be used as a global function of the target compiling component. And finally, acquiring a preset function keyword, and adding the preset function keyword to the front of the global function to obtain the first compiling statement.

According to the method and the device, the global function is extracted from the component content, and is declared according to the preset function keyword, so that the outer layer of the high-order component is automatically compiled, and the compiling efficiency of the high-order component is improved.

In some optional implementation manners of this embodiment, the step of defining a variable of a constructor in the component content according to the target state function to obtain a second compiled statement includes:

In the present embodiment, when the target state function is obtained, a state object (state object) of a constructor in component contents is acquired, and variable names of all variables are obtained from the constructor according to an object. Then, when the variable name is obtained, redefining the variables in the structure function one by one through the cited target state function, and outputting the modification function of the variables according to the target state function, so as to obtain a second compiling statement.

According to the method and the device, the variables of the constructors in the component content are defined through the target state function, so that automatic compiling of the variable statement syntax of the high-order component is realized, and the compiling efficiency and accuracy of the high-order component are further improved.

In some optional implementation manners of this embodiment, the step of obtaining the modification function output by the target state function includes:

In this embodiment, according to a preset identifier, all calling statements for calling an update state function (setState) can be searched in a file of a high-order component, and then variable names of corresponding variables in an entry of the calling statements are obtained, i.e., variable names of the entries are obtained; and carrying out reverse search in the high-order component according to the variable name to obtain a modification function of the parameter of the participating object. Specifically, the variable name is subjected to reverse search of a source path in a high-order component, and a function which is in accordance with a modification function format in the source path is determined, so that a modification function is obtained. The modification function is also a modification function output according to the target state function.

In the embodiment, the modification function is obtained by reversely searching the variable name of the parameter to be entered, so that the modification function can automatically compile the variable value modification grammar of the high-order component, and further the accurate compilation of the high-order component is realized.

In some optional implementation manners of this embodiment, after the step of modifying the nested component in the initial compiling component to obtain the target compiling component, the method further includes:

In the present embodiment, when a call instruction of a target compiling component is received, the target compiling component is referred to in a target environment by a preset reference syntax (import syntax). Then, since the compiled high-order component (i.e. the target compiling component) does not need to be introduced into the nested component, when the target compiling component is used, the dynamic variable of the nested component in the target compiling component is introduced, and the nested component is dynamically shown in the target environment according to the dynamic variable. Wherein the identification of the dynamic variable comprises a first identification (TURE) and a second identification (FALSE), the dynamic variable being determined according to the target environment. When the dynamic variable is a first identifier, displaying a nested component corresponding to the first identifier; and when the dynamic variable is a second identifier, hiding the nested component corresponding to the second identifier.

When the target compiling component is used, the nested component is dynamically displayed in the target environment according to the dynamic variable, so that the differentiated processing of the target compiling component aiming at different calling scenes is realized, and the applicability of the target compiling component is improved.

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 associated with computer readable instructions, which can be stored in a computer readable storage medium, and when executed, the processes of the embodiments of the methods described above can be included. The storage medium may be a non-volatile storage medium such as a magnetic disk, an optical disk, a Read-Only Memory (ROM), or a Random Access Memory (RAM).

It should be understood that, although the steps in the flowcharts of the figures are shown in order as indicated by the arrows, the steps are not necessarily performed in order as indicated by the arrows. The steps are not performed in the exact order shown and may be performed in other orders unless explicitly stated herein. Moreover, at least a portion of the steps in the flow chart of the figure may include multiple sub-steps or multiple stages, which are not necessarily performed at the same time, but may be performed at different times, which are not necessarily performed in sequence, but may be performed alternately or alternately with other steps or at least a portion of the sub-steps or stages of other steps.

With further reference to fig. 3, as an implementation of the method shown in fig. 2, the present application provides an embodiment of an automatic component compiling apparatus, where the embodiment of the apparatus corresponds to the embodiment of the method shown in fig. 2, and the apparatus may be applied to various electronic devices.

As shown in fig. 3, the automatic component compiling apparatus 300 according to the present embodiment includes: traversal module 301, extraction module 302, reference module 303, replacement module 304, and compilation module 305. Wherein:

the traversal module 301 is configured to, when a compiling instruction of a high-order component is received, locate a root directory according to the compiling instruction, traverse all files under the root directory, and identify the high-order component in the files;

in some optional implementations of this embodiment, the traversing module 301 includes: .

The first detection unit is used for detecting the top of the file and determining whether a statement introduced into a target tool library through a preset reference grammar exists in the top of the file;

the second detection unit is used for detecting the bottom of the file when the sentence is determined to exist, and determining whether a target variable output through a first preset grammar exists in the bottom of the file;

the first confirming unit is used for determining whether the target variable is an external output function or not when the target variable exists;

a second confirming unit, configured to determine whether the external output function includes a declaration component when the target variable is the external output function;

a third confirming unit, configured to determine that the external output function is the high-order component when the external output function includes the declaration component.

In some optional implementations of this embodiment, the third confirming unit includes:

a first confirming subunit, configured to determine whether a reference component declared by a second preset syntax exists in the pair of external output functions;

a second determining subunit, configured to determine, when there is a reference component declared by the second preset syntax, whether there is a usage statement of an external incoming component in the external output function, and if there is the usage statement, determine that the external output function includes the declared component.

An extracting module 302, configured to, when the high-order component is identified, extract component content of a declaration syntax in the high-order component, extract a global function from the component content, and declare the global function according to a preset function keyword, to obtain a first compiled statement;

in some optional implementations of this embodiment, the extracting module 302 includes:

the device comprises a first acquisition unit, a second acquisition unit and a feedback unit, wherein the first acquisition unit is used for acquiring a first keyword and a second keyword, retrieving the component content according to the first keyword to obtain a construction function, and retrieving the component content according to the second keyword to obtain a feedback function;

the first searching unit is used for searching a flat function which is flat with the constructor and the feedback function and taking the flat function as a global function;

and the declaration unit is used for declaring the global function according to a preset function keyword to obtain the first compiling statement.

A reference module 303, configured to obtain a preset reference syntax, reference a target state function from a target tool library through the preset reference syntax, and define a variable of a structure function in the component content according to the target state function to obtain a second compiled statement;

in some optional implementations of this embodiment, the reference module 303 includes:

the second acquisition unit is used for acquiring a state object of a constructor in the component content and acquiring variable names of all variables in the state object according to a preset instruction;

and the definition unit is used for redefining the variable name based on the target state function to obtain the second compiling statement.

A replacing module 304, configured to obtain a modification function output by the target state function, replace the updated state function of the variable with the modification function, and determine an input parameter of the modification function as a value of the modified variable, so as to obtain a third compiled statement;

in some optional implementations of this embodiment, the replacing module 304 includes:

the second searching unit is used for searching all calling statements for calling the update state function in the file of the high-order component;

and the third searching unit is used for acquiring the variable name of the variable of the object to be participated in of the calling statement, and obtaining the modification function of the variable of the object to be participated in through reverse searching according to the variable name of the variable of the object to be participated in.

The compiling module 305 is configured to store the first compiling statement, the second compiling statement, and the third compiling statement in an initial compiling component, extract a nested component in the high-order component, and modify the nested component in the initial compiling component to obtain a target compiling component.

In the embodiment, when the high-order component is used, the nesting use of the component in the high-order component is realized by transmitting the component in the high-order component when an external call is received; in the target compiling component (hooks component), the components are not required to be nested for use. Therefore, when the first compiled statement, the second compiled statement and the third compiled statement are obtained, the first compiled statement, the second compiled statement and the third compiled statement are put into an initial compiled component, and the initial compiled component comprises infrastructure content conforming to the format of the target compiled component. Thereafter, nested components in the higher level components are extracted, and modifications are made to the nested components in the initial compiled component.

Specifically, a nested component of a high-order component is searched, an index address of the nested component is obtained, and the index address is collected through an array. Then, traversing the array of the nested component, and extracting a first page element display content in the return content of the feedback function in the single nested component, wherein the first page element display content is a content written in a JSX format returned by a return instruction. And when the page element display content is obtained, storing the page element display content into a file of the initial compiling component. Then, searching an interpolation variable in the returned content, determining whether the value of the interpolation variable is matched with the attribute of the incoming parameter, and if the value of the interpolation variable is controlled by the attribute in the target object (prop object) of the incoming parameter, determining that the value of the interpolation variable is matched with the attribute of the incoming parameter; if the value of the interpolated variable is not controlled by the attribute within the prop object of the incoming parameter, it is determined that the value of the interpolated variable does not match the attribute of the incoming parameter. If the value of the interpolation variable is matched with the attribute of the incoming parameter, the interpolation variable is dynamically controlled by the incoming parameter when the interpolation variable is nested through a parent nesting component. Therefore, when the value of the interpolation variable is matched with the attribute of the incoming parameter, the value of the interpolation variable is taken from the prop object, and the value is changed from the direct value taken from the parent component. Thus, the modification of the nested component in the initial compiled component is completed. And finally, placing all other functions in the nested component, which are leveled with the feedback function, on the topmost layer of the initial compiling component to serve as a global function, and adding a target function keyword in front of the global function to obtain a target compiling component corresponding to the high-level component.

The block chain referred by the application is a novel application mode of computer technologies such as distributed data storage, point-to-point transmission, a consensus mechanism, an encryption algorithm and the like. A block chain (Blockchain), which is essentially a decentralized database, is a series of data blocks associated by using a cryptographic method, and each data block contains information of a batch of network transactions, so as to verify the validity (anti-counterfeiting) of the information and generate a next block. The blockchain may include a blockchain underlying platform, a platform product service layer, an application service layer, and the like.

In some optional implementations of the present embodiment, the component automatic compiling apparatus 300 further includes:

the introducing module is used for introducing the target compiling component into a target environment through the preset reference grammar when receiving a calling instruction of the target compiling component;

and the display module is used for dynamically displaying the nested component in the target environment according to the dynamic variable of the nested component of the target compiling component, wherein the nested component is displayed when the dynamic variable of the nested component is a first identifier, and the nested component is hidden when the variable of the nested component is a second identifier.

The automatic component compiling device provided by the embodiment realizes intelligent identification and directional compiling of the high-order components, improves the compiling efficiency of the high-order components, and reduces the development and maintenance cost.

In order to solve the technical problem, an embodiment of the present application further provides a computer device. Referring to fig. 4, fig. 4 is a block diagram of a basic structure of a computer device according to the present embodiment.

The computer device 6 comprises a memory 61, a processor 62, a network interface 63 communicatively connected to each other via a system bus. It is noted that only the computer device 6 having the components 61-63 is shown in the figure, but it is understood that not all of the shown components are required to be implemented, and that more or less components may be implemented instead. As will be understood by those skilled in the art, the computer device is a device capable of automatically performing numerical calculation and/or information processing according to a preset or stored instruction, and the hardware includes, but is not limited to, a microprocessor, an Application Specific Integrated Circuit (ASIC), a Programmable Gate Array (FPGA), a Digital Signal Processor (DSP), an embedded device, and the like.

The computer device can be a desktop computer, a notebook, a palm computer, a cloud server and other computing devices. The computer equipment can carry out man-machine interaction with a user in a keyboard mode, a mouse mode, a remote controller mode, a touch panel mode or a voice control equipment mode.

The memory 61 includes at least one type of readable storage medium including a flash memory, a hard disk, a multimedia card, a card type memory (e.g., SD or DX memory, etc.), a Random Access Memory (RAM), a Static Random Access Memory (SRAM), a Read Only Memory (ROM), an Electrically Erasable Programmable Read Only Memory (EEPROM), a Programmable Read Only Memory (PROM), a magnetic memory, a magnetic disk, an optical disk, etc. In some embodiments, the memory 61 may be an internal storage unit of the computer device 6, such as a hard disk or a memory of the computer device 6. In other embodiments, the memory 61 may also be an external storage device of the computer device 6, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), and the like, which are provided on the computer device 6. Of course, the memory 61 may also comprise both an internal storage unit of the computer device 6 and an external storage device thereof. In this embodiment, the memory 61 is generally used for storing an operating system installed in the computer device 6 and various application software, such as computer readable instructions of a component automatic compiling method. Further, the memory 61 may also be used to temporarily store various types of data that have been output or are to be output.

The processor 62 may be a Central Processing Unit (CPU), controller, microcontroller, microprocessor, or other data Processing chip in some embodiments. The processor 62 is typically arranged to control the overall operation of the computer device 6. In this embodiment, the processor 62 is configured to execute computer readable instructions stored in the memory 61 or process data, such as computer readable instructions for executing the component automatic compiling method.

The network interface 63 may comprise a wireless network interface or a wired network interface, and the network interface 63 is typically used for establishing a communication connection between the computer device 6 and other electronic devices.

The computer equipment provided by the application realizes intelligent identification and directional compiling of the high-order component, improves the compiling efficiency of the high-order component, and reduces the development and maintenance cost.

The present application further provides another embodiment, which is to provide a computer-readable storage medium storing computer-readable instructions executable by at least one processor to cause the at least one processor to perform the steps of the component autocomplete method as described above.

The computer-readable storage medium provided by the application realizes intelligent identification and directional compiling of the high-order component, improves the compiling efficiency of the high-order component, and reduces the development and maintenance cost.

Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner. Based on such understanding, the technical solutions of the present application may be embodied in the form of a software product, which is stored in a storage medium (such as ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal device (such as a mobile phone, a computer, a server, an air conditioner, or a network device) to execute the method according to the embodiments of the present application.

It is to be understood that the above-described embodiments are merely illustrative of some, but not restrictive, of the broad invention, and that the appended drawings illustrate preferred embodiments of the invention and do not limit the scope of the invention. This application is capable of embodiments in many different forms and is provided for the purpose of enabling a thorough understanding of the disclosure of the application. Although the present application has been described in detail with reference to the foregoing embodiments, it will be apparent to one skilled in the art that the present application may be practiced without modification or with equivalents of some of the features described in the foregoing embodiments. All equivalent structures made by using the contents of the specification and the drawings of the present application are directly or indirectly applied to other related technical fields and are within the protection scope of the present application.

Claims

1. An automatic component compilation method, comprising the steps of:

2. The method for component auto-compilation according to claim 1, wherein the step of identifying higher-order components in the file comprises:

detecting the top of the file, and determining whether a statement introduced into a target tool library through a preset reference syntax exists in the top of the file;

3. The method for component auto-compilation according to claim 2, wherein the step of determining whether the outbound output function includes a declarative component includes:

4. The method for automatically compiling a component according to claim 1, wherein the step of extracting a global function from the component content and declaring the global function according to a preset function keyword to obtain a first compiled statement comprises:

5. The method for automatically compiling components according to claim 1, wherein the step of defining the variables of the constructor in the component content according to the target state function to obtain the second compilation statement comprises:

6. The component auto-compilation method of claim 1, wherein the step of obtaining a modification function of the target state function output comprises:

7. The method for automatic compilation of components of claim 1, wherein the step of modifying the nested component in the initial compilation component to obtain a target compilation component is followed by the step of:

and dynamically displaying the nested component in the target environment according to the dynamic variable of the nested component of the target compiling component, wherein when the dynamic variable of the nested component is a first identifier, the nested component is displayed, and when the variable of the nested component is a second identifier, the nested component is hidden.

8. An automatic component compiling apparatus, comprising:

a replacing module, configured to obtain a modification function output by the target state function, replace the updated state function of the variable with the modification function, and determine an input parameter of the modification function as a value of the modified variable, so as to obtain a third compiled statement;

9. A computer device comprising a memory having computer readable instructions stored therein and a processor which when executed implements the steps of the method for automated assembly of parts according to any of claims 1 to 7.

10. A computer-readable storage medium having computer-readable instructions stored thereon which, when executed by a processor, implement the steps of the method for component auto-compilation according to any of claims 1 to 7.