Front-end scaffold tool generation method, device and equipment and storage medium

Abstract

The invention relates to the technical field of information processing, in particular to a front-end scaffold tool generation method, device and equipment and a storage medium. Project type demand information input by a user side is received, and then a front-end project template corresponding to a demand analysis result is matched from a template library; the front-end project framework meeting development requirements is generated in an automatic mode, the project initialization and configuration process is greatly simplified, therefore, development efficiency is improved, repeated work is reduced, the error rate is reduced, the intelligent degree is improved, a graphical user interface is provided for a user side based on a front-end project target template, user operation information is analyzed, and the development efficiency is improved. The front-end project target template is subjected to user-defined modification according to the operation analysis information, the front-end project scaffold tool is obtained, the accuracy of generation of the scaffold tool is improved in a user-defined modification mode, operation is simple, then usability is improved, a user can rapidly start and manage the project, and the satisfaction degree of the user is improved.

Description

Technical Field

[0001] The present invention relates to the field of information processing technology, and in particular to a front-end scaffolding tool generation method, device, equipment and storage medium. Background Art

[0002] With the rapid development of front-end development, development teams usually use scaffolding tools to quickly initialize project structure and configuration. Front-end scaffolding is a tool or framework for quickly building and developing front-end projects. It provides a set of preset file structures, code specifications and development environments, as well as some commonly used functional modules and tool sets to help developers improve development efficiency, reduce repetitive work, and reduce error rates. However, most existing front-end scaffolding tools require manual configuration or rely on specific command line tools. The operation is complicated and requires a certain technical background. Therefore, the current front-end scaffolding generation technology has a low degree of intelligence and low ease of use, which reduces development efficiency and increases the entry threshold, thereby reducing user satisfaction. Summary of the invention

[0003] In order to overcome the shortcomings of the prior art, the purpose of the present invention is to provide a front-end scaffolding tool generation method, device, equipment and storage medium that generates a front-end project framework that meets development requirements in an automated manner, greatly simplifying the project initialization and configuration process, thereby improving development efficiency, reducing repetitive work, reducing error rates, and improving intelligence. It is also simple to operate, improves ease of use, and improves user satisfaction.

[0004] The first aspect of the present invention provides a front-end scaffolding tool generation method, comprising: configuring multiple front-end project templates in a template library, receiving project type requirement information input by a user terminal; analyzing the project type requirement information to obtain a requirement analysis result, matching the front-end project template corresponding to the requirement analysis result from the template library to obtain a front-end project target template; providing a graphical user interface to the user terminal based on the front-end project target template, and monitoring user operation information generated in the graphical user interface; when the user operation information is monitored, obtaining the current user operation information, parsing the user operation information, and obtaining operation parsing information; customizing the front-end project target template according to the operation parsing information to obtain a front-end project scaffolding tool, and sending the front-end project scaffolding tool to the user terminal.

[0005] Optionally, in a first implementation method of the first aspect of the present invention, configuring multiple front-end project templates in a template library and receiving project type requirement information input by a user terminal include: configuring multiple front-end project templates in a template library; caching the front-end project templates; receiving scaffolding tool generation instructions input by a user terminal; and extracting project type requirement information from the scaffolding tool generation instructions.

[0006] Optionally, in a second implementation method of the first aspect of the present invention, the project type requirement information is analyzed to obtain a requirement analysis result, and the front-end project template corresponding to the requirement analysis result is matched from the template library to obtain a front-end project target template, including: preprocessing the project type requirement information to obtain preprocessing information, converting the preprocessing information into structured data to obtain project type requirement data; inputting the project type requirement data into a preset requirement analysis model to extract text features of the project type requirement data; performing word segmentation on the text features to obtain multiple phrase features, and identifying keyword features in the multiple phrase features; converting the keyword features into word vectors, and traversing the similarity between the label corresponding to each of the front-end project templates in the template library and the word vector; when the similarity reaches a preset threshold, outputting the requirement analysis result, and retrieving the corresponding front-end project template from the template library according to the requirement analysis result to obtain the front-end project target template.

[0007] Optionally, in a third implementation method of the first aspect of the present invention, a graphical user interface is provided to the user terminal based on the front-end project target template, and user operation information generated in the graphical user interface is monitored, including: generating custom preview information of a target template based on the front-end project target template; sending the custom preview information of the target template to the user terminal, so that the user terminal generates and displays a graphical user interface based on the custom preview information of the target template; creating a user operation listener, and using the user operation listener to monitor the user operation information generated in the graphical user interface.

[0008] Optionally, in a fourth implementation method of the first aspect of the present invention, when the user operation information is monitored, the current user operation information is obtained, and the user operation information is parsed to obtain operation analysis information, including: when the user operation information is monitored, the current user operation information is obtained; the user operation information is parsed to obtain operation analysis information, and the operation analysis information includes at least one of drag operation information, click operation information and parameter filling operation information; and querying the mapping relationship between the drag operation information, the click operation information and the parameter filling operation information and the file library respectively.

[0009] Optionally, in a fifth implementation method of the first aspect of the present invention, the front-end project target template is customized and modified according to the operation analysis information to obtain a front-end project scaffolding tool, and the front-end project scaffolding tool is sent to the user end, including: identifying the variable file in the front-end project target template; determining the target file according to the mapping relationship between the operation analysis information and the file library, and obtaining the target file; using the target file to replace the variable files of the same category to obtain the front-end project scaffolding tool, the front-end project scaffolding tool includes creating a project structure, code files, functional modules and plug-in integration, dependency management and configuration files for the basic framework of the project; packaging and compressing the front-end project scaffolding tool to obtain a program file installation package; and sending the program file installation package to the user end.

[0010] Optionally, in a sixth implementation method of the first aspect of the present invention, the front-end project target template is customized and modified according to the operation analysis information to obtain a front-end project scaffolding tool, and after the front-end project scaffolding tool is sent to the user end, it also includes: saving the front-end project scaffolding tool to the template library, and generating an update detail record of the template library; obtaining a timestamp from a timestamp service platform based on the generation time of the update detail record; associating the timestamp with the update detail record, and using the public key in a preset key pair to encrypt the update detail record and the timestamp to obtain encrypted record information; uploading the encrypted record information to the blockchain, and identifying the management terminal with query authority; sending the private key in the key pair to the management terminal, so that the management terminal uses the private key to decrypt the encrypted record information.

[0011] The second aspect of the present invention provides a front-end scaffolding tool generating device, including: a configuration receiving module, which is used to configure multiple front-end project templates in a template library and receive project type requirement information input by a user terminal; an analysis and matching module, which is used to analyze the project type requirement information to obtain a requirement analysis result, match the front-end project template corresponding to the requirement analysis result from the template library, and obtain a front-end project target template; provide a monitoring module, which is used to provide a graphical user interface to the user terminal based on the front-end project target template, and monitor the user operation information generated in the graphical user interface; an acquisition and parsing module, which is used to obtain the current user operation information when the user operation information is monitored, and parse the user operation information to obtain operation parsing information; a modification and sending module, which is used to customize the front-end project target template according to the operation parsing information, obtain a front-end project scaffolding tool, and send the front-end project scaffolding tool to the user terminal.

[0012] Optionally, in a first implementation method of the second aspect of the present invention, the configuration receiving module includes: a configuration unit, used to configure multiple front-end project templates in a template library; a cache unit, used to cache the front-end project templates; a receiving unit, used to receive scaffolding tool generation instructions input by a user terminal; and an extraction unit, used to extract project type requirement information in the scaffolding tool generation instructions.

[0013] Optionally, in a second implementation of the second aspect of the present invention, the analysis and matching module includes: a processing and conversion unit, used to preprocess the project type requirement information to obtain preprocessed information, and convert the preprocessed information into structured data to obtain project type requirement data; an input extraction unit, used to input the project type requirement data into a preset requirement analysis model to extract text features of the project type requirement data; a word segmentation and recognition unit, used to perform word segmentation processing on the text features to obtain multiple phrase features, and identify keyword features in the multiple phrase features; a conversion and traversal unit, used to convert the keyword features into word vectors, and traverse the similarity between the label corresponding to each of the front-end project templates in the template library and the word vector; an output retrieval unit, used to output the requirement analysis result when the similarity reaches a preset threshold, and retrieve the corresponding front-end project template from the template library according to the requirement analysis result to obtain the front-end project target template.

[0014] Optionally, in a third implementation method of the second aspect of the present invention, the providing monitoring module includes: a generating unit, used to generate custom preview information of a target template based on the front-end project target template; a first sending unit, used to send the custom preview information of the target template to the user terminal, so that the user terminal generates and displays a graphical user interface based on the custom preview information of the target template; and a creating monitoring unit, used to create a user operation listener, and use the user operation listener to monitor the user operation information generated in the graphical user interface.

[0015] Optionally, in a fourth implementation method of the second aspect of the present invention, the acquisition and parsing module includes: an acquisition unit, used to acquire the current user operation information when the user operation information is monitored; a parsing unit, used to parse the user operation information to obtain operation parsing information, wherein the operation parsing information includes at least one of drag operation information, click operation information and parameter filling operation information; and a query unit, used to query the mapping relationship between the drag operation information, the click operation information and the parameter filling operation information and the file library respectively.

[0016] Optionally, in a fifth implementation of the second aspect of the present invention, the modification and sending module includes: an identification unit, used to identify the variable file in the front-end project target template; a determination and acquisition unit, used to determine the target file according to the mapping relationship between the operation parsing information and the file library, and acquire the target file; a replacement unit, used to replace the variable file of the same category with the target file to obtain a front-end project scaffolding tool, the front-end project scaffolding tool includes a project structure for creating a basic framework of the project, code files, functional modules and plug-in integration, dependency management and configuration files; a packaging and compression unit, used to package and compress the front-end project scaffolding tool to obtain a program file installation package; a second sending unit, used to send the program file installation package to the user end.

[0017] Optionally, in a sixth implementation method of the second aspect of the present invention, it also includes: a saving generation module, which is used to save the front-end project scaffolding tool into the template library and generate an update detail record of the template library; an acquisition module, which is used to obtain a timestamp from a timestamp service platform based on the generation time of the update detail record; an association encryption module, which is used to associate the timestamp with the update detail record, and use the public key in a preset key pair to encrypt the update detail record and the timestamp to obtain encrypted record information; an upload identification module, which is used to upload the encrypted record information to the blockchain and identify the management terminal with query authority; a sending module, which is used to send the private key in the key pair to the management terminal, so that the management terminal uses the private key to decrypt the encrypted record information.

[0018] The third aspect of the present invention provides a front-end scaffolding tool generating device, which includes: a memory and at least one processor, wherein instructions are stored in the memory; at least one of the processors calls the instructions in the memory so that the front-end scaffolding tool generating device executes each step of the front-end scaffolding tool generating method described in any one of the above items.

[0019] A fourth aspect of the present invention provides a computer-readable storage medium having instructions stored thereon, and when the instructions are executed by a processor, the various steps of any of the above-mentioned front-end scaffolding tool generation methods are implemented.

[0020] In the technical solution of the present invention, by receiving the project type requirement information input by the user end, and then matching the front-end project template corresponding to the requirement analysis result from the template library, a front-end project framework that meets the development requirements is generated in an automated manner, which greatly simplifies the project initialization and configuration process, thereby improving development efficiency, reducing repetitive work, reducing error rate, and improving the degree of intelligence. A graphical user interface is provided to the user end based on the front-end project target template. When user operation information is monitored, the current user operation information is obtained, the user operation information is parsed, and the front-end project target template is customized and modified according to the operation parsing information to obtain a front-end project scaffolding tool. The accuracy of scaffolding tool generation is improved by customized modification, and the operation is simple, thereby improving ease of use, allowing users to quickly start and manage projects, and improving user satisfaction. BRIEF DESCRIPTION OF THE DRAWINGS

[0021] Figure 1 A first flow chart of a front-end scaffolding tool generation method provided by an embodiment of the present invention;

[0022] Figure 2 A second flow chart of the front-end scaffolding tool generation method provided by an embodiment of the present invention;

[0023] Figure 3 A third flow chart of the front-end scaffolding tool generation method provided by an embodiment of the present invention;

[0024] Figure 4 A fourth flow chart of a front-end scaffolding tool generation method provided by an embodiment of the present invention;

[0025] Figure 5 A schematic diagram of the structure of a front-end scaffolding tool generating device provided by an embodiment of the present invention;

[0026] Figure 6 Another structural schematic diagram of a front-end scaffolding tool generating device provided by an embodiment of the present invention;

[0027] Figure 7 A schematic diagram of the structure of a front-end scaffolding tool generating device provided in an embodiment of the present invention. DETAILED DESCRIPTION

[0028] The present invention provides a front-end scaffolding tool generation method, device, equipment and storage medium, which generates a front-end project framework that meets development requirements in an automated manner, greatly simplifies the project initialization and configuration process, thereby improving development efficiency, reducing repetitive work, reducing error rates, and improving intelligence. It is also simple to operate, improves ease of use, and improves user satisfaction.

[0029] The terms "first", "second", "third", "fourth", etc. (if any) in the specification and claims of the present invention and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments described herein can be implemented in an order other than that illustrated or described herein. In addition, the terms "including" or "having" and any variations thereof are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units that are clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0030] For ease of understanding, the specific process of the embodiment of the present invention is described below. Figure 1 , an embodiment of the front-end scaffolding tool generation method in an embodiment of the present invention includes:

[0031] 101. Configure multiple front-end project templates in the template library and receive project type requirement information input by the user;

[0032] In this embodiment, a front-end project template is designed and created to ensure its scalability and flexibility, necessary files are configured in the template, version control tools (such as Git) are used to manage the template version to facilitate tracking updates and rollbacks, detailed documentation is written for each template, including instructions for use, configuration items, dependencies, etc., user-friendly forms or interactive interfaces are designed to allow users to enter project type requirement information, the system receives the data entered by the user, and may verify the data entered by the user through form submission, API calls, etc., to ensure the integrity and validity of the data, and parse the user input requirement information into a format that the system can process, such as converting form data into a data model or object.

[0033] 102. Analyze the project type demand information to obtain the demand analysis result, match the front-end project template corresponding to the demand analysis result from the template library, and obtain the front-end project target template;

[0034] In this embodiment, demand information is collected from users, usually through forms or interfaces, including project types, technology stacks, functional requirements, etc. The demand information should be presented in a structured format, such as a JSON object, to facilitate subsequent processing and analysis. Key requirements are extracted from user input, such as project types: single-page application, multi-person collaboration, management background, etc., technology stacks: React, Vue.js, Angular, etc., functional modules: user authentication, data visualization, e-commerce, etc. The extracted information is converted into a data structure used within the system, such as an object model or a mapping table. According to the extracted demand information, it is classified into different demand categories, and priorities are set for each requirement to help determine which requirements are most important. A demand analysis report is written, including the user's demand categories, priorities, technology stack requirements, etc. The front-end project template corresponding to the demand analysis results is matched from the template library to obtain the front-end project target template.

[0035] 103. Providing a graphical user interface to the user terminal based on the front-end project target template, and monitoring the user operation information generated in the graphical user interface;

[0036] In this embodiment, the front-end project target template usually includes the layout structure, component definition, style and functional modules of the interface. The template is parsed into various parts of the front-end application. According to the data structure and business logic defined in the template, the dynamic data is bound to the user interface components. The front-end framework (such as React, Vue.js, Angular) is used to convert the various parts in the template into reusable components. The layout component is responsible for the overall layout of the page, such as the navigation bar, sidebar, content area, etc. The functional component implements specific functions, such as form input, button, data display, etc. CSS is applied according to the style definition in the template to ensure that the interface meets the design requirements. The generated components and styles are rendered to the browser, providing a graphical interface for user interaction, setting event listeners to capture various operations of the user on the graphical interface, such as clicks, input, selections, etc., specifying a processing function for each event, executing the corresponding business logic or updating the interface status.

[0037] 104. When user operation information is monitored, the current user operation information is obtained, and the user operation information is analyzed to obtain operation analysis information;

[0038] In this embodiment, an event listener is set in the user interface to capture various user operations. Whenever a user operation occurs, the event listener receives an event object, which contains detailed information about the operation. Relevant information is extracted from the event object, usually including user input, click location, selection items, etc. The extracted information is encapsulated into a unified data structure (such as JSON) for subsequent processing. The category of the user operation is determined according to the event type, the operation information is parsed in detail, useful data is extracted and necessary conversions are performed, for example, the input content is cleaned or formatted, and the parsed data is formatted into operation analysis information, including the operation type, related data and business logic results.

[0039] 105. Customize and modify the front-end project target template according to the operation analysis information, obtain the front-end project scaffolding tool, and send the front-end project scaffolding tool to the user end;

[0040] In this embodiment, the user's custom requirements for the template are extracted from the operation analysis information, and the customizations that the user wants to make to the target template are determined based on the operation type and specific content. The target template file of the front-end project is read, and the target template is modified according to the user's custom requirements. The modified template is saved to a new file or directory, and a complete front-end project scaffolding tool is generated based on the custom modified template. The generated scaffolding tool is packaged into a compressed file or other distributable format, ensuring that all necessary dependencies and configuration files are included in the scaffolding tool. The generated scaffolding tool is uploaded to a server or cloud storage service that can be accessed by the user, and a download link pointing to the uploaded file is created or an access token is generated so that the user can safely download the scaffolding tool. The download link or access token is sent to the user via email, a messaging system, or an application notification.

[0041] In an embodiment of the present invention, by receiving project type requirement information input by a user end, and then matching a front-end project template corresponding to the requirement analysis result from a template library, a front-end project framework that meets the development requirements is generated in an automated manner, which greatly simplifies the process of project initialization and configuration, thereby improving development efficiency, reducing repetitive work, reducing error rates, and improving the degree of intelligence. A graphical user interface is provided to the user end based on the front-end project target template. When user operation information is monitored, the current user operation information is obtained, the user operation information is parsed, and the front-end project target template is customized and modified according to the operation parsing information to obtain a front-end project scaffolding tool. The accuracy of scaffolding tool generation is improved through customized modification, and the operation is simple, thereby improving ease of use, allowing users to quickly start and manage projects, and improving user satisfaction.

[0042] See also Figure 2, a second embodiment of the front-end scaffolding tool generation method in an embodiment of the present invention includes:

[0043] 201. Configure multiple front-end project templates in the template library;

[0044] In this embodiment, the front-end project types that need to be supported are determined, and the technology stack used by each front-end project template is defined. Each template should include basic components such as project structure, dependency management, and configuration files. The directory structure of the template is defined, including source code, configuration files, build tools, etc., and necessary configuration files are created to implement basic functions and components, such as navigation bars, page layouts, style sheets, etc. Basic styles and themes are written to ensure that the templates have a consistent appearance, including necessary scripts and tool configurations, such as build scripts, development server configurations, etc. All template files in the template library are included in the version control system, and tags and branches are created for different template versions for version management and maintenance. A detailed description is provided for each template, including functions, instructions for use, technology stack, etc.

[0045] 202. Cache the front-end project template;

[0046] In this embodiment, the validity period of the cache is defined, the template is cached on the user's browser to reduce repeated downloads, the template data is cached on the server side to improve the response speed and reduce the server pressure, and the CDN or proxy server is used to cache the template data to accelerate distribution and improve reliability.

[0047] 203. Receive a scaffolding tool generation instruction input by a user terminal;

[0048] In this embodiment, the input parameter types supported by the scaffolding tool are defined, a command line parsing library is used to receive and parse user input, parameter values ​​are extracted from the parsing results, and necessary processing and verification are performed.

[0049] 204. Extracting project type requirement information from the scaffolding tool generation instruction;

[0050] In this embodiment, the project type requirement information in the scaffolding tool generation instruction is extracted, and the user specifies the project type through command line parameters to determine the project type options. Different project type options involve different technology stacks or frameworks and require different configuration files and templates.

[0051] 205. Preprocess the project type demand information to obtain preprocessed information, and convert the preprocessed information into structured data to obtain project type demand data;

[0052] In this embodiment, irrelevant information or duplicate data in the project type requirement information is cleared, and the data is converted into a unified format, such as converting all inputs to lowercase, standardizing date formats, etc., identifying and correcting errors or inconsistencies in the data. If the requirement information contains multiple fields (such as project type, version number, etc.), they are separated into independent fields, and input data that does not meet expectations is processed, providing appropriate feedback or default values, mapping the fields in the preprocessing information to the fields in the structured data model, and converting the data into a structured format to obtain project type requirement data.

[0053] 206. Input the project type requirement data into a preset requirement analysis model to extract text features of the project type requirement data;

[0054] In this embodiment, the project type requirement data is input into the requirement analysis model through the interface, the requirement analysis model is started, and calculations and data processing are performed. During the processing, the types of text features that need to be extracted are determined, such as word frequency, part-of-speech tagging, named entities, keywords, etc., and the dimensions of each feature are clarified, such as the frequency of word frequency, the category of entity, etc.

[0055] 207. Perform word segmentation processing on the text features to obtain multiple phrase features, and identify keyword features in the multiple phrase features;

[0056] In this embodiment, it is ensured that the text to be processed has been cleaned, unnecessary punctuation marks, special characters, etc. are removed, a suitable word segmentation tool is selected according to the text language, the text is input into the word segmentation tool, word segmentation is performed, the long text is divided into words or phrases, the result after word segmentation is stored in an appropriate data format, common phrases are identified by counting word frequencies, the N-gram model is applied to the text after word segmentation, phrases consisting of N words (such as double phrases and triple phrases) are extracted, phrases of specific patterns (such as noun phrases and verb phrases) are extracted according to the rules, phrases with too low frequency, semantic irrelevant or meaningless are filtered out, similar or repeated phrases are merged to form more representative phrase features, the standards for keywords are determined, such as high-frequency words, importance, relevance to specific fields, etc., the TF-IDF value of each phrase is calculated, and phrases with high TF-IDF values ​​are identified as keywords.

[0057] 208. Convert the keyword features into word vectors, and traverse the similarity between the label and the word vector corresponding to each front-end project template in the template library;

[0058] In this embodiment, the keyword features are converted into word vectors, the labels of each front-end project template in the template library are extracted, and the word vector is calculated for each label. Each template label in the template library is traversed, and the similarity between each template label and the keyword vector is calculated. The similarity between each template label and the keyword vector is recorded to form a similarity score list, and the templates are sorted according to the similarity scores to screen out the most relevant templates.

[0059] 209. When the similarity reaches a preset threshold, the demand analysis result is output, and the corresponding front-end project template is retrieved from the template library according to the demand analysis result to obtain the front-end project target template;

[0060] In this embodiment, after the similarity is calculated, the results are filtered according to the threshold rules. When the similarity reaches the preset threshold, the demand analysis results are output, and one or more of the most suitable templates are selected from the filtered and sorted templates as the target templates of the front-end project. According to the demand analysis results, the corresponding front-end project templates are retrieved from the template library to obtain the front-end project target template.

[0061] In an embodiment of the present invention, by configuring multiple front-end project templates in a template library, project templates can be systematically managed and maintained. This method makes the storage and access of templates more orderly, improves the reusability and management efficiency of templates, and caching the front-end project templates helps to speed up template access and reduce template loading time, thereby improving the system's response speed and user experience. The system can flexibly generate projects according to the actual needs of users, enhancing the adaptability of the system. Through the demand analysis model, text feature processing and similarity calculation, the system can intelligently perform demand matching and template selection, improving the accuracy and efficiency of matching. Systematic template management and automated demand analysis process make the generation process of front-end projects more efficient, accurate and reliable.

[0062] See also Figure 3 , a third embodiment of the front-end scaffolding tool generation method in the embodiment of the present invention includes:

[0063] 301. Generate custom preview information of target template based on front-end project target template;

[0064] In this embodiment, the page structure and layout information are extracted from the target template, the style sheet, JavaScript functions and interaction logic in the template are extracted, screenshots are taken of the key pages of the target template, different views (such as desktop and mobile) are displayed, dynamic demonstrations are recorded using tools, the actual effects of user interaction and template functions are displayed, interactive previews are generated using Web technologies (such as embedded iframes), users can interact with the template in the preview, screenshots and images are organized into preview pages, dynamic demonstration videos are edited into clear and concise presentations, necessary instructions are added, the interactive preview is integrated into the Web page, a preview display page or platform is designed, the generated preview information is integrated into the page, and the code of the preview information is integrated into the display page.

[0065] 302. Sending the target template customized preview information to the user terminal, so that the user terminal generates and displays a graphical user interface based on the target template customized preview information;

[0066] In this embodiment, different transmission methods can be selected, for example, using a file sharing service (such as Dropbox, Google Drive) to generate a sharing link, sending a download link or attachment of the packaged file via email, which is suitable for small-scale file transfer, using a file sharing service (such as Dropbox, Google Drive) to generate a sharing link, which is convenient for users to access and download. The user downloads the preview file through the provided link or attachment. If it is an interactive preview, the user directly accesses the preview page through the browser. The user can directly view static images and videos to understand the appearance and layout of the target template. The user views the preview content in the browser and can provide feedback on the template.

[0067] 303. Create a user operation listener, and use the user operation listener to monitor the user operation information generated in the graphical user interface;

[0068] In this embodiment, it is decided which specific user operations to monitor (mouse clicks, keyboard input, mouse dragging, etc.), and the processing logic of each operation is defined, such as triggering events, recording data, updating the interface, etc. A user operation listener is created, and the listener code is integrated into the application or web page to ensure that it can be correctly triggered during user interaction.

[0069] 304. When user operation information is monitored, the current user operation information is obtained;

[0070] In this embodiment, an event listener is bound to the interface element. When user operation information is listened, including clicks, slides, keyboard input, dragging, etc., the current user operation information is obtained, that is, the required information is extracted from the event object, such as the click position, input content, etc. Specifically, the coordinates where the operation occurs (for example, the position of the mouse click) are obtained, the type of operation (such as clicks, typing, etc.) is identified, and the detailed information of the target element of the operation is obtained. If it is an input box operation, the input value is obtained, and the time when the operation occurs is recorded.

[0071] 305. Parse the user operation information to obtain operation analysis information, where the operation analysis information includes at least one of drag operation information, click operation information, and parameter filling operation information;

[0072] In this embodiment, the original operation data is converted into meaningful operation analysis information, including obtaining the element and position when the dragging starts, updating the position of the element during the dragging in real time, recording the position and target when the dragging ends, parsing to record the initial coordinates when the user starts dragging, recording the coordinates of the element when the dragging ends, obtaining the position where the click event occurs, obtaining the clicked element and its attributes, recording the time when the click event occurs, parsing to record the screen coordinates of the user's click, determining which page element the user clicked, obtaining the content input by the user, recording in which field or form element the input occurs, recording the time of the user input, parsing to record the text or data entered by the user, and identifying the fields or form elements filled with data.

[0073] 306. Query the mapping relationship between the drag operation information, the click operation information, and the parameter filling operation information and the file library respectively;

[0074] In this embodiment, when the drag operation begins, the location of the dragged file (such as a folder or directory) is identified. When the drag operation ends, the new location to which the file will be moved is determined, and a unique identifier (such as a file ID or path) is used to track the source and target locations of the file. After the drag operation ends, the file path in the file library is updated to reflect the new location of the file, the file or folder clicked by the user is identified (through its identifier or path), the user's click intention (such as opening a file, selecting a file, or deleting a file) is determined, and actions related to the click operation are performed, such as deleting, renaming, or downloading a file, and the corresponding fields in the file library are updated according to the input parameters, and the new file name, description, or label is saved to the file library.

[0075] 307. Identify variable files in the front-end project target template;

[0076] In this embodiment, the variable file is a file that provides dynamic content or configuration for these templates. The variable identifier in the template is searched, the configuration file of the project is analyzed, and the configuration related to the variable is found.

[0077] 308. Determine the target file according to the mapping relationship between the operation analysis information and the file library, and obtain the target file;

[0078] In this embodiment, the mapping relationship of the file library refers to the relationship between the operation parsing information and the actual file. Different operations are mapped to different files. The target file is determined based on the mapping relationship between the operation parsing information and the file library. Once the path of the target file is determined, the target file can be obtained from the file library.

[0079] 309. Use the target file to replace the variable files of the same category to obtain the front-end project scaffolding tool, which includes the project structure, code files, function modules and plug-in integration, dependency management and configuration files for creating the basic framework of the project;

[0080] In this embodiment, the content of the target file is read, and the variables or placeholders that need to be replaced are extracted, the positions of the variables that need to be replaced in the target file in the variable file are determined, and the variable values ​​in the target file are replaced with the corresponding positions in the variable file to obtain a front-end project scaffolding tool. The front-end project scaffolding tool includes a project structure for creating a basic framework of the project, code files, functional modules and plug-in integration, dependency management and configuration files.

[0081] 310. Package and compress the front-end project scaffolding tool to obtain the program file installation package;

[0082] In this embodiment, the source code and resources of the front-end project scaffolding tool are packaged into one file, and the packaged file needs to be further compressed and optimized to obtain a program file installation package to reduce the file size and increase the loading speed.

[0083] 311. Send the program file installation package to the user end;

[0084] In this embodiment, a transmission method such as email, cloud storage service or application platform is selected to send the program file installation package to the user terminal.

[0085] In the embodiment of the present invention, through customized preview and graphical display, the intuitiveness and satisfaction of user operations are improved, real-time monitoring and detailed analysis of user operations are carried out to ensure that the system can accurately understand and respond to user needs, and through file mapping and variable replacement, the system can flexibly respond to user needs and generate front-end projects that meet expectations, automatically create scaffolding tools and efficient packaging, compression, and distribution processes, thereby improving the efficiency and accuracy of project generation.

[0086] See also Figure 4 The fourth embodiment of the front-end scaffolding tool generation method in the embodiment of the present invention includes:

[0087] 401. Save the front-end project scaffolding tool to the template library and generate a detailed record of the template library update;

[0088] In this embodiment, a reasonable folder structure and naming convention are designed to save the front-end project scaffolding tool into the template library, and generate a detailed update record of the template library, recording the person who made the change, the version number and the update description.

[0089] 402. Obtain a timestamp from the timestamp service platform based on the generation time of the update detail record;

[0090] In this embodiment, a reliable timestamp service platform is selected, and the generated update detail record (usually its summary or hash value) is sent as the request content to the timestamp service platform. The timestamp service platform returns a timestamp, which usually contains time information and a digital signature for verification. The obtained timestamp is stored in the system together with the update detail record.

[0091] 403. Associating the timestamp with the update detail record, and encrypting the update detail record and the timestamp using the public key in the preset key pair to obtain encrypted record information;

[0092] In this embodiment, the timestamp and the update detail record are combined into a combined record. The preset key pair includes a public key and a private key. The combined record (including the update detail record and the timestamp) is converted into a data format suitable for encryption. A suitable public key encryption algorithm is selected, such as RSA, ECC, etc., and the public key is used to encrypt the combined record to obtain encrypted record information, ensuring that only the recipient holding the corresponding private key can decrypt it.

[0093] 404. Upload the encrypted record information to the blockchain and identify the management terminal with query authority;

[0094] In this embodiment, a suitable blockchain platform is selected, such as Ethereum, Hyperledger Fabric, EOS, etc., the encrypted record information is organized into a data format suitable for blockchain transactions, a transaction is created, including the encrypted record information as the payload of the transaction and other data, the other data including timestamp, information of the transaction initiator, additional metadata, etc., the transaction is signed using a private key to ensure the authenticity and source of the transaction, the signed transaction is submitted to the blockchain network, the network is waited for to confirm the transaction, and the transaction is confirmed to be included in the new block in the blockchain, the uploaded encrypted record information is retrieved through a blockchain browser or API to ensure that the data has been successfully uploaded and recorded on the blockchain, a permission management system is established, permissions for different roles and terminals are defined, for example, different roles such as administrators and auditors may have different query permissions, permission policies are configured to ensure that only authorized management terminals can query and access records on the blockchain, identity authentication is performed on the management terminal to ensure that the terminal requesting the query is authorized, query permissions are granted to the authenticated management terminal, and an access control mechanism is implemented to ensure that the management terminal can only access authorized data.

[0095] 405. Send the private key in the key pair to the management terminal, so that the management terminal uses the private key to decrypt the encrypted record information;

[0096] In this embodiment, before transmitting the private key, the encrypted transmission of the private key must be ensured. Specifically, the private key is encrypted with a symmetric encryption algorithm (such as AES) and then transmitted through a secure channel. Before sending the private key, the identity of the sender is verified to ensure that only the authorized party can send the private key. When receiving the private key, the identity of the recipient is verified to ensure that only the authorized management terminal can receive the private key. After the management terminal receives the private key, the private key is used to decrypt the encrypted record information.

[0097] In the embodiment of the present invention, the security and integrity of the data are ensured and data tampering and forgery are prevented by combining encrypted records and timestamps. The transparency and traceability of the data are improved by using blockchain technology, so that the records can be publicly verified and the data cannot be tampered with. By identifying and controlling query permissions, it is ensured that only authorized management terminals can access and decrypt the data, further enhancing the security of the data. Through the encryption and decryption mechanism of public and private keys, a reliable data verification method is provided to ensure that the data maintains its authenticity and accuracy throughout the entire processing process.

[0098] The front-end scaffolding tool generation method in the embodiment of the present invention is described above. The front-end scaffolding tool generation device in the embodiment of the present invention is described below. Figure 5 In one embodiment of the present invention, a front-end scaffolding tool generating device includes:

[0099] Configuration receiving module 501, used to configure multiple front-end project templates in the template library and receive project type requirement information input by the user end;

[0100] The analysis and matching module 502 is used to analyze the project type requirement information, obtain the requirement analysis result, match the front-end project template corresponding to the requirement analysis result from the template library, and obtain the front-end project target template;

[0101] Providing a monitoring module 503, for providing a graphical user interface to the user terminal based on the front-end project target template, and monitoring the user operation information generated in the graphical user interface;

[0102] The acquisition and analysis module 504 is used to acquire the current user operation information when the user operation information is monitored, and analyze the user operation information to obtain operation analysis information;

[0103] The modification and sending module 505 is used to perform custom modifications on the front-end project target template according to the operation analysis information, obtain the front-end project scaffolding tool, and send the front-end project scaffolding tool to the user end.

[0104] In this embodiment, by receiving the project type requirement information input by the user end, and then matching the front-end project template corresponding to the requirement analysis result from the template library, a front-end project framework that meets the development requirements is generated in an automated manner, which greatly simplifies the project initialization and configuration process, thereby improving development efficiency, reducing repetitive work, reducing error rates, and improving the degree of intelligence. A graphical user interface is provided to the user end based on the front-end project target template. When user operation information is monitored, the current user operation information is obtained, the user operation information is parsed, and the front-end project target template is customized and modified according to the operation parsing information to obtain a front-end project scaffolding tool. The accuracy of the scaffolding tool generation is improved through customized modification, and the operation is simple, thereby improving ease of use, allowing users to quickly start and manage projects, and improving user satisfaction.

[0105] See also Figure 6 Another embodiment of the front-end scaffolding tool generating device in the embodiment of the present invention includes:

[0106] Configuration receiving module 501, used to configure multiple front-end project templates in the template library and receive project type requirement information input by the user end;

[0107] The analysis and matching module 502 is used to analyze the project type requirement information, obtain the requirement analysis result, match the front-end project template corresponding to the requirement analysis result from the template library, and obtain the front-end project target template;

[0108] Providing a monitoring module 503, for providing a graphical user interface to the user terminal based on the front-end project target template, and monitoring the user operation information generated in the graphical user interface;

[0109] The acquisition and analysis module 504 is used to acquire the current user operation information when the user operation information is monitored, and analyze the user operation information to obtain operation analysis information;

[0110] The modification and sending module 505 is used to perform custom modification on the front-end project target template according to the operation analysis information, obtain the front-end project scaffolding tool, and send the front-end project scaffolding tool to the user end;

[0111] In this embodiment, the configuration receiving module 501 includes: a configuration unit 5011, used to configure multiple front-end project templates in the template library; a cache unit 5012, used to cache the front-end project templates; a receiving unit 5013, used to receive scaffolding tool generation instructions input by the user end; an extraction unit 5014, used to extract project type requirement information in the scaffolding tool generation instructions.

[0112] In this embodiment, the analysis and matching module 502 includes: a processing conversion unit 5021, which is used to preprocess the project type demand information to obtain preprocessed information, convert the preprocessed information into structured data, and obtain the project type demand data; an input extraction unit 5022, which is used to input the project type demand data into a preset demand analysis model to extract the text features of the project type demand data; a word segmentation recognition unit 5023, which is used to perform word segmentation processing on the text features to obtain multiple phrase features and identify the keyword features in the multiple phrase features; a conversion traversal unit 5024, which is used to convert the keyword features into word vectors, and traverse the similarity between the label and the word vector corresponding to each front-end project template in the template library; an output retrieval unit 5025, which is used to output the demand analysis results when the similarity reaches a preset threshold, and retrieve the corresponding front-end project template from the template library according to the demand analysis results to obtain the front-end project target template input.

[0113] In this embodiment, a monitoring module 503 is provided, including: a generating unit 5031, used to generate a target template customized preview information based on a front-end project target template; a first sending unit 5032, used to send the target template customized preview information to a user terminal, so that the user terminal generates and displays a graphical user interface based on the target template customized preview information; a creating monitoring unit 5033, used to create a user operation listener, and use the user operation listener to monitor the user operation information generated in the graphical user interface.

[0114] In this embodiment, the acquisition and analysis module 504 includes: an acquisition unit 5041, which is used to obtain the current user operation information when monitoring user operation information; a parsing unit 5042, which is used to parse the user operation information to obtain operation analysis information, and the operation analysis information includes at least one of drag operation information, click operation information and parameter filling operation information; a query unit 5043, which is used to query the mapping relationship between the drag operation information, the click operation information and the parameter filling operation information and the file library respectively.

[0115] In this embodiment, the modification sending module 505 includes: an identification unit 5051, which is used to identify the variable file in the front-end project target template; a determination acquisition unit 5052, which is used to determine the target file according to the mapping relationship between the operation parsing information and the file library, and obtain the target file; a replacement unit 5053, which is used to replace the variable file of the same category with the target file to obtain the front-end project scaffolding tool, the front-end project scaffolding tool includes the project structure, code files, functional modules and plug-in integration, dependency management and configuration files for creating the basic framework of the project; a packaging and compression unit 5054, which is used to package and compress the front-end project scaffolding tool to obtain a program file installation package; a second sending unit 5055, which is used to send the program file installation package to the user end.

[0116] In this embodiment, it also includes: a saving generation module 506, which is used to save the front-end project scaffolding tool into the template library and generate an update detail record of the template library; an acquisition module 507, which is used to obtain a timestamp from a timestamp service platform based on the generation time of the update detail record; an associated encryption module 508, which is used to associate the timestamp with the update detail record, and use the public key in a preset key pair to encrypt the update detail record and the timestamp to obtain encrypted record information; an upload identification module 509, which is used to upload the encrypted record information to the blockchain and identify the management terminal with query authority; a sending module 510, which is used to send the private key in the key pair to the management terminal, so that the management terminal uses the private key to decrypt the encrypted record information.

[0117] above Figure 5 and Figure 6 The front-end scaffolding tool generating device in the embodiment of the present invention is described in detail from the perspective of modular functional entities. The front-end scaffolding tool generating device in the embodiment of the present invention is described in detail from the perspective of hardware processing.

[0118] Figure 76 is a schematic diagram of the structure of a front-end scaffolding tool generating device provided by an embodiment of the present invention. The front-end scaffolding tool generating device 600 may have relatively large differences due to different configurations or performances, and may include one or more processors (central processing units, CPU) 610 (for example, one or more processors) and a memory 620, and one or more storage media 630 (for example, one or more mass storage devices) storing application programs 633 or data 632. Among them, the memory 620 and the storage medium 630 can be short-term storage or permanent storage. The program stored in the storage medium 630 may include one or more modules (not shown in the figure), and each module may include a series of instruction operations in the front-end scaffolding tool generating device 600. Furthermore, the processor 610 may be configured to communicate with the storage medium 630, and execute a series of instruction operations in the storage medium 630 on the front-end scaffolding tool generating device 600 to implement the steps of the front-end scaffolding tool generating method provided by the above-mentioned various method embodiments.

[0119] The front-end scaffolding tool generating device 600 may also include one or more power supplies 640, one or more wired or wireless network interfaces 650, one or more input and output interfaces 660, and / or one or more operating systems 631, such as Windows Serve, Mac OS X, Unix, Linux, FreeBSD, etc. It will be appreciated by those skilled in the art that Figure 7 The structure of the front-end scaffolding tool generating device shown does not constitute a limitation on the front-end scaffolding tool generating device, and may include more or less components than shown in the figure, or combine certain components, or arrange the components differently.

[0120] The present invention also provides a computer-readable storage medium, which may be a non-volatile computer-readable storage medium or a volatile computer-readable storage medium. Instructions are stored in the computer-readable storage medium. When the instructions are executed on a computer, the computer executes the steps of the front-end scaffolding tool generation method.

[0121] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working process of the above-described system, device, or unit can refer to the corresponding process in the aforementioned method embodiment and will not be repeated here.

[0122] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present invention is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product. The computer software product is stored in a storage medium, including a number of instructions to enable a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present invention. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM), random access memory (RAM), disk or optical disk and other media that can store program codes.

[0123] Finally, it should be noted that the above description is only a preferred example of the present invention and is not intended to limit the present invention. Although the present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art can still modify the technical solutions described in the aforementioned embodiments or replace some of the technical features therein by equivalents. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present invention shall be included in the protection scope of the present invention.

Claims

1. A front-end scaffolding tool generation method, characterized in that: include: Configure multiple front-end project templates in the template library to receive project type requirement information input by the user; Analyze the project type requirement information to obtain a requirement analysis result, match the front-end project template corresponding to the requirement analysis result from the template library, and obtain a front-end project target template; Providing a graphical user interface to the user terminal based on the front-end project target template, and monitoring user operation information generated in the graphical user interface; When the user operation information is monitored, the current user operation information is acquired, and the user operation information is parsed to obtain operation parsing information; The front-end project target template is customized and modified according to the operation analysis information to obtain a front-end project scaffolding tool, and the front-end project scaffolding tool is sent to the user end.

2. The front-end scaffolding tool generation method according to claim 1, characterized in that: The configuring of multiple front-end project templates in the template library and receiving project type requirement information input by the user end includes: Configure multiple front-end project templates in the template library; Cache the front-end project template; Receive scaffolding tool generation instructions input by the user end; Extract the project type requirement information in the scaffolding tool generation instruction.

3. The front-end scaffolding tool generation method according to claim 1, characterized in that: The analyzing the project type requirement information to obtain a requirement analysis result, matching the front-end project template corresponding to the requirement analysis result from the template library to obtain a front-end project target template, includes: Preprocessing the project type demand information to obtain preprocessed information, and converting the preprocessed information into structured data to obtain project type demand data; Inputting the project type demand data into a preset demand analysis model to extract text features of the project type demand data; Performing word segmentation processing on the text feature to obtain a plurality of phrase features, and identifying keyword features among the plurality of phrase features; Convert the keyword features into word vectors, and traverse the similarity between the label corresponding to each front-end project template in the template library and the word vector; When the similarity reaches a preset threshold, the demand analysis result is output, and the corresponding front-end project template is retrieved from the template library according to the demand analysis result to obtain the front-end project target template.

4. The front-end scaffolding tool generation method according to claim 1, characterized in that: The providing a graphical user interface to the user terminal based on the front-end project target template and monitoring user operation information generated in the graphical user interface includes: Generate target template customized preview information based on the front-end project target template; Sending the target template customized preview information to the user terminal, so that the user terminal generates and displays a graphical user interface based on the target template customized preview information; A user operation listener is created, and the user operation listener is used to monitor the user operation information generated in the graphical user interface.

5. The front-end scaffolding tool generation method according to claim 1, characterized in that: When the user operation information is monitored, the current user operation information is acquired, and the user operation information is parsed to obtain operation parsing information, including: When the user operation information is monitored, the current user operation information is obtained; Parsing the user operation information to obtain operation parsing information, wherein the operation parsing information includes at least one of drag operation information, click operation information, and parameter filling operation information; The mapping relationships between the dragging operation information, the clicking operation information, and the parameter filling operation information and the file library are queried respectively.

6. The front-end scaffolding tool generation method according to claim 1, characterized in that: The customizing and modifying the front-end project target template according to the operation analysis information to obtain a front-end project scaffolding tool, and sending the front-end project scaffolding tool to the user end includes: Identifying a variable file in the front-end project target template; Determine a target file according to a mapping relationship between the operation analysis information and the file library, and obtain the target file; The variable files of the same category are replaced by the target files to obtain a front-end project scaffolding tool, wherein the front-end project scaffolding tool includes a project structure, code files, function modules and plug-in integration, dependency management and configuration files for creating a basic framework of the project; Packing and compressing the front-end project scaffolding tool to obtain a program file installation package; The program file installation package is sent to the user terminal.

7. The front-end scaffolding tool generation method according to claim 1, characterized in that: The method further comprises: performing custom modification on the front-end project target template according to the operation analysis information to obtain a front-end project scaffolding tool, and sending the front-end project scaffolding tool to the user end; The front-end project scaffolding tool is saved in the template library, and an update detail record of the template library is generated; Obtaining a timestamp from a timestamp service platform based on the generation time of the update detail record; Associating the timestamp with the update detail record, and encrypting the update detail record and the timestamp using a public key in a preset key pair to obtain encrypted record information; Upload the encrypted record information to the blockchain and identify the management terminal with query authority; The private key in the key pair is sent to the management terminal, so that the management terminal uses the private key to decrypt the encrypted record information.

8. A front-end scaffolding tool generating device, characterized in that: include: The configuration receiving module is used to configure multiple front-end project templates in the template library and receive project type requirement information input by the user; An analysis and matching module, used to analyze the project type requirement information to obtain a requirement analysis result, match the front-end project template corresponding to the requirement analysis result from the template library, and obtain a front-end project target template; Providing a monitoring module, used to provide a graphical user interface to the user terminal based on the front-end project target template, and monitoring user operation information generated in the graphical user interface; An acquisition and analysis module is used to acquire the current user operation information when the user operation information is monitored, and analyze the user operation information to obtain operation analysis information; The modification and sending module is used to customize the front-end project target template according to the operation analysis information, obtain the front-end project scaffolding tool, and send the front-end project scaffolding tool to the user end.

9. A front-end scaffolding tool generating device, characterized in that: The front-end scaffolding tool generating device comprises: a memory and at least one processor, wherein instructions are stored in the memory; At least one of the processors calls the instructions in the memory so that the front-end scaffolding tool generating device executes each step of the front-end scaffolding tool generating method as described in any one of claims 1-7.

10. A computer-readable storage medium having instructions stored thereon, characterized in that: When the instructions are executed by the processor, the various steps of the front-end scaffolding tool generation method as described in any one of claims 1-7 are implemented.

Images