CN117850756A - Management system and method for WEB front-end component - Google Patents
Management system and method for WEB front-end component Download PDFInfo
- Publication number
- CN117850756A CN117850756A CN202311536146.3A CN202311536146A CN117850756A CN 117850756 A CN117850756 A CN 117850756A CN 202311536146 A CN202311536146 A CN 202311536146A CN 117850756 A CN117850756 A CN 117850756A
- Authority
- CN
- China
- Prior art keywords
- component
- source code
- web
- library
- project
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; 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 OR CALCULATING; 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, etc., 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 (10)
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 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.
2. The WEB front-end component management system of claim 1, wherein the intelligent comparison module determines whether to employ the component according to the determination result, comprising:
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.
3. The WEB front-end component management system of claim 2, wherein the WEB project specification requirements include a materials protocol specification, a package file standard, a project development specification, and a software development kit specification.
4. The WEB front-end component management system of claim 1, wherein the source code analysis module analyzes the collected component source code file, comprising: 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.
5. 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.
6. 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;
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.
7. The method for managing a WEB front-end component according to claim 6, wherein determining whether to use the component according to the determination result comprises:
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.
8. The method for managing a WEB front-end component according to claim 6, 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.
9. The method for managing a WEB front-end component according to claim 6, wherein analyzing the collected component source code file comprises: 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.
10. The method for managing a WEB front-end component according to claim 6, further comprising:
monitoring the GIT warehouse, and when a new component source code is submitted to a set engineering project, sending a command for collecting tasks.
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 true CN117850756A (en) | 2024-04-09 |
| CN117850756B 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 (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120266131A1 (en) * | 2011-04-12 | 2012-10-18 | Hitachi, Ltd. | Automatic program generation device, method, and computer program |
| US9424005B1 (en) * | 2009-12-09 | 2016-08-23 | The Mathworks, Inc. | Templatized component |
| CN108293048A (en) * | 2015-11-25 | 2018-07-17 | 索纳泰公司 | The method and system of software hazard for control software exploitation |
| CN111190594A (en) * | 2019-12-23 | 2020-05-22 | 北京健康之家科技有限公司 | Vue component document generation method and device |
| CN113407226A (en) * | 2021-06-29 | 2021-09-17 | 中电金信软件有限公司 | Management method and device of component information and electronic equipment |
| CN113687880A (en) * | 2021-08-20 | 2021-11-23 | 挂号网（杭州）科技有限公司 | Method, device, equipment and medium for calling component |
| CN114416059A (en) * | 2022-03-04 | 2022-04-29 | 恒安嘉新（北京）科技股份公司 | Front end component development system |
| WO2022095410A1 (en) * | 2020-11-03 | 2022-05-12 | 前海飞算云智软件科技(深圳)有限公司 | Component development method, apparatus, storage medium, and electronic device |
| CN114756586A (en) * | 2022-03-31 | 2022-07-15 | 深圳开源互联网安全技术有限公司 | Code matching analysis method, device, electronic device 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 (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9424005B1 (en) * | 2009-12-09 | 2016-08-23 | The Mathworks, Inc. | Templatized component |
| US20120266131A1 (en) * | 2011-04-12 | 2012-10-18 | Hitachi, Ltd. | Automatic program generation device, method, and computer program |
| CN108293048A (en) * | 2015-11-25 | 2018-07-17 | 索纳泰公司 | The method and system of software hazard for control software exploitation |
| CN111190594A (en) * | 2019-12-23 | 2020-05-22 | 北京健康之家科技有限公司 | Vue component document generation method and device |
| WO2022095410A1 (en) * | 2020-11-03 | 2022-05-12 | 前海飞算云智软件科技(深圳)有限公司 | Component development method, apparatus, storage medium, and electronic device |
| CN113407226A (en) * | 2021-06-29 | 2021-09-17 | 中电金信软件有限公司 | Management method and device of component information and electronic equipment |
| CN113687880A (en) * | 2021-08-20 | 2021-11-23 | 挂号网（杭州）科技有限公司 | Method, device, equipment and medium for calling component |
| 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, device, electronic device 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 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN117850756B (en) | 2024-08-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 | |
| CN108763091B (en) | Method, device and system for regression testing | |
| EP1145119A1 (en) | Method and apparatus for executing pl/sql stored code objects in a database | |
| CN111309609B (en) | software processing system | |
| US11347619B2 (en) | Log record analysis based on log record templates | |
| CN113296786B (en) | Data processing method, device, electronic equipment and storage medium | |
| Gustafsson et al. | Architecture-centric software evolution by software metrics and design patterns | |
| CN114416481A (en) | Log analysis method, device, device and storage medium | |
| CN111008017B (en) | Oclin-based pre-review method for files to be submitted and related components | |
| CN111352631A (en) | Interface compatibility detection method and device | |
| CN113835952B (en) | Linux system call monitoring method based on compiler code injection | |
| CN111258562A (en) | Java code quality inspection method, device, equipment and storage medium | |
| CN117850756B (en) | Management system and method for WEB front-end component | |
| CN118468816A (en) | Project file generation method, device, equipment, medium and computer program product | |
| Hinrichs et al. | An ISO 9001: 2000 Compliant Quality Management System for Data Integration in Data Warehouse Systems. | |
| CN112948478A (en) | Link-based code analysis method and device, electronic equipment and storage medium | |
| CN110990271A (en) | Code performance testing method, device, equipment and storage medium | |
| CN115292203B (en) | Source code analysis method and device | |
| CN117609057A (en) | Code review method, system, equipment and medium based on merging request increment | |
| Scheidgen et al. | Creating and Analyzing Source Code Repository Models | |
| CN112445391B (en) | Service data generation method, device and computer readable storage medium | |
| Ziegenhagen et al. | Capturing Tracing Data Life Cycles for Supporting Traceability. |
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 |