[发明专利]一种页面构建方法、装置、存储介质和电子设备

权利要求书

1.一种页面构建方法，包括：

响应于目标用户的页面构建请求，加载页面组件编辑界面；

响应于目标用户针对至少一个目标功能组件的组件选取操作，确定每一个目标功能组件的数据类型、目标用户选中的多个目标容器组件、每一个目标容器组件下的子组件；

获取每一个目标容器组件对应的第一位置标识和第一图层层级信息，以及每一个目标容器组件下的子组件对应的第二位置标识和第二图层层级信息；

基于每一个目标容器组件的所述第一位置标识、所述第一图层层级信息、以及每一个目标容器组件下的子组件的所述第二位置标识和所述第二图层层级信息，确定多个目标容器组件之间的第一嵌套关系和每一个目标容器组件与对应的子组件之间的第二嵌套关系；

基于所述至少一个目标功能组件、与每一个目标功能组件对应的多个目标容器组件、所述第一嵌套关系和所述第二嵌套关系，生成对应的目标页面。

2.根据权利要求1所述的方法，其中，所述获取每一个目标容器组件对应的第一位置标识和第一图层层级信息，以及每一个目标容器组件下的子组件对应的第二位置标识和第二图层层级信息之前，还包括：

基于每一个目标功能组件的组件类型，配置对应的目标容器组件的关键属性。

3.根据权利要求2所述的方法，其中，所述基于每一个目标功能组件的组件类型，配置对应的目标容器组件的关键属性，包括：

若目标功能组件的组件类型为静态单图或动态轮播图、且当前目标容器组件为绝对定位容器组件时，响应于目标用户执行的第一拖拽操作，将当前目标容器组件下的子组件设置在所述目标功能组件所在的目标区域内的第一预设位置。

4.根据权利要求3所述的方法，其中，

若当前目标容器组件下的子组件为文字子组件或按钮子组件时，通过所述第一预设位置和所述第二图层层级信息，将该子组件悬浮设置在所述目标功能组件所在的图层上。

5.根据权利要求2所述的方法，其中，所述基于每一个目标功能组件的组件类型，配置对应的目标容器组件的关键属性，包括：

若目标功能组件的组件类型为静态单图或动态轮播图、且当前目标容器组件为绝对定位容器组件时，通过预置的多个关键点的横坐标和多个关键点的纵坐标将当前目标容器组件下的子组件设置在所述目标功能组件所在的目标区域内的第二预设位置。

6.根据权利要求5所述的方法，其中，

若当前目标容器组件下的子组件为文字子组件或按钮子组件时，通过所述第二预设位置和所述第二图层层级信息，将该子组件悬浮设置在所述目标功能组件所在的图层上。

7.根据权利要求2所述的方法，其中，所述基于每一个目标功能组件的组件类型，配置对应的目标容器组件的关键属性，包括：

若目标功能组件的组件类型为静态单图或动态轮播图、且当前目标容器组件为固定定位容器组件时，响应于目标用户执行的第二拖拽操作，将当前目标容器组件下的子组件设置在所述页面组件编辑界面内的第三预设位置。

8.根据权利要求7所述的方法，其中，

若当前目标容器组件下的子组件为文字子组件或按钮子组件时，通过所述第三预设位置和所述第二图层层级信息，将该子组件悬浮设置在所述目标功能组件所在的图层上。

9.根据权利要求2所述的方法，其中，所述基于每一个目标功能组件的组件类型，配置对应的目标容器组件的关键属性，包括：

若目标功能组件的组件类型为静态单图或动态轮播图、且当前目标容器组件为固定定位容器组件时，通过预置的多个关键点的横坐标和多个关键点的纵坐标将当前目标容器组件下的子组件设置在在所述页面组件编辑界面内的第四预设位置。

10.根据权利要求9所述的方法，其中，

若当前目标容器组件下的当前子组件为文字子组件或按钮子组件时，通过所述第四预设位置和所述第二图层层级信息，将当前子组件悬浮设置在所述目标功能组件所在的图层上。