CN117850756B - Management system and method for WEB front-end component - Google Patents
Management system and method for WEB front-end component Download PDFInfo
- Publication number
- CN117850756B CN117850756B CN202311536146.3A CN202311536146A CN117850756B CN 117850756 B CN117850756 B CN 117850756B CN 202311536146 A CN202311536146 A CN 202311536146A CN 117850756 B CN117850756 B CN 117850756B
- Authority
- CN
- China
- Prior art keywords
- component
- source code
- web
- project
- library
- 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
- 238000000034 method Methods 0.000 title claims abstract description 16
- 238000004458 analytical method Methods 0.000 claims abstract description 21
- 238000011161 development Methods 0.000 claims abstract description 14
- 238000012544 monitoring process Methods 0.000 claims abstract description 5
- 238000012795 verification Methods 0.000 claims description 6
- 238000013441 quality evaluation Methods 0.000 claims description 3
- 238000011156 evaluation Methods 0.000 claims 2
- 238000007726 management method Methods 0.000 abstract description 20
- 238000012423 maintenance Methods 0.000 abstract description 5
- 238000005516 engineering process Methods 0.000 description 4
- 238000000605 extraction Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 230000000977 initiatory effect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000001303 quality assessment method Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/36—Software reuse
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Security & Cryptography (AREA)
- Stored Programmes (AREA)
Abstract
The invention provides a management system and a method of a WEB front-end component, wherein the system comprises the following components: the source code collector is used for scanning engineering projects set in the GIT warehouse and collecting component source codes meeting the set WEB project specification requirements; the acquisition task management module is used for monitoring the GIT warehouse, and sending an acquisition command to the source code acquisition device when a new component source code is submitted to a set engineering project; the source code analysis module is used for analyzing the acquired component source codes and generating description files; the intelligent comparison module is used for carrying out feature matching on the description file of the component and the component in the WEB project component library, judging whether the component exists in the WEB project component library or similar components exist in the WEB project component library, and suggesting whether the component is adopted according to a judging result. The WEB front-end component management method and system can improve the development efficiency and maintenance quality of WEB front-end codes.
Description
Technical Field
The invention relates to the field of WEB front-end software development, in particular to a management system and method of a WEB front-end component based on document resolution and AI model analysis technology.
Background
With the continuous development of Web technology, web application scenes are continuously enriched, programs are more and more complex, and development of applications is more and more time-consuming. Under the great background of the age of 'cost reduction and synergy', the service development efficiency and the service development cost are improved, and the method becomes the just-needed problem of enterprises. The acceleration of the generation utilizes item componentization + drag assembly to quickly generate a low code/no code solution for user interfaces and functions, which quickly gains market acceptance.
The number of low code service components directly affects the service interfacing capability of the low code platform. The low-code Web front-end component is more time-consuming and labor-consuming than traditional service development, and is high in reusability and enough in customizable capacity. The technical level of the low-code Web front-end component developer is highly required, and the code function abstraction capability and the extensible design capability can be realized. Often, there are few middle and high-level basic developers allocated to small and medium-sized companies, and the front-end low-code service components cannot be continuously produced and managed. Resulting in a low code platform that is typically powerful, but the rarity of business components results in low business interfacing capabilities. Therefore, an efficient Web front-end component extraction management manner is needed to improve the development efficiency and maintenance quality of Web front-end codes.
Disclosure of Invention
The invention aims to provide an efficient Web front-end component management system and method for improving development efficiency and maintenance quality of Web front-end codes, aiming at the technical problem that service interfacing capability is low due to rarity of Web front-end components of a low-code platform in the prior art.
In an embodiment of the present invention, a management system for a WEB front-end component is provided, including:
The source code collector is used for scanning engineering projects set in the GIT warehouse and collecting component source codes meeting the set WEB project specification requirements;
The acquisition task management module is used for monitoring the GIT warehouse, and sending an acquisition command to the source code acquisition device when a new component source code is submitted to a set engineering project;
The source code analysis module is used for analyzing the acquired component source codes and generating description files;
the component library is used for storing components of WEB items;
The intelligent comparison module is used for carrying out feature matching on the description file of the component and the component in the component library, judging whether the same component or similar components exist in the component library, and determining whether to adopt the component according to a judging result.
In the embodiment of the present invention, the intelligent comparison module decides whether to adopt the component according to the judgment result, including:
If the same components or similar components exist in the component library, storing the components into an alternative library for manual verification;
If the same component and similar components do not exist in the component library, the same component and similar components are stored in the component library.
In the embodiment of the invention, the WEB project specification requirements comprise a material protocol specification, a component package file standard, a project development specification and a software development kit specification.
In the embodiment of the invention, the source code analysis module analyzes the acquired component source code file, and the method comprises the following steps: reading source code, analyzing the source code, extracting source code information, analyzing dependency relationships in the source code, evaluating code quality, evaluating functional perfection and generating an analysis report.
In the embodiment of the present invention, the management system of the WEB front-end component further includes:
And the acquisition condition setting module is used for setting the specification requirements of engineering projects and WEB projects to be scanned.
The embodiment of the invention also provides a method for managing the WEB front-end component, which comprises the following steps:
Setting specification requirements of engineering projects and WEB projects to be scanned;
Scanning engineering projects set in the GIT warehouse, and collecting component source codes meeting the set WEB project specification requirements;
Analyzing the acquired component source codes and generating description files;
And performing feature matching on the description file of the component and the component in the WEB project component library, judging whether the same component or similar components exist in the WEB project component library, and determining whether to adopt the component according to a judging result.
In the embodiment of the invention, determining whether to adopt the component according to the judging result comprises the following steps:
If the same components or similar components exist in the component library, storing the components into an alternative library for manual verification;
If the same component and similar components do not exist in the component library, the same component and similar components are stored in the component library.
In the embodiment of the invention, the WEB project specification requirements comprise a material protocol specification, a component package file standard, a project development specification and a software development kit specification.
In the embodiment of the invention, analyzing the acquired component source code file comprises the following steps: reading source code, analyzing the source code, extracting source code information, analyzing dependency relationships in the source code, evaluating code quality, evaluating functional perfection and generating an analysis report.
In the embodiment of the invention, the method for managing the WEB front-end component further comprises the following steps:
monitoring the GIT warehouse, and when a new component source code is submitted to a set engineering project, sending a command for collecting tasks.
Compared with the prior art, the management system and the method for the WEB front-end component are adopted, engineering project and WEB project specification requirements to be scanned are preset before an acquisition task is initiated, then engineering project set in a GIT warehouse is scanned, component source codes meeting the set WEB project specification requirements are acquired, the acquired component source codes are analyzed and description files are generated, the AI analysis technology is combined, the description files of the components are matched with the components in a WEB project component library, whether the same components or similar components exist in the WEB project component library is judged, and whether the components are adopted is determined according to a judgment result, so that the efficiency and the accuracy of extraction management of the Web components are improved, and efficient management and maintenance of the components in the Web application program are realized.
Drawings
Fig. 1 is a schematic structural diagram of a management system of a WEB front-end component according to an embodiment of the present invention.
Fig. 2 is a flowchart of a method for managing a WEB front-end component according to an embodiment of the present invention.
Detailed Description
The present invention will be described in further detail with reference to the drawings and examples, in order to make the objects, technical solutions and advantages of the present invention more apparent. It should be understood that the specific embodiments described herein are for purposes of illustration only and are not intended to limit the scope of the invention.
The implementation of the present invention is described in detail below in connection with specific embodiments.
As shown in fig. 1, in the embodiment of the present invention, a management system for a WEB front-end component is provided, which includes a source code collector 1, a collection condition setting module 2, a collection task management module 3, a source code analysis module 4, a component library 5, and an intelligent comparison module 6. The following description will be given separately.
The source code collector 1 is used for scanning engineering projects set in the GIT warehouse and collecting component source codes meeting the set WEB project specification requirements.
Note that the GIT repository is an open-source distributed version repository that stores open-source code for various front-end items. In the embodiment of the invention, the front-end components required by the WEB project of the user are required to be found out from the GIT warehouse, and the GIT warehouse is scanned by the source code collector 1 and the required front-end components are collected.
The source code collector 1 adopts a search crawler tool, is developed based on python language, and can realize catalog scanning of specified projects and match project files of preset planning. The source code collector 1 firstly reads the target source code file, then analyzes the code and searches all code segments containing special description, and finally saves all source codes into the set file.
The acquisition condition setting module 2 is configured to set requirements of engineering project and WEB project specifications to be scanned, and set acquisition conditions for the source code acquirer 1.
In the embodiment of the invention, the WEB project specification requirements comprise a material protocol specification, a component package file standard, a project development specification and a software development kit specification.
The collection task management module 3 is configured to monitor the GIT warehouse, and send a collection command to the source code collector 1 when a new component source code is submitted to an engineering project set in the GIT warehouse. Of course, in the embodiment of the present invention, triggering the acquisition task by a manual manner is also supported, that is, the operator directly controls the source code acquirer 1 to acquire the source code according to the set acquisition condition.
The source code analysis module 4 is used for analyzing the acquired component source codes and generating description files. In the embodiment of the present invention, the source code analysis module 4 analyzes the acquired component source code file, including: reading source code, analyzing the source code, extracting source code information, analyzing dependency relationships in the source code, evaluating code quality, evaluating functional perfection and generating an analysis report. The following description will be given separately.
Reading source code: and reading a description file of the target component, wherein the description file comprises information such as the name, the attribute, the event and the like of the component.
Resolving source codes: the source code is parsed and code segments marked with annotations conforming to the component specification are intercepted for subsequent processing.
Extracting source code information: the required information, such as props, data, methods, computed, watch of the component, is extracted from the parsed code.
Analyzing the dependency relationship: dependencies in the source code, such as call relationships between components or dependencies between third library modules, are analyzed.
Code quality evaluation: and evaluating the codes of the components, and judging whether the readability, maintainability, performance and other aspects of the codes meet the requirements.
Functional perfection assessment: the function of the component is evaluated, such as: whether the component operates normally, whether error information exists or not, operation performance indexes, compatibility, whether output results exist in debugging and entering, and the like.
Generating an analysis report: the report content comprises code quality assessment, performance analysis, error prompt and the like.
The source code analysis module 4 performs the analysis on the acquired component source code files, generates corresponding description files, and sends the description files to the intelligent comparison module 6.
The component library 5 is used for storing components of WEB projects.
It should be noted that, for each WEB project, a corresponding component library is provided to store components used in the project, where the components may be self-designed or collected from the GIT warehouse.
The intelligent comparison module 6 is configured to match the characteristics of the description file of the component with the components in the component library, determine whether the same component or similar components exist in the component library, and determine whether to use the component according to the determination result.
In the embodiment of the present invention, the intelligent comparison module 6 determines whether to use the component according to the determination result, including:
If the same components or similar components exist in the component library, storing the components into an alternative library for manual verification;
If the same component and similar components do not exist in the component library, the same component and similar components are stored in the component library.
As shown in FIG. 2, in the embodiment of the present invention, a method for managing a WEB front-end component is further provided, which includes steps S1 to S5. The following description will be given separately.
Step S1: setting specification requirements of engineering projects and WEB projects to be scanned;
In the embodiment of the invention, the WEB project specification requirements comprise a material protocol specification, a component package file standard, a project development specification and a software development kit specification.
Step S2: and initiating an acquisition task.
In step S2, a manual mode may be adopted to initiate an acquisition task, or a GIT warehouse may be monitored, and when a new component source code is submitted in a set engineering project, a command for the acquisition task is issued.
Step S3: and scanning engineering projects set in the GIT warehouse, and collecting component source codes meeting the set WEB project specification requirements.
In step S3, a search crawler tool is adopted to read the target source code file in the GIT warehouse.
Step S4: analyzing the acquired component source codes and generating description files.
In step S4, analyzing the collected component source code file includes: reading source code, analyzing the source code, extracting source code information, analyzing dependency relationships in the source code, evaluating code quality, evaluating functional perfection and generating an analysis report.
Step S5: and performing feature matching on the description file of the component and the component in the WEB project component library, judging whether the same component or similar components exist in the WEB project component library, and determining whether to adopt the component according to a judging result.
In step S5, determining whether to use the component according to the determination result includes:
If the same components or similar components exist in the component library, storing the components into an alternative library for manual verification;
If the same component and similar components do not exist in the component library, the same component and similar components are stored in the component library.
In summary, by adopting the management system and method for the WEB front-end component, the engineering project to be scanned and the WEB project specification requirement are preset before the acquisition task is initiated, then the engineering project set in the GIT warehouse is scanned, the component source code meeting the set WEB project specification requirement is acquired, the acquired component source code is analyzed and a description file is generated, the AI analysis technology is combined, the description file of the component is matched with the component in the WEB project component library, whether the same component or similar component exists in the WEB project component library is judged, and whether the component is adopted is determined according to the judgment result, so that the efficiency and the precision of the extraction management of the Web component are improved, and the efficient management and maintenance of the component in the Web application program are realized.
The foregoing description of the preferred embodiments of the invention is not intended to be limiting, but rather is intended to cover all modifications, equivalents, and alternatives falling within the spirit and principles of the invention.
Claims (5)
1. A management system for a WEB front-end component, comprising:
The source code collector is used for scanning engineering projects set in the GIT warehouse and collecting component source codes meeting the set WEB project specification requirements;
The acquisition task management module is used for monitoring the GIT warehouse, and sending an acquisition command to the source code acquisition device when a new component source code is submitted to a set engineering project;
The source code analysis module is used for analyzing the acquired component source codes and generating description files;
the component library is used for storing components of WEB items;
The intelligent comparison module is used for carrying out characteristic matching on the description file of the component and the component in the component library, judging whether the same component or similar components exist in the component library, determining whether to adopt the component according to the judging result, wherein the component is a front-end component which is found out from the GIT warehouse and meets the set WEB project specification requirement,
The intelligent comparison module decides whether to adopt the component according to the judging result, and comprises the following steps:
If the same components or similar components exist in the component library, storing the components into an alternative library for manual verification;
if the same components and similar components do not exist in the component library, storing the same components and similar components into the component library;
the source code analysis module analyzes the acquired component source code file, and comprises the following steps: reading source code, analyzing the source code, extracting source code information, analyzing dependency relationships in the source code, evaluating code quality, evaluating functional perfection and generating an analysis report, wherein:
the code quality evaluation includes: evaluating the codes of the components, and judging whether the readability, maintainability and performance of the codes meet the requirements;
the functional perfection evaluation includes: whether the component operates normally, whether error information is reported, operation performance indexes, compatibility and output results are obtained when debugging is carried out.
2. The WEB front-end component management system of claim 1, wherein the WEB project specification requirements comprise a material protocol specification, a package file standard, a project development specification, and a software development kit specification.
3. The WEB front-end component management system of claim 1, further comprising:
And the acquisition condition setting module is used for setting the specification requirements of engineering projects and WEB projects to be scanned.
4. The method for managing the WEB front-end component is characterized by comprising the following steps of:
Setting specification requirements of engineering projects and WEB projects to be scanned;
monitoring the GIT warehouse, and when a new component source code is submitted to a set engineering project, sending a command for collecting tasks;
Scanning engineering projects set in the GIT warehouse, and collecting component source codes meeting the set WEB project specification requirements;
Analyzing the acquired component source codes and generating description files;
Performing feature matching on the description file of the component and the component in the WEB project component library, judging whether the same component or similar components exist in the WEB project component library, and determining whether to adopt the component according to a judging result, wherein the component is a front-end component which is found out from the GIT warehouse and meets the set WEB project specification requirement;
Determining whether to adopt the component according to the judging result comprises the following steps:
If the same components or similar components exist in the component library, storing the components into an alternative library for manual verification;
if the same components and similar components do not exist in the component library, storing the same components and similar components into the component library;
analyzing the acquired component source code file, including: reading source code, analyzing the source code, extracting source code information, analyzing dependency relationships in the source code, evaluating code quality, evaluating functional perfection and generating an analysis report, wherein:
the code quality evaluation includes: evaluating the codes of the components, and judging whether the readability, maintainability and performance of the codes meet the requirements;
the functional perfection evaluation includes: whether the component operates normally, whether error information is reported, operation performance indexes, compatibility and output results are obtained when debugging is carried out.
5. The method for managing a WEB front-end component according to claim 4, wherein the WEB project specification requirements include a material protocol specification, a package file standard, a project development specification, and a software development kit specification.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311536146.3A CN117850756B (en) | 2023-11-17 | 2023-11-17 | Management system and method for WEB front-end component |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311536146.3A CN117850756B (en) | 2023-11-17 | 2023-11-17 | Management system and method for WEB front-end component |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN117850756A CN117850756A (en) | 2024-04-09 |
| CN117850756B true CN117850756B (en) | 2024-08-09 |
Family
ID=90527934
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311536146.3A Active CN117850756B (en) | 2023-11-17 | 2023-11-17 | Management system and method for WEB front-end component |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117850756B (en) |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111190594A (en) * | 2019-12-23 | 2020-05-22 | 北京健康之家科技有限公司 | Vue component document generation method and device |
| CN113687880A (en) * | 2021-08-20 | 2021-11-23 | 挂号网（杭州）科技有限公司 | Method, device, equipment and medium for calling component |
Family Cites Families (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9424005B1 (en) * | 2009-12-09 | 2016-08-23 | The Mathworks, Inc. | Templatized component |
| JP5350428B2 (en) * | 2011-04-12 | 2013-11-27 | 株式会社日立製作所 | Automatic program generation apparatus, method and computer program |
| US10540176B2 (en) * | 2015-11-25 | 2020-01-21 | Sonatype, Inc. | Method and system for controlling software risks for software development |
| CN112416757B (en) * | 2020-11-03 | 2021-11-12 | 前海飞算云智软件科技(深圳)有限公司 | Component development method, device, storage medium and electronic equipment |
| CN113407226B (en) * | 2021-06-29 | 2022-08-19 | 中电金信软件有限公司 | Management method and device of component information and electronic equipment |
| CN114416059A (en) * | 2022-03-04 | 2022-04-29 | 恒安嘉新（北京）科技股份公司 | Front end component development system |
| CN114756586A (en) * | 2022-03-31 | 2022-07-15 | 深圳开源互联网安全技术有限公司 | Code matching analysis method and device, electronic equipment and storage medium |
| CN114816518A (en) * | 2022-03-31 | 2022-07-29 | 深圳开源互联网安全技术有限公司 | Simhash-based open source component screening and identifying method and system in source code |
| CN115658080A (en) * | 2022-11-11 | 2023-01-31 | 浙江路为科技有限公司 | Method and system for identifying open source code components of software |
-
2023
- 2023-11-17 CN CN202311536146.3A patent/CN117850756B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111190594A (en) * | 2019-12-23 | 2020-05-22 | 北京健康之家科技有限公司 | Vue component document generation method and device |
| CN113687880A (en) * | 2021-08-20 | 2021-11-23 | 挂号网（杭州）科技有限公司 | Method, device, equipment and medium for calling component |
Also Published As
| Publication number | Publication date |
|---|---|
| CN117850756A (en) | 2024-04-09 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108628751B (en) | Useless dependency item detection method and device | |
| CN112395305B (en) | SQL sentence analysis method and device, electronic equipment and storage medium | |
| CN112035357B (en) | Intelligent test method, device, equipment and storage medium | |
| CN106843840B (en) | Source code version evolution annotation multiplexing method based on similarity analysis | |
| WO2000038055A1 (en) | Method and apparatus for executing pl/sql stored code objects in a database | |
| CN111309609B (en) | software processing system | |
| EP3159798B1 (en) | Method and system for determining user interface usage | |
| US11347619B2 (en) | Log record analysis based on log record templates | |
| CN110543356A (en) | abnormal task detection method, device and equipment and computer storage medium | |
| Gustafsson et al. | Architecture-centric software evolution by software metrics and design patterns | |
| CN113296786B (en) | Data processing method, device, electronic equipment and storage medium | |
| CN112688966A (en) | Webshell detection method, device, medium and equipment | |
| CN111008017B (en) | Oclin-based pre-review method for files to be submitted and related components | |
| CN117850756B (en) | Management system and method for WEB front-end component | |
| CN113849413A (en) | Code rule checking method and system based on knowledge base feature matching | |
| CN112948478A (en) | Link-based code analysis method and device, electronic equipment and storage medium | |
| CN112540925A (en) | New characteristic compatibility detection system and method, electronic device and readable storage medium | |
| CN117112341A (en) | Non-invasive quasi-real-time monitoring method and system based on ASM byte code instrumentation | |
| CN110928535A (en) | Derivative variable deployment method, device, equipment and readable storage medium | |
| CN113835952B (en) | Linux system call monitoring method based on compiler code injection | |
| CN116431481A (en) | Code parameter verification method and device based on multi-code condition | |
| CN115292203A (en) | Source code analysis method and device | |
| Scheidgen et al. | Creating and Analyzing Source Code Repository Models | |
| CN114356396A (en) | Service publishing method and device adaptive to multiple services | |
| CN110990271A (en) | Code performance detection method, device, 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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |