CN114924714A

CN114924714A - Project management method, device, equipment and medium based on web application architecture

Info

Publication number: CN114924714A
Application number: CN202210545917.4A
Authority: CN
Inventors: 李娜
Original assignee: Ping An Property and Casualty Insurance Company of China Ltd
Current assignee: Ping An Property and Casualty Insurance Company of China Ltd
Priority date: 2022-05-19
Filing date: 2022-05-19
Publication date: 2022-08-19

Abstract

The application relates to the field of data display, and particularly discloses a project management method, a project management device, project management equipment and a storage medium based on a web application architecture, wherein the method comprises the following steps: acquiring a newly added program code, and identifying a front-end project corresponding to the newly added program code, wherein the front-end project comprises one or more sub-projects; accessing a program directory of the sub-item by using a preset detection plug-in, and acquiring a program configuration file from the program directory; acquiring program configuration information from a program configuration file, wherein the program configuration information comprises a front-end technology stack type and a front-end technology stack version number; and storing the program configuration information into a preset database, and generating an information report according to the program configuration information, wherein the information report at least comprises the proportion of the type of the front-end technology stack and the version number of the front-end technology stack. By the method, the information of the front-end technology stack can be dynamically detected and summarized so as to assist enterprises in adjusting the layout of the front-end technology stack.

Description

Project management method, device, equipment and medium based on web application architecture

Technical Field

The present application relates to the field of data display, and in particular, to a project management method, apparatus, device, and storage medium based on a web application architecture.

Background

At present, a front-end-back-end-based web application architecture mode is widely promoted, and a front-end-back-end development mode brings a more open development space for a front-end technology. With the continuous evolution and development of the technical ideas of front-end "bidirectional binding", "mvvm" and "mvc", a lot of excellent technical frameworks appear in the front-end field, among which angular, exact and vue become the three most important front-end application development frameworks. Although various development frameworks provide more technical stack options for developers, the mixed use of various technical stacks also brings problems to internet enterprises, for example, the compatibility problem of the technical stacks and the increase of the development cost of multi-team cooperation are not beneficial to technical precipitation in the enterprises. Therefore, it is necessary to provide a project management method for dynamically detecting and summarizing the information of the front-end technology stack to assist the enterprise in adjusting the layout of the front-end technology stack.

Disclosure of Invention

The application provides a project management method, a project management device, project management equipment and a project management storage medium based on a web application architecture, which are used for dynamically detecting and summarizing information of a front-end technology stack so as to assist an enterprise in adjusting the layout of the front-end technology stack.

In a first aspect, the present application provides a project management method based on a web application architecture, the method including:

acquiring a newly added program code, and identifying a front-end item corresponding to the newly added program code, wherein the front-end item comprises one or more sub-items;

accessing the program directory of the sub-item by using a preset detection plug-in, and acquiring a program configuration file from the program directory;

acquiring program configuration information from the program configuration file, wherein the program configuration information comprises a front-end technology stack type and a front-end technology stack version number;

and storing the program configuration information into a preset database, and generating an information report according to the program configuration information, wherein the information report at least comprises the proportion of the type of the front-end technology stack and the version number of the front-end technology stack.

In a second aspect, the present application further provides a project management apparatus based on a web application architecture, where the project management apparatus based on the web application architecture includes: the system comprises a project identification module, a file acquisition module, an information acquisition module and a report generation module;

the project identification module is used for acquiring a newly added program code and identifying a front-end project corresponding to the newly added program code, wherein the front-end project comprises one or more sub-projects;

the file acquisition module is used for accessing the program directory of the sub-project by using a preset detection plug-in and acquiring a program configuration file from the program directory;

the information acquisition module is used for acquiring program configuration information from the program configuration file, wherein the program configuration information comprises a front-end technology stack type and a front-end technology stack version number;

and the report generation module is used for storing the program configuration information into a preset database and generating an information report according to the program configuration information, wherein the information report at least comprises the proportion of the type of the front-end technology stack and the version number of the front-end technology stack.

In a third aspect, the present application further provides a computer device comprising a memory and a processor; the memory is used for storing a computer program; the processor is configured to execute the computer program and, when executing the computer program, implement any one of the project management methods based on the web application architecture provided in the embodiments of the present application.

In a fourth aspect, the present application further provides a computer-readable storage medium, which stores a computer program, and when the computer program is executed by a processor, the processor is caused to implement any one of the project management methods based on a web application architecture, as provided in the embodiments of the present application.

The embodiment of the application provides a project management method, a project management device, project management equipment and a storage medium based on a web application architecture, wherein the project management method based on the web application architecture comprises the following specific steps: acquiring a newly added program code, and identifying a front-end item corresponding to the newly added program code, wherein the front-end item comprises one or more sub-items; accessing a program directory of the sub-item by using a preset detection plug-in, and acquiring a program configuration file from the program directory; acquiring program configuration information from a program configuration file, wherein the program configuration information comprises a front-end technology stack type and a front-end technology stack version number; and storing the program configuration information into a preset database, and generating an information report according to the program configuration information, wherein the information report at least comprises the proportion of the type of the front-end technology stack and the version number of the front-end technology stack. According to the project management method based on the web application architecture, the effect of dynamically detecting the change of the front-end technology stack in real time is achieved by binding the detection plug-in with the CI/CD pipeline, information of the front-end technology stack used by each development team can be automatically detected and collected without the assistance of each development team of an enterprise, enterprise reports are collected and generated, and real and reliable data of the application condition of the front-end technology stack are provided for managers of the enterprise development teams.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the description below are some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings without creative efforts.

Fig. 1 is a schematic view of a front-end development scenario provided by an embodiment of the present application;

FIG. 2 is a schematic flow chart diagram of a front-end program code conversion provided by an embodiment of the present application;

FIG. 3 is a schematic flow chart of a project management method based on a web application architecture according to an embodiment of the present application;

FIG. 4 is a schematic block diagram of a detection plug-in management page provided by an embodiment of the present application;

FIG. 5 is a schematic block diagram of a report display interface provided in an embodiment of the present application;

FIG. 6 is a schematic block diagram of an item management apparatus based on a web application architecture according to an embodiment of the present application;

fig. 7 is a schematic block diagram of a structure of a computer device according to an embodiment of the present application.

Detailed Description

The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some, but not all, embodiments of the present application. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments in the present application without making any creative effort belong to the protection scope of the present application.

The flow diagrams depicted in the figures are merely illustrative and do not necessarily include all of the elements and operations/steps, nor do they necessarily have to be performed in the order depicted. For example, some operations/steps may be decomposed, combined or partially combined, so that the actual execution sequence may be changed according to the actual situation.

It is to be understood that the terminology used in the description of the present application herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. As used in the specification of the present application and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise.

It should also be understood that the term "and/or" as used in this specification and the appended claims refers to and includes any and all possible combinations of one or more of the associated listed items.

Some embodiments of the present application will be described in detail below with reference to the accompanying drawings. The embodiments and features of the embodiments described below can be combined with each other without conflict.

In order to solve the above technical problems, the present application provides a method, an apparatus, a computing device, and a storage medium for detecting a front-end technology stack, which are used to dynamically detect and summarize change information of the front-end technology stack during a front-end program development process, and can assist an enterprise in adjusting a layout of the front-end technology stack.

Referring to fig. 1, fig. 1 shows a scene diagram of front-end development. As shown in fig. 1, the front-end development process generally includes an editing terminal, a server and an application terminal. The editing terminal is used for acquiring a program code of the application program edited by a technician and sending the program code to the server; the server is used for storing, detecting and compiling the program codes and responding to the request of the application terminal and sending data required by the application program to the application terminal; the application terminal is used for displaying the application program to a user.

The server may be an independent server, a server cluster, or a cloud server providing basic cloud computing services such as a cloud service, a cloud database, cloud computing, a cloud function, cloud storage, a Network service, cloud communication, a middleware service, a domain name service, a security service, a Content Delivery Network (CDN), a big data and artificial intelligence platform, and the like. The terminal can be an electronic device such as a mobile phone, a tablet computer, a notebook computer, a desktop computer, a personal digital assistant and a wearable device.

Referring to FIG. 2, FIG. 2 is a schematic flow chart of a front-end code translation. As shown in fig. 2, the step flow of converting the front-end source code into the back-end executable code includes: 1. acquiring a source code; 2. performing CI/CD pipeline detection; 3. compiling a program; 4. deploying the program; 5. safety scanning; 6. testing an interface; 7. and (6) checking consistency. The CI/CD pipeline detection has a mature automatic implementation scheme, so that the effect of dynamically and real-timely detecting the change of the technology stack can be achieved by binding the front-end technology stack detection and the CI/CD pipeline execution process, the technology stack information of each development team is summarized, and real and reliable application data of the front-end technology stack are provided for managers of enterprise development teams.

It should be noted that, the embodiments of the present application may acquire and process relevant data based on artificial intelligence technology, such as detecting source code through a CI/CD pipeline. Among them, Artificial Intelligence (AI) is a theory, method, technique and application system that simulates, extends and expands human Intelligence using a digital computer or a machine controlled by a digital computer, senses the environment, acquires knowledge and uses the knowledge to obtain the best result.

The artificial intelligence base technologies generally include technologies such as sensors, dedicated artificial intelligence chips, cloud computing, distributed storage, big data processing technologies, operation/interaction systems, mechatronics, and the like. The artificial intelligence software technology mainly comprises a computer vision technology, a robot technology, a biological recognition technology, a voice processing technology, a natural language processing technology, machine learning/deep learning and the like.

Referring to fig. 3, fig. 3 is a schematic flowchart of a project management method based on a web application architecture according to an embodiment of the present application. The project management method based on the web application architecture can dynamically detect and summarize the change information of the front-end technology stack, and assist enterprises in adjusting the layout of the front-end technology stack.

As shown in fig. 3, the project management method based on the web application architecture specifically includes: step S101 to step S104.

S101, acquiring a newly added program code, and identifying a front-end item corresponding to the newly added program code, wherein the front-end item comprises one or more sub-items.

Illustratively, there is a front-end item A in the code repository, from which a corresponding CI/CD pipeline is created, including sub-item A1, sub-item A2, and sub-item A3. When the front-end item A adds the sub-item A4, the CI/CD pipeline corresponding to the front-end item A is called, and the security of the sub-item A4 and the compatibility of the sub-item A4 with the sub-items A1, A2 and A3 are detected. Specifically, the program code of the sub-item a4 is acquired, stored into the folder of the front-end item a, and the detection path of the sub-item a4, which is usually the next stage of the path where the folder of the front-end item a is located, is configured in the CI/CD pipeline, so that the front-end item a corresponding to the sub-item a4 can be identified by the configuration of the detection path.

It should be noted that the front-end item may be an application, and a front-end item is composed of one or more sub-items, and the technician may modify the front-end item by modifying the sub-item, for example, adding a new sub-item.

It should be further noted that the CI/CD (Continuous Integration/Continuous Delivery; CI/CD for short) pipeline includes: persistent integration (CI) and persistent delivery (CD), wherein persistent integration (CI): after the source code of the front-end project is changed, the processes of automatic detection, pulling, building and (in most cases) unit testing are executed; continuous Delivery (CD): the source code is converted to a release version by the software delivery pipeline in a fast, automated, and repeatable manner. "continuously" in the embodiments of the present application is "ready-to-run" rather than "always running" with the goal of being able to deliver high quality software frequently, for example, quarterly, monthly, weekly, daily, or multiple times a day.

S102, accessing a program directory of the sub-item by using a preset detection plug-in, and acquiring a program configuration file from the program directory.

Specifically, a preset detection plug-in is obtained, the detection plug-in is implanted into a CI/CD pipeline, a code path of a front-end item is obtained, the code path is set as an execution path of the detection plug-in, the code path comprises program directories of one or more subprograms, and the detection plug-in is used for accessing the program directories of all the subprograms in the code path to obtain configuration files of all the programs in the code path.

It should be noted that the code path is a path of a folder where a "SRC" (sparse representation-based classification, abbreviated as SRC) directory of the front-end item is located, and the program code file of the front-end item can be accessed through the code path.

In some embodiments, a root path of a code repository where a front-end item is located is obtained; acquiring an engineering path of a front-end project, wherein the engineering path comprises one or more program catalogs; and inputting the root path and the engineering path into a preset detection plug-in, and combining to generate a code path.

Referring to fig. 4, fig. 4 is a schematic block diagram illustrating a detection plug-in management page. As shown in fig. 4, a detection plug-in management page is provided, and includes a root path input window, an engineering path input window, a detection specification selection window, and an execution mode selection window. The root path input window and the engineering path input window are respectively used for acquiring a root path and an engineering path input by a user, and can also be used for acquiring a root path and an engineering path of corresponding CI/CD pipeline configuration. The detection specification selection window is used for acquiring a preset detection rule set so as to construct the detection logic of the detection plug-in. The execution mode selection window is used for determining the execution mode of the detection plug-in, and the execution mode comprises the following steps: automatic execution and manual execution. When manual execution is selected, opening a root path input window and an engineering path input window; and when the automatic execution is selected, closing the root path input window and the engineering path input window, and automatically acquiring the root path and the engineering path from the corresponding CI/CD pipeline.

It should be noted that, in general, the code repository is built using the monosphere technology. Monorepo (single code library) technique: in a version control system (a management system for file changes such as various program codes, configuration files, and description documents during software development), a single code library contains the code for many front-end projects that are usually logically independent and maintained by different teams, although they may be related. The root path is used for positioning the code warehouse where the front-end item is located.

S103, acquiring program configuration information from the program configuration file, wherein the program configuration information comprises a front-end technology stack type and a front-end technology stack version number.

Specifically, a detection keyword is obtained, the detection keyword is input into a preset detection plug-in, and one or more technology stack detection processes are generated through the preset detection plug-in; executing a technology stack detection process, and acquiring program configuration information, wherein the program configuration information at least comprises a front-end technology stack type and a front-end technology stack version number.

In some embodiments, the instrumented plug-in includes an encapsulated code instrumentation Package, NPM, (node Package manager), which is a Package management and distribution tool by node. Json files (program configuration files) of program items can be analyzed by the code detection package NPM, and information such as program names, version numbers, front-end technology stacks, and the like included in the program configuration files can be read. Json file of front-end project includes: name of front-end project, front-end frame type, front-end technology stack version number, project description, project keyword, privacy or not, software authorization terms, version list for browser use, script command shorthand.

Illustratively, when a CI/CD pipeline is operated, a 'npx' shell command is initiated through a detection plug-in, a '@ safe/vt-scan' of an NPM (non-uniform resource model) of a packaged code detection package is called, a code path of a front-end item is accessed, a program configuration file of all sub-items contained in the code path is obtained, and the name of the front-end item, the type of a front-end technology stack and the version number information of the front-end technology stack are read from the program configuration file.

In some embodiments, "@ safe/vt-scan" is performed as follows:

acquiring a root path and an engineering path required by a detection plug-in, and acquiring the name of a CI/CD assembly line operated at this time, a subsystem to which the assembly line belongs, the operation time and executor information; the started node.js process starts 3 node.js subprocesses simultaneously, inputs a root path and an engineering path into the node.js process and the 3 node.js subprocesses, and executes tasks of 'technical stack detection', 'eslin execution situation' and 'repetition rate detection' respectively through the 3 node.js subprocesses; splicing the root path and the engineering path to generate a code path, accessing the code path to acquire a program configuration file of a sub-project, and reading program configuration information including the type and the version of a front-end technology stack; returning the acquired sampling result of the 'technology stack detection' subprocess to the main process, and destroying the 'technology stack detection' subprocess; and calling a main process to analyze the sampling result, generating program configuration information, and calling an http interface to send the program configuration information to a preset storage database.

In some embodiments, the "esint execution condition" sub-process and the "repetition rate detection" sub-process are used to obtain data such as a code repetition rate and a circle complexity, which can be used to judge the health condition of a front-end project, where the health condition of the front-end project in this application includes: program performance, program normalization, and code health (code repetition rate).

And S104, storing the program configuration information into a preset database, and generating an information report according to the program configuration information, wherein the information report comprises the proportion of the type of the front-end technology stack and the version number of the front-end technology stack.

Specifically, generating a type label according to a front-end technology stack type, generating a version label according to a front-end technology stack version number, and binding the type label and the version label with corresponding sub-items; calculating the proportion of the number of each type of label in the total number, acquiring the proportion value of each type of label, and displaying the proportion value on the information report; and comparing the version labels with the historical version labels, and if the newly added version labels appear in the version labels, differentially displaying the newly added version labels on the information report.

In some embodiments, after the type tag and the version tag are bound with the corresponding sub-items, the binding relationship between the type tag and the version tag with the corresponding sub-items is obtained; and generating a data table according to the binding relationship, and storing the data table to a preset database.

It should be noted that the information report at least includes the proportion of the front-end frame type and the version number of each front-end technology stack, and is used for dynamically detecting the technology stack composition and the version number of each front-end item of the enterprise, and providing real data support for the decision maker in the process of 'front-end technology stack convergence'. Meanwhile, after the plug-in is modified, the functions of the obtained information report can be further expanded, including but not limited to the following functions: code repetition rate calculation, round complexity, etc.

In some embodiments, the information report can show the technical stack and version information used by all front-end projects of an enterprise, and can also show whether the source code of the front-end project meets the situation of the lint specification, and generally, the score required to be displayed on the information report includes: program performance scores, program normative scores, and code health scores.

Wherein, the scoring rule of the program performance score is as follows: total score-overall performance score + Js error rate score.

Overall performance score formula: (last seven days Overall Performance average-clique/clique Standard)

The scoring rule is as follows:

-50%: mark 50 points (more than half of the group standard).

0 to-50%: mark 40 points (within half of the group standard).

10% -0: score 30 (10% below group standard).

50% -10%: mark 20 points (less than half of the group standard).

100% -50%: mark 10 points (more than half of the group standard).

> 100%: score 0 (more than one time lower than the group standard).

And obtaining grouped index scores according to the average score of each development group and obtaining the index scores of the teams according to the average score of each group.

The scoring rules for programmatic normative scoring are: total score-eslinet score + stylelint score.

The eslinet full score was 50 points, with a score of: 50- (total of ten last errors 1+ total of ten last alarms 0.1).

stylelint full score is 50 points with a score of: 50- (total of last ten errors + total of last ten alarms + 0.1+ number of invalid rules + 1).

And obtaining grouped index scores according to the average score of each development group, and obtaining the index score of the team according to the average score of each group.

The scoring rules for code health scoring are: 100-total repetition rate 100.

And obtaining grouped index scores according to the average scores of the development groups, and obtaining team index scores according to the average scores of the groups.

For example, referring to fig. 5, fig. 5 shows a schematic block diagram of a report display interface. As shown in fig. 5, a report display interface is generated at the application terminal, where the report display interface includes a technology stack composition display frame and a program score display frame, the technology stack composition display frame is used to display each front-end technology stack type and a corresponding proportional value, and the program score display frame is used to display the program performance score, the program normative score, and the code health score provided in the embodiment of the present application.

The project management method based on the web application architecture provided by the embodiment achieves the effect of dynamically detecting the change of the front-end technology stack in real time by binding the detection plug-in with the CI/CD pipeline, can automatically detect and collect the information of the front-end technology stack used by each development team without the assistance of each development team of an enterprise, collects and generates an enterprise report, and provides real and reliable data of the application condition of the front-end technology stack for managers of the enterprise development teams.

Referring to fig. 6, fig. 6 is a schematic block diagram of a project management apparatus based on a web application architecture according to an embodiment of the present application, where the project management apparatus 300 is configured to perform the foregoing project management method based on a web application architecture. Wherein, the project management device based on the web application architecture can be configured in a server or a terminal.

As shown in fig. 6, the web application architecture-based item management apparatus 300 includes: the system comprises a project identification module 301, a file acquisition module 302, an information acquisition module 303 and a report generation module 304.

The item identification module 301 is configured to obtain a new program code, and identify a front-end item corresponding to the new program code, where the front-end item includes one or more sub-items.

The file obtaining module 302 is configured to access the program directory of the sub-item by using a preset detection plug-in, and obtain the program configuration file from the program directory.

In some embodiments, the file fetching module 302 is further configured to create a corresponding CI/CD pipeline from the front-end item; acquiring a preset detection plug-in, wherein the detection plug-in is used for reading a program configuration file corresponding to a front-end project; the test plug-in is implanted into the CI/CD pipeline.

In some embodiments, the file obtaining module 302 is further specifically configured to obtain a code path of the front-end item, where the code path is set as an execution path of a preset detection plug-in, and the code path includes one or more program directories; and acquiring all program configuration files from the program directory by using a preset detection plug-in.

In some embodiments, the file obtaining module 302 is further specifically configured to obtain a root path in a code repository corresponding to the front-end item, where the code repository is used to store the front-end item; acquiring an engineering path of a front-end project, wherein the engineering path comprises one or more program catalogs; and inputting the root path and the engineering path into a preset detection plug-in, and combining to generate a code path.

The information obtaining module 303 is configured to obtain program configuration information from the program configuration file, where the program configuration information includes a front-end technology stack type and a front-end technology stack version number.

In some embodiments, the information obtaining module 303 is further specifically configured to obtain a detection keyword, input the detection keyword into a preset detection plug-in, and generate one or more technology stack detection processes through the preset detection plug-in; executing a technology stack detection process, and acquiring program configuration information, wherein the program configuration information at least comprises a front-end technology stack type and a front-end technology stack version number.

The report generating module 304 is configured to store the program configuration information in a preset database, and generate an information report according to the program configuration information, where the information report at least includes a ratio of a front-end technology stack type and a front-end technology stack version number.

In some embodiments, the report generation module 304 is further specifically configured to generate a type tag and a version tag according to the program configuration information, and bind the type tag and the version tag with the corresponding sub-items; calculating the proportion of the number of each type of label in the total number, acquiring the proportion value of each type of label, and displaying the proportion value on the information report; and comparing the version labels with the historical version labels, and if the new version labels appear in the version labels, differentially displaying the new version labels on the information report.

In some embodiments, the report generation module 304 is further configured to obtain a binding relationship between the type tag and the version tag and the corresponding sub-item; and generating a data table according to the binding relationship, and storing the data table to a preset database.

It should be clearly understood by those skilled in the art that, for convenience and brevity of description, the specific working processes of the project management apparatus and each module based on the web application architecture described above may refer to corresponding processes in the foregoing project management method embodiment based on the web application architecture, and are not described herein again.

The above-described web application architecture-based project management apparatus may be implemented in the form of a computer program that can be run on a computer device as shown in fig. 7.

Referring to fig. 7, fig. 7 is a schematic block diagram of a structure of a computer device according to an embodiment of the present disclosure. The computer device may be a server or a terminal.

Referring to fig. 7, the computer device includes a processor, a memory, and a network interface connected through a system bus, wherein the memory may include a storage medium and an internal memory.

The storage medium may store an operating system and a computer program. The computer program includes program instructions that, when executed, cause a processor to perform any of the web application architecture based project management methods.

The processor is used for providing calculation and control capability and supporting the operation of the whole computer equipment.

The internal memory provides an environment for the execution of a computer program on a storage medium, which when executed by a processor causes the processor to perform any of the web application architecture based project management methods. The storage medium may be non-volatile or volatile.

The network interface is used for network communication, such as sending assigned tasks and the like. It will be appreciated by those skilled in the art that the configuration shown in fig. 7 is a block diagram of only a portion of the configuration associated with the present application, and is not intended to limit the computing device to which the present application may be applied, and that a particular computing device may include more or fewer components than shown, or may combine certain components, or have a different arrangement of components.

It should be understood that the Processor may be a Central Processing Unit (CPU), and the Processor may be other general purpose processors, Digital Signal Processors (DSPs), Application Specific Integrated Circuits (ASICs), Field Programmable Gate Arrays (FPGAs) or other Programmable logic devices, discrete Gate or transistor logic devices, discrete hardware components, etc. Wherein a general purpose processor may be a microprocessor or the processor may be any conventional processor or the like.

Illustratively, in one embodiment, the processor is configured to execute a computer program stored in the memory to perform the steps of: acquiring a newly added program code, and identifying a front-end project corresponding to the newly added program code, wherein the front-end project comprises one or more sub-projects; accessing the program directory of the sub-project by using a preset detection plug-in, and acquiring a program configuration file from the program directory; acquiring program configuration information from the program configuration file, wherein the program configuration information comprises a front-end technology stack type and a front-end technology stack version number; and storing the program configuration information into a preset database, and generating an information report according to the program configuration information, wherein the information report at least comprises the proportion of the type of the front-end technology stack and the version number of the front-end technology stack.

In some embodiments, the processor is further configured to create a corresponding CI/CD pipeline from the front-end item; acquiring a preset detection plug-in, wherein the detection plug-in is used for reading a program configuration file corresponding to the front-end project; implanting the detection plug-in into the CI/CD pipeline.

In some embodiments, the processor, when configured to access the program directory of the sub-item by using a preset detection plug-in, and obtain the program configuration file from the program directory, is further specifically configured to: acquiring a code path of the front-end project, and setting the code path as an execution path of a preset detection plug-in, wherein the code path comprises one or more program directories; and acquiring all program configuration files from the program directory by using a preset detection plug-in.

In some embodiments, when the processor is configured to obtain a code path of the front-end item and set the code path as an execution path of a preset detection plug-in, the processor is further specifically configured to: acquiring a root path in a code warehouse corresponding to the front-end project, wherein the code warehouse is used for storing the front-end project; acquiring an engineering path of the front-end project, wherein the engineering path comprises one or more program catalogs; and inputting the root path and the engineering path into a preset detection plug-in, and combining to generate the code path.

In some embodiments, when the processor is configured to obtain the program configuration information from the program configuration file, the processor is further specifically configured to: acquiring detection keywords, inputting the detection keywords into a preset detection plug-in, and generating one or more technology stack detection processes through the preset detection plug-in; and executing the technology stack detection process to acquire the program configuration information, wherein the program configuration information at least comprises a front-end technology stack type and a front-end technology stack version number.

In some embodiments, the processor is further configured to, when the processor is configured to store the program configuration information in a preset database and generate an information report according to the program configuration information, where the information report includes a ratio of a front-end technology stack type and a front-end technology stack version number, specifically: generating a type label and a version label according to the program configuration information, and binding the type label and the version label with the corresponding sub-items; calculating the proportion of the number of each type label in the total number, acquiring the proportion value of each type label, and displaying the proportion value on the information report; and comparing the version label with the historical version label, and if the new version label appears in the version label, differentially displaying the new version label on the information report.

In some embodiments, the processor, after being configured to bind the type tag and the version tag with the corresponding sub-item, is further configured to: acquiring the binding relationship between the type tag and the version tag and the corresponding sub-item; and generating a data table according to the binding relationship, and storing the data table to a preset database.

The embodiment of the application further provides a computer-readable storage medium, wherein a computer program is stored in the computer-readable storage medium, the computer program comprises program instructions, and the processor executes the program instructions to implement any project management method based on the web application architecture, which is provided by the embodiment of the application.

The computer-readable storage medium may be an internal storage unit of the computer device described in the foregoing embodiment, for example, a hard disk or a memory of the computer device. The computer readable storage medium may also be an external storage device of the computer device, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), and the like provided on the computer device.

While the invention has been described with reference to specific embodiments, the scope of the invention is not limited thereto, and those skilled in the art can easily conceive various equivalent modifications or substitutions within the technical scope of the invention. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.

Claims

1. A method for project management based on a web application architecture, the method comprising:

accessing the program directory of the sub-project by using a preset detection plug-in, and acquiring a program configuration file from the program directory;

2. The method of claim 1, further comprising:

creating a corresponding CI/CD pipeline according to the front-end item;

acquiring a preset detection plug-in, wherein the detection plug-in is used for reading a program configuration file corresponding to the front-end project;

implanting the detection plug-in into the CI/CD pipeline.

3. The method of claim 1, wherein accessing the program directory of the sub-project and obtaining the program configuration file from the program directory by using a preset detection plug-in comprises:

acquiring a code path of the front-end project, and setting the code path as an execution path of a preset detection plug-in, wherein the code path comprises one or more program directories;

and acquiring all program configuration files from the program directory by using a preset detection plug-in.

4. The method according to claim 3, wherein the obtaining a code path of the front-end item, and setting the code path as an execution path of a preset detection plug-in, comprises:

acquiring a root path in a code warehouse corresponding to the front-end project, wherein the code warehouse is used for storing the front-end project;

acquiring an engineering path of the front-end project, wherein the engineering path comprises one or more program catalogs;

and inputting the root path and the engineering path into a preset detection plug-in, and combining to generate the code path.

5. The method of claim 1, wherein obtaining program configuration information from the program configuration file comprises:

acquiring detection keywords, inputting the detection keywords into a preset detection plug-in, and generating one or more technology stack detection processes through the preset detection plug-in;

and executing the technology stack detection process to acquire the program configuration information, wherein the program configuration information at least comprises a front-end technology stack type and a front-end technology stack version number.

6. The method according to claim 1, wherein the storing the program configuration information into a preset database and generating an information report according to the program configuration information, the information report including a ratio of a front-end technology stack type and a front-end technology stack version number includes:

generating a type label and a version label according to the program configuration information, and binding the type label and the version label with the corresponding sub-items;

calculating the proportion of the number of each type label in the total number, acquiring the proportion value of each type label, and displaying the proportion value on the information report;

and comparing the version label with the historical version label, and if the new version label appears in the version label, differentially displaying the new version label on the information report.

7. The method of claim 6, wherein after binding the type tag and the version tag with the corresponding sub-item, further comprising:

acquiring the binding relationship between the type label and the version label and the corresponding sub-item;

and generating a data table according to the binding relationship, and storing the data table to a preset database.

8. An item management apparatus based on a web application architecture, comprising:

the item identification module is used for acquiring a newly added program code and identifying a front-end item corresponding to the newly added program code, wherein the front-end item comprises one or more sub-items;

the file acquisition module is used for accessing the program directory of the sub-item by using a preset detection plug-in and acquiring a program configuration file from the program directory;

9. A computer device, wherein the computer device comprises a memory and a processor;

the memory is used for storing a computer program;

the processor for executing the computer program and implementing the web application architecture based item management method of any one of claims 1 to 7 when executing the computer program.

10. A computer-readable storage medium, characterized in that the computer-readable storage medium stores a computer program which, when executed by a processor, causes the processor to implement the web application architecture based project management method of any of claims 1 to 7.