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

说明书

本公开实施例公开了一种页面构建方法、装置、存储介质和电子设备，该页面构建方法包括：获取每一个目标容器组件对应的第一位置标识和第一图层层级信息，以及每一个目标容器组件下的子组件对应的第二位置标识和第二图层层级信息；基于每一个目标容器组件的第一位置标识、第一图层层级信息、以及每一个目标容器组件下的子组件的第二位置标识和第二图层层级信息，确定多个目标容器组件之间的第一嵌套关系和每一个目标容器组件与对应的子组件之间的第二嵌套关系；以及基于至少一个目标功能组件、与每一个目标功能组件对应的多个目标容器组件、第一嵌套关系和第二嵌套关系，生成对应的目标页面。

技术领域

本发明涉及网页设计技术领域，具体涉及一种页面构建方法、装置、存储介质、电子设备和计算机程序产品。

背景技术

现有的页面构建方法，虽然支持页面组件嵌套，例如，可以实现各种菜单栏下，不同的选项里面展示不同的组件内容。

在实际应用场景中，若实现给单图配置一些文字内容以解释该图片，或者若实现给单图设置一个按钮以通过用户的触控操作触发对应的响应事件，或者若实现在展示页面的导航栏左侧或者导航栏右侧设置对应的按钮，由于受到嵌套规则的限制，例如，单图组件不能直接拖拽文本组件或者按钮组件，因此，很难实现用户想要的效果。若要在每个组件上均分别去支持上述多种功能，则会导致组件逻辑冗余，维护成本升高。

发明内容

基于此，有必要针对基于现有的页面构建过程中的组件逻辑冗余且维护成本较高的问题，提供一种页面构建方法、装置、存储介质和电子设备。

第一方面，本公开实施例提供了一种页面构建方法，包括：

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

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

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

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

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

在一种实施方式中，所述获取每一个目标容器组件对应的第一位置标识和第一图层层级信息，以及每一个目标容器组件下的子组件对应的第二位置标识和第二图层层级信息之前，还包括：

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

在一种实施方式中，其中，所述基于每一个目标功能组件的组件类型，配置对应的目标容器组件的关键属性，包括：

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

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

在一种实施方式中，所述基于每一个目标功能组件的组件类型，配置对应的目标容器组件的关键属性，包括：