页面布局方法、装置及计算机可读存储介质制造方法及图纸

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

Page Layout Method, Device and Computer Readable Storage Media

【技术实现步骤摘要】
页面布局方法、装置及计算机可读存储介质
本专利技术涉及互联网
，具体而言，涉及一种页面布局方法、装置及计算机可读存储介质。
技术介绍
随着互联网技术的不断发展，可以采用在页面中通过添加不同组件的方式，实现数据可视化，从而更加清晰的向用户展示多种形式的信息。相关技术中，在编辑页面的过程中，可以选中需要添加的组件，并对该组件的基础属性(如外观、可见和刷新率)以及与该组件对应的相关事件进行匹配，从而在页面中添加该组件。而且，可以通过手动拖拽的方式对各个组件的位置进行调整，从而实现对组件布局的调整。但是，当页面中包括多个组件时，若采用手动拖拽的方式调整各个组件的位置，则花费时间较多，造成效率较低的问题。
技术实现思路
本专利技术的目的在于，针对上述现有技术中的不足，提供一种页面布局方法、装置及计算机可读存储介质，以解决对页面中的各个组件进行布局时，效率较低的问题。为实现上述目的，本专利技术实施例采用的技术方案如下：第一方面，本专利技术实施例提供了一种页面布局方法，所述方法包括：从预先设置的组件库中获取多个目标组件；根据预先设置的布局规则和多个所述目标组件，生成页面模板；根据所述页面模板，生成包括多个所述目标组件的页面。可选的，所述布局规则包括：位置规则、类型规则和数量规则；所述根据预先设置的布局规则和多个所述目标组件，生成页面模板，包括：确定多个所述目标组件中每个所述目标组件对应的类型；根据所述类型规则和所述数量规则，结合每个所述目标组件对应的类型，以及每种类型的组件所对应的数量，按照所述位置规则对各个所述目标组件在页面中的位置进行调整，生成所述页面模板。可选的，在所述根据所述页面模板，生成包括多个所述目标组件的页面之前，所述方法还包括：在所述页面模板中填充与各个所述目标组件对应的组件图像，得到预览图像；显示提醒消息，所述提醒消息用于提醒用户是否生成与所述预览图像相匹配的页面；所述根据所述页面模板，生成包括多个所述目标组件的页面，包括：若检测到用户基于所述提醒消息触发的确认操作，根据所述页面模板，生成包括多个所述目标组件、且与所述预览图像相匹配的页面。可选的，在所述在所述页面模板中填充与各个所述目标组件对应的组件图像，得到预览图像之后，所述方法还包括：若检测到用户触发的添加删除操作，根据所述添加删除操作对多个所述目标组件进行添加或删除，得到多个调整后的目标组件；根据所述布局规则和多个所述调整后的目标组件，重新生成页面模板，得到调整后的页面模板；在所述调整后的页面模板中填充与各个所述调整后的目标组件对应的组件图像，得到调整后的预览图像；所述根据所述页面模板，生成包括多个所述目标组件的页面，还包括：若检测到用户触发的确认操作，根据所述调整后的页面模板，生成包括多个所述调整后的目标组件、且与所述调整后的预览图像相匹配的页面。可选的，在所述页面模板中填充与各个所述目标组件对应的组件图像，得到预览图像之后，所述方法还包括：若检测到用户触发的移动操作，对所述预览图像中与所述移动操作相对应的目标组件的位置进行调整，得到调整后的预览图像；所述根据所述页面模板，生成包括多个所述目标组件的页面，还包括：若检测到用户触发的确认操作，根据所述页面模板，生成包括多个所述目标组件、且与所述调整后的预览图像相匹配的页面。可选的，所述从预先设置的组件库中获取多个目标组件，包括：获取待展示数据；根据所述待展示数据的数据类型，从所述组件库中选取多个所述目标组件。可选的，所述从预先设置的组件库中获取多个目标组件，包括：检测用户触发的选择操作，所述选择操作用于选取所述目标组件；将所述组件库中与所述选择操作相对应的组件作为所述目标组件。可选的，在所述从预先设置的组件库中获取多个目标组件之前，所述方法还包括：通过组件预览的方式，渲染得到包括多个渲染后的组件的组件库；获取所述组件库中每个渲染后的组件对应的组件图像；建立各个所述组件图像与相应渲染后的组件之间的对应关系。第二方面，本专利技术实施例还提供了一种页面布局装置，所述装置包括：第一获取模块，用于从预先设置的组件库中获取多个目标组件；第一生成模块，用于根据预先设置的布局规则和多个所述目标组件，生成页面模板；第二生成模块，用于根据所述页面模板，生成包括多个所述目标组件的页面。可选的，所述布局规则包括：位置规则、类型规则和数量规则；所述第一生成模块，具体用于确定多个所述目标组件中每个所述目标组件对应的类型；根据所述类型规则和所述数量规则，结合每个所述目标组件对应的类型，以及每种类型的组件所对应的数量，按照所述位置规则对各个所述目标组件在页面中的位置进行调整，生成所述页面模板。可选的，所述装置还包括：填充模块，用于在所述页面模板中填充与各个所述目标组件对应的组件图像，得到预览图像；显示模块，用于显示提醒消息，所述提醒消息用于提醒用户是否生成与所述预览图像相匹配的页面；所述第二生成模块，具体用于若检测到用户基于所述提醒消息触发的确认操作，根据所述页面模板，生成包括多个所述目标组件、且与所述预览图像相匹配的页面。可选的，所述装置还包括：添加删除模块，用于若检测到用户触发的添加删除操作，根据所述添加删除操作对多个所述目标组件进行添加或删除，得到多个调整后的目标组件；所述第一生成模块，还用于根据所述布局规则和多个所述调整后的目标组件，重新生成页面模板，得到调整后的页面模板；所述填充模块，还用于在所述调整后的页面模板中填充与各个所述调整后的目标组件对应的组件图像，得到调整后的预览图像；所述第二生成模块，具体用于若检测到用户触发的确认操作，根据所述调整后的页面模板，生成包括多个所述调整后的目标组件、且与所述调整后的预览图像相匹配的页面。可选的，所述装置还包括：移动模块，用于若检测到用户触发的移动操作，对所述预览图像中与所述移动操作相对应的目标组件的位置进行调整，得到调整后的预览图像；所述第二生成模块，具体用于若检测到用户触发的确认操作，根据所述页面模板，生成包括多个所述目标组件、且与所述调整后的预览图像相匹配的页面。可选的，所述第一获取模块，具体用于获取待展示数据；根据所述待展示数据的数据类型，从所述组件库中选取多个所述目标组件。可选的，所述第一获取模块，还具体用于检测用户触发的选择操作，所述选择操作用于选取所述目标组件；将所述组件库中与所述选择操作相对应的组件作为所述目标组件。可选的，所述装置还包括：渲染模块，用于通过组件预览的方式，渲染得到包括多个渲染后的组件的组件库；第二获取模块，用于获取所述组件库中每个渲染后的组件对应的组件图像；关系建立模块，用于建立各个所述组件图像与相应渲染后的组件之间的对应关系。第三方面，本专利技术实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行如上述第一方面所述的页面布局方法的步骤。本专利技术的有益效果是：本专利技术实施例提供的方法及装置，通过从预先设置的组件库中获取多个目标组件，并根据预先设置的布局规则和多个目标组件，生成页面模板，最后根据页面模板，生成包括多个目标组件的页面。通过布局规则对目标组件在页面中的位置以及各个目标组件的大小进行调整，无需用户通过拖拽的方式手动调整各个组件，减少了用户调整各个组件所花费的时间，提高了对页面中各个组本文档来自技高网...

【技术保护点】
1.一种页面布局方法，其特征在于，所述方法包括：从预先设置的组件库中获取多个目标组件；根据预先设置的布局规则和多个所述目标组件，生成页面模板；根据所述页面模板，生成包括多个所述目标组件的页面。

【技术特征摘要】
1.一种页面布局方法，其特征在于，所述方法包括：从预先设置的组件库中获取多个目标组件；根据预先设置的布局规则和多个所述目标组件，生成页面模板；根据所述页面模板，生成包括多个所述目标组件的页面。2.如权利要求1所述的方法，其特征在于，所述布局规则包括：位置规则、类型规则和数量规则；所述根据预先设置的布局规则和多个所述目标组件，生成页面模板，包括：确定多个所述目标组件中每个所述目标组件对应的类型；根据所述类型规则和所述数量规则，结合每个所述目标组件对应的类型，以及每种类型的组件所对应的数量，按照所述位置规则对各个所述目标组件在页面中的位置进行调整，生成所述页面模板。3.如权利要求1所述的方法，其特征在于，在所述根据所述页面模板，生成包括多个所述目标组件的页面之前，所述方法还包括：在所述页面模板中填充与各个所述目标组件对应的组件图像，得到预览图像；显示提醒消息，所述提醒消息用于提醒用户是否生成与所述预览图像相匹配的页面；所述根据所述页面模板，生成包括多个所述目标组件的页面，包括：若检测到用户基于所述提醒消息触发的确认操作，根据所述页面模板，生成包括多个所述目标组件、且与所述预览图像相匹配的页面。4.如权利要求3所述的方法，其特征在于，在所述在所述页面模板中填充与各个所述目标组件对应的组件图像，得到预览图像之后，所述方法还包括：若检测到用户触发的添加删除操作，根据所述添加删除操作对多个所述目标组件进行添加或删除，得到多个调整后的目标组件；根据所述布局规则和多个所述调整后的目标组件，重新生成页面模板，得到调整后的页面模板；在所述调整后的页面模板中填充与各个所述调整后的目标组件对应的组件图像，得到调整后的预览图像；所述根据所述页面模板，生成包括多个所述目标组件的页面，还包括：若检测到用户触发的确认操作，根据所述调整后的页面模...

【专利技术属性】
技术研发人员：徐祥，罗波，吴星国，王国玉，
申请(专利权)人：成都四方伟业软件股份有限公司，
类型：发明
国别省市：四川,51