CN113885848A - Front-end component development method and device, electronic equipment and readable storage medium - Google Patents

Front-end component development method and device, electronic equipment and readable storage medium Download PDF

Info

Publication number
CN113885848A
CN113885848A CN202111388100.2A CN202111388100A CN113885848A CN 113885848 A CN113885848 A CN 113885848A CN 202111388100 A CN202111388100 A CN 202111388100A CN 113885848 A CN113885848 A CN 113885848A
Authority
CN
China
Prior art keywords
layer
component
subassembly
layers
user
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.)
Pending
Application number
CN202111388100.2A
Other languages
Chinese (zh)
Inventor
翁艺逢
段鹏
刘海东
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
China Merchants Finance Technology Co Ltd
Original Assignee
China Merchants Finance Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by China Merchants Finance Technology Co Ltd filed Critical China Merchants Finance Technology Co Ltd
Priority to CN202111388100.2A priority Critical patent/CN113885848A/en
Publication of CN113885848A publication Critical patent/CN113885848A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/31Programming languages or programming paradigms
    • G06F8/315Object-oriented languages

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Computing Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Stored Programmes (AREA)

Abstract

The invention relates to the field of system performance optimization, and discloses a front-end component development method, which comprises the following steps: the method comprises the steps of constructing a plurality of subassembly layers and corresponding routing layers according to business requirements, storing the subassembly layers and the routing layers into a preset assembly warehouse, generating corresponding subassembly layer assembly paths, checking the operation authority of a user when a front end assembly development instruction input by the user is received, pulling and integrating the subassembly layers and the corresponding routing layers according to the subassembly layer assembly paths when the user has the preset operation authority, obtaining a plurality of assembly layers, storing the assembly layers into the assembly warehouse, generating corresponding assembly layer assembly paths, pulling and integrating the assemblies according to the assembly layer assembly paths, and obtaining a framework layer. The invention also provides a front-end component development device, equipment and a storage medium. The invention can reduce the maintenance difficulty of the front end engineering and improve the safety of the front end assembly.

Description

Front-end component development method and device, electronic equipment and readable storage medium
Technical Field
The present invention relates to the field of system performance optimization, and in particular, to a front-end component development method and apparatus, an electronic device, and a readable storage medium.
Background
The front-end development is a process of creating a web page or APP and other front-end interfaces and presenting the front-end interfaces to a user, and user interface interaction of an internet product is realized through HTML, CSS and JavaScript and various derived technologies, frames and solutions.
In the development process of the conventional front end assembly, the assembly and the assembly can not exist and be used independently, so that the maintenance difficulty of the front end assembly is improved, and in addition, the assembly is easy to steal and low in safety due to the lack of the problems of authority limitation and the like.
Disclosure of Invention
The invention provides a front-end component development method and device, electronic equipment and a computer readable storage medium, aiming at reducing the maintenance difficulty of front-end engineering and improving the safety of a front-end component.
In order to achieve the above object, the present invention provides a front-end component development method, including:
acquiring a service demand, constructing a plurality of subassembly layers and corresponding routing layers according to the service demand, storing the subassembly layers and the routing layers into a preset assembly warehouse, and generating subassembly layer assembly paths of the plurality of subassembly layers and the corresponding routing layers in the assembly warehouse;
when a front-end component development instruction input by a user is received, verifying the operation authority of the user;
when the user has a preset operation right, pulling the subassembly layer and the corresponding routing layer according to the subassembly layer component path, and integrating the subassembly layer and the corresponding routing layer one by one according to the sequence of pulling the subassembly layer and the corresponding routing layer to obtain a plurality of component layers;
storing the component layers into the component warehouse and generating corresponding component layer component paths;
and pulling the component layer according to the component path of the component layer, and integrating the component layer to obtain a frame layer.
Optionally, the verifying the operation authority of the user when receiving a front-end component development instruction input by the user includes:
acquiring a user name and a password of the user;
judging whether the user name exists in a preset configuration file or not;
when the user name does not exist in the configuration file, prompting the user as an illegal person;
when the user name exists in the configuration file, comparing and verifying the password input by the user with the password corresponding to the user name in the configuration file;
and when the password input by the user is the same as the password corresponding to the user name in the configuration file, acquiring the user identity of the user, and matching the operation authority of the user according to the user identity.
Optionally, the generating a plurality of subcomponent layer and subcomponent layer component paths of corresponding routing layers includes:
acquiring the position information of the component warehouse, the names and the time information of the sub-component layer and the routing layer;
determining a root directory of the routing layer of the subcomponent level according to the location information;
and outputting the root directory, the time information and the names in sequence to obtain the plurality of sub-component layers and sub-component layer component paths of the corresponding routing layers.
Optionally, after the component layer is pulled according to the component layer component path and integrated to obtain a frame layer, the method further includes:
marking the version numbers of the subcomponent layer and the routing layer to obtain the version numbers of the subcomponent layer and the routing layer;
and by comparing the version numbers, when the sub-component layer and/or the routing layer are updated, the component layer and the framework layer are correspondingly updated.
Optionally, the correspondingly updating the component layer and the framework layer includes:
when receiving the update message of the subcomponent layer and/or the routing layer, comparing the subcomponent layer and the routing layer with an atomic component layer and a routing layer when pulling the subcomponent layer and/or the routing layer;
if the version numbers of the sub-component layer and/or the routing layer are different from those of the atomic component layer and/or the original routing layer, deleting the atomic component layer and/or the original routing layer, re-pulling the sub-component layer and/or the routing layer, and integrating the re-pulled sub-component layer and/or the routing layer to obtain an updated component layer;
and if the structure of the updated component layer is different from that of the original component layer, deleting the original component layer, re-pulling the component layer, and integrating the re-pulled component layer to obtain an updated frame layer.
Optionally, the pulling the subassembly layer and the corresponding routing layer according to the subassembly layer assembly path includes:
according to the subassembly layer assembly path, utilizing a preset dependentComponents { } instruction to determine the position information of the subassembly layer and the corresponding routing layer;
and pulling the sub-component layer and the corresponding routing layer from the component warehouse by utilizing a preset Lego-com-push instruction according to the position information.
Optionally, the component repository further comprises a working environment for front-end componentized development.
In order to solve the above problem, the present invention further provides a front-end componentization development apparatus, including:
the subassembly layer component path generating module is used for acquiring a service demand, constructing and acquiring a plurality of subassembly layers and corresponding routing layers according to the service demand, storing the subassembly layers and the routing layers into a preset component warehouse, and generating subassembly layer component paths of the plurality of subassembly layers and the corresponding routing layers in the component warehouse;
the component layer component path generating module is used for checking the operation authority of a user when a front-end component development instruction input by the user is received, pulling the subcomponent layer and the corresponding routing layer according to the subcomponent layer component path when the user has a preset operation authority, integrating the subcomponent layer and the corresponding routing layer one by one according to the sequence of pulling the subcomponent layer and the corresponding routing layer to obtain a plurality of component layers, storing the component layers into the component warehouse and generating corresponding component layer component paths;
and the frame layer generation module is used for pulling the component layer according to the component layer component path and integrating the component layer to obtain the frame layer.
In order to solve the above problem, the present invention also provides an electronic device, including:
a memory storing at least one computer program; and
and the processor executes the computer program stored in the memory to realize the front-end component development method.
In order to solve the above problem, the present invention further provides a computer-readable storage medium, in which at least one computer program is stored, and the at least one computer program is executed by a processor in an electronic device to implement the front-end component development method described above.
The embodiment of the invention firstly stores the developed subassembly layer and the routing layer into a preset subassembly warehouse and generates a corresponding subassembly layer subassembly path, thereby providing a path for a subsequent development team to independently use the subassembly layer and the routing layer and the like, and reducing the maintenance difficulty; secondly, when a user needs to pull a subassembly layer and/or a routing layer, authority verification is carried out on the user, safety of development of a front-end component is improved, finally, the subassembly layer and the routing layer are integrated to obtain a component layer, the component layer is integrated to obtain a framework layer, and the first layer is independently developed by different teams, so that development difficulty is reduced, and the problem of high maintenance difficulty is solved. Therefore, the method, the device, the electronic device and the readable storage medium for developing the front-end component provided by the embodiment of the invention reduce the maintenance difficulty of the front-end engineering and improve the safety of the front-end component.
Drawings
Fig. 1 is a schematic flow chart illustrating a front-end component development method according to an embodiment of the present invention;
fig. 2 is a block diagram of a front-end componentized development apparatus according to an embodiment of the present invention;
fig. 3 is a schematic internal structural diagram of an electronic device implementing a front-end component development method according to an embodiment of the present invention;
the implementation, functional features and advantages of the objects of the present invention will be further explained with reference to the accompanying drawings.
Detailed Description
It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.
The embodiment of the invention provides a front-end component development method. The executing body of the front-end component development method includes, but is not limited to, at least one of the electronic devices such as a server, a terminal, and the like, which can be configured to execute the method provided by the embodiments of the present application. In other words, the front-end componentization development method may be executed by software or hardware installed in a terminal device or a server device, and the software may be a block chain platform. The server may include an independent server, or a cloud server providing basic cloud computing services such as cloud service, a cloud database, cloud computing, cloud functions, cloud storage, Network service, cloud communication, middleware service, domain name service, security service, Content Delivery Network (CDN), big data and an artificial intelligence platform.
Referring to fig. 1, a flow diagram of a front-end component development method according to an embodiment of the present invention is shown, in which the front-end component development method includes:
s1, acquiring service requirements, constructing a plurality of subassembly layers and corresponding routing layers according to the service requirements, storing the subassembly layers and the routing layers into a preset assembly warehouse, and generating subassembly layer assembly paths of the plurality of subassembly layers and the corresponding routing layers in the assembly warehouse.
In the embodiment of the present invention, the service requirement may be an actual requirement provided by a user according to an actual situation. The sub-component layer and corresponding routing layer may be simply encapsulated components of data and methods in the front-end development project. The sub-component layer and the routing layer are related components at the same level, for example, in a web page development project, components related to subject data and a development method may be the sub-component layer and the routing layer of the whole web page development project. The component repository may be a data repository, such as a git repository, for storing the complete components that are produced. The subcomponent-layer component path may be an index of the location of the subcomponent layer or the routing layer in the component repository, which may provide a pull link for subsequent integration of the subcomponent layer and the routing layer.
Besides, the component warehouse also comprises a working environment for the front-end componentization development.
In the embodiment of the present invention, the sub-component layer and the routing layer are stored in a preset component warehouse, and a plurality of sub-component layer component paths of the sub-component layer and the corresponding routing layer are generated, so that a requirement that a user uses the sub-component layer and the routing layer independently can be met, and an acquisition path can be provided for a subsequent user to pull the sub-component layer and the routing layer. Furthermore, because the subassembly layer and the routing layer are the assemblies which are stored in the assembly warehouse separately, when subsequent maintenance personnel maintain and repair the project, the problem of overall project maintenance caused by the problem of a small assembly is avoided, and the maintenance difficulty of the maintenance personnel is reduced.
In detail, the generating a plurality of sub-component layer and sub-component layer component paths of corresponding routing layers includes:
acquiring the position information of the component warehouse, the names and the time information of the sub-component layer and the routing layer;
determining a root directory of the routing layer of the subcomponent level according to the location information;
and outputting the root directory, the time information and the names in sequence to obtain the plurality of sub-component layers and sub-component layer component paths of the corresponding routing layers.
And S2, judging whether the user has the preset operation authority or not when receiving the front-end component development instruction input by the user.
In an embodiment of the present invention, the front-end component development instruction may be an instruction for a user to pull or push the sub-component layer and/or the routing layer, for example, a Lego com push instruction is used to pull the sub-component layer and/or the routing layer, and a Lego com push instruction is used to push the sub-component layer and/or the routing layer.
In an optional embodiment of the invention, when the user inputs a front-end component development instruction, the operation authority of the user is checked, so that the identity of the user is verified, and the problem of component information leakage is prevented.
In detail, the verifying the operation authority of the user when the front-end component development instruction input by the user is received comprises:
acquiring a user name and a password of the user;
judging whether the user name exists in a preset configuration file or not;
when the user name does not exist in the configuration file, prompting the user as an illegal person;
when the user name exists in the configuration file, comparing and verifying the password input by the user with the password corresponding to the user name in the configuration file;
and when the password input by the user is the same as the password corresponding to the user name in the configuration file, acquiring the user identity of the user, and matching the operation authority of the user according to the user identity.
In the embodiment of the present invention, the operation authority may include an authority to pull or push the subcomponent layer and the routing layer.
In the embodiment of the present invention, the preset configuration file may be a file storing a user name and a password, and is generally stored in a local storage but not stored in the component repository in order to prevent privacy disclosure of the user.
And when the user does not have the preset operation authority, the step S3 is carried out, and the user is prompted to have no authority.
And when the user has the preset operation right, S4 is entered, the subcomponent layer and the corresponding routing layer are pulled according to the subcomponent layer component path, and the subcomponent layer and the corresponding routing layer are integrated one by one according to the sequence of pulling the subcomponent layer and the corresponding routing layer, so that a plurality of component layers are obtained.
In the embodiment of the invention, the position information of the sub-component layer and the corresponding routing layer can be obtained through dependent components { }, and the sub-component layer and the corresponding routing layer can be pulled and integrated through Lego: com: push.
In detail, the pulling the subassembly layer and the corresponding routing layer according to the subassembly layer assembly path includes:
according to the subassembly layer assembly path, utilizing a preset dependentComponents { } instruction to determine the position information of the subassembly layer and the corresponding routing layer;
and pulling the sub-component layer and the corresponding routing layer from the component warehouse by utilizing a preset Lego-com-push instruction according to the position information. In the embodiment of the invention, the subassembly layer and the corresponding routing layer are pulled and integrated into the subassembly layer, so that a user can conveniently and directly obtain a product integrated by the subassembly layer and the corresponding routing layer, and the maintenance cost of the user on the whole project can be reduced.
And S5, storing the component layer into the component warehouse and generating a corresponding component layer component path.
In the embodiment of the invention, the component layer is stored in the component warehouse, so that the component layer can be directly pulled when needed later, the component layer and the corresponding routing layer do not need to be acquired again, and the component layer and the corresponding routing layer are integrated to obtain the component layer, thereby reducing the complex component integration process in the front-end development process and reducing the maintenance difficulty of the front-end development project.
In an embodiment of the present invention, the component layer component path may be a position index of the component layer in the component repository, and may provide a pull link for subsequent integration of the component layer.
In an optional embodiment of the present invention, in order to facilitate a subsequent user to directly pull a component layer, the component layer may be pushed out to the component warehouse and a component path of the corresponding component layer is generated, so as to achieve a purpose of saving development time of the user, wherein the pushing out of the component layer to the component warehouse may be implemented by an lego command, a com command, or a pull command.
In the embodiment of the present invention, the storing of the component layers in the component warehouse and the generating of the corresponding component layer component paths are similar to the storing of the subassembly layers and the routing layers in the preset component warehouse and the generating of the subassembly layer component paths of the plurality of subassembly layers and the corresponding routing layers, and thus, the description is omitted here.
And S6, pulling the component layer according to the component layer component path, and integrating the component layer to obtain a frame layer.
In the embodiment of the invention, the position information of the component layer can be acquired through dependentComponents { }, and the component layer can be pulled and integrated through Lego: com: push.
According to the embodiment of the invention, the component layer in the component warehouse is pulled, and the component layer is integrated to obtain the frame layer, so that the development process of component developers on the component layer and components below the component layer is reduced, the development efficiency of the component developers is improved, and the maintenance difficulty of maintenance personnel on the whole project is reduced.
In an optional embodiment of the present invention, the subcomponent layer and the routing layer may have version updates due to function optimization or maintenance, and therefore version marks need to be performed on the subcomponent layer and the routing layer, which is convenient for an upper layer component to perform corresponding updates in time.
In detail, after the component layers are pulled and integrated according to the component layer component paths to obtain a frame layer, the method further includes:
marking the version numbers of the subcomponent layer and the routing layer to obtain the version numbers of the subcomponent layer and the routing layer;
and by comparing the version numbers, when the sub-component layer and/or the routing layer are updated, the component layer and the framework layer are correspondingly updated.
Further, the correspondingly updating the component layer and the framework layer includes:
when receiving the update message of the subcomponent layer and/or the routing layer, comparing the subcomponent layer and the routing layer with an atomic component layer and a routing layer when pulling the subcomponent layer and/or the routing layer;
if the version numbers of the sub-component layer and/or the routing layer are different from those of the atomic component layer and/or the original routing layer, deleting the atomic component layer and/or the original routing layer, re-pulling the sub-component layer and/or the routing layer, and integrating the re-pulled sub-component layer and/or the routing layer to obtain an updated component layer;
and if the structure of the updated component layer is different from that of the original component layer, deleting the original component layer, re-pulling the component layer, and integrating the re-pulled component layer to obtain an updated frame layer.
The embodiment of the invention firstly stores the developed subassembly layer and the routing layer into a preset subassembly warehouse and generates a corresponding subassembly layer subassembly path, thereby providing a path for a subsequent development team to independently use the subassembly layer and the routing layer and the like, and reducing the maintenance difficulty; secondly, when a user needs to pull a subassembly layer and/or a routing layer, authority verification is carried out on the user, safety of development of a front-end component is improved, finally, the subassembly layer and the routing layer are integrated to obtain a component layer, the component layer is integrated to obtain a framework layer, and the first layer is independently developed by different teams, so that development difficulty is reduced, and the problem of high maintenance difficulty is solved. Therefore, the front-end component development method provided by the embodiment of the invention reduces the maintenance difficulty of the front-end engineering and improves the safety of the front-end component.
FIG. 2 is a functional block diagram of the front-end module development apparatus according to the present invention.
The front-end componentization development apparatus 100 of the present invention can be installed in an electronic device. According to the implemented functions, the front-end componentization development apparatus may include a subcomponent layer component path generating module 101, a component layer component path generating module 102, and a framework layer generating module 103, which may also be referred to as a unit, and refer to a series of computer program segments that can be executed by a processor of an electronic device and can perform fixed functions, and are stored in a memory of the electronic device.
In the present embodiment, the functions regarding the respective modules/units are as follows:
the subcomponent layer component path generating module 101 is configured to obtain a service requirement, construct and obtain a plurality of subcomponent layers and corresponding routing layers according to the service requirement, store the subcomponent layers and the routing layers in a preset component warehouse, and generate subcomponent layer component paths of the plurality of subcomponent layers and corresponding routing layers in the component warehouse.
In the embodiment of the present invention, the service requirement may be an actual requirement provided by a user according to an actual situation. The sub-component layer and corresponding routing layer may be simply encapsulated components of data and methods in the front-end development project. The sub-component layer and the routing layer are related components at the same level, for example, in a web page development project, components related to subject data and a development method may be the sub-component layer and the routing layer of the whole web page development project. The component repository may be a data repository, such as a git repository, for storing the complete components that are produced. The subcomponent-layer component path may be an index of the location of the subcomponent layer or the routing layer in the component repository, which may provide a pull link for subsequent integration of the subcomponent layer and the routing layer.
Besides, the component warehouse also comprises a working environment for the front-end componentization development.
In the embodiment of the present invention, the sub-component layer and the routing layer are stored in a preset component warehouse, and a plurality of sub-component layer component paths of the sub-component layer and the corresponding routing layer are generated, so that a requirement that a user uses the sub-component layer and the routing layer independently can be met, and an acquisition path can be provided for a subsequent user to pull the sub-component layer and the routing layer. Furthermore, because the subassembly layer and the routing layer are the assemblies which are stored in the assembly warehouse separately, when subsequent maintenance personnel maintain and repair the project, the problem of overall project maintenance caused by the problem of a small assembly is avoided, and the maintenance difficulty of the maintenance personnel is reduced.
In detail, the generating a plurality of sub-component layer and sub-component layer component paths of corresponding routing layers includes:
acquiring the position information of the component warehouse, the names and the time information of the sub-component layer and the routing layer;
determining a root directory of the routing layer of the subcomponent level according to the location information;
and outputting the root directory, the time information and the names in sequence to obtain the plurality of sub-component layers and sub-component layer component paths of the corresponding routing layers.
The component layer component path generating module 102 is configured to, when receiving a front end component development instruction input by a user, check an operation right of the user, pull the subcomponent layer and the corresponding routing layer according to the subcomponent layer component path when the user has a preset operation right, integrate the subcomponent layer and the corresponding routing layer one by one according to a sequence of pulling the subcomponent layer and the corresponding routing layer to obtain a plurality of component layers, store the component layers in the component warehouse, and generate a corresponding component layer component path.
In an embodiment of the present invention, the front-end component development instruction may be an instruction for a user to pull or push the sub-component layer and/or the routing layer, for example, a Lego com push instruction is used to pull the sub-component layer and/or the routing layer, and a Lego com push instruction is used to push the sub-component layer and/or the routing layer.
In an optional embodiment of the invention, when the user inputs the front-end component development instruction, the operation authority of the user is checked, so that the identity of the user is verified, and the problem of component information leakage is prevented
In detail, the verifying the operation authority of the user when the front-end component development instruction input by the user is received comprises:
acquiring a user name and a password of the user;
judging whether the user name exists in a preset configuration file or not;
when the user name does not exist in the configuration file, prompting the user as an illegal person;
when the user name exists in the configuration file, comparing and verifying the password input by the user with the password corresponding to the user name in the configuration file;
and when the password input by the user is the same as the password corresponding to the user name in the configuration file, acquiring the user identity of the user, and matching the operation authority of the user according to the user identity.
In the embodiment of the present invention, the operation authority may include an authority to pull or push the subcomponent layer and the routing layer.
In the embodiment of the present invention, the preset configuration file may be a file storing a user name and a password, and is generally stored in a local storage but not stored in the component repository in order to prevent privacy disclosure of the user.
And when the user does not have the preset operation right, prompting the user that the right does not exist.
And when the user has a preset operation right, pulling the subassembly layer and the corresponding routing layer according to the subassembly layer component path, and integrating the subassembly layer and the corresponding routing layer one by one according to the sequence of pulling the subassembly layer and the corresponding routing layer to obtain a plurality of component layers.
In the embodiment of the invention, the position information of the sub-component layer and the corresponding routing layer can be obtained through dependent components { }, and the sub-component layer and the corresponding routing layer can be pulled and integrated through Lego: com: push.
In detail, the pulling the subassembly layer and the corresponding routing layer according to the subassembly layer assembly path includes:
according to the subassembly layer assembly path, utilizing a preset dependentComponents { } instruction to determine the position information of the subassembly layer and the corresponding routing layer;
and pulling the sub-component layer and the corresponding routing layer from the component warehouse by utilizing a preset Lego-com-push instruction according to the position information. In the embodiment of the invention, the subassembly layer and the corresponding routing layer are pulled and integrated into the subassembly layer, so that a user can conveniently and directly obtain a product integrated by the subassembly layer and the corresponding routing layer, and the maintenance cost of the user on the whole project can be reduced.
In the embodiment of the invention, the component layer is stored in the component warehouse, so that the component layer can be directly pulled when needed later, the component layer and the corresponding routing layer do not need to be acquired again, and the component layer and the corresponding routing layer are integrated to obtain the component layer, thereby reducing the complex component integration process in the front-end development process and reducing the maintenance difficulty of the front-end development project.
In an embodiment of the present invention, the component layer component path may be a position index of the component layer in the component repository, and may provide a pull link for subsequent integration of the component layer.
In an optional embodiment of the present invention, in order to facilitate a subsequent user to directly pull a component layer, the component layer may be pushed out to the component warehouse and a component path of the corresponding component layer is generated, so as to achieve a purpose of saving development time of the user, wherein the pushing out of the component layer to the component warehouse may be implemented by an lego command, a com command, or a pull command.
In the embodiment of the present invention, the storing of the component layers in the component warehouse and the generating of the corresponding component layer component paths are similar to the storing of the subassembly layers and the routing layers in the preset component warehouse and the generating of the subassembly layer component paths of the plurality of subassembly layers and the corresponding routing layers, and thus, the description is omitted here.
The frame layer generation module 103 is configured to pull the component layer according to the component layer component path, and integrate the component layer to obtain a frame layer.
In the embodiment of the invention, the position information of the component layer can be acquired through dependentComponents { }, and the component layer can be pulled and integrated through Lego: com: push.
According to the embodiment of the invention, the component layer in the component warehouse is pulled, and the component layer is integrated to obtain the frame layer, so that the development process of component developers on the component layer and components below the component layer is reduced, the development efficiency of the component developers is improved, and the maintenance difficulty of maintenance personnel on the whole project is reduced.
In an optional embodiment of the present invention, the subcomponent layer and the routing layer may have version updates due to function optimization or maintenance, and therefore version marks need to be performed on the subcomponent layer and the routing layer, which is convenient for an upper layer component to perform corresponding updates in time.
In detail, after the component layers are pulled and integrated according to the component layer component paths to obtain a frame layer, the method further includes:
marking the version numbers of the subcomponent layer and the routing layer to obtain the version numbers of the subcomponent layer and the routing layer;
and by comparing the version numbers, when the sub-component layer and/or the routing layer are updated, the component layer and the framework layer are correspondingly updated.
Further, the correspondingly updating the component layer and the framework layer includes:
when receiving the update message of the subcomponent layer and/or the routing layer, comparing the subcomponent layer and the routing layer with an atomic component layer and a routing layer when pulling the subcomponent layer and/or the routing layer;
if the version numbers of the sub-component layer and/or the routing layer are different from those of the atomic component layer and/or the original routing layer, deleting the atomic component layer and/or the original routing layer, re-pulling the sub-component layer and/or the routing layer, and integrating the re-pulled sub-component layer and/or the routing layer to obtain an updated component layer;
and if the structure of the updated component layer is different from that of the original component layer, deleting the original component layer, re-pulling the component layer, and integrating the re-pulled component layer to obtain an updated frame layer.
Fig. 3 is a schematic structural diagram of an electronic device implementing the front-end component development method according to the present invention.
The electronic device may include a processor 10, a memory 11, a communication bus 12, and a communication interface 13, and may further include a computer program, such as a front-end component development program, stored in the memory 11 and executable on the processor 10.
The memory 11 includes at least one type of readable storage medium, which includes flash memory, removable hard disk, multimedia card, card-type memory (e.g., SD or DX memory, etc.), magnetic memory, magnetic disk, optical disk, etc. The memory 11 may in some embodiments be an internal storage unit of the electronic device, for example a removable hard disk of the electronic device. The memory 11 may also be an external storage device of the electronic device in other embodiments, such as a plug-in mobile 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 electronic device. Further, the memory 11 may also include both an internal storage unit and an external storage device of the electronic device. The memory 11 may be used to store not only application software installed in the electronic device and various types of data, such as codes of a front-end component development program, but also temporarily store data that has been output or is to be output.
The processor 10 may be composed of an integrated circuit in some embodiments, for example, a single packaged integrated circuit, or may be composed of a plurality of integrated circuits packaged with the same or different functions, including one or more Central Processing Units (CPUs), microprocessors, digital Processing chips, graphics processors, and combinations of various control chips. The processor 10 is a Control Unit (Control Unit) of the electronic device, connects various components of the electronic device by using various interfaces and lines, and executes various functions and processes data of the electronic device by running or executing programs or modules (e.g., front-end component development programs, etc.) stored in the memory 11 and calling data stored in the memory 11.
The communication bus 12 may be a PerIPheral Component Interconnect (PCI) bus or an Extended Industry Standard Architecture (EISA) bus. The bus may be divided into an address bus, a data bus, a control bus, etc. The communication bus 12 is arranged to enable connection communication between the memory 11 and at least one processor 10 or the like. For ease of illustration, only one thick line is shown, but this does not mean that there is only one bus or one type of bus.
Fig. 3 shows only an electronic device having components, and those skilled in the art will appreciate that the structure shown in fig. 3 does not constitute a limitation of the electronic device, and may include fewer or more components than those shown, or some components may be combined, or a different arrangement of components.
For example, although not shown, the electronic device may further include a power supply (such as a battery) for supplying power to each component, and preferably, the power supply may be logically connected to the at least one processor 10 through a power management device, so that functions of charge management, discharge management, power consumption management and the like are realized through the power management device. The power supply may also include any component of one or more dc or ac power sources, recharging devices, power failure detection circuitry, power converters or inverters, power status indicators, and the like. The electronic device may further include various sensors, a bluetooth module, a Wi-Fi module, and the like, which are not described herein again.
Optionally, the communication interface 13 may include a wired interface and/or a wireless interface (e.g., WI-FI interface, bluetooth interface, etc.), which is generally used to establish a communication connection between the electronic device and other electronic devices.
Optionally, the communication interface 13 may further include a user interface, which may be a Display (Display), an input unit (such as a Keyboard (Keyboard)), and optionally, a standard wired interface, or a wireless interface. Alternatively, in some embodiments, the display may be an LED display, a liquid crystal display, a touch-sensitive liquid crystal display, an OLED (Organic Light-Emitting Diode) touch device, or the like. The display, which may also be referred to as a display screen or display unit, is suitable, among other things, for displaying information processed in the electronic device and for displaying a visualized user interface.
It is to be understood that the described embodiments are for purposes of illustration only and that the scope of the appended claims is not limited to such structures.
The memory 11 in the electronic device stores a front-end component development program which is a combination of a plurality of computer programs that, when executed in the processor 10, implement:
acquiring a service demand, constructing a plurality of subassembly layers and corresponding routing layers according to the service demand, storing the subassembly layers and the routing layers into a preset assembly warehouse, and generating subassembly layer assembly paths of the plurality of subassembly layers and the corresponding routing layers in the assembly warehouse;
when a front-end component development instruction input by a user is received, verifying the operation authority of the user;
when the user has a preset operation right, pulling the subassembly layer and the corresponding routing layer according to the subassembly layer component path, and integrating the subassembly layer and the corresponding routing layer one by one according to the sequence of pulling the subassembly layer and the corresponding routing layer to obtain a plurality of component layers;
storing the component layers into the component warehouse and generating corresponding component layer component paths;
and pulling the component layer according to the component path of the component layer, and integrating the component layer to obtain a frame layer.
Specifically, the processor 10 may refer to the description of the relevant steps in the embodiment corresponding to fig. 1 for a specific implementation method of the computer program, which is not described herein again.
Further, the electronic device integrated module/unit, if implemented in the form of a software functional unit and sold or used as a separate product, may be stored in a computer readable storage medium. The computer readable medium may be non-volatile or volatile. The computer-readable medium may include: any entity or device capable of carrying said computer program code, recording medium, U-disk, removable hard disk, magnetic disk, optical disk, computer Memory, Read-Only Memory (ROM).
Embodiments of the present invention may also provide a computer-readable storage medium, where the computer-readable storage medium stores a computer program, and when the computer program is executed by a processor of an electronic device, the computer program may implement:
acquiring a service demand, constructing a plurality of subassembly layers and corresponding routing layers according to the service demand, storing the subassembly layers and the routing layers into a preset assembly warehouse, and generating subassembly layer assembly paths of the plurality of subassembly layers and the corresponding routing layers in the assembly warehouse;
when a front-end component development instruction input by a user is received, verifying the operation authority of the user;
when the user has a preset operation right, pulling the subassembly layer and the corresponding routing layer according to the subassembly layer component path, and integrating the subassembly layer and the corresponding routing layer one by one according to the sequence of pulling the subassembly layer and the corresponding routing layer to obtain a plurality of component layers;
storing the component layers into the component warehouse and generating corresponding component layer component paths;
and pulling the component layer according to the component path of the component layer, and integrating the component layer to obtain a frame layer.
Further, the computer usable storage medium may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required for at least one function, and the like; the storage data area may store data created according to the use of the blockchain node, and the like.
In the embodiments provided in the present invention, it should be understood that the disclosed apparatus, device and method can be implemented in other ways. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the modules is only one logical functional division, and other divisions may be realized in practice.
The modules described as separate parts may or may not be physically separate, and parts displayed as modules may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment.
In addition, functional modules in the embodiments of the present invention may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, or in a form of hardware plus a software functional module.
It will be evident to those skilled in the art that the invention is not limited to the details of the foregoing illustrative embodiments, and that the present invention may be embodied in other specific forms without departing from the spirit or essential attributes thereof.
The present embodiments are therefore to be considered in all respects as illustrative and not restrictive, the scope of the invention being indicated by the appended claims rather than by the foregoing description, and all changes which come within the meaning and range of equivalency of the claims are therefore intended to be embraced therein. Any reference signs in the claims shall not be construed as limiting the claim concerned.
The block chain 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.
The embodiment of the application can acquire and process related data based on an artificial intelligence technology. Among them, Artificial Intelligence (AI) is a theory, method, technique and application system that simulates, extends and expands human Intelligence using a digital computer or a machine controlled by a digital computer, senses the environment, acquires knowledge and uses the knowledge to obtain the best result.
Furthermore, it is obvious that the word "comprising" does not exclude other elements or steps, and the singular does not exclude the plural. A plurality of units or means recited in the system claims may also be implemented by one unit or means in software or hardware. The terms second, etc. are used to denote names, but not any particular order.
Finally, it should be noted that the above embodiments are only for illustrating the technical solutions of the present invention and not for limiting, and although the present invention is described in detail with reference to the preferred embodiments, it should be understood by those skilled in the art that modifications or equivalent substitutions may be made on the technical solutions of the present invention without departing from the spirit and scope of the technical solutions of the present invention.

Claims (10)

1. A method of front-end componentization development, the method comprising:
acquiring a service demand, constructing a plurality of subassembly layers and corresponding routing layers according to the service demand, storing the subassembly layers and the routing layers into a preset assembly warehouse, and generating subassembly layer assembly paths of the plurality of subassembly layers and the corresponding routing layers in the assembly warehouse;
when a front-end component development instruction input by a user is received, verifying the operation authority of the user;
when the user has a preset operation right, pulling the subassembly layer and the corresponding routing layer according to the subassembly layer component path, and integrating the subassembly layer and the corresponding routing layer one by one according to the sequence of pulling the subassembly layer and the corresponding routing layer to obtain a plurality of component layers;
storing the component layers into the component warehouse and generating corresponding component layer component paths;
and pulling the component layer according to the component path of the component layer, and integrating the component layer to obtain a frame layer.
2. The front-end component development method according to claim 1, wherein the verifying the operation authority of the user upon receiving a front-end component development instruction input by the user comprises:
acquiring a user name and a password of the user;
judging whether the user name exists in a preset configuration file or not;
when the user name does not exist in the configuration file, prompting the user as an illegal person;
when the user name exists in the configuration file, comparing and verifying the password input by the user with the password corresponding to the user name in the configuration file;
and when the password input by the user is the same as the password corresponding to the user name in the configuration file, acquiring the user identity of the user, and matching the operation authority of the user according to the user identity.
3. The front-end component development method of claim 1, wherein the generating a subassembly layer component path for a plurality of subassembly layers and corresponding routing layers comprises:
acquiring the position information of the component warehouse, the names and the time information of the sub-component layer and the routing layer;
determining a root directory of the routing layer of the subcomponent level according to the location information;
and outputting the root directory, the time information and the names in sequence to obtain the plurality of sub-component layers and sub-component layer component paths of the corresponding routing layers.
4. The front-end assembly development method of claim 1, wherein after pulling the assembly layer and integrating the assembly layer according to the assembly layer assembly path to obtain a frame layer, the method further comprises:
marking the version numbers of the subcomponent layer and the routing layer to obtain the version numbers of the subcomponent layer and the routing layer;
and by comparing the version numbers, when the sub-component layer and/or the routing layer are updated, the component layer and the framework layer are correspondingly updated.
5. The front-end componentization development method of claim 4, wherein the correspondingly updating the component layer and the framework layer comprises:
when receiving the update message of the subcomponent layer and/or the routing layer, comparing the subcomponent layer and the routing layer with an atomic component layer and a routing layer when pulling the subcomponent layer and/or the routing layer;
if the version numbers of the sub-component layer and/or the routing layer are different from those of the atomic component layer and/or the original routing layer, deleting the atomic component layer and/or the original routing layer, re-pulling the sub-component layer and/or the routing layer, and integrating the re-pulled sub-component layer and/or the routing layer to obtain an updated component layer;
and if the structure of the updated component layer is different from that of the original component layer, deleting the original component layer, re-pulling the component layer, and integrating the re-pulled component layer to obtain an updated frame layer.
6. The front-end componentization development method of claim 1, wherein the pulling the subassembly layer and corresponding routing layer according to the subassembly layer component path comprises:
according to the subassembly layer assembly path, utilizing a preset dependentComponents { } instruction to determine the position information of the subassembly layer and the corresponding routing layer;
and pulling the sub-component layer and the corresponding routing layer from the component warehouse by utilizing a preset Lego-com-push instruction according to the position information.
7. The front-end componentization development method of any one of claims 1 to 6, wherein the component warehouse further includes a work environment for front-end componentization development.
8. A front-end componentization development device, comprising:
the subassembly layer component path generating module is used for acquiring a service demand, constructing and acquiring a plurality of subassembly layers and corresponding routing layers according to the service demand, storing the subassembly layers and the routing layers into a preset component warehouse, and generating subassembly layer component paths of the plurality of subassembly layers and the corresponding routing layers in the component warehouse;
the component layer component path generating module is used for checking the operation authority of a user when a front-end component development instruction input by the user is received, pulling the subcomponent layer and the corresponding routing layer according to the subcomponent layer component path when the user has a preset operation authority, integrating the subcomponent layer and the corresponding routing layer one by one according to the sequence of pulling the subcomponent layer and the corresponding routing layer to obtain a plurality of component layers, storing the component layers into the component warehouse and generating corresponding component layer component paths;
and the frame layer generation module is used for pulling the component layer according to the component layer component path and integrating the component layer to obtain the frame layer.
9. An electronic device, characterized in that the electronic device comprises:
at least one processor; and the number of the first and second groups,
a memory communicatively coupled to the at least one processor; wherein,
the memory stores computer program instructions executable by the at least one processor to cause the at least one processor to perform the front-end component development method of any of claims 1-7.
10. A computer-readable storage medium storing a computer program which, when executed by a processor, implements the front-end component development method of any one of claims 1 to 7.
CN202111388100.2A 2021-11-22 2021-11-22 Front-end component development method and device, electronic equipment and readable storage medium Pending CN113885848A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111388100.2A CN113885848A (en) 2021-11-22 2021-11-22 Front-end component development method and device, electronic equipment and readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111388100.2A CN113885848A (en) 2021-11-22 2021-11-22 Front-end component development method and device, electronic equipment and readable storage medium

Publications (1)

Publication Number Publication Date
CN113885848A true CN113885848A (en) 2022-01-04

Family

ID=79015420

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111388100.2A Pending CN113885848A (en) 2021-11-22 2021-11-22 Front-end component development method and device, electronic equipment and readable storage medium

Country Status (1)

Country Link
CN (1) CN113885848A (en)

Similar Documents

Publication Publication Date Title
CN113238929B (en) Code testing method and device based on Mock data, electronic equipment and storage medium
CN112506779A (en) Software interface testing method and device, electronic equipment and storage medium
CN113961584A (en) Method and device for analyzing field blood relationship, electronic equipment and storage medium
CN112506559B (en) Gray release method and device based on gateway, electronic equipment and storage medium
CN113377661A (en) Interface testing method and device, electronic equipment and storage medium
CN113704665A (en) Dynamic service publishing method, device, electronic equipment and storage medium
CN113051171A (en) Interface test method, device, equipment and storage medium
CN112527664A (en) Method and device for generating test case, electronic equipment and storage medium
CN114385497A (en) Test environment generation method and device, electronic equipment and storage medium
CN114519084A (en) Block chain-based medical data inspection method, device, equipment and medium
CN114398282A (en) Test script generation method, device, equipment and storage medium
CN112667244A (en) Data verification method and device, electronic equipment and computer readable storage medium
CN112579475A (en) Code testing method, device, equipment and readable storage medium
CN113885848A (en) Front-end component development method and device, electronic equipment and readable storage medium
CN114510400A (en) Task execution method and device, electronic equipment and storage medium
CN115220740A (en) Database environment deployment method and device, electronic equipment and storage medium
CN114064033A (en) Front-end component development method and device, electronic equipment and readable storage medium
CN114611477A (en) Design recommendation method and device for data table, electronic equipment and medium
CN114461531A (en) Platform adaptability test method, device, equipment and storage medium of test case
CN114185588A (en) Incremental package generation method, device, equipment and storage medium
CN112686759A (en) Account checking monitoring method, device, equipment and medium
CN111859452A (en) Page information checking method, device and equipment and computer readable storage medium
CN113362040B (en) Approval chain configuration updating method and device, electronic equipment and storage medium
CN113626533B (en) Ultraviolet power detection method and device and electronic equipment
CN113791695B (en) Password input method, device, electronic equipment and storage medium

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