US 12,405,775 B2
Mini program data binding method and apparatus, device, and storage medium
Peiran Guo, Shenzhen (CN); Haicheng Su, Shenzhen (CN); Yuli Cai, Shenzhen (CN); Li Liu, Shenzhen (CN); and Shida Zhu, Shenzhen (CN)
Assigned to TENCENT TECHNOLOGY (SHENZHEN) COMPANY LIMITED, Shenzhen (CN)
Filed by Tencent Technology (Shenzhen) Company Limited, Shenzhen (CN)
Filed on Nov. 3, 2023, as Appl. No. 18/386,950.
Application 18/386,950 is a continuation of application No. 17/361,090, filed on Jun. 28, 2021, granted, now 11,853,730.
Application 17/361,090 is a continuation of application No. PCT/CN2020/098553, filed on Jun. 28, 2020.
Claims priority of application No. 201910636599.0 (CN), filed on Jul. 15, 2019.
Prior Publication US 2024/0061659 A1, Feb. 22, 2024
Int. Cl. G06F 8/38 (2018.01); G06F 3/04842 (2022.01); G06F 8/34 (2018.01); G06F 9/448 (2018.01); G06F 9/451 (2018.01)
CPC G06F 8/38 (2013.01) [G06F 3/04842 (2013.01); G06F 8/34 (2013.01); G06F 9/448 (2018.02); G06F 9/451 (2018.02)] 19 Claims
OG exemplary drawing
 
1. A mini program data binding method performed at a terminal, the mini program being a program executed in a host application program, and the method comprising:
displaying a mini program production interface of a visualization production program including a panel region and an editing region, the panel region being provided with n types of basic user interface (UI) controls, n being a positive integer, and each basic UI control having m corresponding control components, m being a positive integer greater than 1, each control component having an associated data type;
in response to receiving a user operation on a selected basic UI control, generating a program interface of the mini program in the editing region according to the user-selected basic UI control;
obtaining a data source, wherein the data source comprises a plurality of data entries, each data entry having the m data fields;
displaying metadata of the data source in the mini program production interface, the metadata including each of the m data fields and its corresponding data type;
in response to receiving a data binding operation corresponding to a target basic UI control on the program interface of the mini program,
randomly binding a respective one of the control components of the target basic UI control with a corresponding one of the m data fields of the data source having the data type, the data source being used for displaying the target basic UI control; and
updating the program interface with one of the plurality of data entries, wherein each control component of the target basic UI control is populated with a value of a corresponding data field bound to the control component;
in response to receiving a preview operation,
generating a view layer code of the mini program according to the user-selected basic UI control on the program interface of the mini program;
generating a logic layer code of the mini program according to the data source bound with the selected basic UI control on the program interface of the mini program;
generating a program package of the mini program according to the view layer code and the logic layer code; and
transmitting the program package of the mini program to the host application program for running and/or previewing.