(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 20221015270 5.X (22)申请日 2022.02.18 (71)申请人 青岛海尔科技有限公司 地址 266101 山东省青岛市崂山区海尔路1 号海尔工业园 申请人 海尔智家 股份有限公司 (72)发明人 徐君　 (74)专利代理 机构 北京康信知识产权代理有限 责任公司 1 1240 专利代理师 刘旺贵 (51)Int.Cl. G06F 8/38(2018.01) G06F 9/451(2018.01) (54)发明名称 页面生成方法及装置、 存 储介质及电子装置 (57)摘要 本发明公开了一种 页面生成方法及装置、 存 储介质及电子装置， 其中， 上述方法包括： 获取目 标页面配置信息、 目标组件的组件配置信息以及 目标组件与目标事件的关联信息； 根据目标页面 配置信息、 组件配置信息和关联信息， 生成第一 页面对应的第一代码集合， 其中， 第一页面用于 显示目标组件； 对第一代码集合进行编译， 得到 第一编译后代码集合， 其中， 第一编译后代码集 合用于在被目标浏览器执行时在目标浏览器上 显示第一页面， 第一页面上显示有目标组件， 第 一页面上显示的目标组件用于根据目标组件接 收到的输入信息， 执 行目标事 件。 权利要求书2页 说明书9页 附图3页 CN 114675825 A 2022.06.28 CN 114675825 A 1.一种页面 生成方法， 其特 征在于， 包括： 获取目标页面配置信 息、 目标组件的组件配置信 息以及所述目标组件与目标事件的关 联信息； 根据所述目标页面配置信息、 所述组件配置信息和所述关联信息， 生成第一页面对应 的第一代码集 合， 其中， 所述第一页面用于 显示所述目标组件； 对所述第 一代码集合进行编译， 得到第一编译后代码集合， 其中， 所述第 一编译后代码 集合用于在被目标浏览器执行时在所述目标浏览器上显示所述第一页面， 所述第一页面上 显示有所述目标 组件， 所述第一页面上显示的所述目标 组件用于根据所述目标 组件接收到 的输入信息， 执 行所述目标事 件。 2.根据权利要求1所述的方法， 其特征在于， 所述根据所述目标页面配置信息、 所述组 件配置信息和所述关联信息， 生成第一页面对应的第一代码集 合， 包括： 根据所述目标页面配置信息， 生成所述第一页面的第一页面代码子集； 根据所述组件配置信 息， 生成第 一组件的第一组件代码子集， 其中， 所述目标组件是第 一组件库中的所述第一组件； 根据所述关联信息， 生成所述目标事 件的第一事 件代码子集； 其中， 所述第 一代码集合包括所述第 一页面代码子集、 所述第一组件代码子集、 所述第 一事件代码子集。 3.根据权利要求2所述的方法， 其特征在于， 所述根据所述组件配置信息， 生成第一组 件的第一组件代码子集， 包括： 根据所述组件配置信 息中包括的目标组件类型， 在所述第 一组件库中查找所述目标组 件类型的所述第一组件； 根据所述组件配置信 息中包括的所述目标组件的目标显示参数， 生成所述第 一组件的 第一组件代码子集， 其中， 所述第一组件代码子集用于按照所述 目标显示参数显示所述第 一组件。 4.根据权利要求2所述的方法， 其特征在于， 所述根据所述关联信息， 生成所述目标事 件的第一事 件代码子集， 包括： 根据所述关联信 息中包括的目标事件执行逻辑， 生成所述第 一事件代码子集， 其中， 所 述第一事件代码子集用于根据所述目标 组件接收到的输入信息， 按照所述目标事件执行逻 辑执行所述目标事 件。 5.根据权利要求4所述的方法， 其特征在于， 所述根据所述关联信 息中包括的目标事件 执行逻辑， 生成所述第一事 件代码子集， 包括： 根据所述关联信 息中包括的所述目标事件执行逻辑和目标信 息， 生成所述第 一事件代 码子集， 其中， 所述第一事件代码子集用于在所述目标组件接收到输入信息的情况下， 按照 所述目标事 件执行逻辑对所述目标信息执 行对应的第一操作； 或 根据所述关联信息中包括的所述目标事件执行逻辑， 生成所述第一事件代码子集， 其 中， 所述第一事件代码子集用于在所述 目标组件接 收到输入信息的情况下， 按照所述 目标 事件执行逻辑执 行与所述输入信息对应的第二操作； 或 根据所述关联信息中包括的所述目标事件执行逻辑， 生成所述第一事件代码子集， 其 中， 所述第一事件代码子集用于在所述 目标组件接 收到输入信息的情况下， 按照所述 目标权　利　要　求　书 1/2 页 2 CN 114675825 A 2事件执行逻辑执行对应的第三操作， 所述目标事件执行逻辑是与所述输入信息相关的事件 执行逻辑。 6.根据权利要求2所述的方法， 其特征在于， 所述根据所述目标页面配置信息， 生成所 述第一页面的第一页面代码子集， 包括： 在所述目标页面配置信 息为默认页面配置信 息时， 根据 所述默认页面配置信 息中包括 的默认样式信息， 生成所述第一页面的第一页面代码子集， 其中， 所述第一页面代码子集用 于按照所述默认样式信息 显示所述第一页面； 或者 在所述目标页面配置信 息为输入的页面配置信 息时， 根据 所述输入的页面配置信 息中 包括的输入样式信息， 生成所述第一页面的第一页面代码 子集， 其中， 所述第一页面代码子 集用于按照所述输入样式信息 显示所述第一页面。 7.根据权利要求2所述的方法， 其特 征在于， 所述方法还 包括： 在所述第一组件库被切换成第二组件库的情况下， 根据所述组件配置信息， 生成第二 组件的第二组件代码子集， 其中， 所述目标组件是 所述第二组件库中的所述第二组件； 对第二页面对应的第二代码集合进行编译， 得到第 二编译后代码集合， 其中， 所述第二 编译后代码集合用于在被目标浏览器执行时在所述目标浏览器上显示所述第二页面， 所述 第二页面上显示有所述目标 组件， 所述第二页面上显示的所述目标 组件用于根据所述目标 组件接收到的输入信息， 执行所述 目标事件， 所述第二代码集合包括所述第一页面代码子 集、 所述第二组件代码子集、 所述第一事 件代码子集。 8.一种页面 生成装置， 其特 征在于， 包括： 获取模块， 用于获取目标页面配置信息、 目标组件的组件配置信息以及所述目标组件 与目标事 件的关联信息； 生成模块， 用于根据 所述目标页面配置信 息、 所述组件配置信 息和所述关联信 息， 生成 第一页面对应的第一代码集 合， 其中， 所述第一页面用于 显示所述目标组件； 编译模块， 用于对所述第一代码集合进行编译， 得到第一编译后代码集合， 其中， 所述 第一编译后代码集合用于在被目标浏览器执行时在所述目标浏览器上显示所述第一页面， 所述第一页面上显示有所述目标 组件， 所述第一页面上显示的所述目标 组件用于根据所述 目标组件接收到的输入信息， 执 行所述目标事 件。 9.一种计算机可读的存储介质， 其特征在于， 所述计算机可读的存储介质包括存储的 程序， 其中， 所述 程序运行时执 行上述权利要求1至7任一项中所述的方法。 10.一种电子装置， 包括存储器和 处理器， 其特征在于， 所述存储器中存储有计算机程 序， 所述处理器被设置为通过所述计算机程序执行所述权利要求1至7任一项中所述的方 法。权　利　要　求　书 2/2 页 3 CN 114675825 A 3