(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 20221020190 3.0 (22)申请日 2022.03.02 (71)申请人 青岛海尔科技有限公司 地址 266101 山东省青岛市崂山区海尔路1 号海尔工业园 申请人 海尔智家 股份有限公司 (72)发明人 彭沁　 (74)专利代理 机构 北京同立钧成知识产权代理 有限公司 1 1205 专利代理师 刘笑　臧建明 (51)Int.Cl. G06F 9/451(2018.01) (54)发明名称 屏幕布局生成方法、 装置、 设备及存 储介质 (57)摘要 本发明属于计算机技术领域， 具体涉及一种 屏幕布局生成方法、 装置、 设备及存储介质。 预先 生成用于模拟目标页面待调用的后端接口数据 的模拟数据并存储， 在生成屏幕布局时， 通过向 服务器发送目标页面的数据请求， 获得服务器 返 回的目标页面的模拟数据， 从而可以使用模拟数 据对目标页面进行渲染， 使目标页面不再为空白 页面， 在渲染结束后， 采用层叠样式对目标页面 中的元素进行覆盖， 生成目标页面的屏幕布局， 有效解决了不具有本地数据的页面无法实现页 面渲染， 从而无法生成屏幕布局的问题。 权利要求书2页 说明书10页 附图3页 CN 114675916 A 2022.06.28 CN 114675916 A 1.一种屏幕布局生成方法， 其特 征在于， 包括： 运行页面显示器， 并通过所述页面显示器开启应用程序中待生成屏幕布局的目标页 面； 其中， 所述目标页面 为用于调用后端接口数据进行显示的页面； 向服务器发送所述目标页面的数据请求， 以使所述服务器根据所述数据请求， 返回所 述目标页面的模拟数据； 其中， 所述模拟数据用于模拟所述 目标页面待调用的后端接口数 据； 接收所述模拟数据， 并将所述目标页面的模拟数据加载到所述目标页面中， 对所述目 标页面进行渲染； 在渲染结束后， 采用 层叠样式对所述目标页面中的元素进行覆盖， 生成所述目标页面 的屏幕布局。 2.根据权利要求1所述的屏幕布局生成方法， 其特征在于， 所述服务器返回的所述目标 页面的模拟数据， 为所述服务器将接收到的所述目标页面的数据请求转发给数据模拟器 后， 所述数据模拟器 基于所述请求发送给 所述服务器的。 3.根据权利要求1所述的屏幕布局生成方法， 其特征在于， 所述采用层叠样式对所述目 标页面中的元 素进行覆盖， 生成所述目标页面的屏幕布局， 包括： 获取所述目标页面中的元素的标识， 并根据 所述标识对所述目标页面中的元素进行分 类； 针对所述目标页面中的不同类型的元素， 采用不同的层叠样式对所述元素进行覆盖， 生成所述目标页面的屏幕布局。 4.根据权利要求3所述的屏幕布局生成方法， 其特征在于， 所述目标页面中的元素包括 文本类型的元素、 图片 类型的元素、 按钮类型的元素以及图形类型的元素； 所述针对所述目 标页面中的不同类型的元 素， 采用不同的层叠样式对所述元 素进行覆盖， 包括： 针对所述目标页面中的文本类型的元素， 采用灰色条纹加透 明条纹的层叠样式对所述 元素进行覆盖； 针对所述目标页面中的图片类型、 按钮类型以及图形类型的元素， 采用灰色块的层叠 样式对所述元 素进行覆盖 。 5.根据权利要求1所述的屏幕布局生成方法， 其特征在于， 所述生成所述目标页面的屏 幕布局之后， 还 包括： 获取所述目标页面的屏幕布局的超文本标记语言和层叠样式表， 并保存到文件目录 中； 将存储在所述文件目录中的所述目标页面的屏幕布局的超文本标记语言和层叠样式 表进行打包， 并在应用程序运行时作为插 件注入到所述目标页面的超文本标记语言中。 6.根据权利要求5所述的屏幕布局生成方法， 其特征在于， 所述获取所述目标页面的屏 幕布局的超文本标记语言和层叠样式表之后， 还 包括： 将所述目标页面的屏幕布局的超文本标记语言和层叠样式表写入内存； 获取所述目标页面的屏幕布局的超文本标记语言和层叠样式表所在的第一内存地址； 根据所述第一内存地址， 生成所述目标页面的屏幕布局的预览链接和二维码。 7.根据权利要求6所述的屏幕布局生成方法， 其特征在于， 所述生成所述目标页面的屏 幕布局的预览链接和二维码之后， 还 包括：权　利　要　求　书 1/2 页 2 CN 114675916 A 2对所述目标页面的屏幕布局进行 预览； 在预览模式下， 对所述目标页面的屏幕布局的超文本标记语言和层叠样式表进行修 改； 将修改后的所述目标页面的屏幕布局的超文本标记语言和层叠样式表写入内存； 获取修改后的所述目标页面的屏幕布局的超文本标记语言和层叠样式表所在的第二 内存地址； 根据所述第二内存地址， 对所述目标页面的屏幕布局的预览链接和二维码进行 更新。 8.一种屏幕布局生成装置， 其特 征在于， 包括： 开启模块， 用于运行页面显示器， 并通过所述页面显示器开启应用程序中待生成屏幕 布局的目标页面； 其中， 所述目标页面 为用于调用后端接口数据进行显示的页面； 发送模块， 用于向服务器发送所述目标页面的数据请求， 以使所述服务器根据所述数 据请求， 返回所述目标页面的模拟数据； 其中， 所述模拟数据用于模拟所述目标页面待调用 的后端接口数据； 接收模块， 用于接收所述模拟数据， 并将所述目标页面的模拟数据加载到所述目标页 面中， 对所述目标页面进行渲染； 生成模块， 用于在渲染结束后， 采用层叠样式对所述目标页面中的元素进行覆盖， 生成 所述目标页面的屏幕布局。 9.一种电子设备， 其特 征在于， 包括： 处 理器， 以及与所述处 理器通信连接的存 储器； 所述存储器存储计算机执 行指令； 所述处理器执行所述存储器存储的计算机执行指令， 以实现如权利要求1 ‑7中任一项 所述的屏幕布局生成方法。 10.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质中存储有计算机 执行指令， 所述计算机执行指令被处理器执行时用于实现如权利要求1 ‑7中任一项所述的 屏幕布局生成方法。权　利　要　求　书 2/2 页 3 CN 114675916 A 3