(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202111522998.8 (22)申请日 2021.12.13 (71)申请人 北京百度网讯科技有限公司 地址 100085 北京市海淀区上地十街10号 百度大厦2层 (72)发明人 周锐　丁杰超　 (74)专利代理 机构 北京市汉坤律师事务所 11602 专利代理师 姜浩然　吴丽丽 (51)Int.Cl. G06F 9/451(2018.01) G06F 3/0486(2013.01) G06N 20/00(2019.01) (54)发明名称 页面布局信息处理方法、 装置、 电子设备和 介质 (57)摘要 本公开提供了一种 页面布局信息处理方法， 涉及人工智能技术领域， 尤其涉及页面配置技术 领域。 实现方案为： 响应于在显示界面上对多个 组件的移动操作， 确定布局雏 形， 其中， 多个组件 中的每一个组件 具有各自的组件属性； 获取多个 布局模板， 其中， 多个布局模板中的每一个布局 模板包括多个组件模板， 并且其中， 针对每一个 布局模板， 该布局模板所包括的多个组件模板中 的每一个组件模板具有各自的组件模板属性； 基 于布局雏形中的每一个组件的组件属性和多个 布局模板中的每一个布局模板中的每一个组件 模板的组件模板属性， 确定多个布局模板中的每 一个布局模板与布局雏形的匹配度； 以及基于匹 配度显示多个布局模板 。 权利要求书3页 说明书10页 附图5页 CN 114675913 A 2022.06.28 CN 114675913 A 1.一种页面布局信息处 理方法， 包括： 响应于在显示界面上对多个组件的移动操作， 确定布局雏形， 其中， 所述多个组件中的 每一个组件具有各自的组件属性； 获取多个布局模板， 其中， 所述多个布局模板中的每一个布局模板包括多个组件模板， 并且其中， 针对每一个布局模板， 该布局模板所包括的所述多个组件模板中的每一个组件 模板具有各自的组件 模板属性； 基于所述布局雏形中的每一个组件的组件属性和所述多个布局模板中的每一个布局 模板中的每一个组件模板的组件模板属性， 确定所述多个布局模板中的每一个布局模板与 所述布局雏形的匹配度； 以及 基于匹配度显示所述多个布局模板 。 2.根据权利要求1所述的方法， 还 包括： 在完成对所述多个组件中的至少一个组件的移动后， 对所述至少一个组件的组件属性 进行编辑， 其中， 对于所述多个组件中的每一个组件， 所述组件属性包括以下各项中的至少 一项： 该组件的高度和宽度、 该组件相对于编 辑区域左侧的距离和该组件相对于编辑 区域顶 部的距离、 该组件在所述布局雏形中的位置以及该组件所对应的数据源， 并且其中， 所述编 辑区域为所述布局雏形 所在的最小矩形区域。 3.根据权利要求1或2所述的方法， 其中， 所述组件模板属性包括以下各项中的至少一 项： 组件模板的高度和宽度、 组件模板相对于模板编辑 区域左侧的距离和组件模板相对于 模板编辑区域顶部的距离、 组件模板在所述布局模板中的位置以及组件模板所对应的数据 类型， 并且其中， 所述模板编辑区域 为所述布局模板所在的最小矩形区域。 4.一种机器学习模型的训练方法， 包括： 获取包括多个样本组件的样本布局雏形， 其中， 所述多个样本组件中的每一个样本组 件具有各自的样本组件属性； 构建多个布局模板， 并对所述多个布局模板中的每一个布局模板进行编号， 其中， 每一 个布局模板包括多个组件 模板； 针对每一个布局模板， 对该布局模板所包括的所述多个组件模板 中的每一个组件模板 进行组件 模板属性的标注； 对所述样本布局雏形标注第一值， 其中， 所述第一值指示所述样本布局雏形对应的布 局模板的编号； 将所述样本布局雏形和所述多个布局模板输入机器学习 模型， 获取所述样本布局雏形 的预测值， 其中， 所述预测 值指示所述样本布局雏形与所述多个布局模板中的每一个布局 模板的预测匹配度； 基于所述样本布局雏形的第一 值和预测值， 计算损失值； 以及 基于所述损失值， 调整所述机器学习模型的参数。 5.根据权利要求 4所述的方法， 其中， 所述样本组件属性包括以下 各项中的至少一项： 样本组件的高度和宽度、 样本组件相对于样本编辑 区域左侧的距离和样本组件相对于 样本编辑区域顶部的距离、 样本组件在所述样本布局雏形中的位置以及样本组件所对应的权　利　要　求　书 1/3 页 2 CN 114675913 A 2数据源， 并且其中， 所述样本编辑区域 为所述样本布局雏形 所在的最小矩形区域。 6.根据权利要求 4所述的方法， 其中， 所述组件 模板属性包括以下 各项中的至少一项： 组件模板的高度和宽度、 组件模板相对于模板编辑 区域左侧的距离和组件模板相对于 模板编辑区域顶部的距离、 组件模板在所述布局模板中的位置以及组件模板所对应的数据 类型， 并且其中， 所述模板编辑区域 为所述布局模板所在的最小矩形区域。 7.根据权利要求 4‑6中任一项所述的方法， 还 包括： 在将所述样本布局雏形输入所述机器学习 模型之前， 对所述样本布局雏形中的所述多 个样本组件的位置进行 预设区间的映射。 8.一种页面布局信息处 理装置， 包括： 移动模块， 被配置为响应于在显示界面上对多个组件的移动操作， 确定布局雏形， 其 中， 所述多个组件中的每一个组件具有各自的组件属性； 第一获取模块， 被配置为获取多个布局模板， 其中， 所述多个布局模板中的每一个布局 模板包括多个组件模板， 并且其中， 针对每一个布局模板， 该布局模板所包括的所述多个组 件模板中的每一个组件 模板具有各自的组件 模板属性； 确定模块， 被配置为基于所述布局雏形中的每一个组件的组件属性和所述多个布局模 板中的每一个布局模板中的每一个组件模板的组件模板属性， 确定所述多个布局模板中的 每一个布局模板与所述布局雏形的匹配度； 以及 排序模块， 被 配置为基于匹配度显示所述多个布局模板 。 9.根据权利要求8所述的装置， 还 包括： 编辑模块， 被配置为在完成对所述多个组件中的至少一个组件的移动后， 对所述至少 一个组件的组件属性进 行编辑， 其中， 对于所述多个组件中的每一个组件， 所述组件属性包 括以下各项中的至少一项： 该组件的高度和宽度、 该组件相对于编 辑区域左侧的距离和该组件相对于编辑 区域顶 部的距离、 该组件在所述布局雏形中的位置以及该组件所对应的数据源， 并且其中， 所述编 辑区域为所述布局雏形 所在的最小矩形区域。 10.根据权利要求8 或9所述的装置， 其中， 所述组件模板属性包括以下各项中的至少一 项： 组件模板的高度和宽度、 组件模板相对于模板编辑 区域左侧的距离和组件模板相对于 模板编辑区域顶部的距离、 组件模板在所述布局模板中的位置以及组件模板所对应的数据 类型， 并且其中， 所述模板编辑区域 为所述布局模板所在的最小矩形区域。 11.一种机器学习模型的训练装置， 包括： 第二获取模块， 被配置为获取包括多个样本组件的样本布局雏形， 其中， 所述多个样本 组件中的每一个样本组件具有各自的样本组件属性； 构建模块， 被配置为构建多个布局模板， 并对所述多个布局模板中的每一个布局模板 进行编号， 其中， 每一个布局模板包括多个组件 模板； 第一标注模块， 被配置为针对每一个布局模板， 对该布局模板所包括的所述多个组件 模板中的每一个组件 模板进行组件 模板属性的标注； 第二标注模块， 被配置为对所述样本布局雏形标注第 一值， 其中， 所述第 一值指示所述 样本布局雏形对应的布局模板的编号；权　利　要　求　书 2/3 页 3 CN 114675913 A 3