Program development method and device, computing equipment and storage medium

Abstract

The invention provides a program development method and device. The program development method comprises the steps of displaying a single-page template configuration option in response to the fact that a program development tool is started; in response to the selection of the single-page template configuration option, displaying a single-page template configuration interface; automatically configuring parameters and components of at least one single-page template in the single-page template configuration interface according to user input; and generating a target program at least according to the configured parameters and components of the at least one single-page template.

Description

Technical Field

[0001] This disclosure relates to the field of computer technology, and more specifically to a program development method and apparatus, computing device, computer-readable storage medium, and computer program product. Background Technology

[0002] Application development refers to the process by which developers write program code to generate running applications that provide corresponding functions. Taking the development of a mini-program as an example, when developing a mini-program, developers use the code blocks they create to regenerate a completely new mini-program project.

[0003] However, this method of developing mini-programs using code blocks has the following drawbacks in related technologies: it cannot combine multiple code blocks to generate a mini-program, making it very inflexible; it requires configuring a new project space runtime environment and testing the AppID, resulting in a lengthy configuration process; the code block files are large in size, making importing them time-consuming and cumbersome; and the learning curve is steep for new users or beginners. These problems and drawbacks limit the further development of program development. Summary of the Invention

[0004] In view of the above, this disclosure provides a program development method and apparatus, a computing device, a computer-readable storage medium, and a computer program product, thereby alleviating, reducing, or even eliminating some or all of the above-mentioned problems, as well as other possible problems.

[0005] According to one aspect of this disclosure, a program development method is proposed, the method comprising: displaying a single-page template configuration option in response to the program development tool being started; displaying a single-page template configuration interface in response to the single-page template configuration option being selected; automatically configuring parameters and components of at least one single-page template in the single-page template configuration interface according to user input; and generating a target program based at least on the configured parameters and components of the at least one single-page template.

[0006] According to another aspect of this disclosure, a program development apparatus is proposed, comprising: a first display module configured to display a single-page template configuration option in response to the program development tool being started; a second display module configured to display a single-page template configuration interface in response to the single-page template configuration option being selected; a configuration module configured to automatically configure parameters and components of at least one single-page template according to user input in the single-page template configuration interface; and a generation module configured to generate a target program based at least on the configured parameters and components of the at least one single-page template.

[0007] According to some embodiments of this disclosure, the configuration module includes: a first configuration submodule configured to configure parameters of at least one single-page template in the single-page template configuration interface based on first user input; and a second configuration submodule configured to configure components of at least one single-page template in the single-page template configuration interface based on second user input.

[0008] According to some embodiments of this disclosure, the generation module includes: a third configuration submodule configured to perform visual configuration of components of the at least one single-page template in the single-page template configuration interface based on third user input; and a generation submodule configured to generate a target program based on the configured parameters and components of the at least one single-page template and the visual configuration.

[0009] According to some embodiments of this disclosure, the first configuration submodule includes: a pre-parameter configuration module, which is configured to configure at least one pre-parameter of a single-page template in the single-page template configuration interface according to a first sub-input input by a first user; and an initialization parameter configuration module, which is configured to configure at least one initialization parameter of a single-page template in the single-page template configuration interface according to a second sub-input input by a first user.

[0010] According to some embodiments of this disclosure, the second display module includes: a configuration form display module, which is configured to display a configuration form of the single-page template in response to the selection of the single-page template configuration option. The configuration form includes startup parameters of the single-page template, import path of the single-page template, name of the single-page template, and content of the single-page template. The pre-parameter configuration module includes: an editing module, which is configured to edit the configuration form according to the first sub-input to configure at least one pre-parameter of the single-page template.

[0011] According to some embodiments of this disclosure, the editing module includes: a first determining module configured to determine the reading path of the startup parameters; a second determining module configured to determine the type of component to be used when configuring at least one single-page template based on the form input component; a validation rule defining module configured to define validation rules for the form input component; and a pre-parameter configuration sub-module configured to edit the configuration form based on the reading path and the validation rules to configure pre-parameters for at least one single-page template.

[0012] According to some embodiments of this disclosure, the editing module further includes: a call-up module configured to call up a display window for a header image path in response to the completion of editing of the configuration form, the header image path indicating the import path of the cover image of the target program.

[0013] According to some embodiments of this disclosure, the initialization parameter configuration module includes: a first acquisition module configured to acquire a first configuration file of at least one single-page template, the first configuration file indicating the structure information, style information, and component types of the single-page template; a first parsing module configured to parse the first configuration file according to a second sub-input; and an initialization parameter configuration submodule configured to configure the initialization parameters of each component of the at least one single-page template according to the parsed first configuration file.

[0014] According to some embodiments of this disclosure, the second configuration submodule includes: a configuration rule definition module, which is configured to define configuration rules for at least one component of a single-page template in the single-page template configuration interface based on the second user input; and a component configuration module, which is configured to configure at least one component of a single-page template according to the defined configuration rules.

[0015] According to some embodiments of this disclosure, the third configuration submodule includes: a presentation module configured to present a plurality of candidate components; a second acquisition module configured to acquire a second configuration file of the at least one single-page template, the second configuration file indicating drag action information of a target candidate component among the plurality of candidate components, wherein the drag action indicates moving the target candidate component from a candidate component area to a target area; a second parsing module configured to parse the second configuration file according to the third user input; and a drag module configured to drag the target candidate component to the target area according to the parsed second configuration file.

[0016] According to some embodiments of this disclosure, the generation module includes: a target page generation module configured to generate a target page based at least on parameters and components of the configured at least one single-page template; a third acquisition module configured to acquire a plurality of target components corresponding to the target page, each target component indicating different types of programming content of the target page; and an embedding module configured to embed the plurality of target components into the project file of the target program.

[0017] According to another aspect of this disclosure, a computing device is proposed, comprising: a memory and a processor, wherein the memory stores a computer program that, when executed by the processor, causes the processor to perform a method according to some embodiments of this disclosure.

[0018] According to another aspect of this disclosure, a computer-readable storage medium is provided on which computer-readable instructions are stored, which, when executed, implement methods according to some embodiments of this disclosure.

[0019] According to another aspect of this disclosure, a computer program product is proposed, comprising a computer program that, when executed by a processor, implements a method according to some embodiments of this disclosure.

[0020] In the program development method and apparatus according to some embodiments of the present disclosure, by displaying a single-page template configuration interface in response to the selection of a single-page template configuration option, and then automatically configuring the parameters and components of at least one single-page template according to user input in the single-page template configuration interface and generating a target program based thereon, the inconvenience of importing code using code blocks can be overcome, the configuration process of the program development process can be reduced, multiple single-page templates can be flexibly combined under different scenarios and objectives, more complex target programs can be efficiently built, developer efficiency can be improved, and human-computer interaction efficiency in the program development process can be improved.

[0021] These and other aspects of this application will be clearly understood from the embodiments described below, and will be elucidated with reference to the embodiments described below. Attached Figure Description

[0022] The various aspects, features, and advantages of this disclosure will be readily understood from the following detailed description and accompanying drawings, in which:

[0023] Figure 1 An example implementation environment of a program development method according to some embodiments of this disclosure is illustrated schematically;

[0024] Figure 2 A flowchart illustrating a program development method according to some embodiments of the present disclosure is shown schematically;

[0025] Figure 3 A schematic diagram of an interface for a program development method according to some embodiments of the present disclosure is shown.

[0026] Figure 4 A flowchart illustrating a program development method according to some embodiments of the present disclosure is shown schematically;

[0027] Figure 5 A schematic diagram illustrating the principle of a program development method according to some embodiments of the present disclosure is shown.

[0028] Figure 6 A schematic diagram of an interface for a program development method according to some embodiments of the present disclosure is shown.

[0029] Figure 7 A schematic diagram of an interface for a program development method according to some embodiments of the present disclosure is shown.

[0030] Figure 8AThe diagram illustrates, schematically, code representations of a program development method according to some embodiments of the present disclosure;

[0031] Figure 8B The diagram illustrates the effect of using a program development method according to some embodiments of the present disclosure;

[0032] Figure 9 An example block diagram schematically illustrates a program development apparatus according to some embodiments of the present disclosure; and

[0033] Figure 10 An example block diagram of a computing device according to some embodiments of the present disclosure is shown schematically.

[0034] It should be noted that the above-mentioned figures are merely schematic and illustrative, and are not necessarily drawn to scale. Detailed Implementation

[0035] Several embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings to enable those skilled in the art to implement this disclosure. This disclosure may be embodied in many different forms and for various purposes and should not be limited to the embodiments set forth herein. These embodiments are provided to make this disclosure comprehensive and complete, and to fully convey the scope of this disclosure to those skilled in the art. The embodiments described do not limit this disclosure.

[0036] It will be understood that although the terms first, second, third, etc., may be used herein to describe various elements, components, and / or parts, these elements, components, and / or parts should not be limited by these terms. These terms are used only to distinguish one element, component, or part from another. Therefore, the first element, component, or part discussed below may be referred to as the second element, component, or part without departing from the teachings of this disclosure.

[0037] The terminology used herein is for the purpose of describing particular embodiments only and is not intended to limit this disclosure. As used herein, the singular forms “a,” “an,” and “the” are intended to include the plural forms as well, unless the context clearly indicates otherwise. It will be further understood that the terms “comprising” and / or “including” as used in this specification designate the presence of the stated features, integrals, steps, operations, elements, and / or components, but do not exclude the presence or addition of one or more other features, integrals, steps, operations, elements, components, and / or groups thereof. As used herein, the term “and / or” includes any and all combinations of one or more of the associated listed items.

[0038] Unless otherwise defined, all terms used herein (including technical and scientific terms) shall have the same meaning as commonly understood by one of ordinary skill in the art to which this disclosure pertains. It will be further understood that terms such as those defined in commonly used dictionaries shall be interpreted as having a meaning consistent with their meaning in the relevant field and / or the context of this specification, and shall not be interpreted in an idealized or overly formal sense unless expressly defined herein.

[0039] The block diagrams shown in the accompanying drawings are merely functional entities and do not necessarily correspond to physically independent entities. That is to say, these functional entities can be implemented in software, in one or more hardware modules or integrated circuits, or in different network and / or processor devices and / or microcontroller devices.

[0040] The flowcharts shown in the accompanying drawings are merely illustrative and do not necessarily include all promotional information and operations / steps, nor do they necessarily need to be performed in the described order. For example, some operations / steps can be broken down, while others can be combined or partially combined; therefore, the actual execution order may change depending on the specific circumstances.

[0041] Those skilled in the art will understand that the accompanying drawings are merely example interfaces of example embodiments, and the modules or processes in the drawings are not necessarily necessary for implementing this application, and therefore cannot be used to limit the scope of protection of this application.

[0042] Application development refers to the process by which developers write program code to generate running applications that provide corresponding functionalities. Application development can be implemented as the development of applications or as the development of mini-programs. A mini-program is a lightweight application that uses an application as its host application; it can run and be used instantly on certain platforms without requiring users to download and install it. This disclosure uses the development of mini-programs as an example for illustration.

[0043] Before detailing the embodiments of this disclosure, for clarity, we will first explain some related concepts using mini-program development as an example.

[0044] 1. Developer Tools: These are tools used to assist developers in developing and debugging mini-programs simply and efficiently. Developers can use these tools to edit program code, debug the operation of the mini-program, identify errors in the debugging results, and generate the mini-program's code package after development is complete. They can then deploy the mini-program online based on the code package.

[0045] 2. Developer tool plugins: These are extensions that can run on developer tools and provide functionality that the developer tools themselves do not have.

[0046] 3. Single-page template: In this embodiment, it refers to the pre-created mini-program page code package, which includes a single or group of page files and the component files, resource files, etc. required within the page. This single-page template provides a page structure with minimal granularity. Optionally, the single-page template cannot run independently and needs to be added to a mini-program project.

[0047] 4. app.json: This refers to the global configuration file of the mini program. During the startup process, the mini program will read the page and global configurations from this configuration file and perform corresponding actions.

[0048] 5. AppID: This is the unique identifier of a mini-program. Each mini-program obtains a unique AppID during development and release. It is used to identify and distinguish different mini-programs and plays a key role in backend management and data statistics.

[0049] In related technologies, mini-program development uses code blocks to import code and create projects; that is, a completely new mini-program project is generated using user-created code blocks. However, this method of mini-program development using code blocks has the following drawbacks: projects are created on a per-project-file basis, and because code blocks are large and difficult to divide, it is impossible to combine multiple code blocks to generate a mini-program, making it very inflexible; a new project space runtime environment and test AppID need to be configured, resulting in a lengthy configuration process; the large file size during code import makes it time-consuming and cumbersome; and the high cost of understanding for users, especially new users or beginners, makes it unsuitable for any educational scenarios.

[0050] This application provides a program development method that utilizes single-page templates to build target mini-programs more quickly, efficiently, and flexibly, thereby solving the problems existing in the mini-program development method using code blocks and expanding the application scenarios of developer tools. Figure 1 An example implementation environment 100 of a program development method according to some embodiments of this disclosure is illustrated schematically. For example... Figure 1 As shown, the implementation environment 100 may include a terminal device 110 and a server 120, as well as a network 130 for connecting the terminal device 110 and the server 120. In some embodiments, the terminal device 110 may be used to implement the program development method according to the present disclosure. For example, the terminal device 110 may be deployed with corresponding programs or instructions for performing various methods provided in the present disclosure. Optionally, the server 120 may also be used to implement various methods according to the present disclosure.

[0051] Terminal device 110 can be any type of mobile computing device, including mobile computers (e.g., personal digital assistants (PDAs), laptops, notebook computers, tablets, netbooks, etc.), such as Figure 1 The mobile phone (e.g., cellular phone, smartphone, etc.), wearable computing device (e.g., smartwatch, head-mounted device, including smart glasses), or other types of mobile device shown. In some embodiments, terminal device 110 may also be a fixed computing device, such as a desktop computer, game console, smart TV, etc.

[0052] Terminal device 110 may include a display screen (not shown) and a terminal application (not shown) that allows interaction with the user via the display screen. The terminal application may be a local application, a web application, or a lightweight application (such as a mobile app or WeChat mini-program). If the terminal application is a local application that requires installation, it can be installed on terminal device 110. If the terminal application is a web application, it can be accessed through a browser. If the terminal application is a mini-program, it can be opened directly on the user's terminal without installation by searching for relevant information (such as the application's name) or scanning its graphic code (such as a barcode or QR code).

[0053] Server 120 can be a single server or a server cluster, or it can be a cloud server or cloud server cluster capable of providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN, and big data and artificial intelligence platforms. Cloud technology refers to a hosting technology that unifies hardware, software, and network resources within a wide area network (WAN) or local area network (LAN) to achieve data computation, storage, processing, and sharing. Cloud technology is a general term for network technologies, information technologies, integration technologies, management platform technologies, and application technologies applied based on the cloud computing business model. It can form resource pools, be used on demand, and is flexible and convenient. Cloud computing technology will become a crucial support. The backend services of technical network systems require substantial computing and storage resources, such as video websites, image websites, and many portal websites. With the rapid development and application of the internet industry, every item may have its own identification mark in the future, requiring transmission to a backend system for logical processing. Data at different levels will be processed separately, and various industry data will require powerful system support, which can only be achieved through cloud computing. It should be understood that the server mentioned herein is typically a server computer with ample memory and processor resources, but other embodiments are also possible. Alternatively, server 120 may also be a regular desktop computer, including a host, monitor, etc.

[0054] Examples of network 130 include combinations of local area networks (LANs), wide area networks (WANs), personal area networks (PANs), and / or communication networks such as the Internet. Server 120 and terminal device 110 may include at least one communication interface (not shown) capable of communicating via network 130. Such a communication interface may be one or more of the following: any type of network interface (e.g., a network interface card (NIC)), wired or wireless (such as IEEE 802.11 wireless LAN (WLAN)) wireless interface, Wi-MAX interface, Ethernet interface, Universal Serial Bus (USB) interface, cellular network interface, Bluetooth. TM Interfaces, Near Field Communication (NFC) interfaces, etc.

[0055] like Figure 1As shown, terminal device 110 may include a display screen 111, and terminal users can interact with terminal application 112 via the display screen 111. Terminal device 110 may interact with server 120, for example, via network 130, such as sending data to or receiving data from it. Terminal application 112 may be a local application, a web application, or a lightweight application (LiteApp, such as a mobile app or WeChat app). If the terminal application is a local application that requires installation, terminal application 112 can be installed on terminal device 110. If terminal application 112 is a web application, it can be accessed through a browser. If terminal application 112 is an app, it can be opened directly on terminal device 110 by searching for relevant information about the terminal application (such as the name of the terminal application) or scanning the graphic code of the terminal application (such as a barcode or QR code), without the need to install terminal application 112.

[0056] Figure 1 The example implementation environment shown is merely illustrative, and the program development method according to this disclosure is not limited to the example implementation environment and server shown. It should be understood that although server 120 and terminal device 110 are shown and described as separate structures herein, they may be different components of the same computing device. Optionally, all steps of the program development method according to some embodiments of this disclosure may also be implemented on the server 120 side, or may be implemented jointly on the terminal device 110 side and the server 120 side.

[0057] Figure 2 A flowchart illustrating a program development method according to some embodiments of the present disclosure is shown schematically. In some embodiments, such as Figure 1 As shown, the program development method according to this disclosure can be executed on the terminal device 110 side. In other embodiments, the program development method according to this disclosure can also be executed in combination by the server 120 and the terminal device 110.

[0058] like Figure 2 As shown, the program development method according to some embodiments of this disclosure may include steps S210-S240:

[0059] S210, in response to the program development tool being launched, displays the single-page template configuration options;

[0060] S220, in response to the single-page template configuration option being selected, the single-page template configuration interface is displayed;

[0061] S230, in the single-page template configuration interface, at least one single-page template's parameters and components are automatically configured based on user input;

[0062] S240, generate the target program based at least on the parameters and components of the configured at least one single-page template.

[0063] After the program development interface is displayed, such as Figure 3 As shown, step S210 is executed, wherein... Figure 3 A schematic diagram of the interface of a program development method according to some embodiments of this disclosure is shown. Here, the program development tool can be the aforementioned developer tool, and is described herein as an example of a developer tool. After starting the developer tool, the program development interface is displayed. Optionally, the development interface is an interface provided in the developer tool application. In some embodiments, the developer tool application is implemented as a regular development application; or, the developer tool application is implemented as a small program parasitically attached to a host program. Optionally, the development interface includes a code file list display area, a code editing area, and a debugging area, wherein the code file list display area is used to display a list of code files of the target program; the code editing area is used to edit the code in the opened and displayed code files, such as writing or deleting; the debugging area is used to run and debug the currently programmed part of the target program and display the debugging results, such as debugging whether the target program has vulnerabilities (bugs), whether there are runtime errors, etc. The specific execution process of step S210 is as follows: When the user uses the developer tool to develop the program after starting the developer tool, in the project file directory (editor directory tree) of the small program, the user can call up the entry point of the single-page template configuration option by right-clicking the mouse or other means. Figure 3 In addition to the single-page template configuration option mentioned above (i.e., the option "Configure Single-Page Template"), there are other options, which will not be elaborated here.

[0064] After executing step S210, proceed to step S220, where the single-page template configuration option is selected to display the single-page template configuration interface (which may be a pop-up window). Using mouse operation as an example, move the mouse pointer to the single-page template configuration option and click the left mouse button to select that option. Users can also customize and automatically import single-page template code blocks in the current directory, and automatically configure them in the project's app.json file.

[0065] After executing step S220, step S230 is executed, where user input can include editing the page, clicking buttons, dragging sliding windows, dragging components, two-finger clicks, etc., all of which can be performed, for example, using a mouse and keyboard. Specific single-page templates are automatically configured based on these types of user input. The number of configurable single-page templates can be one or more, depending on the complexity of the final target program and the intended application scenario. For ease of explanation, the following description uses the configuration of one single-page template as an example, but those skilled in the art will understand that this does not mean that only one single-page template can be configured; in the case of configuring multiple single-page templates, these templates can be configured sequentially. User input, as well as the parameters and components of the single-page templates, will be described in detail below.

[0066] After performing step S230, step S240 is performed. Here, the target program can be generated using at least one configured single-page template; or the at least one configured single-page template can be combined with other configurations (e.g., visualization configurations) to complete program development.

[0067] The following is combined Figures 4-7 Detailed description of step S230, wherein Figure 4 A flowchart illustrating a program development method according to some embodiments of the present disclosure is shown schematically. Figure 5 The schematic diagram illustrates the principle of a program development method according to some embodiments of the present disclosure. Figure 6 A schematic diagram of an interface for a program development method according to some embodiments of the present disclosure is shown, and Figure 7 A schematic diagram of an interface for a program development method according to some embodiments of the present disclosure is shown.

[0068] In some embodiments, such as Figure 4 As shown, step S230 may include:

[0069] S410, Configure at least one single-page template parameter in the single-page template configuration interface according to the first user input;

[0070] S420, in the single-page template configuration interface, configure at least one component of a single-page template based on the input of the second user.

[0071] The parameters of a single-page template can include initialization parameters used during template initialization and prerequisite parameters that need to be set before initialization. These parameters define the basic properties of the single-page template. The components of a single-page template can include the following types: script code files (with the .js extension), style code files (with the .wxss extension), configuration code files (with the .json extension), and page structure code files (with the .wxml extension). Specifically, .js files can be used to store page data, event handlers, lifecycle functions, etc.; json files can be used to configure the appearance and behavior of the window, page lists, etc.; wxml files can be used to describe the layout and structure of the mini-program page using a tag language similar to Hypertext Markup Language (HTML); and wxss files can be used to describe the appearance and style of the mini-program page using a style definition language similar to Cascading Style Sheets (CSS). Therefore, this separation of content and style effectively ensures that modifications to file content and file styles do not affect each other. The parameters and components of a single-page template are both important components; therefore, configuring a single-page template can be viewed as configuring its parameters and components. Figure 5 This is shown more clearly in the text.

[0072] For WeChat Mini Program development, creating a project requires a certain level of understanding and time investment from users. To lower the barrier to entry for Mini Program development and support quick project import, single-page template technology can be used. Single-page template technology omits non-standard code portions found in Mini Program development methods that use code blocks (such as...). Figure 5 As shown on the left), only the most basic parameter module and component module (such as...) are extracted. Figure 5 (As shown on the right), and import it into the specified project. Then, the target application can be generated based on at least the parameters and components of the configured single-page template. Therefore, when developing applications using single-page templates, users no longer need to worry about the overall structure of the project or complex information such as AppID when creating the project; they only need to determine the directory path where the single-page template is generated and then import the single-page template from that directory path.

[0073] In some embodiments, step S410 may include: configuring at least one pre-parameter of a single-page template in the single-page template configuration interface based on a first sub-input from the first user; and configuring at least one initialization parameter of a single-page template in the single-page template configuration interface based on a second sub-input from the first user. The pre-parameter of the single-page template may include page structure parameters, the import path of the single-page template, etc. Here, the first sub-input from the first user may be an editing operation using a mouse and keyboard. The initialization parameters of the single-page template may include the structure information of the single-page template, the style information of the single-page template, and the component type of the single-page template. Here, the second sub-input from the first user may be an editing operation using a mouse and keyboard, or it may be clicking a button in the interface to parse a specific single-page configuration file (e.g., the single-page.config.json file). Because in actual teaching scenarios, there may be single-page templates that have already been used, it is necessary to initialize these used single-page templates when generating a new target program, so that users can repeatedly configure various single-page templates for use.

[0074] In some embodiments, step S220 may include: in response to the single-page template configuration option being selected, displaying a configuration form for the single-page template, the configuration form including the single-page template's startup parameters, import path, name, and content; and configuring at least one single-page template's prerequisite parameters in the single-page template configuration interface based on a first sub-input from a first user may include editing the configuration form based on the first sub-input to configure at least one single-page template's prerequisite parameters. That is, the configuration form for the single-page template can be used to complete the configuration of the single-page template. The configuration form for the single-page template is typically used to set page attributes, such as setting the page title, navigation bar background color, navigation bar text color (e.g., black or white), page background color, enabling pull-to-refresh functionality, and specifying the path to custom components used by the page. Here, the startup parameters of the single-page template are used to pass information when the page is opened, thereby enhancing interaction and data transfer between pages. The first sub-input can be the configuration form displayed in the interface, which the user edits using a mouse and keyboard to configure the single-page template's prerequisite parameters. Because the import path for the single-page template is set in advance, the single-page template will not repeatedly import existing data.

[0075] In some embodiments, editing the configuration form based on the first sub-input to configure the prerequisite parameters of at least one single-page template may include: determining the reading path of the startup parameters; determining the type of components to be used when configuring the single-page template based on the form input components; defining the validation rules of the form input components; and editing the configuration form based on the reading path and the validation rules to configure the prerequisite parameters of at least one single-page template. The reading path of the startup parameters defines the folder path to be read when the single-page template is started. Form input components are used to collect data input by the user. Common form input components include input components (for single-line text input), textarea components (for multi-line text input), picker components (for selecting dates, times, or custom options), switch components (for selecting switch states), and slider components (for selecting a sliding range value); the type of component can be determined based on these form input components. Validation of form input components is an important step in ensuring the validity and correctness of user input data. Form input validation rules can be customized according to specific needs to ensure that the data submitted by the user meets expectations. The validation rules for form input components can include, for example, required field validation (ensuring that the user fills in required fields before submitting the form), format validation (verifying that the user's input conforms to a specific format), minimum and maximum length validation (ensuring that the text entered by the user meets the length requirements), and password validation (confirming that the entered password field matches a predefined password field). Then, the configuration form can be edited based on the read path and validation rules, allowing for more flexible customization of single-page template content and reducing the initial learning curve for users using developer tools.

[0076] In some embodiments, editing the configuration form based on the first sub-input to configure prerequisite parameters for at least one single-page template may further include: in response to the configuration form being edited, invoking a display window for the header image path, the header image path indicating the import path of the cover image of the target program. Generally, to better present the target program, a header image (i.e., a cover image) can be set for the target program. Figure 6 As shown, after the configuration form is edited, the window displaying the rendered header image path can be invoked. Figure 6In the "Header Image Path" field, users can manually enter or select the path to import the header image; alternatively, they can leave the header image path blank, thus preventing it from being displayed in the target program. Furthermore, when replacing an imported header image, users can drag and drop or upload a replacement image from their local drive. The selected image will then replace the original imported header image, and the imported header image will be deleted. Alternatively, after selecting an imported header image in the target program, a deletion operation can be initiated, such as dragging the image to the delete control or clicking the delete control, thereby removing the imported header image from the target program. In the lower right corner of the window are two buttons, "Back" and "New Page," which users can click to perform corresponding operations. This makes it easier to determine whether to set a header image for the target program and what kind of header image to use.

[0077] In some embodiments, configuring the initialization parameters of at least one single-page template in the single-page template configuration interface based on the second sub-input of the first user input may include: obtaining a first configuration file of the single-page template, the first configuration file indicating the structure information, style information, and component types of the single-page template; parsing the first configuration file based on the second sub-input; and configuring the initialization parameters of each component of the at least one single-page template based on the parsed first configuration file. As mentioned above, the first configuration file may be a single-page.config.json file, which is used to configure the page information and settings of the single-page template. This single-page.config.json file is mainly used to define the basic configuration of the page, including the page style, window appearance, navigation bar, background color, component type, etc., which provides the necessary information for building the single-page mini-program. Then, the single-page.config.json file can be placed in the root directory of the mini-program project according to the second sub-input, and the developer tools will automatically recognize and parse the configuration file; optionally, this process can also be completed through a single-page template plugin. Afterwards, the initialization parameters of each component of at least one single-page template can be configured according to the parsed single-page.config.json file. These initialization parameters are used to configure the initial state and behavior of components. These include specifying CSS class names, setting inline styles, setting button types and sizes, setting input box types and default values, image paths or network addresses and cropping modes, selector modes and initial values, and dialog box titles and content, etc. In this way, by parsing the first configuration file, the parameters of the single-page template are initialized and injected into the page configuration code. Through this method, when creating a single page, users can completely customize and create arbitrary code logic based on the initial variables, and the maintainers of the mini-program single page do not need to concern themselves with any business logic.

[0078] In some embodiments, after configuring the initialization parameters of each component of the at least one single-page template as described above, the import path can be parsed, and the project's components, pages, and data can be imported by invoking a communication protocol. The invoke communication protocol can be used for data interaction between developer tools and debugging code. It allows developers to perform various operations through tools during development and debugging phases, such as calling application programming interfaces (APIs), obtaining debugging information, etc., and transmitting requests and responses between the developer tools and the mini-program's runtime environment. Then, the page information can be injected into app.json, and the project can be recompiled, allowing for a trial run to check for vulnerabilities in the single-page template. If no vulnerabilities are found, the initialization process of the single-page template can be completed.

[0079] In some embodiments, the developer tools can model parameter configurations from historical projects. This involves importing configuration files from historical projects for analysis and modeling, and using a version control system to track and model configuration changes across different versions. Then, when a user selects a single-page template, N sets of parameter configurations (where N can be a positive integer) are automatically recommended. This can be achieved through backend processing (e.g., processing template selection on the server side and returning the corresponding configuration recommendations) or frontend processing (e.g., reading the configuration template and automatically populating the parameter settings via code (e.g., JavaScript code) in the frontend application). The recommended parameter configurations are displayed in the user interface, allowing users to click on different recommended parameter group names to automatically populate these configurations into forms, pop-ups, or settings panels. Users can then modify these parameter configurations or directly generate new projects based on them. This can be achieved through forms, sliders, or other input controls, ensuring users can modify individual configuration items and create new project structures. Through automatic recommendations and configuration application, users can start projects faster and improve development efficiency and consistency.

[0080] In some embodiments, step S420 may include: defining configuration rules for at least one component of a single-page template in the single-page template configuration interface based on the second user input; and configuring the components of at least one single-page template according to the defined configuration rules. The configuration rules may include configuring component logic, configuring component attributes, configuring event binding and data binding, configuring component display and hiding, configuring styles and layouts, etc. Here, the second user input can be input by the user using a mouse and keyboard. The user can customize the code content of the single-page template, including custom component code, which will be automatically imported and configured in the project's app.json when the user uses it. Similarly, custom component configuration needs to follow the component structure, which includes js files, json files, wxml files, and wxss files. Then, the components of the single-page template can be configured according to the defined configuration rules. Figure 7 As shown, the component is named "turtle-canvas". By clicking the down arrow to the left of this name, you can expand its specific component structure (such as the four types mentioned above). This allows the components of the single-page template to be configured according to predetermined rules.

[0081] The following will continue to combine Figure 8A Detailed description of step S240, wherein Figure 8A The diagram illustrates code examples of a program development method according to some embodiments of this disclosure. In some embodiments, step S240 may include: visually configuring the components of a single-page template in a single-page template configuration interface based on third user input; and generating a target program based on the configured parameters and components of the single-page template and the visual configuration. Visual operations can be performed to more intuitively configure the components of the single-page template. For example, in a teacher-student user scenario, the teacher needs to visually demonstrate how to place the configured components in a designated area in the single-page template configuration interface so that students can learn to use the single-page template more quickly. Here, the third user input can be editing operations using a mouse and keyboard, or clicking a button in the interface to parse a specific integrated development environment configuration file (e.g., here it could be the wechatide.ib.json file). Afterwards, the target program can be generated based on the configured parameters and components of the single-page template and the visual configuration, thereby enabling more flexible and rapid integration into educational scenarios and lowering the barrier to entry for low-code development.

[0082] In some embodiments, the visual configuration of components of a single-page template based on third user input in the single-page template configuration interface may include: presenting multiple candidate components; obtaining a second configuration file of the single-page template, the second configuration file indicating drag-and-drop action information for a target candidate component among the multiple candidate components, wherein the drag-and-drop action indicates moving the target candidate component from a candidate component area to a target area; parsing the second configuration file based on third user input; and dragging the target candidate component to the target area according to the parsed second configuration file. The candidate component area in the single-page template configuration interface can be as follows: Figure 7 As shown, the target area in the single-page template configuration interface can be the project area of ​​the target program. As mentioned above, the second configuration file can be a wechatide.ib.json file, which can indicate the corresponding drag-and-drop action information. Then, based on the third user input, the wechatide.ib.json file can be placed in the root directory of the mini-program project, and the developer tools will automatically recognize and parse the configuration file; optionally, this process can also be completed through a single-page template plugin. After parsing, the parsed wechatide.ib.json file is injected into the global .wechatide.ib.json, thereby enabling drag-and-drop actions on components in the single-page template configuration interface. In other words, because there may be multiple candidate components in the candidate component area, the user can select the target candidate component with the mouse and drag it from the candidate component area to the target area. This allows users to drag and drop components after importing them, effectively supporting educational business scenarios and expanding to other use cases.

[0083] For WeChat Mini Program development, a single-page template is an independent runtime environment within the developer tools. Therefore, it needs to use Wechatide as a communication channel for transferring files and messages. This is also how file transfer and project import are handled. Figure 8A As shown, after importing the single-page template, by parsing the wechatide.ib.json file, it is possible to support the interactive drag-and-drop linkage between the custom imported components and the developer tools, which plays a very convenient role in teaching scenarios.

[0084] In some embodiments, step S240 may also include: generating a target page based at least on the parameters and components of the configured single-page template; obtaining multiple target components corresponding to the target page, each target component indicating different types of programming content of the target page; and embedding the multiple target components into the project file of the target program. The target components may include script code files, style code files, configuration code files, and page structure code files, and may also include other types of code files. These target components are then placed in the project file of the target program by dragging and dropping or importing, thereby generating the target program. This allows for convenient and rapid generation of the target program. The single-page module can also import code packages compiled by third-party npm (Node Package Manager), and different single-page templates can be flexibly combined, thus enabling the flexible construction of complex mini-program applications.

[0085] The effects obtained by utilizing the program development method according to some embodiments of the present disclosure are described below in conjunction with Figure 8B Further explanation. Figure 8B The illustration schematically shows the effect of using a program development method according to some embodiments of the present disclosure. It should be noted that... Figure 8B The illustrated diagrams are merely illustrative and exemplary, and do not imply any limitation on the methods disclosed herein. Figure 8B As shown, the blank area on the left is the target program's project area, presented as a preview. On the right, users can search for target candidate components using keywords, then select the candidate component (e.g., "button," as shown in the box) and drag it to the target area on the left. Users can also select the component library type, such as a custom component library or a third-party component library (e.g., "EDU," as shown in the box). Users can also edit the corresponding content in the table at the bottom right.

[0086] Thus, by utilizing the program development method according to some embodiments of this disclosure, a single-page template configuration interface is displayed in response to the selection of a single-page template configuration option. Furthermore, at least one single-page template's parameters and components are automatically configured based on user input in the single-page template configuration interface, and a target program is generated based on it. This overcomes the inconvenience of importing code using code blocks, reduces the configuration process in program development, allows for flexible combination of multiple single-page templates under different scenarios and objectives, efficiently constructs more complex target programs, improves developer efficiency, and enhances human-computer interaction efficiency during program development.

[0087] Figure 9 An example block diagram of a program development apparatus 900 according to some embodiments of the present disclosure is shown schematically. Figure 9 The program development device 900 shown can correspond to Figure 1 The terminal device 110 shown is shown.

[0088] like Figure 9 As shown, the program development apparatus 900 may include a first display module 910, a second display module 920, a configuration module 930, and a generation module 940. The first display module 910 may be configured to display single-page template configuration options in response to the program development tool being launched. The second display module 920 may be configured to display a single-page template configuration interface in response to the selection of the single-page template configuration option. The configuration module 930 may be configured to automatically configure the parameters and components of at least one single-page template based on user input in the single-page template configuration interface. The generation module 940 may be configured to generate a target program based at least on the configured parameters and components of the at least one single-page template.

[0089] It should be noted that the various modules described above can be implemented in software, hardware, or a combination of both. Multiple different modules can be implemented within the same software or hardware architecture, or a single module can be implemented by multiple different software or hardware architectures.

[0090] In the program development apparatus according to some embodiments of the present disclosure, by displaying a single-page template configuration interface in response to the selection of a single-page template configuration option, and then automatically configuring the parameters and components of at least one single-page template according to user input in the single-page template configuration interface and generating a target program based thereon, the inconvenience of importing code using code blocks can be overcome, the configuration process of the program development process can be reduced, multiple single-page templates can be flexibly combined in different scenarios and objectives, more complex target programs can be built efficiently, developer efficiency can be improved, and human-computer interaction efficiency in the program development process can be improved.

[0091] Figure 10 An example block diagram of a computing device 1000 according to some embodiments of the present disclosure is schematically shown. The computing device 1000 may represent a device for implementing the various apparatuses or modules described herein and / or performing the various methods described herein. The computing device 1000 may be, for example, a server, desktop computer, laptop computer, tablet, smartphone, smartwatch, wearable device, or any other suitable computing device or computing system, which may include various levels of devices ranging from full-resource devices with large storage and processing resources to low-resource devices with limited storage and / or processing resources. In some embodiments, the above regarding... Figure 9 The described program development apparatus 900 can be implemented in one or more computing devices 1000.

[0092] like Figure 10As shown, the example computing device 1000 includes a processing system 1001 communicatively coupled to each other, one or more computer-readable media 1002, and one or more I / O interfaces 1003. Although not shown, the computing device 1000 may also include a system bus or other data and command transmission system that couples the various components to each other. The system bus may include any or a combination of different bus architectures, such as a memory bus or memory controller, a peripheral bus, a universal serial bus, and / or a processor or local bus utilizing any of the various bus architectures. Alternatively, it may also include control and data lines.

[0093] Processing system 1001 represents the functionality of performing one or more operations using hardware. Therefore, processing system 1001 is illustrated as including hardware elements 1004 that can be configured as processors, function blocks, etc. This may include other logic devices implemented in hardware as application-specific integrated circuits (ASICs) or formed using one or more semiconductors. Hardware element 1004 is not limited by the materials in which it is formed or the processing mechanism employed therein. For example, a processor may consist of semiconductors and / or transistors (e.g., integrated circuits (ICs)). In such a context, processor-executable instructions may be electronically executable instructions.

[0094] Computer-readable medium 1002 is illustrated as including memory / storage device 1005. Memory / storage device 1005 represents a memory / storage device associated with one or more computer-readable media. Memory / storage device 1005 may include volatile media (such as random access memory (RAM)) and / or non-volatile media (such as read-only memory (ROM), flash memory, optical disk, magnetic disk, etc.). Memory / storage device 1005 may include fixed media (e.g., RAM, ROM, fixed hard disk drive, etc.) and removable media (e.g., flash memory, removable hard disk drive, optical disk, etc.). Exemplarily, memory / storage device 1005 may be used to store first audio of a first category of users mentioned in the above embodiments, a queue list of requests, etc. Computer-readable medium 1002 may be configured in various other ways as further described below.

[0095] One or more I / O (input / output) interfaces 1003 represent the functionality that allows a user to type commands and information into a computing device 1000 and also allows information to be displayed to the user and / or sent to other components or devices using various input / output devices. Examples of input devices include keyboards, cursor control devices (e.g., mice), microphones (e.g., for voice input), scanners, touch functionality (e.g., capacitive or other sensors configured to detect physical touch), cameras (e.g., capable of detecting non-touch-related movements as gestures using visible or invisible wavelengths (such as infrared frequencies), network interface cards (NICs), receivers, and so on). Examples of output devices include display devices (e.g., monitors or projectors), speakers, printers, haptic-responsive devices, network interface cards (NICs), transmitters, and so on. Exemplarily, in the embodiments described above, both a first-category user and a second-category user can input through the input interfaces on their respective terminal devices to initiate requests and record audio and / or video, and can view various notifications and watch videos or listen to audio, etc., through the output interfaces.

[0096] The computing device 1000 also includes a program development strategy 1006. The program development strategy 1006 can be stored as computing program instructions in the memory / storage device 1005, or it can be hardware or firmware. The program development strategy 1006, together with the processing system 1001, can implement [the following]: Figure 9 The description covers all the functions of each module of the program development device 900.

[0097] This document describes various technologies in the general context of software, hardware, components, or program modules. Generally, these modules include routines, programs, objects, elements, components, data structures, etc., that perform specific tasks or implement specific abstract data types. The terms "module," "function," etc., as used herein generally refer to software, firmware, hardware, or a combination thereof. The technologies described herein are platform-independent, meaning that these technologies can be implemented on a variety of computing platforms with various processors.

[0098] Implementations of the described modules and technologies may be stored on or transmitted across some form of computer-readable medium. The computer-readable medium may include a variety of media accessible by the computing device 1000. By way of example and not limitation, the computer-readable medium may include "computer-readable storage media" and "computer-readable signal media".

[0099] In contrast to simple signal transmission, carrier waves, or signals themselves, a "computer-readable storage medium" refers to a medium and / or device capable of persistently storing information, and / or a tangible storage device. Therefore, a computer-readable storage medium refers to a non-signal-bearing medium. Computer-readable storage media include hardware such as volatile and non-volatile, removable and non-removable media and / or storage devices implemented using methods or techniques suitable for storing information (such as computer-readable instructions, data structures, program modules, logic elements / circuits, or other data). Examples of computer-readable storage media may include, but are not limited to, RAM, ROM, EEPROM, flash memory or other memory technologies, CD-ROM, DVD or other optical storage devices, hard disks, magnetic tape cassettes, magnetic tapes, disk storage devices or other magnetic storage devices, or other storage devices, tangible media, or articles of art suitable for storing desired information and accessible by a computer.

[0100] "Computer-readable signal medium" refers to a signal-bearing medium configured to transmit instructions, such as via a network, to computing device 1000. A signal medium typically embodies computer-readable instructions, data structures, program modules, or other data in modulated data signals such as carrier waves, data signals, or other transmission mechanisms. Signal media also include any information transmission medium. By way of example and not limitation, signal media includes wired media such as wired networks or direct connections, and wireless media such as acoustic, RF, infrared, and other wireless media.

[0101] As previously described, hardware element 1004 and computer-readable medium 1002 represent instructions, modules, programmable device logic, and / or fixed device logic implemented in hardware, which in some embodiments can be used to implement at least some aspects of the techniques described herein. Hardware elements may include components of integrated circuits or systems-on-a-chip, application-specific integrated circuits (ASICs), field-programmable gate arrays (FPGAs), complex programmable logic devices (CPLDs), and other implementations or other hardware devices in silicon. In this context, hardware elements can serve as processing devices for executing program tasks defined by instructions, modules, and / or logic embodied by the hardware element, and as hardware devices for storing instructions for execution, such as the previously described computer-readable storage medium.

[0102] The foregoing combinations can also be used to implement the various techniques and modules described herein. Therefore, software, hardware, or program modules and other program modules can be implemented as one or more instructions and / or logic embodied on some form of computer-readable storage medium and / or by one or more hardware elements 1004. The computing device 1000 can be configured to implement specific instructions and / or functions corresponding to the software and / or hardware modules. Thus, modules can be implemented at least partially in hardware as modules executable as software by the computing device 1000, for example, by using the computer-readable storage medium and / or hardware elements 1004 of the processing system. Instructions and / or functions can be executed / operated by, for example, one or more computing devices 1000 and / or processing system 1001 to implement the techniques, modules, and examples described herein.

[0103] The techniques described herein can be supported by these various configurations of the computing device 1000, and are not limited to specific examples of the techniques described herein.

[0104] In particular, according to embodiments of this disclosure, the processes described above with reference to the flowcharts can be implemented as a computer program. For example, embodiments of this disclosure provide a computer program product including a computer program carried on a computer-readable medium, the computer program containing program code for performing at least one step in the method embodiments of this disclosure.

[0105] In some embodiments of this disclosure, one or more computer-readable storage media are provided, having stored thereon computer-readable instructions that, when executed, implement a program development method according to some embodiments of this disclosure. The various steps of the program development method according to some embodiments of this disclosure can be programmed into computer-readable instructions and stored in the computer-readable storage medium. When such a computer-readable storage medium is read or accessed by a computing device or computer, the computer-readable instructions therein are executed by a processor on the computing device or computer to implement the method described in some embodiments of this disclosure.

[0106] In the description of this specification, the terms "one embodiment," "some embodiments," "example," "specific example," or "some examples," etc., refer to a specific feature, structure, material, or characteristic described in connection with that embodiment or example that is included in at least one embodiment or example of this disclosure. In this specification, the illustrative expressions of the above terms do not necessarily refer to the same embodiment or example. Furthermore, the specific features, structures, materials, or characteristics described may be combined in any suitable manner in one or more embodiments or examples. Moreover, without contradiction, those skilled in the art can combine and integrate the different embodiments or examples described in this specification, as well as the features of different embodiments or examples.

[0107] Any process or method description in the flowchart or otherwise herein can be understood as representing a module, segment, or portion of code comprising one or more executable instructions for implementing custom logic functions or processes, and the scope of preferred embodiments of this disclosure includes additional implementations in which functions may be performed not in the order shown or discussed (including substantially simultaneously or in reverse order depending on the functions involved), as will be understood by those skilled in the art to which embodiments of this disclosure pertain.

[0108] The logic and / or steps represented in the flowchart or otherwise described herein, for example, can be considered as a sequenced list of executable instructions for implementing logical functions, and can be embodied in any computer-readable medium for use by, or in conjunction with, an instruction execution system, apparatus, or device (such as a computer-based system, a processor-included system, or other system that can fetch and execute instructions from, an instruction execution system, apparatus, or device). For the purposes of this specification, "computer-readable medium" can be any means that can contain, store, communicate, propagate, or transmit programs for use by, or in conjunction with, an instruction execution system, apparatus, or device.

[0109] It should be understood that various parts of this disclosure can be implemented using hardware, software, firmware, or a combination thereof. In the above embodiments, multiple steps or methods can be implemented using software or firmware stored in memory and executed by a suitable instruction execution system. For example, if implemented in hardware, it can be implemented using any one or a combination of the following techniques known in the art: discrete logic circuits having logic gates for implementing logical functions on data signals, application-specific integrated circuits (ASICs) having suitable combinational logic gates, programmable gate arrays (FPGAs), field-programmable gate arrays (FPGAs), etc.

[0110] Those skilled in the art will understand that all or part of the steps of the methods described in the above embodiments can be implemented by hardware associated with program instructions. The program can be stored in a computer-readable storage medium, and when executed, the program includes performing one or a combination of the steps of the method embodiments.

[0111] Furthermore, the functional units in the various embodiments of this disclosure can be integrated into a processing module, or each unit can exist physically separately, or two or more units can be integrated into a module. The integrated module can be implemented in hardware or as a software functional module. If the integrated module is implemented as a software functional module and sold or used as an independent product, it can also be stored in a computer-readable storage medium.

[0112] In the embodiments of this application, the terms "module" or "unit" refer to a computer program or part of a computer program that has a predetermined function and works with other related parts to achieve a predetermined goal, and can be implemented wholly or partially using software, hardware (such as processing circuitry or memory), or a combination thereof. Similarly, a processor (or multiple processors or memory) can be used to implement one or more modules or units. Furthermore, each module or unit can be part of an overall module or unit that includes the functionality of that module or unit.

[0113] It is understood that the specific embodiments of this application involve parameters, components, user input, and other related data of the single-page template. When the above embodiments of this application are applied to specific products or technologies, user permission or consent is required, and the collection, use, and processing of related data must comply with the relevant laws, regulations, and standards of the relevant countries and regions.

Claims

1. A program development method, characterized in that, The method includes: In response to the launch of the application development tools, single-page template configuration options are displayed; In response to the selection of the single-page template configuration option, the single-page template configuration interface is displayed; In the single-page template configuration interface, at least one single-page template's parameters and components are automatically configured based on user input; The target program is generated based on at least the parameters and components of the configured at least one single-page template.

2. The method according to claim 1, characterized in that, The automatic configuration of at least one single-page template's parameters and components based on user input in the single-page template configuration interface includes: In the single-page template configuration interface, at least one single-page template parameter is configured according to the input of the first user; In the single-page template configuration interface, at least one component of a single-page template is configured based on the input of the second user.

3. The method according to claim 2, characterized in that, The step of generating the target program based at least on the parameters and components of the configured at least one single-page template includes: In the single-page template configuration interface, the components of the at least one single-page template are visually configured based on input from a third user; The target program is generated based on the parameters and components of the configured at least one single-page template and the visualization configuration.

4. The method according to claim 2, characterized in that, The step of configuring at least one single-page template parameter in the single-page template configuration interface according to the first user input includes: In the single-page template configuration interface, at least one pre-parameter of the single-page template is configured according to the first sub-input of the first user. In the single-page template configuration interface, at least one initialization parameter of a single-page template is configured based on the second sub-input entered by the first user.

5. The method according to claim 4, characterized in that, The response to the single-page template configuration option being selected, displaying the single-page template configuration interface, includes: In response to the selection of the single-page template configuration option, a configuration form for the single-page template is displayed. The configuration form includes the single-page template's startup parameters, import path, name, and content. Furthermore, in the single-page template configuration interface, at least one prerequisite parameter for the single-page template is configured based on a first sub-input from the first user, including: Edit the configuration form based on the first sub-input to configure at least one pre-parameter of a single-page template.

6. The method according to claim 5, characterized in that, The step of editing the configuration form based on the first sub-input to configure at least one pre-parameter of a single-page template includes: Determine the reading path for the startup parameters; The type of component to be used when configuring at least one single-page template is determined based on the form input component; Define the validation rules for form input components; Edit the configuration form based on the read path and the verification rules to configure at least one pre-parameter of a single-page template.

7. The method according to claim 6, characterized in that, The step of editing the configuration form based on the first sub-input to configure at least one pre-parameter of a single-page template further includes: In response to the completion of the configuration form editing, a header image path display window is invoked, the header image path indicating the import path of the cover image of the target program.

8. The method according to claim 4, characterized in that, The step of configuring at least one initialization parameter for a single-page template in the single-page template configuration interface based on the second sub-input of the first user includes: Obtain a first configuration file for at least one single-page template, the first configuration file indicating the structure information, style information, and component types of the single-page template; The first configuration file is parsed based on the second sub-input; Configure the initialization parameters of each component of the at least one single-page template according to the parsed first configuration file.

9. The method according to claim 2, characterized in that, The component that configures at least one single-page template based on the second user input in the single-page template configuration interface includes: In the single-page template configuration interface, configuration rules for at least one component of the single-page template are defined based on the second user input; Configure at least one component of a single-page template according to the defined configuration rules.

10. The method according to claim 3, characterized in that, The step of visually configuring the components of at least one single-page template based on third user input in the single-page template configuration interface includes: Present multiple candidate components; Obtain a second configuration file of the at least one single-page template, the second configuration file indicating drag action information of a target candidate component among the plurality of candidate components, wherein the drag action indicates moving the target candidate component from the candidate component area to the target area; The second configuration file is parsed based on the third user input; Drag the target candidate component to the target area according to the parsed second configuration file.

11. The method according to claim 2, characterized in that, The step of generating the target program based at least on the parameters and components of the configured at least one single-page template includes: The target page is generated based on at least the parameters and components of the configured single-page template; Obtain multiple target components corresponding to the target page, each target component indicating different types of programming content on the target page; The multiple target components are embedded into the project file of the target program.

12. The method according to claim 11, characterized in that, The target components include script code files, style code files, configuration code files, and page structure code files.

13. A program development apparatus, characterized in that, include: The first display module is configured to display single-page template configuration options in response to the launch of the program development tools; The second display module is configured to display the single-page template configuration interface in response to the selection of the single-page template configuration option. A configuration module is configured to automatically configure the parameters and components of at least one single-page template based on user input in the single-page template configuration interface; A generation module is configured to generate a target program based at least on the parameters and components of the at least one configured single-page template.

14. A computing device, comprising: Memory and processor The memory contains a computer program that, when executed by the processor, causes the processor to perform the method of any one of claims 1-12.

15. A computer-readable storage medium storing computer-readable instructions thereon, which, when executed, implement the method of any one of claims 1-12.

16. A computer program product comprising a computer program that, when executed by a processor, implements the method according to any one of claims 1-12.

Images