[发明专利]小程序开发生成方法、装置、电子设备及存储介质

权利要求书

1.一种小程序开发生成方法，其特征在于，所述方法包括：

确定采用目标可视组件进行页面布局配置的目标页面布局结果；

确定目标页面布局结果的目标抽象语法树结构数据；所述目标抽象语法树结构数据中的目标可视组件采用抽象语法树结构表示；

依据所述目标抽象语法树结构数据以及所述目标可视组件对应的组件模板代码，生成目标小程序代码执行文件。

2.根据权利要求1所述的方法，其特征在于，确定采用目标可视组件进行页面布局配置的目标页面布局结果，包括：

获取从候选可视组件中拖拽进行页面布局的至少两个目标可视组件；

将至少两个目标可视组件进行组件属性配置与组件组合配置，用以得到目标页面布局结果；

其中，候选可视组件包括基础组件、功能组件以及支持个性化配置的自定义组件。

3.根据权利要求2所述的方法，其特征在于，将至少两个目标可视组件进行组件属性配置，包括：

获取对至少两个目标可视组件的组件属性动态配置输入；

将至少两个目标可视组件的组件属性动态配置输入与所述目标抽象语法树结构数据中目标可视组件的抽象语法树结构进行绑定；

其中，所述组件属性包括组件关键元信息的描述、组件属性信息、组件动态数据及事件交互操作信息。

4.根据权利要求1所述的方法，其特征在于，依据所述目标抽象语法树结构数据以及所述目标可视组件对应的组件模板代码，生成目标小程序代码执行文件，包括：

依据所述目标抽象语法树结构数据以及所述目标抽象语法树结构数据中各个目标可视组件对应的组件模板代码，生成目标页面布局结果对应的目标页面文件；

将至少一个目标页面文件的进行逻辑组合，得到目标小程序代码执行文件。

5.根据权利要求4所述的方法，其特征在于，依据所述目标抽象语法树结构数据以及所述目标抽象语法树结构数据中各个目标可视组件对应的组件模板代码，生成目标页面布局结果对应的目标页面文件，包括：

将所述目标抽象语法树结构数据中目标可视组件绑定的组件属性信息添加到目标可视组件映射的组件模板代码片段中，得到配置后的组件模板代码；

依据配置后的组件模板代码对目标页面布局结果对应的页面进行渲染，生成目标页面布局结果对应的目标页面文件。

6.根据权利要求5所述的方法，其特征在于，依据配置后的组件模板代码对目标页面布局结果对应的页面进行渲染，生成目标页面布局结果对应的目标页面文件，包括：

将配置后的组件模板代码片段中超文本标记语言HTML部分内容加载到目标页面布局结果对应的页面超文本标记语言HTML部分；

将配置后的组件模板代码片段中脚本Script部分内容加载到目标页面布局结果对应的页面脚本Script部分；

将配置后的组件模板代码片段中样式Style部分内容加载到目标页面布局结果对应的页面样式部分，以得到目标页面文件。

7.根据权利要求4所述的方法，其特征在于，将至少一个目标页面文件的进行逻辑组合，得到目标小程序代码执行文件，包括：

确定至少一个目标页面文件采用的目标配置文件；所述目标配置文件用于指示各个目标页面文件之间的组合逻辑关系；

依据所述至少一个目标页面文件以及所述目标配置文件执行脚本命令，组装得到一个Uniapp项目，经过编译得到对应的目标小程序代码执行文件。

8.一种小程序开发生成装置，其特征在于，所述装置包括：

页面布局确定模块，用于确定采用目标可视组件进行页面布局配置的目标页面布局结果；

结构数据确定模块，用于确定目标页面布局结果的目标抽象语法树结构数据；所述目标抽象语法树结构数据中的目标可视组件采用抽象语法树结构表示；

小程序代码生成模块，用于依据所述目标抽象语法树结构数据以及所述目标可视组件对应的组件模板代码，生成目标小程序代码执行文件。