CN109634647B - Construction method and system of large-scale front-end project - Google Patents
Construction method and system of large-scale front-end project Download PDFInfo
- Publication number
- CN109634647B CN109634647B CN201811589112.XA CN201811589112A CN109634647B CN 109634647 B CN109634647 B CN 109634647B CN 201811589112 A CN201811589112 A CN 201811589112A CN 109634647 B CN109634647 B CN 109634647B
- Authority
- CN
- China
- Prior art keywords
- project
- tool
- initialization
- function information
- current
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Abstract
The invention discloses a method and a system for constructing a large-scale front-end project, wherein the method comprises the following steps: a plurality of association tools in a plurality of initialization units included in an initialization project are extracted. The method comprises the steps of obtaining a plurality of current associated tool groups respectively corresponding to a plurality of current preset unit functions from the corresponding relation between corresponding preset unit function information and a plurality of associated tool information according to a plurality of current preset unit function information lists, integrating the plurality of current associated tool groups by taking the groups as units, and packaging the integrated tool groups into a plurality of independent function unit components, wherein the plurality of preset unit function information lists are the function components of the plurality of independent function information which can be realized in the initialization engineering. And integrating a plurality of functional units generated by the plurality of functional unit components according to the functions of the current project, and constructing the current project. The invention extracts the functional units in the initialized project, constructs a universal component and can be flexibly applied to project development.
Description
Technical Field
The invention belongs to the technical field of platform large project establishment and maintenance, and particularly relates to a method and a system for constructing a large front-end project.
Background
In the related technology, the construction of a large project is completed by a SPA single-page application architecture and a similar architecture of a multi-page application architecture which are used for multiple purposes. The SPA (Single Page application) single-Page application architecture takes the whole front-end project as a whole, and packs the whole project into a static Page after the business development is completed. The single-page application can reduce the time for requesting the network resources, once the loading is completed, the operation in the application is smooth, and the network resources do not need to be loaded frequently. A multi-page application architecture. The multi-page application architecture organizes the same project according to different modules, and different modules generate different pages when the whole project is packed and compressed. The multi-page application can keep the smooth running characteristic of the single-page application and can also avoid the problem of low speed of opening the webpage for the first time due to too large first loading resources.
However, when the SPA single-page application packs and compresses the whole project into one static page, when the content of the project is gradually huge, the static page becomes very large, the page is opened for the first time, and when the static page resource is loaded through a network, a long time is consumed, and the waiting time of a user is long. The multi-page application architecture is to split a project into a plurality of modules, and all the modules are packed and compressed in the same project at the same time, so that all the modules are developed and completed to be on-line. In a large project, different modules are often handled by different teams, and the schedules are inconsistent. Under the condition that the finishing development is not completed, partial on-line can not be realized, and the overall efficiency is low. The above-mentioned defects are caused by: the largest limitation of SPA application architectures and multi-page application architectures is the need for overall packing compression. Finally, the centralized processing of the link needs to ensure that all modules are completely ready, and in most cases, the inconsistent progress of each module necessarily consumes a certain waiting time. Even if only one module is not completed, other modules can only wait. With the increasing of modules, the larger the modules are, the more the waiting time is consumed, and the production efficiency is greatly influenced.
Practitioners in the industry can adopt single-page application for small projects and multi-page application for large projects. Other practitioners cannot easily think that the front end in the industry is generally dispersed in each service line, each service and technical system is provided with each service and technical system, and a multi-page application scheme is adopted before a new scheme comes out, and with the improvement of an organization structure, small groups in all service lines are organized into a comprehensive independent team, so that more complex challenges are met, and different innovative schemes are needed to think of the current scheme.
Therefore, when a large project is constructed in the prior art, the generation and the construction of multiple fixed modules are involved, the functions of the fixed modules are determined, meanwhile, if the multiple modules are involved, the system construction can be carried out after all the fixed modules are completed, partial online can not be achieved under the condition that the arrangement and the development are not completed, and the overall efficiency is low. Therefore, basically, some modules are not completed, and other modules can only wait. With the increasing of modules, the larger the modules are, the more the waiting time is consumed, and the production efficiency is greatly influenced.
Disclosure of Invention
The embodiment of the invention provides a method and a system for constructing a large-scale front-end project, which are used for solving at least one of the technical problems.
In a first aspect, an embodiment of the present invention provides a method for constructing a large-scale front-end project, including:
step S101, extracting a plurality of associated tools in a plurality of initialization units included in an initialization project.
Step S102, according to a plurality of current preset unit function information lists, obtaining a plurality of current associated tool groups respectively corresponding to a plurality of current preset unit functions from a corresponding relationship between corresponding preset unit function information and a plurality of associated tool information, integrating the plurality of current associated tool groups in units of groups, and packaging the plurality of current associated tool groups into a plurality of independent function unit components, where the plurality of preset unit function information lists are function sets of a plurality of independent function information that can be realized in the initialization engineering.
Step S103, integrating a plurality of functional units generated by the functional unit components according to the functions of the current project, and constructing the current project.
Based on the steps of S101 including:
in step S1011, a plurality of initialization units included in the basic directory structure of the initialization project are extracted. In step S1012, a plurality of associated tools in the plurality of initialization units are extracted.
Based on the plurality of association tools, comprising: HTML compression tool, CSS packaging tool, automatic formatting tool, font conversion tool, http request forwarding tool, function packaging tool, multinational language adapting tool, font loading tool and automatic construction tool. An automated build tool.
Based on the steps of S103 including: and creating the basic directory structure of the current project according to the plurality of functional units.
The method also comprises the following steps before the step S101:
step S100, establishing an initialization project, wherein the initialization comprises a plurality of initialization unit functions.
The method further comprises the following steps in step S101: the initialization project is a single-page application project based on VUE technology.
Based on the steps of S101 including: the plurality of correlation tools are webpack build tool modules.
Based on the step S103, the method further comprises the following steps:
step S104, if the current preset unit function information is not in the preset unit function information lists, adding the current preset unit function information into the preset unit function information lists, and updating the preset unit function information lists.
In a second aspect, an embodiment of the present invention provides a system for building a large-scale front-end project, including: the system comprises an extraction association tool unit, a packaging unit and a project construction unit.
The extraction association tool unit is configured to extract a plurality of association tools in a plurality of initialization units included in the initialization project.
The packaging unit is configured to obtain a plurality of current associated tool groups, which are obtained from the associated tool unit and respectively correspond to the plurality of current preset unit functions, from a corresponding relationship between corresponding preset unit function information and a plurality of associated tool information according to a plurality of current preset unit function information lists, integrate the plurality of current associated tool groups by taking the groups as units, and package the plurality of current associated tool groups into a plurality of independent function unit components, wherein the plurality of preset unit function information lists are function sets of a plurality of independent function information which can be realized in the initialization process.
The project construction unit is configured to integrate a plurality of functional units generated by the functional unit components acquired in the packaging unit according to the functions of the current project, and construct the current project.
Based on the above construction system, further comprising: and an updating unit. The updating unit is configured to add the current preset unit function information into the preset unit function information lists and update the preset unit function information lists if the current preset unit function information is not in the preset unit function information lists.
In a third aspect, an electronic device is provided, comprising: at least one processor, and a memory communicatively coupled to the at least one processor, wherein the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the steps of the method of any of the embodiments of the present invention.
In a fourth aspect, the present invention also provides a computer program product, which includes a computer program stored on a non-volatile computer-readable storage medium, the computer program including program instructions that, when executed by a computer, cause the computer to perform the steps of the method of any of the embodiments of the present invention.
The invention constructs a universal component unit by extracting the functional units in the initialization project, thereby being flexibly applied to project development. Firstly, the whole project system is divided into a plurality of independent small single-page application projects by one or more original large projects, and the small single-page application projects are managed by using a unified framework tool. Second, because of the independent business logic between the small projects, each development engineer can quickly develop and maintain their own project without worrying about code conflicts for other projects. In addition, because the projects are independent, after the development test of a certain project is completed, the on-line can be realized quickly, and the on-line can be realized only when all people complete the development test like a large project. The situation that one person is delayed in progress and other persons can only wait is avoided.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings needed to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on the drawings without creative efforts.
Fig. 1 is a flowchart of a method for constructing a large-scale front-end project according to an embodiment of the present invention.
Fig. 2 is a flowchart of another method for constructing a large-scale front-end project according to an embodiment of the present invention.
Fig. 3 is a flowchart of a method for constructing a large-scale front-end project according to an embodiment of the present invention.
Fig. 4 is a flowchart of a method for constructing a large-scale front-end project according to an embodiment of the present invention.
Fig. 5 is a combination diagram of a system for constructing a large-scale front-end project according to an embodiment of the present invention.
Fig. 6 is a combination diagram of a building system of a large-scale front-end project according to another embodiment of the present invention.
Fig. 7 is a block diagram of a method for constructing a large-scale front-end project according to an embodiment of the present invention.
Fig. 8 is a schematic structural diagram of an electronic device according to an embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, but not all, embodiments of the present invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
Referring to FIG. 1, a flow chart of an embodiment of a method for building a large front-end project according to the invention is shown. The method comprises the following steps:
in step S101, a plurality of related tools are extracted.
In this step, a plurality of correlation tools in a plurality of initialization units included in the initialization project are extracted. The plurality of association tools include: HTML compression tool, CSS packaging tool, automatic formatting tool, font conversion tool, http request forwarding tool, function packaging tool, multinational language adapting tool, font loading tool and automatic construction tool. The plurality of correlation tools described above build tool modules for webpack. Although the automated build tool is configured for each project individually, it can be modified to make a common tool and then use each project by reference. This ensures that all items operate on the same system.
Step S102, packaging the independent functional unit components.
In this step, in order to obtain, according to a plurality of current preset unit function information lists, the plurality of current associated tool groups to which the plurality of current preset unit functions respectively correspond from the correspondence between the corresponding preset unit function information and the plurality of associated tool information, the plurality of current associated tool groups are integrated in units of groups and packaged as a plurality of independent function unit members, and the plurality of preset unit function information lists are function sets of the plurality of independent function information that can be realized in the initialization process.
And step S103, engineering construction.
In this step, according to the function of the current project, integrating the plurality of functional units generated by the plurality of functional unit components to construct the current project. In this step, the base directory structure of the current project may also be created according to the plurality of functional units. Thereby ensuring the integrity of project construction.
To ensure the effectiveness of association tool separation, as shown in fig. 2, in a preferred embodiment, the step S101 includes:
in step S1011, a plurality of initialization units included in the basic directory structure of the initialization project are extracted. In step S1012, a plurality of associated tools in the plurality of initialization units are extracted.
As shown in fig. 3, before step S101, the method further includes: and step S100.
And step S100, establishing an initialization project.
In this step, an initialization project is established, wherein the initialization comprises a plurality of initialization unit functions. The initialization project is a single-page application project based on VUE technology. The initialization is to create a project, and the project has a basic directory structure and various associated tools. This initialization process may be accomplished by tools commonly used in the industry.
As shown in fig. 4, in a preferred embodiment, after step S103, the method further includes:
step S104, list updating.
In this step, if the current preset unit function information is not in the preset unit function information lists, adding the current preset unit function information into the preset unit function information lists, and updating the preset unit function information lists.
In a second aspect, an embodiment of the present invention provides a system for building a large-scale front-end project, as shown in fig. 5, including: an extraction association tool unit 101, a packaging unit 201 and an item construction unit 301.
The extraction association tool unit 101 is configured to extract a plurality of association tools in a plurality of initialization units included in the initialization project.
The encapsulating unit 201 is configured to obtain, according to a plurality of current preset unit function information lists, a plurality of current associated tool groups, which are obtained from the extraction associated tool unit 101 and respectively correspond to the plurality of current preset unit functions, from a corresponding relationship between corresponding preset unit function information and a plurality of associated tool information, integrate the plurality of current associated tool groups by taking a group as a unit, and encapsulate the plurality of current associated tool groups into a plurality of independent function unit members, where the plurality of preset unit function information lists are function sets of a plurality of independent function information that can be realized in the initialization process.
The project building unit 301 is configured to integrate a plurality of functional units generated by the functional unit components acquired in the packaging unit 201 according to the functions of the current project, and build the current project.
As shown in fig. 6, based on the above construction system, the method further includes: an update unit 401. The updating unit is configured to add the current preset unit function information into the preset unit function information lists and update the preset unit function information lists if the current preset unit function information is not in the preset unit function information lists.
It should be understood that the elements described in fig. 5 correspond to various steps in the method of building a large front end project described above. Thus, the operations and features described above for the method and the corresponding technical effects are also applicable to the units in fig. 5, and are not described again here.
It should be noted that the units in the embodiments of the present disclosure are not used to limit the scheme of the present disclosure, and in addition, the related functional modules may also be implemented by a hardware processor, for example, the separation module may also be implemented by a processor, and is not described herein again.
In another embodiment of the present invention, another method for constructing a large front-end project is provided, and the english full name and chinese of the english abbreviation appearing in this embodiment are defined as follows.
SPA Single Page Application.
Vue A front-end development technology framework.
Webpack, a tool for pack compression in engineering.
As shown in fig. 7, the main process is divided into the following four steps.
1. Initializing, firstly, a single-page application project based on the VUE technology is initialized, and the project comprises all construction modules, service modules and resource modules of the whole system engineering. But the project cannot have specific business logic and exists as a basic project. The initialization is to create a project, and the project has a basic directory structure and various associated tools. This initialization process may be accomplished by tools commonly used in the industry.
2. And (3) extracting the webpack construction module of the initialization project, and packaging the webpack module into an independently usable construction tool through transformation and packaging, wherein the tool has the characteristics of installability and expandability. And then the tool is introduced into an initialization project, and the usability and the stability of the tool are ensured through multiple times of debugging. In this step, the directory structure of the project and the way of collaboration among various tools are changed. The plurality of association tools include: HTML compression tool, CSS packaging tool, automatic formatting tool, font conversion tool, http request forwarding tool, function packaging tool, multinational language adapting tool, font loading tool and automatic construction tool. And includes an automated construction tool, where each project is originally configured individually, and after modification, can be made into a common tool, and then each project is used by reference. This ensures that all items operate on the same system. The above "retrofit package" integrates the HTML compression tool and CSS packaging tool into one tool after the retrofit.
3. And expanding the project, copying the initialization project to create a new project according to the development requirement of the service, then realizing service logic based on the new project, and continuously enriching the project system to meet the complex service requirement by copying and creating the new project. Step 1 is to use an industry general tool, and step 2 is equivalent to improving the general tool so as to change the general tool into a tool suitable for the characteristics of the current project. The expansion is used in a plurality of projects to form a unified system.
4. And updating the construction tool, and continuously integrating the requirements of a plurality of projects due to different requirements of a plurality of project construction modules, and continuously upgrading the construction tool through planning and designing.
Thus, the present invention combines the uniformity of multi-page applications with the flexibility of single-page applications. The method comprises the steps of splitting the previous multi-page application into a plurality of single-page applications, extracting the core packaging construction module of each single-page application, transforming the core packaging construction module into a common construction tool, and introducing all projects for use. Therefore, other projects can be uniformly managed by using the public project, and the independence and flexibility of each independent project service are ensured.
The alternative of the invention is: and (4) arranging a service system, making the similar services into a multi-page application, wherein the whole project system is provided with a plurality of large multi-page applications. It is based on the extension of the existing architecture, and does not need to develop new tools. And the technology is simple to realize.
In other embodiments, an embodiment of the present invention further provides a non-volatile computer storage medium, where the computer storage medium stores computer-executable instructions, and the computer-executable instructions may perform the method for constructing and using a large front-end project in any of the above method embodiments;
as one embodiment, a non-volatile computer storage medium of the present invention stores computer-executable instructions configured to:
step S101, extracting a plurality of associated tools in a plurality of initialization units included in an initialization project.
Step S102, according to a plurality of current preset unit function information lists, obtaining a plurality of current associated tool groups respectively corresponding to a plurality of current preset unit functions from a corresponding relationship between corresponding preset unit function information and a plurality of associated tool information, integrating the plurality of current associated tool groups in units of groups, and packaging the plurality of current associated tool groups into a plurality of independent function unit components, where the plurality of preset unit function information lists are function sets of a plurality of independent function information that can be realized in the initialization engineering.
Step S103, integrating a plurality of functional units generated by the functional unit components according to the functions of the current project, and constructing the current project.
Based on the steps of S101 including:
in step S1011, a plurality of initialization units included in the basic directory structure of the initialization project are extracted. In step S1012, a plurality of associated tools in the plurality of initialization units are extracted.
Based on the plurality of association tools, comprising: HTML compression tool, CSS packaging tool, automatic formatting tool, font conversion tool, http request forwarding tool, function packaging tool, multinational language adapting tool, font loading tool and automatic construction tool. An automated build tool.
Based on the steps of S103 including: and creating the basic directory structure of the current project according to the plurality of functional units.
The method also comprises the following steps before the step S101:
step S100, establishing an initialization project, wherein the initialization comprises a plurality of initialization unit functions.
The method further comprises the following steps in step S101: the initialization project is a single-page application project based on VUE technology.
Based on the steps of S101 including: the plurality of correlation tools are webpack build tool modules.
Based on the step S103, the method further comprises the following steps:
step S104, if the current preset unit function information is not in the preset unit function information lists, adding the current preset unit function information into the preset unit function information lists, and updating the preset unit function information lists.
As a non-volatile computer readable storage medium, may be used to store non-volatile software programs, non-volatile computer executable programs, and modules, such as program instructions/modules corresponding to the method for constructing and using the large front end item in the embodiments of the present invention. One or more program instructions are stored in a non-transitory computer readable storage medium, which when executed by a processor, perform the method of constructing and using a large front-end project of any of the above-described method embodiments.
The non-volatile computer-readable storage medium may 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; the storage data area may store data created from the construction of a large front-end project and the use of a usage system, and the like. Further, the non-volatile computer-readable storage medium may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid state storage device. In some embodiments, the non-transitory computer readable storage medium optionally includes memory located remotely from the processor, which may be connected to the large front end project build and use system over a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
Embodiments of the present invention also provide a computer program product, which includes a computer program stored on a non-volatile computer-readable storage medium, where the computer program includes program instructions, and when the program instructions are executed by a computer, the computer executes any of the methods for constructing and using a large front-end project.
Fig. 8 is a schematic structural diagram of an electronic device according to an embodiment of the present invention, and as shown in fig. 8, the electronic device includes: one or more processors 810 and a memory 820, with one processor 810 being an example in FIG. 8. The equipment of the construction and use method of the large-scale front-end project can also comprise: an input device 830 and an output device 840. The processor 810, the memory 820, the input device 830, and the output device 840 may be connected by a bus or other means, such as the bus connection in fig. 8. The memory 820 is a non-volatile computer-readable storage medium as described above. The processor 810 executes various functional applications of the server and data processing by executing nonvolatile software programs, instructions and modules stored in the memory 820, namely, implementing the method for constructing and using the large-scale front-end project of the above-mentioned method embodiment. The input device 830 may receive input numeric or character information and generate key signal inputs related to user settings and function controls of the information delivery device. The output device 840 may include a display device such as a display screen.
The product can execute the method provided by the embodiment of the invention, and has corresponding functional modules and beneficial effects of the execution method. For technical details that are not described in detail in this embodiment, reference may be made to the method provided by the embodiment of the present invention.
As an embodiment, the electronic device may be applied to a system and a platform for constructing and using a large-scale front-end project, and includes: at least one processor; and a memory communicatively coupled to the at least one processor; wherein the memory stores instructions executable by the at least one processor to cause the at least one processor to:
step S101, extracting a plurality of associated tools in a plurality of initialization units included in an initialization project.
Step S102, according to a plurality of current preset unit function information lists, obtaining a plurality of current associated tool groups respectively corresponding to a plurality of current preset unit functions from a corresponding relationship between corresponding preset unit function information and a plurality of associated tool information, integrating the plurality of current associated tool groups in units of groups, and packaging the plurality of current associated tool groups into a plurality of independent function unit components, where the plurality of preset unit function information lists are function sets of a plurality of independent function information that can be realized in the initialization engineering.
Step S103, integrating a plurality of functional units generated by the functional unit components according to the functions of the current project, and constructing the current project.
Based on the steps of S101 including:
in step S1011, a plurality of initialization units included in the basic directory structure of the initialization project are extracted. In step S1012, a plurality of associated tools in the plurality of initialization units are extracted.
Based on the plurality of association tools, comprising: HTML compression tool, CSS packaging tool, automatic formatting tool, font conversion tool, http request forwarding tool, function packaging tool, multinational language adapting tool, font loading tool and automatic construction tool. An automated build tool.
Based on the steps of S103 including: and creating the basic directory structure of the current project according to the plurality of functional units.
The method also comprises the following steps before the step S101:
step S100, establishing an initialization project, wherein the initialization comprises a plurality of initialization unit functions.
The method further comprises the following steps in step S101: the initialization project is a single-page application project based on VUE technology.
Based on the steps of S101 including: the plurality of correlation tools are webpack build tool modules.
Based on the step S103, the method further comprises the following steps:
step S104, if the current preset unit function information is not in the preset unit function information lists, adding the current preset unit function information into the preset unit function information lists, and updating the preset unit function information lists.
The electronic device of embodiments of the present invention exists in a variety of forms, including but not limited to:
(1) a mobile communication device: such devices are characterized by mobile communications capabilities and are primarily targeted at providing voice, data communications. Such terminals include smart phones (e.g., iphones), multimedia phones, functional phones, and low-end phones, among others.
(2) Ultra mobile personal computer device: the equipment belongs to the category of personal computers, has calculation and processing functions and generally has the characteristic of mobile internet access. Such terminals include: PDA, MID, and UMPC devices, etc., such as ipads.
(3) A portable entertainment device: such devices can display and play multimedia content. Such devices include audio and video players (e.g., ipods), handheld game consoles, electronic books, as well as smart toys and portable car navigation devices.
(4) The server is similar to a general computer architecture, but has higher requirements on processing capability, stability, reliability, safety, expandability, manageability and the like because of the need of providing highly reliable services.
(5) And other electronic devices with data interaction functions.
The above-described embodiments of the apparatus are merely illustrative, and the units described as separate parts may or may not be physically separate, and the parts displayed as units 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. One of ordinary skill in the art can understand and implement it without inventive effort.
Through the above description of the embodiments, those skilled in the art will clearly understand that each embodiment can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware. With this understanding in mind, the above-described technical solutions may be embodied in the form of a software product, which can be stored in a computer-readable storage medium, such as ROM/RAM, magnetic disk, optical disk, etc., and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the methods of the various embodiments or some parts of the embodiments.
Finally, it should be noted that: the above examples are only intended to illustrate the technical solution of the present invention, but not to limit it; although the present invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; and such modifications or substitutions do not depart from the spirit and scope of the corresponding technical solutions of the embodiments of the present invention.
Claims (10)
1. A method of constructing a large front-end project, the method comprising:
step S101, extracting a plurality of associated tools in a plurality of initialization units included in an initialization project;
step S102, according to a plurality of current preset unit function information lists, acquiring a plurality of current associated tool groups respectively corresponding to a plurality of current preset unit functions from corresponding relations between corresponding preset unit function information and a plurality of associated tool information, integrating the plurality of current associated tool groups by taking the groups as units, and packaging the groups into a plurality of independent function unit components, wherein the plurality of current preset unit function information lists are function sets of a plurality of independent function information which can be realized in the initialization engineering;
step S103, integrating a plurality of functional units generated by a plurality of functional unit components according to the functions of the current project, and constructing the current project;
the step S101 comprises the steps of utilizing a single-page initialization project based on a VUE technology and extracting a webpack construction module of the initialization project, and packaging the webpack construction module into an independently-usable construction tool through transformation and packaging.
2. The building method according to claim 1, wherein the step S101 includes:
step S1011, extracting a plurality of initialization units included in the basic directory structure of the initialization project;
in step S1012, a plurality of associated tools in the plurality of initialization units are extracted.
3. The build method of claim 2, the plurality of association tools comprising:
HTML compression tool, CSS packaging tool, automatic formatting tool, font conversion tool, http request forwarding tool, function packaging tool, multinational language adapting tool, font loading tool and automatic construction tool.
4. The building method according to claim 3, wherein the step S103 comprises: and creating the basic directory structure of the current project according to the plurality of functional units.
5. The construction method according to claim 1 or 3, wherein step S101 is preceded by:
step S100, establishing an initialization project, wherein the initialization comprises a plurality of initialization unit functions.
6. The building method according to claim 1, wherein step S101 further comprises:
the initialization project is a single-page application project based on VUE technology.
7. The building method according to claim 6, wherein the step S101 includes:
the plurality of correlation tools are webpack build tool modules.
8. The construction method according to claim 1, further comprising after the step S103:
step S104, if the current preset unit function information is not in the plurality of preset unit function information lists, adding the current preset unit function information into the plurality of preset unit function information lists, and updating the plurality of preset unit function information lists.
9. A system for building a large front-end project, comprising: extracting a correlation tool unit, a packaging unit and a project construction unit;
the associated tool extracting unit is configured to extract a plurality of associated tools in a plurality of initialization units included in an initialization project;
the packaging unit is configured to obtain a plurality of current associated tool groups, which are obtained from the associated tool unit and respectively correspond to the plurality of current preset unit functions, from a corresponding relationship between corresponding preset unit function information and a plurality of associated tool information according to a plurality of current preset unit function information lists, integrate the plurality of current associated tool groups by taking the groups as units, and package the integrated tool groups into a plurality of independent function unit components, wherein the plurality of current preset unit function information lists are function sets of a plurality of independent function information which can be realized in the initialization engineering;
the project construction unit is configured to integrate a plurality of functional units generated by the functional unit components acquired in the packaging unit according to the functions of the current project and construct the current project;
the extraction correlation tool unit is further configured to utilize a single-page initialization project based on a VUE technology and a webpack construction module of a pull-out initialization project, and the webpack construction module is packaged into an independently-usable construction tool through transformation and packaging.
10. The large front end project building system of claim 9, further comprising: an update unit;
the updating unit is configured to add the current preset unit function information into the preset unit function information lists and update the preset unit function information lists if the current preset unit function information is not in the preset unit function information lists.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811589112.XA CN109634647B (en) | 2018-12-25 | 2018-12-25 | Construction method and system of large-scale front-end project |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811589112.XA CN109634647B (en) | 2018-12-25 | 2018-12-25 | Construction method and system of large-scale front-end project |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109634647A CN109634647A (en) | 2019-04-16 |
| CN109634647B true CN109634647B (en) | 2022-02-01 |
Family
ID=66077324
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811589112.XA Active CN109634647B (en) | 2018-12-25 | 2018-12-25 | Construction method and system of large-scale front-end project |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109634647B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2022121971A1 (en) * | 2020-12-10 | 2022-06-16 | 百果园技术(新加坡)有限公司 | Front-end project processing method and apparatus, device, management system, and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106843869A (en) * | 2017-01-16 | 2017-06-13 | 百融（北京）金融信息服务股份有限公司 | A kind of front end Development Engineering system and method |
| CN107168704A (en) * | 2017-05-11 | 2017-09-15 | 金蝶软件（中国）有限公司 | A kind of multi-page resource file method for implanting and device |
| CN107203401A (en) * | 2016-03-17 | 2017-09-26 | 阿里巴巴集团控股有限公司 | A kind of front end project build method, apparatus and system |
| JP2017220221A (en) * | 2016-06-02 | 2017-12-14 | 株式会社リコー | Information processing device, information processing method, and program |
| CN108139890A (en) * | 2015-07-30 | 2018-06-08 | 纳斯达克公司 | Software application framework |
-
2018
- 2018-12-25 CN CN201811589112.XA patent/CN109634647B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108139890A (en) * | 2015-07-30 | 2018-06-08 | 纳斯达克公司 | Software application framework |
| CN107203401A (en) * | 2016-03-17 | 2017-09-26 | 阿里巴巴集团控股有限公司 | A kind of front end project build method, apparatus and system |
| JP2017220221A (en) * | 2016-06-02 | 2017-12-14 | 株式会社リコー | Information processing device, information processing method, and program |
| CN106843869A (en) * | 2017-01-16 | 2017-06-13 | 百融（北京）金融信息服务股份有限公司 | A kind of front end Development Engineering system and method |
| CN107168704A (en) * | 2017-05-11 | 2017-09-15 | 金蝶软件（中国）有限公司 | A kind of multi-page resource file method for implanting and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109634647A (en) | 2019-04-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110795195B (en) | Webpage rendering method and device, electronic equipment and storage medium | |
| CN103297327B (en) | Information push method, device and display terminal | |
| Sumaray et al. | A comparison of data serialization formats for optimal efficiency on a mobile platform | |
| CN104572114B (en) | A kind of binding device, using updating device and method | |
| CN101122921B (en) | Method forming tree-shaped display structure based on ajax and html | |
| US20140136955A1 (en) | Hybrid Web Container for Cross-Platform Mobile Applications | |
| CN110502212B (en) | Multi-language-oriented high concurrency online development supporting method | |
| CN108228628B (en) | Wide table generation method and device in structured query language database | |
| CN101853152A (en) | Method and system for generating graphical user interface | |
| CN102999336A (en) | Application interface realizing method and application interface realizing system | |
| CN104965914A (en) | Page display method and apparatus | |
| JP2023537767A (en) | Image processing method and apparatus, and computer-readable storage medium | |
| CN106775862A (en) | Using loading method and device | |
| CN113157345A (en) | Automatic starting method and device for front-end engineering | |
| CN113127361A (en) | Application program development method and device, electronic equipment and storage medium | |
| CN111857658A (en) | Method, device, medium and electronic equipment for rendering dynamic component | |
| CN101876998B (en) | Method and system for editing data | |
| CN109634647B (en) | Construction method and system of large-scale front-end project | |
| CN104516963A (en) | Excel data server and application thereof | |
| CN114706616A (en) | Applet construction method and device | |
| CN112068879B (en) | Method and device for constructing client application program development framework based on configuration | |
| CN112269571A (en) | Modular code development method and device | |
| CN113761871A (en) | Rich text rendering method and device, electronic equipment and storage medium | |
| CN112130888A (en) | Method, device and equipment for updating application program and computer storage medium | |
| CN104142824A (en) | Code generator based on class library and realization method of code generator |
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 | ||
| CB02 | Change of applicant information |
Address after: 215123 building 14, Tengfei Innovation Park, 388 Xinping street, Suzhou Industrial Park, Suzhou City, Jiangsu Province Applicant after: Sipic Technology Co.,Ltd. Address before: 215123 building 14, Tengfei Innovation Park, 388 Xinping street, Suzhou Industrial Park, Suzhou City, Jiangsu Province Applicant before: AI SPEECH Ltd. |
|
| CB02 | Change of applicant information | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |