Small program construction method, device and equipment based on visual decoration background

Abstract

The invention discloses an applet construction method, device and equipment based on a visual decoration background, and relates to the technical field of applet construction.The method comprises the steps that a graphical decoration background used for configuring a template is constructed, the template is used for configuring pages of an applet, and the pages comprise a user-defined page and a fixed page; the method comprises the following steps: selecting a basic component and a business component of a custom page through a graphical decoration background, and configuring the attribute of each component so as to generate page configuration data for describing the page; based on an interface, used for calling data, of the component, a binding relation between the component needing to display the dynamic data and the corresponding data is established, and the binding relation is recorded in page configuration data; and obtaining a template matched with the current applet to obtain page configuration data, so as to render components in the page according to the page configuration data when a custom page is newly added to the applet. According to the method and the device, the applet can be quickly and effectively constructed.

Description

Technical Field

[0001] This application relates to the field of mini-program construction technology, specifically to a method, apparatus, and equipment for constructing a mini-program based on a visual decoration backend. Background Technology

[0002] With the development of mobile internet, mini-programs have been widely used in e-commerce, retail, service appointment, content display and other fields due to their characteristics of not needing to download and being ready to use immediately. However, traditional mini-program development has the following pain points: (1) High development threshold and long cycle: It requires professional developers to write code. From design to development, testing and launch, the process is cumbersome, time-consuming and labor-intensive; (2) Inflexible business change: When business needs change (such as adjusting page layout or updating activity content), developers need to modify the code, repackage and submit for review. The response speed is slow and cannot meet the rapidly changing market demand; (3) High cost of multi-terminal adaptation: The same business often needs to be published on multiple mini-program platforms. The technical specifications of each platform are different, and they need to be developed and maintained separately, which is costly.

[0003] To address the aforementioned issues, some solutions exist, such as simple mini-program templates or H5 (HTML5, Hypertext 5.0) page generators. However, these still have limitations: 1. Fixed templates and poor flexibility: Templates typically only allow modification of images and text; page structure and interaction logic cannot be customized, making it difficult to meet complex business scenarios. 2. Poor performance and user experience: Some solutions that use H5 wrappers or heavily rely on WebView (web page view) cannot fully utilize the performance advantages of native mini-program components, resulting in a user experience that differs from natively developed mini-programs. 3. Inability to deeply integrate business logic: Most tools only focus on generating the front-end UI (User Interface), making it difficult to seamlessly connect with complex back-end logic such as business data, user status, and payment.

[0004] Therefore, how to combine the flexibility of visual page building with the native performance and deep business integration capabilities of mini programs to achieve mini program construction has become an urgent problem to be solved. Summary of the Invention

[0005] This application provides a method, apparatus, and device for building a mini-program based on a visual decoration backend, which enables the rapid and efficient construction of mini-programs.

[0006] In a first aspect, embodiments of this application provide a method for constructing a mini-program based on a visual decoration backend, the method comprising: A graphical design backend is constructed for configuring templates, wherein the templates are used to configure the pages of the mini-program, and the pages include custom pages and fixed pages; The user can select basic and business components for a custom page through a graphical design backend, and configure the attributes of each component to generate page configuration data that describes the page. Based on the component's interface for calling data, a binding relationship is established between the component that needs to display dynamic data and the corresponding data, and the binding relationship is recorded in the page configuration data; Obtain the template that matches the current mini-program to get the page configuration data, so that when a custom page is added to the mini-program, the components in the page can be rendered according to the page configuration data.

[0007] In conjunction with the first aspect, in one implementation, the construction of a graphical design backend for configuring templates specifically includes: Based on the web development model, a graphical design backend is built, which is used to add, delete, and publish templates.

[0008] In conjunction with the first aspect, in one implementation method, For pages in the mini-program whose layout update frequency is greater than the preset value, a custom page should be used. For pages in the mini-program whose layout update frequency does not exceed a preset value, a fixed page is adopted.

[0009] In conjunction with the first aspect, in one implementation method, When configuring custom pages, multiple custom pages can be added at the same time, and the newly added custom pages can be divided into groups. The basic components and business components in the custom pages can be selected based on the active selection method to obtain the page layout of each custom page. The style, function and basic attributes of each component in the custom page can be configured. When configuring fixed pages, configure some content based on usage requirements; Specifically, based on the configuration results of custom pages and fixed pages, page configuration data is generated to describe the pages. This page configuration data is used to define the page's component composition, style, and static content.

[0010] In conjunction with the first aspect, in one implementation, the component-based interface for calling data establishes a binding relationship between the component that needs to display dynamic data and the corresponding data, and the binding relationship is recorded in the page configuration data, specifically including: Through the graphical decoration backend, the interfaces for calling data of components that need to display dynamic data can be configured to point to different categories of data, and the binding relationship between the components that need to display dynamic data and the corresponding data can be established. The established binding relationship is recorded in the page configuration data.

[0011] In conjunction with the first aspect, in one implementation, obtaining a template matching the current mini-program to obtain page configuration data, and then rendering components on the page according to the page configuration data when a custom page is added to the mini-program, specifically includes: When a mini-program starts, retrieve a template that matches the current mini-program and is in the publishing state. The obtained template corresponds to the page code of the homepage, and the corresponding page configuration data is obtained based on the page code. When adding a custom page to a mini-program, all components are passed in, and the corresponding components are rendered based on the obtained page configuration data.

[0012] In conjunction with the first aspect, in one implementation method, For obtaining other custom pages, the page ID parameter is configured in the graphical design backend to be carried in when the page jumps. Specifically, when the fixed page jumps to the custom page, the code of the custom page is set to a fixed value through the graphical design backend, so that the fixed value is written when the fixed page jumps to the custom page.

[0013] In conjunction with the first aspect, in one implementation, the mini-program is developed using uniapp to adapt to different platforms, and uniapp has different built-in versions, switching different mini-program appids according to different versions.

[0014] Secondly, embodiments of this application provide a mini-program building device based on a visual decoration backend, the mini-program building device based on a visual decoration backend includes: A building module is used to build a graphical decoration backend for configuring templates, wherein the templates are used to configure the pages of the mini-program, and the pages include custom pages and fixed pages; The configuration module is used to select the basic and business components of a custom page through a graphical design backend, and configure the attributes of each component to generate page configuration data that describes the page. A module is established, which is used to establish a binding relationship between the component that needs to display dynamic data and the corresponding data based on the component's interface for calling data, and the binding relationship is recorded in the page configuration data; The execution module is used to obtain the template that matches the current mini-program to get the page configuration data, so that when a custom page is added to the mini-program, the components in the page are rendered according to the page configuration data.

[0015] Thirdly, this application provides a mini-program building device based on a visual decoration backend. The mini-program building device based on a visual decoration backend includes a processor, a memory, and a mini-program building program based on a visual decoration backend stored in the memory and executable by the processor. When the mini-program building program based on a visual decoration backend is executed by the processor, it implements the steps of the mini-program building method based on a visual decoration backend described above.

[0016] The beneficial effects of the technical solutions provided in this application include: (1) Rapid development and iteration: The development cycle is shortened from the "week / day" level to the "minute" level, and business personnel can independently complete the creation and modification of mini-program pages, which greatly improves operational efficiency and market response speed; (2) Lowering the technical threshold: Non-technical personnel can get started with simple training, freeing up development resources so that they can focus on developing more complex underlying architecture and business components; (3) Native experience and performance: The final generated code is the standard native code of the mini program, rather than a WebView wrapper, which ensures the smooth performance and the best user experience of the mini program; (4) Deep business integration: Through a dynamic data binding mechanism, the visual building is seamlessly connected with the backend business API, supporting complex and dynamic business scenarios, which surpasses simple static page generation; (5) One draft for multiple platforms, unified management: One set of page decoration configuration can generate mini program code for multiple platforms at the same time, reducing the development and maintenance costs of multi-platform adaptation; (6) High scalability: The component-based architecture allows for continuous enrichment of the component library. New business components only need to be developed once and can be used by all users in the decoration backend, realizing the accumulation and reuse of capabilities. Attached Figure Description

[0017] Figure 1 This is a flowchart illustrating the method for building a mini-program based on a visual decoration backend, as described in this application. Figure 2 A diagram illustrating the page configuration for a custom page; Figure 3 This is a flowchart illustrating the operation phase of a mini-program. Figure 4 Configure a flowchart of the backend process. Figure 5 This is a schematic diagram of the functional modules of the WeChat mini-program building device based on the visual decoration backend of this application; Figure 6 This is a schematic diagram of the hardware structure of the device built by the WeChat mini-program based on the visual decoration backend in this application. Detailed Implementation

[0018] To enable those skilled in the art to better understand the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present application, and not all embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative effort are within the scope of protection of the present application.

[0019] To make the objectives, technical solutions, and advantages of this application clearer, the embodiments of this application will be described in further detail below with reference to the accompanying drawings.

[0020] In the first aspect, this application provides a method for building a mini-program based on a visual decoration backend. Through a visual "decoration" approach, mini-program pages can be freely designed and configured to achieve different business functions, thereby enabling rapid, low-cost, and large-scale production of mini-programs.

[0021] In one embodiment, reference is made to Figure 1 , Figure 1 This is a flowchart illustrating the method for building a mini-program based on a visual decoration backend, as described in this application. Figure 1 As shown, the method for building a mini-program based on a visual home renovation backend includes: S1: Construct a graphical design backend for configuring templates, wherein the templates are used to configure the pages of the mini-program, and the pages include custom pages and fixed pages; S2: Select the basic and business components of the custom page through the graphical design backend, and configure the attributes of each component to generate page configuration data to describe the page; S3: Based on the component's interface for calling data, establish a binding relationship between the component that needs to display dynamic data and the corresponding data, and record the binding relationship in the page configuration data; S4: Obtain the template that matches the current mini-program to get the page configuration data, so that when a custom page is added to the mini-program, the components in the page can be rendered according to the page configuration data.

[0022] Furthermore, in one embodiment, a graphical decoration backend for configuring templates is constructed, specifically including: based on the web (web page) development model, a graphical decoration backend is constructed, which is used to add templates, delete templates, and publish templates.

[0023] Specifically, a graphical user interface (GUI) for template design is provided. This GUI uses a traditional web development model and features functions such as adding templates (distinguished by the mini-program's appid), deleting templates, and publishing templates. For example, in the GUI, selecting "Add" and entering the appid, tenant, and template name will build the mini-program. Templates are used to configure the mini-program's pages. These pages are divided into custom pages and fixed pages. All data for each page can be stored in a single field, which is parsed by the mini-program to facilitate functional expansion.

[0024] Furthermore, in one embodiment, for pages in the mini-program whose layout update frequency is greater than a preset value, a custom page is used; for pages in the mini-program whose layout update frequency is not greater than a preset value, a fixed page is used.

[0025] For example, custom pages can be used for pages that require frequent layout updates or homepage updates for events. When configuring custom pages, multiple custom pages can be added simultaneously and grouped. Basic components (such as buttons, cubes, text, carousels, etc.) and business components (such as product waterfall layouts, coupon centers, flash sales, etc.) within the custom pages can be selected actively to obtain the page layout for each custom page. The style, functionality, and basic attributes of each component within the custom page can then be configured.

[0026] Specifically, the system offers rich customization options for basic and business components. Users can drag and drop these components to create page layouts and configure the style, functionality, and basic attributes (such as position) of each component. Of course, the custom page itself also has some page configuration options, such as... Figure 2 As shown.

[0027] For example, for pages with complex business scenarios and infrequently changed layouts, such as reservation pages and shopping carts, fixed pages can be used. When configuring fixed pages, only partial content is configured based on usage requirements. Specifically, these fixed pages do not require drag-and-drop operations; the entire page style and business process are fixed, requiring only partial configuration, such as hiding a template or configuring certain content.

[0028] Based on the configuration results of custom pages and fixed pages, page configuration data is generated to describe the pages. The page configuration data is used to define the page's component composition, style, and static content.

[0029] Specifically, after the configuration page is completed, the graphical decoration backend will generate and maintain a page configuration data (in JSON format) to describe the page. This data defines the page's component composition, style, and static content.

[0030] Furthermore, in one embodiment, based on the component's interface for calling data, a binding relationship is established between the component that needs to display dynamic data and the corresponding data, and the binding relationship is recorded in the page configuration data, specifically including: S301: Through the graphical decoration backend, the interface for calling data of the component that needs to display dynamic data can be configured to point to different categories of data, and the binding relationship between the component that needs to display dynamic data and the corresponding data can be established; S302: Record the established binding relationship in the page configuration data.

[0031] Specifically, for components that need to display dynamic data, there is an interface in the corresponding component of the mini-program that calls the specific data. The parameters of this interface can be configured by the graphical design backend. For example, for the product waterfall list component, the graphical design backend will provide a configuration for the interface of this component that can point to different category data. That is, the product waterfall list can execute different product categories, display different data, and realize different business. Some backend APIs that do not require configuration exist for the inherent business of the component.

[0032] Furthermore, in one embodiment, obtaining a template matching the current mini-program to obtain page configuration data, so as to render the components in the page according to the page configuration data when a custom page is added to the mini-program, specifically including: S401: When a mini-program starts, retrieve a template that matches the current mini-program and is in the publishing state; S402: Obtain the page code (code) corresponding to the homepage status of the obtained template, and obtain the corresponding page configuration data based on the page code; S403: When adding a custom page to a mini program, pass in all components and render the corresponding components according to the obtained page configuration data.

[0033] Specifically, when a mini-program starts, it retrieves a template that matches the current mini-program's appid and is in the "publishing" state through the corresponding interface. Then, it retrieves the page code for the homepage from the template and uses the page code to obtain the corresponding custom page's page configuration data. When a new custom page is added to the mini-program, all components are passed in, and the corresponding components are rendered and configured according to the retrieved page configuration data. In addition, it can also render certain specific configurations based on page attributes.

[0034] Furthermore, for obtaining other custom pages, the page ID parameter is configured in the graphical design backend to be carried in when the page jumps. Specifically, when the fixed page jumps to the custom page, the code of the custom page is set to a fixed value through the graphical design backend, so that the fixed value is written when the fixed page jumps to achieve the jump to the custom page.

[0035] Specifically, the acquisition of other custom pages is achieved by configuring the page ID parameter in the graphical design backend during page navigation. For fixed page navigation to custom pages (such as the coupon center custom page), the code of the coupon center custom page can be set to a fixed value through the graphical design backend configuration. This fixed value can then be directly written when the fixed page navigates to the coupon center custom page.

[0036] The mini-program is developed using uniapp (a cross-platform development framework) to adapt to different platforms. Uniapp has built-in versions of different types, and different mini-program appids are switched according to different versions. See also Figure 3 The diagram shown illustrates the workflow of a mini-program's operation phase. (See attached image.) Figure 4 The diagram shown illustrates the backend configuration process.

[0037] Furthermore, the method for building a mini-program based on a visual decoration backend, as described in this application, can also expand other functions at any time through the decoration configuration mechanism. For example, a theme color function can be added at the template configuration level. The mini-program can obtain the theme color value and add it where needed. The same applies to skin images, which can be replaced and updated at any time. The template scheduled publishing function can also be expanded. For example, for a specific event like the Spring Festival event, a new template with a new style layout and event content can be pre-configured. When the Spring Festival event goes live, the scheduled template status is changed to "publishing," and the corresponding mini-program renders the new content, facilitating event configuration for operations. Other functions such as information configuration can also be expanded.

[0038] Secondly, embodiments of this application also provide a mini-program building device based on a visual decoration backend.

[0039] In one embodiment, reference is made to Figure 5 , Figure 5 This is a schematic diagram of the functional modules of the WeChat mini-program construction device based on a visual decoration backend, as described in this application. Figure 5 As shown, the mini-program building device based on the visual decoration backend includes: a building module, a configuration module, a creation module, and an execution module.

[0040] The building module is used to construct a graphical design backend for configuring templates, wherein the templates are used to configure the pages of the mini-program, and the pages include custom pages and fixed pages; the configuration module is used to select basic and business components of the custom pages through the graphical design backend, and configure the attributes of each component to generate page configuration data describing the page; the creation module is used to establish a binding relationship between the components that need to display dynamic data and the corresponding data based on the component's interface for calling data, and the binding relationship is recorded in the page configuration data; the execution module is used to obtain the template matching the current mini-program to obtain the page configuration data, so that when a custom page is added to the mini-program, the components in the page are rendered according to the page configuration data.

[0041] Thirdly, this application provides a mini-program building device based on a visual decoration backend. The mini-program building device based on the visual decoration backend can be a personal computer (PC), a laptop, a server, or other device with data processing capabilities.

[0042] Reference Figure 6 , Figure 6 This is a schematic diagram of the hardware structure of the mini-program building device based on a visual decoration backend involved in the embodiments of this application. In this embodiment, the mini-program building device based on a visual decoration backend may include a processor, a memory, a communication interface, and a communication bus.

[0043] The communication bus can be of any type and is used to interconnect the processor, memory, and communication interface.

[0044] The communication interface includes input / output (I / O) interfaces, physical interfaces, and logical interfaces. These interfaces enable interconnection of internal components within the device that builds the mini-program based on the visual decoration backend, and also enable interconnection between the device and other devices (such as other computing devices or user devices). Physical interfaces can be Ethernet interfaces, fiber optic interfaces, ATM interfaces, etc.; user devices can be displays, keyboards, etc.

[0045] Memory can be various types of storage media, such as random access memory (RAM), read-only memory (ROM), non-volatile RAM (NVRAM), flash memory, optical storage, hard disk, programmable ROM (PROM), erasable PROM (EPROM), electrically erasable PROM (EEPROM), etc.

[0046] The processor can be a general-purpose processor, which can call the mini-program building program based on the visual decoration backend stored in the memory and execute the mini-program building method based on the visual decoration backend provided in the embodiments of this application. For example, the general-purpose processor can be a central processing unit (CPU). The method executed when the mini-program building program based on the visual decoration backend is called can be referred to the various embodiments of the mini-program building method based on the visual decoration backend of this application, and will not be repeated here.

[0047] Those skilled in the art will understand that Figure 6 The hardware structure shown does not constitute a limitation of this application and may include more or fewer components than shown, or combine certain components, or have different component arrangements.

[0048] The terms "comprising" and "having," and any variations thereof, in the specification, claims, and accompanying drawings of this application are intended to cover non-exclusive inclusion. For example, a process, method, system, product, or apparatus that includes a series of steps or units is not limited to the listed steps or units, but may optionally include steps or units not listed, or may optionally include other steps or units inherent to such process, method, product, or apparatus. The terms "first," "second," and "third," etc., are used to distinguish different objects, etc., and do not indicate a sequence, nor do they limit "first," "second," and "third" to different types.

[0049] In the description of the embodiments of this application, terms such as "exemplary," "for example," or "for instance" are used to indicate examples, illustrations, or explanations. Any embodiment or design described as "exemplary," "for example," or "for instance" in the embodiments of this application should not be construed as being more preferred or advantageous than other embodiments or designs. Specifically, the use of terms such as "exemplary," "for example," or "for instance" is intended to present the relevant concepts in a concrete manner.

[0050] In the description of the embodiments of this application, unless otherwise stated, " / " means "or". For example, A / B can mean A or B. The "and / or" in the text is merely a description of the relationship between related objects, indicating that there can be three relationships. For example, A and / or B can mean: A exists alone, A and B exist simultaneously, and B exists alone. In addition, in the description of the embodiments of this application, "multiple" means two or more.

[0051] In some processes described in the embodiments of this application, multiple operations or steps are included in a specific order. However, it should be understood that these operations or steps may not be executed in the order they appear in the embodiments of this application, or they may be executed in parallel. The sequence number of the operation is only used to distinguish different operations, and the sequence number itself does not represent any execution order. In addition, these processes may include more or fewer operations, and these operations or steps may be executed sequentially or in parallel, and these operations or steps may be combined.

[0052] Through the above description of the embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus necessary general-purpose hardware platforms. Of course, they can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, can be embodied in the form of a software product. This computer software product is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk) as described above, and includes several instructions to cause a terminal device to execute the methods described in the various embodiments of this application.

[0053] The above are merely preferred embodiments of this application and do not limit the patent scope of this application. Any equivalent structural or procedural transformations made using the content of this application's specification and drawings, or direct or indirect applications in other related technical fields, are similarly included within the patent protection scope of this application.

Claims

1. A method for building a mini-program based on a visual home decoration backend, characterized in that, The method for building a mini-program based on a visual decoration backend includes: A graphical design backend is constructed for configuring templates, wherein the templates are used to configure the pages of the mini-program, and the pages include custom pages and fixed pages; The user can select basic and business components for a custom page through a graphical design backend, and configure the attributes of each component to generate page configuration data that describes the page. Based on the component's interface for calling data, a binding relationship is established between the component that needs to display dynamic data and the corresponding data, and the binding relationship is recorded in the page configuration data; Obtain the template that matches the current mini-program to get the page configuration data, so that when a new custom page is added to the mini-program, the components in the page can be rendered according to the page configuration data.

2. The method for constructing a mini-program based on a visual decoration backend as described in claim 1, characterized in that, The construction of the graphical decoration backend for configuring templates specifically includes: Based on the web development model, a graphical design backend is built, which is used to add, delete, and publish templates.

3. The method for building a mini-program based on a visual decoration backend as described in claim 1, characterized in that: For pages in the mini-program whose layout update frequency is greater than the preset value, a custom page should be used. For pages in the mini-program whose layout update frequency is no more than a preset value, a fixed page is used.

4. The method for building a mini-program based on a visual decoration backend as described in claim 1, characterized in that: When configuring custom pages, multiple custom pages can be added at the same time, and the newly added custom pages can be divided into groups. The basic components and business components in the custom pages can be selected based on the active selection method to obtain the page layout of each custom page. The style, function and basic attributes of each component in the custom page can be configured. When configuring fixed pages, configure some content based on usage requirements; Specifically, based on the configuration results of custom pages and fixed pages, page configuration data is generated to describe the pages. This page configuration data is used to define the page's component composition, style, and static content.

5. The method for constructing a mini-program based on a visual decoration backend as described in claim 1, characterized in that, The component-based interface for calling data establishes a binding relationship between the component that needs to display dynamic data and the corresponding data, and the binding relationship is recorded in the page configuration data, specifically including: Through the graphical decoration backend, the interfaces for calling data of components that need to display dynamic data can be configured to point to different categories of data, and the binding relationship between the components that need to display dynamic data and the corresponding data can be established. The established binding relationship is recorded in the page configuration data.

6. The method for constructing a mini-program based on a visual decoration backend as described in claim 1, characterized in that, The step of obtaining a template matching the current mini-program to get page configuration data, so as to render the components in the page according to the page configuration data when a custom page is added to the mini-program, specifically includes: When a mini-program starts, retrieve a template that matches the current mini-program and is in the publishing state. The obtained template corresponds to the page code of the homepage, and the corresponding page configuration data is obtained based on the page code. When adding a custom page to a mini-program, all components are passed in, and the corresponding components are rendered based on the obtained page configuration data.

7. The method for constructing a mini-program based on a visual decoration backend as described in claim 6, characterized in that: For obtaining other custom pages, the page ID parameter is configured in the graphical design backend to be carried in when the page jumps. Specifically, when the fixed page jumps to the custom page, the code of the custom page is set to a fixed value through the graphical design backend, so that the fixed value is written when the fixed page jumps to the custom page.

8. The method for building a mini-program based on a visual decoration backend as described in claim 6, characterized in that: The mini-program is developed using uniapp to adapt to different platforms, and uniapp has different built-in versions, which switch different mini-program appids according to different versions.

9. A mini-program building device based on a visual decoration backend, characterized in that, The mini-program construction device based on the visual decoration backend includes: A building module is used to build a graphical decoration backend for configuring templates, wherein the templates are used to configure the pages of the mini-program, and the pages include custom pages and fixed pages; The configuration module is used to select basic and business components for custom pages through a graphical design backend, and configure the attributes of each component to generate page configuration data that describes the page. A module is established, which is used to establish a binding relationship between the component that needs to display dynamic data and the corresponding data based on the component's interface for calling data, and the binding relationship is recorded in the page configuration data; The execution module is used to obtain the template that matches the current mini-program to get the page configuration data, so that when a custom page is added to the mini-program, the components in the page are rendered according to the page configuration data.

10. A mini-program building device based on a visual decoration backend, characterized in that, The mini-program building device based on the visual decoration backend includes a processor, a memory, and a mini-program building program based on the visual decoration backend stored in the memory and executable by the processor. When the mini-program building program based on the visual decoration backend is executed by the processor, it implements the steps of the mini-program building method based on the visual decoration backend as described in any one of claims 1 to 8.

Images