Visual configuration system, project creation method, device and electronic device

Abstract

The present application discloses a visualization configuration system, a project creation method, an apparatus, and an electronic device, which relate to the technical field of smart home. The visualization configuration system includes a configuration page and a preview page. Among them, the configuration page is used to provide a plurality of first optional configuration information and a plurality of second optional configuration information. Among them, the first optional configuration information is used to configure and generate a technology stack template, and the second optional configuration information is used to configure and generate a project template corresponding to the technology stack template; the preview page is used to preview a target project created based on a target technology stack template and a target project template, where the target technology stack template is a technology stack template configured and generated by the first optional configuration information selected on the configuration page based on a user instruction, and the target project template is a project template configured and generated by the second optional configuration information selected on the configuration page based on a user instruction. By means of the present application, the development difficulty is reduced and the project development efficiency is improved.

Description

Technical Field

[0001] This application relates to the technical field of smart home, and in particular, to a visual configuration system, a project creation method, an apparatus, and an electronic device. Background Art

[0002] When developing a project, it is often necessary to consider the construction of the project framework, the deployment of the project source code, etc. If each project requires developers to complete it manually, the efficiency of project development will be greatly reduced. Therefore, in order to improve the efficiency of project development, a project scaffolding tool can be used to complete the above work processes.

[0003] As can be known from related technologies, current scaffolding tools often initialize projects through commands, and this method is invisible. During the application process, users need to select configuration items level by level from top to bottom. Users cannot see all configurable information at once and cannot directly preview the created project, which will bring inconvenience to users in operation and reduce the efficiency of project development. Summary of the Invention

[0004] This application provides a visual configuration system, a project creation method, an apparatus, and an electronic device, which realizes that based on the visual configuration system, users can conveniently select corresponding configuration information according to their needs for visual project creation and preview, reduces the development difficulty, and improves the efficiency of project development.

[0005] This application provides a visual configuration system, where the visual configuration system includes a configuration page and a preview page. Among them, the configuration page is used to provide a plurality of first optional configuration information and a plurality of second optional configuration information. Among them, the first optional configuration information is used to configure and generate a technology stack template, and the second optional configuration information is used to configure and generate a project template corresponding to the technology stack template; the preview page is used to preview a target project created based on a target technology stack template and a target project template, where the target technology stack template is a technology stack template generated by configuring the first optional configuration information selected on the configuration page based on a user instruction, and the target project template is a project template generated by configuring the second optional configuration information selected on the configuration page based on a user instruction.

[0006] According to a visual configuration system provided by this application, the target technology stack template is generated in the following manner: sending the first optional configuration information selected on the configuration page based on a user instruction to a backend processing layer, where the backend processing layer is communicatively connected to the visual configuration system; based on the backend processing layer, parsing the first optional configuration information, and obtaining the target technology stack template corresponding to the first optional configuration information based on the parsing result.

[0007] A visualization configuration system provided by the present application, the target project template is generated in the following manner: sending the second optional configuration information selected on the configuration page based on a user instruction to a back-end processing layer, where the back-end processing layer is communicatively connected to the visualization configuration system; based on the back-end processing layer, parsing the second optional configuration information, and obtaining the target project template corresponding to the second optional configuration information based on the parsing result.

[0008] A visualization configuration system provided by the present application, the project template includes a manually configured project template, and the configuration page is further configured to: provide project configuration parameters, where based on the project configuration parameters selected on the configuration page according to a user instruction, determining the manually configured project template corresponding to the project configuration parameters, and using the manually configured project template as the target project template.

[0009] A visualization configuration system provided by the present application, the preview page is further configured to: after previewing the target project, downloading the target project based on a download instruction.

[0010] A visualization configuration system provided by the present application, the preview page is further configured to:

[0011] after previewing the target project, based on a reconfiguration instruction, the preview page jumps to the configuration page, for re-selecting the first optional configuration information and the second optional configuration information corresponding to the user instruction based on the user instruction, so as to create a new target project.

[0012] The present application further provides a project creation method, which is applied to a visualization configuration system. The project creation method includes: based on a user instruction, selecting the first optional configuration information and the second optional configuration information corresponding to the user instruction on the configuration page of the visualization configuration system; based on the first optional configuration information, configuring and generating a target technology stack template; based on the second optional configuration information, configuring and generating a target project template; creating a target project based on the target technology stack template and the target project template.

[0013] According to a project creation method provided by the present application, after creating the target project based on the target technology stack template and the target project template, the project creation method further includes: based on a preview instruction, previewing the target project on the preview page of the visualization configuration system.

[0014] A project creation method provided by the present application, for configuring and generating a target technology stack template based on the first optional configuration information, specifically includes: sending the first optional configuration information to a backend processing layer, where the backend processing layer is communicatively connected to the visualization configuration system; based on the backend processing layer, parsing the first optional configuration information, and obtaining the target technology stack template corresponding to the first optional configuration information based on the parsing result.

[0015] A project creation method provided by the present application, for configuring and generating a target project template based on the second optional configuration information, specifically includes: sending the second optional configuration information to a backend processing layer, where the backend processing layer is communicatively connected to the visualization configuration system; based on the backend processing layer, parsing the second optional configuration information, and obtaining the target project template corresponding to the second optional configuration information based on the parsing result.

[0016] A project creation method provided by the present application, the second optional configuration information includes project configuration parameters; for configuring and generating a target project template based on the second optional configuration information, specifically includes: determining a manually configured project template corresponding to the project configuration parameters based on the project configuration parameters selected on the configuration page according to a user instruction, and using the manually configured project template as the target project template. A project creation method provided by the present application, after previewing the target project on the preview page of the visualization configuration system, the project creation method further includes: downloading the target project based on a download instruction.

[0017] A project creation method provided by the present application, after previewing the target project on the preview page of the visualization configuration system, the project creation method further includes: based on a reconfiguration instruction, jumping from the preview page to the configuration page, for reselecting the first optional configuration information and the second optional configuration information corresponding to the user instruction based on the user instruction, so as to create a new target project.

[0018] The present application further provides a project creation device, which is applied to a visualization configuration system. The project creation device includes: a first module, configured to select first optional configuration information and second optional configuration information corresponding to a user instruction on a configuration page of the visualization configuration system based on the user instruction; a second module, configured to configure and generate a target technology stack template based on the first optional configuration information; a third module, configured to configure and generate a target project template based on the second optional configuration information; a fourth module, configured to create a target project based on the target technology stack template and the target project template.

[0019] The present application also provides an electronic device, including a memory, a processor, and a computer program stored on the memory and executable on the processor. When the processor executes the program, the item creation method described in any one of the above is implemented.

[0020] The present application also provides a non-transitory computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a processor, the item creation method described in any one of the above is implemented.

[0021] The present application also provides a computer program product, including a computer program. When the computer program is executed by a processor, the item creation method described in any one of the above is implemented.

[0022] The visualization configuration system, item creation method, device, and electronic device provided by the present application. Among them, the visualization configuration system includes a configuration page and a preview page. By providing a plurality of first optional configuration information and a plurality of second optional configuration information on the configuration page, and previewing a target project created according to a target technology stack template and a target project template based on the preview page. Among them, the target technology stack template is a technology stack template configured and generated according to the first optional configuration information selected by the user, and the target project template is a project template configured and generated according to the second optional configuration information selected by the user. It can facilitate users to select corresponding configuration information according to their needs for visual item creation and preview, reduce the development difficulty, and improve the project development efficiency. BRIEF DESCRIPTION OF THE DRAWINGS

[0023] The drawings here are incorporated into the specification and constitute a part of this specification, showing embodiments consistent with the present application, and are used together with the specification to explain the principles of the present application.

[0024] To more clearly illustrate the technical solutions in the embodiments of the present application or the prior art, the following will briefly introduce the drawings required for use in the description of the embodiments or the prior art. Obviously, for those of ordinary skill in the art, other drawings can also be obtained based on these drawings without creative efforts.

[0025] Figure 1 is a schematic diagram of the hardware environment of an interaction method of an intelligent device according to an embodiment of the present application;

[0026] Figure 2 is one of the structural schematic diagrams of the visualization configuration system provided by the present application;

[0027] Figure 3 is the second structural schematic diagram of the visualization configuration system provided by the present application;

[0028] Figure 4 is one of the flow schematic diagrams of the item creation method provided by the present application;

[0029] Figure 5 It is the second flow schematic diagram of the project creation method provided by this application;

[0030] Figure 6 It is the structural schematic diagram of the project creation device provided by this application;

[0031] Figure 7 It is the structural schematic diagram of the electronic device provided by this application. Detailed implementation manners

[0032] In order to enable those skilled in the art to better understand the solutions of this application, the technical solutions in the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings in the embodiments of this application. Obviously, the described embodiments are only a part of the embodiments of this application, rather than all the embodiments. Based on the embodiments in this application, all other embodiments obtained by those of ordinary skill in the art without creative efforts shall fall within the protection scope of this application.

[0033] It should be noted that the terms "first", "second", etc. in the description and claims of this application 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 such data can be interchanged under appropriate circumstances so that the embodiments of this application described here can be implemented in an order different from those illustrated or described here. In addition, the terms "include" and "have" and any variations thereof are intended to cover non-exclusive inclusion. For example, a process, method, system, product or device that includes a series of steps or units does not necessarily have to be limited to those steps or units clearly listed, but may include other steps or units not clearly listed or inherent to these processes, methods, products or devices.

[0034] According to one aspect of the embodiments of this application, a project creation method is provided. This project creation method is widely applied to whole-house intelligent digital control application scenarios such as Smart Home, smart home, intelligent household device ecosystem, and IntelligenceHouse ecosystem. Optionally, in this embodiment, the above project creation method can be applied to, for example, Figure 1 the hardware environment composed of the terminal device 102 and the server 104 as shown. As Figure 1As shown, the server 104 is connected to the terminal device 102 through a network, and can be used to provide services (such as application services, etc.) for the terminal or the client installed on the terminal. A database can be set on the server or independently of the server to provide data storage services for the server 104. Cloud computing and / or edge computing services can be configured on the server or independently of the server to provide data operation services for the server 104.

[0035] The above network can include but is not limited to at least one of the following: wired network, wireless network. The above wired network can include but is not limited to at least one of the following: wide area network, metropolitan area network, local area network. The above wireless network can include but is not limited to at least one of the following: WIFI (Wireless Fidelity), Bluetooth. The terminal device 102 is not limited to a PC, mobile phone, tablet computer, smart air conditioner, smart range hood, smart refrigerator, smart oven, smart stove, smart washing machine, smart water heater, smart washing equipment, smart dishwasher, smart projection device, smart TV, smart clothes dryer, smart curtain, smart audio and video, smart socket, smart speaker, smart sound box, smart fresh air device, smart kitchen and bathroom equipment, smart bathroom equipment, smart floor sweeping robot, smart window cleaning robot, smart mopping robot, smart air purification device, smart steam box, smart microwave oven, smart kitchen water heater, smart purifier, smart water dispenser, smart door lock, etc.

[0036] In another embodiment, the project creation method provided by the present application can be applied to smart home appliances. Among them, smart home appliances refer to home appliance products formed after introducing microprocessors, sensor technologies, and network communication technologies into home appliance devices, and have the ability to automatically sense the state of the residential space, the state of the home appliances themselves, and the service state of the home appliances, and can automatically control and receive control instructions from residential users inside or remotely from the residence. It can be understood that smart home appliances are an integral part of smart homes.

[0037] Figure 2 is one of the structural schematic diagrams of the visualization configuration system provided by the present application, Figure 3 is the second structural schematic diagram of the visualization configuration system provided by the present application. The following will be combined with Figure 2 and Figure 3 to illustrate the visualization configuration system.

[0038] In an exemplary embodiment of the present application, in combination with Figure 2 and Figure 3 it can be seen that the visualization configuration system can include a configuration page (corresponding to Figure 2 shown) and a preview page (corresponding to Figure 3 shown). It should be noted that the visualization configuration system can be opened or run by opening a preset web page. In other words, the visualization configuration system can exist in the form of a web page.

[0039] In one embodiment, a configuration page can be used to provide multiple first optional configuration information and multiple second optional configuration information. Among them, the first optional configuration information can be used to configure the generation of a technology stack template, and the second optional configuration information can be used to configure the generation of a project template corresponding to the technology stack template.

[0040] A preview page can be used to preview a target project created based on a target technology stack template and a target project template. Among them, the target technology stack template is a technology stack template configured and generated by the first optional configuration information selected on the configuration page based on a user instruction. The target project template is a project template configured and generated by the second optional configuration information selected on the configuration page based on a user instruction.

[0041] In one example, the technology stack template can include react, vue2, vue3, and angular.

[0042] In another example, the project template can include a default project template. Among them, the default project template can include a set of common plugins and configurations, and does not provide business logic and pages.

[0043] In another example, the project template can include a preset type project template. For example, it can be a background management type project template. Taking the background management type project template as an example for illustration. The background management type project template can include a set of common background management project templates, including the plugins, business logic, and pages used therein. For example, it can provide login, left menu, and header display areas, etc.

[0044] In another example, the project template can also include a manually configured project template. Among them, in the manually configured project template, users can independently select project information.

[0045] During the application process, when the user selects the first optional configuration information A and the second optional configuration information A on the configuration page, then, the technology stack template A can be determined based on the first optional configuration information A, and the project template A can be determined based on the second optional configuration information A. Further, a target project can be constructed based on the technology stack template A and the project template A.

[0046] Among them, the user instruction can be understood as a selection instruction or selection operation for selecting any one of the first optional configuration information (such as the first optional configuration information A) and / or the second optional configuration information (such as the second optional configuration information A).

[0047] It should be noted that in this embodiment, the technology stack template A can be understood as the target technology stack template, and the project template A can be understood as the target project template. Building the target project based on the technology stack template A and the project template A can be considered as building the target project according to the first optional configuration information A and the second optional configuration information A.

[0048] In another embodiment, based on the selection preview instruction, the target project can be previewed in the preview interface of the preview page, so that the user can preview the created target project without any download operation or without installing any scaffolding, reducing the development difficulty and improving the project development efficiency.

[0049] In this embodiment, a more three-dimensional visualization page is used to display the selectable project types and configurations, and the basic part of the development can be completed according to the selected content, which facilitates the developer to directly start business development after the initial project, omitting the cumbersome process of creating a project in the early stage. Without installing any scaffolding, the project can be created by opening the visualization configuration system page.

[0050] The visualization configuration system provided by this application provides multiple first optional configuration information and multiple second optional configuration information on the configuration page, and previews the target project created according to the target technology stack template and the target project template based on the preview page. Among them, the target technology stack template is a technology stack template configured and generated according to the first optional configuration information selected by the user, and the target project template is a project template configured and generated according to the second optional configuration information selected by the user. It can facilitate the user to select the corresponding configuration information according to the needs for visual project creation and preview, reduce the development difficulty, and improve the project development efficiency.

[0051] In an exemplary embodiment of this application, the target technology stack template can be generated in the following manner:

[0052] Send the first optional configuration information selected on the configuration page based on the user instruction to the back-end processing layer, where the back-end processing layer is communicatively connected to the visualization configuration system;

[0053] Based on the back-end processing layer, parse the first optional configuration information, and obtain the target technology stack template corresponding to the first optional configuration information based on the parsing result.

[0054] In another exemplary embodiment of this application, the target project template can be generated in the following manner:

[0055] Send the second optional configuration information selected on the configuration page based on the user instruction to the back-end processing layer, where the back-end processing layer is communicatively connected to the visualization configuration system;

[0056] Based on the back - end processing layer, parse the second optional configuration information, and obtain the target project template corresponding to the second optional configuration information based on the parsing result.

[0057] In one embodiment, the back - end processing layer can be considered as a processing layer that can be configured to generate corresponding technology stack templates or project templates based on configuration information. In an example, the back - end processing layer can be the node layer.

[0058] In one embodiment, the user can select the corresponding first optional configuration information and second optional configuration information on the configuration page of the visualization configuration system according to their own needs. Further, the first configuration information and the second configuration information can be sent to the node layer, and the node layer can obtain the corresponding target technology stack template and target project template by parsing the configuration information. Further, the project information can also be dynamically added or modified according to the selected content, and the situation of the constructed target project can be fed back to the front - end. Here, the front - end can be understood as the visualization configuration system.

[0059] In another exemplary embodiment of the present application, the project template can include a manually configured project template. The configuration page can also be used to: provide project configuration parameters. Among them, based on the project configuration parameters selected on the configuration page according to the user instruction, determine the manually configured project template corresponding to the project configuration parameters, and use the manually configured project template as the target project template.

[0060] In one embodiment, the project template can include a manually configured project template (which can correspond to the manually configured project template described above). During the application process, for the manually configured project template, there can be corresponding project configuration parameters. It can be understood that selecting different project configuration parameters can form different manually configured project templates. Among them, the manual project configuration parameters can include Babel, TypeScript, Router, Vuex, CSS Pre - processors, Unit Testing, Eslint, packaging tools, etc.

[0061] In an example, the project configuration parameters selected on the configuration page according to the user instruction can be sent to the node layer. Through parsing by the node layer, the manually configured project template corresponding to the project configuration parameters can be obtained, and the obtained manually configured project template can be used as the target project template. Further, the final target project can be constructed based on the target project template (such as the manually configured project template) and the target technology stack template. In this embodiment, according to the project configuration parameters selected by the developer, the target project desired by the developer can be accurately parsed and constructed.

[0062] In another exemplary embodiment of the present application, the preview page can also be used to: after previewing the target project, download the target project based on the download instruction.

[0063] During the application process, after the developer previews the target project, a download instruction can be initiated on the preview page. For example, by clicking the download button, the target project can be downloaded.

[0064] In another exemplary embodiment of the present application, the preview page can also be used to: after previewing the target project, jump from the preview page to the configuration page based on a reconfiguration instruction, for reselecting the first optional configuration information and the second optional configuration information corresponding to the user instruction based on the user instruction, so as to create a new target project.

[0065] In one embodiment, when the user finishes previewing the target project and finds that the target project is not a suitable one, at this time, a reconfiguration instruction can be initiated to jump the page from the preview page to the configuration page. And in the configuration page, a user instruction is initiated again to reselect the first optional configuration information and the second optional configuration information. Furthermore, a target technology stack template can be obtained based on the first optional configuration information, and a target project template can be obtained based on the second optional configuration information. Then, based on the re-obtained target technology stack template and target project template, a new target project can be created.

[0066] In the visualization configuration system provided by the present application, by adding more first optional configuration information and second optional configuration information on the configuration page, subsequent expansion can be achieved, that is, more types of projects, technology stacks, and plugins can be added. Thus, users can apply the latest or most popular technologies to development without having to search and learn from the Internet, just by accessing the visualization configuration system.

[0067] According to the foregoing description, it can be seen that the visualization configuration system provided by the present application, by providing a plurality of first optional configuration information and a plurality of second optional configuration information on the configuration page, and previewing the target project created according to the target technology stack template and the target project template based on the preview page, wherein the target technology stack template is a technology stack template configured and generated according to the first optional configuration information selected by the user, and the target project template is a project template configured and generated according to the second optional configuration information selected by the user, can facilitate users to select corresponding configuration information according to their needs for visual project creation and preview, reduce the development difficulty, and improve the project development efficiency.

[0068] Based on the same inventive concept, the present application also provides a project creation method, which will be described below in conjunction with Figure 4 for illustration.

[0069] Figure 4 is one of the flow diagrams of the project creation method provided by the present application.

[0070] In an exemplary embodiment of the present application, the project creation method is applied to the visualization configuration system described in any of the foregoing embodiments. Combining Figure 4 it can be seen that the project creation method may include steps 410 to 440, and each step will be introduced separately below.

[0071] In step 410, based on the user instruction, the first optional configuration information and the second optional configuration information corresponding to the user instruction are selected on the configuration page of the visualization configuration system.

[0072] In one embodiment, the configuration page of the visualization configuration system is provided with a plurality of first optional configuration information and second optional configuration information. Among them, different first optional configuration information and second optional configuration information can construct different target projects. During application, the user can initiate a user instruction according to his own needs and select the first optional configuration information and the second optional configuration information corresponding to the user instruction on the configuration page of the visualization configuration system.

[0073] In step 420, based on the first optional configuration information, a target technology stack template is configured and generated.

[0074] In an exemplary embodiment of the present application, configuring and generating a target technology stack template based on the first optional configuration information can be implemented in the following manner:

[0075] Send the first optional configuration information to the backend processing layer, where the backend processing layer is communicatively connected to the visualization configuration system;

[0076] Based on the backend processing layer, parse the first optional configuration information, and obtain the target technology stack template corresponding to the first optional configuration information based on the parsing result.

[0077] In step 430, based on the second optional configuration information, a target project template is configured and generated.

[0078] In an exemplary embodiment of the present application, configuring and generating a target project template based on the second optional configuration information can be implemented in the following manner:

[0079] Send the second optional configuration information to the backend processing layer, where the backend processing layer is communicatively connected to the visualization configuration system;

[0080] Based on the backend processing layer, parse the second optional configuration information, and obtain the target project template corresponding to the second optional configuration information based on the parsing result.

[0081] In one embodiment, the first configuration information and the second configuration information can be sent to the node layer, and the node layer can obtain the corresponding target technology stack template and target project template by parsing the configuration information. In another example, the project information can also be dynamically added or modified according to the selected content, and the obtained target project situation can be fed back to the front end. Among them, the front end can be understood as a visual configuration system. Through this embodiment, the target technology stack template and the target project template formed based on the user instructions can be obtained, thereby laying a foundation for obtaining the target project.

[0082] In another exemplary embodiment of the present application, the second optional configuration information may include project configuration parameters;

[0083] Based on the second optional configuration information, the configuration to generate the target project template can be implemented in the following manner:

[0084] Based on the project configuration parameters selected on the configuration page according to the user instructions, determine the manually configured project template corresponding to the project configuration parameters, and use the manually configured project template as the target project template.

[0085] Among them, the manually configured project template can correspond to project configuration parameters. It can be understood that different project configuration parameters can form different manually configured project templates. Among them, the manual project configuration parameters can include Babel, TypeScript, Router, Vuex, CSS Pre-processors, Unit Testing, Eslint, packaging tools, etc.

[0086] In another embodiment, the project configuration parameters selected on the configuration page according to the user instructions can be sent to the node layer. Through the parsing of the node layer, the manually configured project template corresponding to the project configuration parameters can be obtained, and the obtained manually configured project template can be used as the target project template. Further, the final target project can be constructed based on the target project template (such as the manually configured project template) and the target technology stack template. In this embodiment, according to the project configuration parameters selected by the developer, the target project desired by the developer can be accurately parsed and constructed.

[0087] In step 440, based on the target technology stack template and the target project template, create the target project.

[0088] In one embodiment, a target project can be created based on the parsed target technology stack template and target project template. It can be understood that the created target project is the target project corresponding to the user instruction. In this embodiment, based on the visual configuration system, according to the user's instruction, the user can more conveniently select and generate the target project they need, and no scaffolding is downloaded during the process of generating the target project, reducing the development difficulty and improving the project development efficiency.

[0089] To further introduce the project creation method provided by this application, the following will be described in conjunction with Figure 5 for illustration.

[0090] Figure 5 is the second flowchart of the project creation method provided by this application.

[0091] In an exemplary embodiment of this application, in conjunction with Figure 5 it can be seen that the project creation method may include steps 510 to 550. Among them, steps 510 to 540 are the same as or similar to steps 410 to 440, and their specific implementation manners and beneficial effects are as described in the foregoing, and will not be elaborated in this embodiment. The following will introduce step 550.

[0092] In step 550, based on the preview instruction, preview the target project on the preview page of the visual configuration system.

[0093] In one embodiment, through the preview page of the visual configuration system, based on the selection preview instruction, the target project can be previewed on the preview page, so that the user can preview the created target project without any download operation or installation of any scaffolding, reducing the development difficulty and improving the project development efficiency.

[0094] In another exemplary embodiment of this application, continuing with Figure 5 the described embodiment as an example, after step 550 (based on the preview instruction, preview the target project on the preview page of the visual configuration system), the project creation method may further include: downloading the target project based on the download instruction.

[0095] During application, after the developer previews the target project, a download instruction can be initiated on the preview page, for example, by clicking the download button, to download the target project.

[0096] In another exemplary embodiment of this application, continuing with Figure 5Taking the described embodiment as an example, after step 550 (previewing the target project on the preview page of the visualization configuration system based on the preview instruction), the project creation method may further include: based on the reconfiguration instruction, jumping from the preview page to the configuration page to re-select the first optional configuration information and the second optional configuration information corresponding to the user instruction based on the user instruction, so as to create a new target project.

[0097] In one embodiment, when the user finishes previewing the target project and finds that the target project is not a suitable one, at this time, a reconfiguration instruction can be initiated to jump the page from the preview page to the configuration page. And in the configuration page, a user instruction is re-initiated to re-select the first optional configuration information and the second optional configuration information. Furthermore, a target technology stack template can be obtained based on the first optional configuration information, and a target project template can be obtained based on the second optional configuration information. Then, based on the re-obtained target technology stack template and target project template, a new target project is created. Thus, the creation of a new target project can be achieved conveniently and efficiently.

[0098] As can be seen from the foregoing description, the project creation method provided by the present application enables the user to conveniently select corresponding configuration information according to requirements for visual project creation and preview, reduces the development difficulty, and improves the project development efficiency.

[0099] Figure 6 It is a schematic structural diagram of the project creation device provided by the present application.

[0100] The project creation device provided by the present application will be described below. The project creation device described below can be correspondingly referred to the project creation method described above.

[0101] In an exemplary embodiment of the present application, the project creation device can be applied to the visualization configuration system described in any of the foregoing embodiments. Combining Figure 6 it can be known that the project creation device may include a first module 610 to a fourth module 640, and each module will be introduced separately below.

[0102] The first module 610 can be configured to select the first optional configuration information and the second optional configuration information corresponding to the user instruction on the configuration page of the visualization configuration system based on the user instruction;

[0103] The second module 620 can be configured to configure and generate a target technology stack template based on the first optional configuration information;

[0104] The third module 630 can be configured to configure and generate a target project template based on the second optional configuration information;

[0105] The fourth module 640 can be configured to create a target project based on a target technology stack template and a target project template.

[0106] In an exemplary embodiment of the present application, the fourth module 640 can also be configured to:

[0107] Preview the target project on the preview page of the visualization configuration system based on a preview instruction.

[0108] In an exemplary embodiment of the present application, the second module 620 can configure and generate a target technology stack template based on the first optional configuration information in the following manner:

[0109] Send the first optional configuration information to the back-end processing layer, where the back-end processing layer is communicatively connected to the visualization configuration system;

[0110] Based on the back-end processing layer, parse the first optional configuration information, and obtain a target technology stack template corresponding to the first optional configuration information based on the parsing result.

[0111] In an exemplary embodiment of the present application, the third module 630 can configure and generate a target project template based on the second optional configuration information in the following manner:

[0112] Send the second optional configuration information to the back-end processing layer, where the back-end processing layer is communicatively connected to the visualization configuration system;

[0113] Based on the back-end processing layer, parse the second optional configuration information, and obtain a target project template corresponding to the second optional configuration information based on the parsing result.

[0114] In an exemplary embodiment of the present application, the second optional configuration information may include project configuration parameters;

[0115] The third module 630 can configure and generate a target project template based on the second optional configuration information in the following manner:

[0116] Based on the project configuration parameters selected on the configuration page according to a user instruction, determine a manually configured project template corresponding to the project configuration parameters, and use the manually configured project template as the target project template.

[0117] In an exemplary embodiment of the present application, the fourth module 640 can also be configured to:

[0118] Download the target project based on a download instruction.

[0119] In an exemplary embodiment of the present application, the fourth module 640 can also be configured to:

[0120] Based on the reconfiguration instruction, jump from the preview page to the configuration page, and re-select the first optional configuration information and the second optional configuration information corresponding to the user instruction based on the user instruction to create a new target project.

[0121] Figure 7 An example of the physical structure diagram of an electronic device is shown as Figure 7 shown. The electronic device may include: a processor 710, a communications interface 720, a memory 730, and a communication bus 740. Among them, the processor 710, the communications interface 720, and the memory 730 complete mutual communication through the communication bus 740. The processor 710 can call the logical instructions in the memory 730 to execute the project creation method. The method is applied to a visualization configuration system, and the method includes: based on the user instruction, select the first optional configuration information and the second optional configuration information corresponding to the user instruction on the configuration page of the visualization configuration system; based on the first optional configuration information, configure and generate a target technology stack template; based on the second optional configuration information, configure and generate a target project template; based on the target technology stack template and the target project template, create a target project.

[0122] In addition, when the logical instructions in the above-mentioned memory 730 can be implemented in the form of software function units and sold or used as an independent product, they can be stored in a computer-readable storage medium. Based on such an understanding, the technical solution of the present application, in essence, or the part that contributes to the prior art, or a part of this technical solution, can be embodied in the form of a software product. The computer software product is stored in a storage medium and includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the methods described in various embodiments of the present application. The foregoing storage medium includes: various media such as USB flash drives, mobile hard disks, read-only memories (ROM, Read-Only Memory), random access memories (RAM, Random Access Memory), magnetic disks, or optical discs that can store program codes.

[0123] On the other hand, the present application also provides a computer program product, which includes a computer program. The computer program can be stored on a computer-readable storage medium. When the computer program is executed by a processor, the computer can execute the project creation method provided by each of the above methods. The method is applied to a visualization configuration system, and the method includes: based on a user instruction, selecting first optional configuration information and second optional configuration information corresponding to the user instruction on a configuration page of the visualization configuration system; configuring and generating a target technology stack template based on the first optional configuration information; configuring and generating a target project template based on the second optional configuration information; and creating a target project based on the target technology stack template and the target project template.

[0124] In another aspect, the present application also provides a computer-readable storage medium, which includes a stored program. When the program runs, it executes the project creation method provided by each of the above methods. The method is applied to a visualization configuration system, and the method includes: based on a user instruction, selecting first optional configuration information and second optional configuration information corresponding to the user instruction on a configuration page of the visualization configuration system; configuring and generating a target technology stack template based on the first optional configuration information; configuring and generating a target project template based on the second optional configuration information; and creating a target project based on the target technology stack template and the target project template.

[0125] The device embodiments described above are merely illustrative. The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place, or may be distributed to multiple network units. Some or all of the modules can be selected according to actual needs to achieve the purpose of the solution of this embodiment. A person of ordinary skill in the art can understand and implement it without creative effort.

[0126] Through the description of the above embodiments, those skilled in the art can clearly understand that each embodiment can be implemented by means of software plus a necessary general hardware platform, and of course, also by hardware. Based on such an understanding, the essence of the above technical solution, or the part that contributes to the prior art, can be embodied in the form of a software product. The computer software product can be stored in a computer-readable storage medium, such as ROM / RAM, magnetic disk, optical disc, etc., and includes several instructions for causing a computer device (which can be a personal computer, a server, or a network device, etc.) to execute the methods described in each embodiment or some parts of the embodiments.

[0127] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit them; although the present application has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art should understand that they can still modify the technical solutions described in the foregoing embodiments, or perform equivalent replacements on some of the technical features; and these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present application.

Claims

1. A visualization configuration system, characterized in that, The visualization configuration system includes a configuration page and a preview page. Among them, the configuration page is used to provide multiple first optional configuration information and multiple second optional configuration information. Among them, the first optional configuration information is used to configure and generate a technology stack template, and the second optional configuration information is used to configure and generate a project template corresponding to the technology stack template. Among them, the technology stack template includes react, vue2, vue3, and angular; the preview page is used to preview the target project created based on the target technology stack template and the target project template, so as to facilitate the user to preview the created target project without any download operation or without installing any scaffolding. Among them, the target technology stack template is a technology stack template configured and generated based on the first optional configuration information selected on the configuration page according to the user instruction, and the target project template is a project template configured and generated based on the second optional configuration information selected on the configuration page according to the user instruction.

2. The visualization configuration system according to claim 1, wherein The target technology stack template is generated in the following way: Send the first optional configuration information selected on the configuration page based on the user instruction to the backend processing layer, where the backend processing layer is communicatively connected to the visualization configuration system; Based on the backend processing layer, parse the first optional configuration information, and obtain the target technology stack template corresponding to the first optional configuration information based on the parsing result.

3. The visualization configuration system according to claim 1, wherein The target project template is generated in the following way: Send the second optional configuration information selected on the configuration page based on the user instruction to the backend processing layer, where the backend processing layer is communicatively connected to the visualization configuration system; Based on the backend processing layer, parse the second optional configuration information, and obtain the target project template corresponding to the second optional configuration information based on the parsing result.

4. The visualization configuration system according to claim 1, wherein The project template includes a manually configured project template. The configuration page is also used to: Provide project configuration parameters. Among them, based on the project configuration parameters selected on the configuration page according to the user instruction, determine the manually configured project template corresponding to the project configuration parameters, and use the manually configured project template as the target project template.

5. The visualization configuration system according to claim 1, wherein The preview page is also used to: After previewing the target project, download the target project based on the download instruction.

6. The visualization configuration system according to claim 1, wherein The preview page is also used to: After previewing the target project, jump from the preview page to the configuration page based on the reconfiguration instruction, and be used to re-select the first optional configuration information and the second optional configuration information corresponding to the user instruction based on the user instruction to create a new target project.

7. A project creation method, characterized in that, Applied to the visualization configuration system described in any one of claims 1 to 6, the project creation method includes: Based on the user instruction, select the first optional configuration information and the second optional configuration information corresponding to the user instruction on the configuration page of the visualization configuration system; Based on the first optional configuration information, configure and generate a target technology stack template; Based on the second optional configuration information, configure and generate a target project template; Based on the target technology stack template and the target project template, create a target project.

8. The project creation method according to claim 7, characterized in that After creating the target project based on the target technology stack template and the target project template, the project creation method further includes: Based on a preview instruction, preview the target project on the preview page of the visualization configuration system.

9. The item creation method according to claim 7, characterized in that, The configuring and generating the target technology stack template based on the first optional configuration information specifically includes: Send the first optional configuration information to the back-end processing layer, where the back-end processing layer is communicatively connected to the visualization configuration system; Based on the back-end processing layer, parse the first optional configuration information, and obtain the target technology stack template corresponding to the first optional configuration information based on the parsing result.

10. The item creation method according to claim 7, characterized in that, The configuring and generating the target project template based on the second optional configuration information specifically includes: Send the second optional configuration information to the back-end processing layer, where the back-end processing layer is communicatively connected to the visualization configuration system; Based on the back-end processing layer, parse the second optional configuration information, and obtain the target project template corresponding to the second optional configuration information based on the parsing result.

11. The project creation method according to claim 7, characterized in that, The second optional configuration information includes project configuration parameters; The configuring and generating the target project template based on the second optional configuration information specifically includes: Based on the project configuration parameters selected on the configuration page according to a user instruction, determine the manually configured project template corresponding to the project configuration parameters, and use the manually configured project template as the target project template.

12. The project creation method according to claim 8, wherein After previewing the target project on the preview page of the visualization configuration system, the project creation method further includes: Based on a download instruction, download the target project.

13. The item creation method according to claim 8, characterized in that, After previewing the target project on the preview page of the visualization configuration system, the project creation method further includes: Based on a reconfiguration instruction, jump from the preview page to the configuration page, for re-selecting the first optional configuration information and the second optional configuration information corresponding to the user instruction according to the user instruction, so as to create a new target project.

14. A project creation device, characterized in that, Applied to the visualization configuration system according to any one of claims 1 to 6, the project creation device includes: A first module, configured to select the first optional configuration information and the second optional configuration information corresponding to the user instruction on the configuration page of the visualization configuration system according to the user instruction; A second module, configured to configure and generate a target technology stack template based on the first optional configuration information; A third module, configured to configure and generate a target project template based on the second optional configuration information; A fourth module, configured to create a target project based on the target technology stack template and the target project template.

15. An electronic device, comprising a memory and a processor, characterized in that, A computer program is stored in the memory, and the processor is configured to execute the project creation method according to any one of claims 7 to 13 through the computer program.

Images