一种页面布局方法、装置、设备及存储介质制造方法及图纸

本申请公开了一种页面布局方法、装置、设备及存储介质，涉及计算机技术领域，包括：获取目标页面的页面容器宽度和所述目标页面中每一页面元素对应的页面元素宽度，并根据所述页面容器宽度和所述页面元素宽度确定出目标列数；设置各所述页面元素对应的数组对象并根据所述目标列数对所述目标页面自动进行渲染以得到待调整列表；基于所述数组对象中的预设参数对所述待调整列表进行排序操作以得到目标页面元素列表完成页面布局操作。本申请通过计算目标页面的最大目标列数，自动根据最大目标列数对目标页面进行渲染并利用参数对渲染得到的列表进行排序操作完成页面布局，这样一来可以实现页面动态自定义布局的过程，避免了页面排版错乱等问题出现。面排版错乱等问题出现。面排版错乱等问题出现。

【技术实现步骤摘要】
一种页面布局方法、装置、设备及存储介质


[0001]本专利技术涉及计算机
，特别涉及一种页面布局方法、装置、设备及存储介质。

技术介绍

[0002]随着移动互联网的发展，各种后台管理系统大量出现在市场上。随着各类数据报表维度的增加，我们在页面的中查询搜索条件也大量出现，这就会带来很多排版问题。常见的搜索条件有：文本输入框、条件下拉框、复选框、单选框、时间选择框、日期选择框等等差异化的查询条件。
[0003]在上述技术背景的前提下，同时每个用户使用查看系统的设备大小以及分辨率的差异化，导致每个页面布局都会出现不同，如果固定一定的显示比例，页面会出现很大的不同，尤其是小屏幕设备或者低分辨率设备会出现灾难性的排版错乱问题。现在大多系统的处理方式是以百分比或者非智能化的动态布局实现，对于一些需要动态生成的模块由于宽度不固定无法正常实现动态布局。

技术实现思路

[0004]有鉴于此，本专利技术的目的在于提供一种页面布局方法、装置、设备及存储介质，能够实现页面自定义动态布局。其具体方案如下：
[0005]第一方面，本申本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面布局方法，其特征在于，包括：获取目标页面的页面容器宽度和所述目标页面中每一页面元素对应的页面元素宽度，并根据所述页面容器宽度和所述页面元素宽度确定出目标列数；设置各所述页面元素对应的数组对象并根据所述目标列数对所述目标页面自动进行渲染以得到待调整列表；基于所述数组对象中的预设参数对所述待调整列表进行排序操作以得到目标页面元素列表完成页面布局操作。2.根据权利要求1所述的页面布局方法，其特征在于，所述根据所述页面容器宽度和所述页面元素宽度确定出目标列数，包括：根据所述页面元素宽度确定最大页面元素宽度，并根据所述最大页面元素宽度和所述页面容器宽度确定出所述目标页面的目标列数。3.根据权利要求1所述的页面布局方法，其特征在于，所述设置各所述页面元素对应的数组对象并根据所述目标列数对所述目标页面自动进行渲染以得到待调整列表，包括：设置各所述页面元素对应的包含所述页面元素宽度和元素名称的数组对象，并根据所述目标列数利用所述数组对象对所述目标页面自动进行渲染以得到待调整列表。4.根据权利要求1所述的页面布局方法，其特征在于，所述设置各所述页面元素对应的数组对象并根据所述目标列数对所述目标页面自动进行渲染以得到待调整列表之后，还包括：根据所述待调整列表每一列的各所述页面元素对应的所述页面元素宽度确定所述待调整列表每一列的最大元素宽度，并根据每一列的所述最大元素宽度对所述待调整列表的对应列进行调整。5.根据权利要求1至4任一项所述的页面布局方法，其特征在于，所述基于所述数组对象中的预设参数对所述待调整列表进行排序操作以得到目标页面元素列表完成页面布局操作之前...

【专利技术属性】
技术研发人员：高超，施兴科，周圣强，黄岗，
申请(专利权)人：苏州万店掌网络科技有限公司，
类型：发明
国别省市：