Visual Mini-Program Builder for No-Code UI Packaging

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

The development of mini programs requires professional code editing skills and a long period of knowledge learning, leading to high difficulty and low efficiency.

Innovation Solution

A mini program production method utilizing a visualization production program that includes a panel region and an editing region, allowing users to generate a program interface by editing basic UI elements, thereby generating a program package without manual code editing.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If mini-programs are developed independently by different developers, then each developer can focus on their own functionality, but the overall project management becomes complex and coordination is difficult

Engineering Contradiction:
Improvedeveloper flexibilityVSAvoidproject management complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The server acts as an intermediary between multiple developers and the mini-program platform. It receives development instructions from different developers, manages the compilation and packaging of mini-programs, coordinates resource allocation, and ensures proper integration. This intermediary structure allows developers to work independently while the server handles the complex coordination and management tasks.

Inventive Principle:
Principle #24Intermediary (Mediator)

2Ease of manufacture

If mini-programs are packaged and deployed manually, then control over the deployment process is maintained, but the process is time-consuming and inefficient

Engineering Contradiction:
Improvedeployment controlVSAvoiddeployment efficiency
Core Design Contradiction:
Ease of manufactureVSProductivity

Solution Approach 1:

The system implements self-service through automatic packaging and deployment mechanisms. When developers submit mini-program code, the server automatically compiles the code, packages it into the required format, assigns resource configurations, and deploys it to the platform without requiring manual intervention. This maintains developer control over their code while dramatically improving deployment efficiency through automation.

Inventive Principle:
Principle #25Self-service

3Adaptability or versatility

If comprehensive resource configurations are provided for mini-programs, then the functionality and performance of mini-programs are improved, but the system complexity and resource management burden increase

Engineering Contradiction:
Improvemini-program functionalityVSAvoidsystem complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The server provides a universal resource configuration template that can be applied to various mini-programs with different functionality requirements. Instead of managing separate complex configurations for each mini-program type, the system uses a standardized multi-functional configuration framework that automatically adapts to different mini-program needs while maintaining consistent resource management approaches.

Inventive Principle:
Principle #6Universality (Multi-functionality)

Data Source

PatentEP3944070B1Mini-program production method and apparatus, and terminal and storage medium
Publication Date: 2026.05.20 TENCENT TECHNOLOGY (SHENZHEN) CO LTD
  • EP3944070B1 patent drawingFigure 1
  • EP3944070B1 patent drawingFigure 2~3
  • EP3944070B1 patent drawingFigure 4(a)~4(b)

AI summary

Disclosed are a mini-program production method and apparatus, and a terminal and a storage medium, belonging to the field of programming. The method comprises: displaying a mini-program production interface, wherein a panel region and an editing region are displayed on the mini-program production interface, and n basic UI elements are provided in the panel region, n being a positive integer; in response to the reception of an arrangement operation on a target basic UI element, obtaining, in the editing region, a program interface of a mini-program by means of editing according to the target basic UI element, wherein the target basic UI element is a UI element selected from the n basic UI elements; and generating a program packet of the mini-program according to the program interface. Compared with a development process of a relevant mini-program, by using the method of the present application, a program related to the current operation can be synchronously generated, by means of receiving a visible operation of a user, in the background during the whole process, such that an ordinary user can complete production of a mini-program, without manually editing codes.