[发明专利]网页表单布局的调整方法、装置、电子设备及存储介质

权利要求书

1.一种网页表单布局的调整方法，其特征在于，包括：

响应于用户进行网页页面尺寸调整操作时，获取调整后的网页页面的分辨率；

基于所述分辨率，得到目标表单在所述调整后的网页页面中的布局列数，以便基于所述布局列数得到表单模板，其中，所述目标表单为尺寸调整前的网页页面中的表单；

根据所述布局列数，将所述目标表单中的表单标签名称划分至所述表单模板的每一列中，以得到渲染表单；

计算所述渲染表单中每一列内各个表单标签名称在调整后的网页页面中的宽度值，并将每一列中的最大宽度值作为对应列的最大列宽；

获取所述目标表单的表单域宽度，并基于所述表单域宽度以及所述渲染表单中每一列的最大列宽，调整所述渲染表单，得到调整后的渲染表单；

将所述调整后的渲染表单渲染到调整后的网页页面中，以完成所述目标表单在调整后的网页页面中布局的调整。

2.如权利要求1所述的方法，其特征在于，根据所述布局列数，将所述目标表单中的表单标签名称划分至所述表单模板的每一列中，以得到渲染表单，包括：

基于所述布局列数，对所述目标表单中的表单标签名称进行数据重构，得到列表单标签数组，其中，所述列表单标签数组中的元素总个数等于所述布局列数，且每个元素包括至少一个表单标签名称；

将所述列表单标签数组中的第i个元素，存储至所述表单模板的第i列中，其中，i为正整数，且i从1开始；

当i从1循环至n时，得到所述渲染表单，其中，n为所述列表单标签数组中元素的总个数。

3.如权利要求2所述的方法，其特征在于，基于所述布局列数，对所述目标表单中的表单标签名称进行数据重构，得到列表单标签数组，包括：

获取所述网页页面的表单项配置数据，其中，所述表单项配置数据包括多个按照顺序排列的表单标签名称；

基于所述布局列数，创建一个元素内容为空的二维数组，其中，所述二维数组中的元素总个数等于所述布局列数；

计算所述表单项配置数据中各个表单标签名称的排序序号，与所述二维数组中的元素总个数之间的余数，以将余数作为各个表单标签名称的存储序号，其中，余数为0对应的存储序号为m，m为所述布局列数，且任一存储序号用于表征对应表单标签名称在所述二维数组中存储的元素的排序号；

基于各个表单标签名称的存储序号，将各个表单标签名称存储至所述二维数组中，得到所述列表单标签数组。

4.如权利要求1所述的方法，其特征在于，计算所述渲染表单中每一列内各个表单标签名称在调整后的网页页面中的宽度值，包括：

获取所述调整后的网页页面对应的DOM树中的DOM节点；

按照预设规则，将所述渲染表单中每一列内的各个表单标签名称，存储至所述DOM节点中，得到多个标签节点，其中，所述预设规则为一个表单标签名称对应一个DOM节点；

将所述多个标签节点中的每个标签节点渲染至所述调整后的网页页面中，以将每个标签节点在调整后的网页页面中的宽度值，作为每个表单标签名称在调整后的网页页面中的宽度值。

5.如权利要求1所述的方法，其特征在于，基于所述表单域宽度以及所述渲染表单中每一列的最大列宽，调整所述渲染表单，包括：

计算所述渲染表单中每一列的最大列宽与所述表单域宽度的总和，得到所述渲染表单中每一列的最佳列宽；

将所述渲染表单中每一列的列宽，调整至每一列的最佳列宽，得到所述渲染表单。

6.如权利要求1所述的方法，其特征在于，基于所述分辨率，得到目标表单在所述调整后的网页页面中的布局列数，包括：

获取配置数据库，其中，所述配置数据库中包括多个页面分辨率，以及所述多个页面分辨率中每个页面分辨率对应的配置列数；

判断所述网页页面对应的浏览引擎中是否存在用户配置数据；

若否，则基于所述分辨率，在所述配置数据库中，查找出与所述分辨率对应的页面分辨率，以将查找出的页面分辨率对应的配置列数，作为所述布局列数。