[发明专利]页面布局方法、装置及计算机可读存储介质

说明书

本发明提供一种页面布局方法、装置及计算机可读存储介质，涉及互联网技术领域。所述方法包括：从预先设置的组件库中获取多个目标组件，根据预先设置的布局规则和多个所述目标组件，生成页面模板，根据所述页面模板，生成包括多个所述目标组件的页面。通过布局规则对目标组件在页面中的位置以及各个目标组件的大小进行调整，无需用户通过拖拽的方式手动调整各个组件，减少了用户调整各个组件所花费的时间，提高了对页面中各个组件进行布局、生成包括多个组件的页面的效率。

技术领域

本发明涉及互联网技术领域，具体而言，涉及一种页面布局方法、装置及计算机可读存储介质。

背景技术

随着互联网技术的不断发展，可以采用在页面中通过添加不同组件的方式，实现数据可视化，从而更加清晰的向用户展示多种形式的信息。

相关技术中，在编辑页面的过程中，可以选中需要添加的组件，并对该组件的基础属性(如外观、可见和刷新率)以及与该组件对应的相关事件进行匹配，从而在页面中添加该组件。而且，可以通过手动拖拽的方式对各个组件的位置进行调整，从而实现对组件布局的调整。

但是，当页面中包括多个组件时，若采用手动拖拽的方式调整各个组件的位置，则花费时间较多，造成效率较低的问题。

发明内容

本发明的目的在于，针对上述现有技术中的不足，提供一种页面布局方法、装置及计算机可读存储介质，以解决对页面中的各个组件进行布局时，效率较低的问题。

为实现上述目的，本发明实施例采用的技术方案如下：

第一方面，本发明实施例提供了一种页面布局方法，所述方法包括：

从预先设置的组件库中获取多个目标组件；

根据预先设置的布局规则和多个所述目标组件，生成页面模板；

根据所述页面模板，生成包括多个所述目标组件的页面。

可选的，所述布局规则包括：位置规则、类型规则和数量规则；

所述根据预先设置的布局规则和多个所述目标组件，生成页面模板，包括：

确定多个所述目标组件中每个所述目标组件对应的类型；

根据所述类型规则和所述数量规则，结合每个所述目标组件对应的类型，以及每种类型的组件所对应的数量，按照所述位置规则对各个所述目标组件在页面中的位置进行调整，生成所述页面模板。

可选的，在所述根据所述页面模板，生成包括多个所述目标组件的页面之前，所述方法还包括：

在所述页面模板中填充与各个所述目标组件对应的组件图像，得到预览图像；

显示提醒消息，所述提醒消息用于提醒用户是否生成与所述预览图像相匹配的页面；

所述根据所述页面模板，生成包括多个所述目标组件的页面，包括：

若检测到用户基于所述提醒消息触发的确认操作，根据所述页面模板，生成包括多个所述目标组件、且与所述预览图像相匹配的页面。

可选的，在所述在所述页面模板中填充与各个所述目标组件对应的组件图像，得到预览图像之后，所述方法还包括：

若检测到用户触发的添加删除操作，根据所述添加删除操作对多个所述目标组件进行添加或删除，得到多个调整后的目标组件；

根据所述布局规则和多个所述调整后的目标组件，重新生成页面模板，得到调整后的页面模板；

在所述调整后的页面模板中填充与各个所述调整后的目标组件对应的组件图像，得到调整后的预览图像；

所述根据所述页面模板，生成包括多个所述目标组件的页面，还包括：