[发明专利]一种组件生成方法、装置、电子设备及存储介质

权利要求书

1.一种组件生成方法，其特征在于，包括：

响应于对目标组件的新增操作，在组件列表页面上显示目标组件条目；

响应于对所述目标组件条目的选择操作，显示所述目标组件的可视化开发页面，所述可视化开发页面包括组件选择区、编辑区、属性设置区；

基于所述组件选择区中的组件以及属性设置区中的属性信息，在所述编辑区确定并显示所述目标组件，以获得所述目标组件的描述信息；

对所述目标组件的描述信息进行渲染，生成所述目标组件。

2.根据权利要求1所述的方法，其特征在于，所述属性设置区包括数据源配置控件，所述基于所述组件选择区中的组件以及属性设置区中的属性信息，在所述编辑区确定并显示所述目标组件，包括：

响应于对所述数据源配置控件的选择操作，显示数据源配置界面；

响应于在所述数据源配置界面中对各数据源的编辑操作，确定所述目标组件的数据源配置。

3.根据权利要求2所述的方法，其特征在于，所述属性设置区包括子应用配置控件，所述基于所述组件选择区中的组件以及属性设置区中的属性信息，在所述编辑区确定并显示所述目标组件，包括：

响应于对所述子应用配置控件的选择操作，显示子应用配置界面；

响应于在所述子应用配置界面中对子应用的编辑操作，确定与所述目标组件关联的目标子应用，所述目标子应用的标识显示在所述目标组件的界面上。

4.根据权利要求3所述的方法，其特征在于，所述属性设置区中包括弹窗配置控件，所述基于所述组件选择区中的组件以及属性设置区中的属性信息，在所述编辑区确定并显示所述目标组件，包括：

响应于对所述弹窗配置控件的选择操作，显示弹窗配置界面；

响应于在所述弹窗配置界面中对子应用的选择操作，确定与目标子应用关联的弹窗，所述目标组件的界面上显示有所述目标子应用的标识，所述标识用于触发所述弹窗的显示。

5.根据权利要求1所述的方法，其特征在于，所述目标组件由至少一个基础组件构成，所述基于所述组件选择区中的组件以及属性设置区中的属性信息，在所述编辑区确定并显示所述目标组件，包括：

响应于在所述组件选择区中对布局组件的选择操作，确定所述目标组件的布局，在所述编辑区中显示所述目标组件的布局界面；

响应于在所述组件选择区中对其他基础组件的选择操作，在所述目标组件的布局界面部署所述基础组件，以确定构成所述目标组件的至少一个基础组件。

6.根据权利要求5所述的方法，其特征在于，所述基于所述组件选择区中的组件以及属性设置区中的属性信息，在所述编辑区确定并显示所述目标组件，还包括：

响应于对所述组件选择区中的基础组件的选择操作，显示所述基础组件的属性配置界面；

响应于在所述属性配置界面中对所述基础组件的属性编辑操作，确定所述基础组件的属性配置，以确定构成所述目标组件的至少一个基础组件。

7.根据权利要求5所述的方法，其特征在于，所述编辑区包括预览界面，所述基于所述组件选择区中的组件以及属性设置区中的属性信息，在所述编辑区确定并显示所述目标组件，包括：

基于所述基础组件在所述布局界面中的位置，在所述预览界面的相应位置显示所述基础组件；

当所述布局界面中未部署所述基础组件，在所述预览界面中显示所述预览界面的背景。

8.一种组件生成装置，其特征在于，包括：

组件新增模块，用于响应于对目标组件的新增操作，在组件列表页面上显示目标组件条目；

页面显示模块，用于响应于对所述目标组件条目的选择操作，显示所述目标组件的可视化开发页面，所述可视化开发页面包括组件选择区、编辑区、属性设置区；

组件编辑模块，用于基于所述组件选择区中的组件以及属性设置区中的属性信息，在所述编辑区确定并显示所述目标组件，以获得所述目标组件的描述信息；

组件渲染模块，用于对所述目标组件的描述信息进行渲染，生成所述目标组件。