(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210933795.6 (22)申请日 2022.08.04 (71)申请人 中国平安财产保险股份有限公司 地址 518033 广东省深圳市福田区益田路 5033号平安金融中心12、 13、 38、 39、 40 层 (72)发明人 阮灏键　 (74)专利代理 机构 深圳市赛恩倍吉知识产权代 理有限公司 4 4334 专利代理师 林丽纯 (51)Int.Cl. G06F 9/451(2018.01) G06F 9/455(2006.01) (54)发明名称 页面生成方法、 装置、 电子设备及存 储介质 (57)摘要 本发明涉及人工智能技术领域， 提供一种页 面生成方法、 装置、 电子设备及存储介质， 所述方 法包括： 获取微前端应用的组件配置集； 遍历所 述组件配置集中的每个组件的组件配置数据， 获 取每个组件的加载类型； 基于每个组件的加载类 型加载对应组件的组件配置数据， 获取每个组件 的第一模块组件； 对每个组件的第一模块组件进 行渲染， 得到每个组件的第二模块组件； 响应于 微前端页面生成请求， 基于前端页面需求从数据 库中拉取对应的第二模块组件进行加载， 生成目 标页面。 本发 明通过基于每个组件的加载类型加 载每个组件的组件配置数据， 并渲染得到第二模 块组件， 第二模块组件可以在内部独立封装运 行， 提高了目标页面 生成的灵活性和效率。 权利要求书2页 说明书12页 附图2页 CN 115291987 A 2022.11.04 CN 115291987 A 1.一种页面 生成方法， 其特 征在于， 所述方法包括： 获取微前端应用的组件配置集； 遍历所述组件配置集中的每 个组件的组件配置数据， 获取每 个组件的加载类型； 基于每个组件的加载类型加载对应组件的组件配置数据， 获取每个组件的第 一模块组 件； 对每个组件的第一模块组件进行渲染， 得到每 个组件的第二模块组件； 响应于微前端页面生成请求， 基于前端页面需求从数据库中拉取对应的第 二模块组件 进行加载， 生成目标页面。 2.如权利要求1所述的页面生成方法， 其特征在于， 所述基于每个组件的加载类型加载 对应组件的组件配置数据， 获取每 个组件的第一模块组件 包括： 当每个组件的加载类型为第一加载类型时， 异步加载每个组件的组件配置数据中的 URL模块远程入口脚本， 获取作用域模块对象； 采用预设的指令初始化所述作用域模块对 象， 并将初始化后的作用域模块对 象存储至共享作用域中， 通过全局 寻找所述共享作用域 中的模块对象， 获取每 个组件的第一模块组件； 当每个组件的加载类型为第二加载类型时， 加载每个组件的组件配置数据中的资源 包， 并解析 所述资源 包， 获取每 个组件的第一模块组件。 3.如权利要求1所述的页面生成方法， 其特征在于， 所述对每个组件的第 一模块组件进 行渲染， 得到每 个组件的第二模块组件 包括： 实例化每 个第一模块组件， 得到实例化后的每 个第一模块组件； 将实例化后的每个第 一模块组件及对应组件的组件配置数据中的prop s动态可变数据 传入对应的DOM节点中进行渲染， 得到每 个组件的第二模块组件。 4.如权利要求1所述的页面生成方法， 其特征在于， 所述响应于微前端页面生成请求， 基于前端页面需求从数据库中拉取对应的第二模块组件进行加载， 生成目标页面包括： 解析所述微前端页面 生成请求的报文信息， 获取 前端页面的前端页面需求； 基于所述前端页面需求， 从数据库中提取每 个第二模块组件的加载地址； 基于每个第 二模块组件的加载地址， 将每个第 二模块组件添加至所述前端页面的初始 DOM树对应的DOM节点， 得到目标DOM树， 其中， 每 个DOM节点中包 含有节点信息； 执行所述目标D OM树， 依次加载所述目标D OM树中的每个D OM节点中的节点信息， 生成目 标页面。 5.如权利要求4所述的页面生成方法， 其特征在于， 所述依次加载所述目标DOM树中的 每个DOM节点中的节点信息， 生成目标页面包括： 当每个DOM节点中包含有一个第二模块组件时， 从每个DOM节点中的节点信息中提取第 二模块组件的加载类型； 基于所述加载类型对对应的第二模块组件进行加载渲染， 生成目 标页面； 当每个DOM节点中包含有多个第二模块组件时， 按照对应DOM节点中的逻辑运算信息对 所述多个第二模块组件进行逻辑运算， 得到目标模块组件； 基于所述 目标模块组件的加载 类型对所述目标模块组件进行加载渲染， 生成目标页面。 6.如权利要求1所述的页面生成方法， 其特征在于， 所述遍历所述组件配置集中的每个 组件的组件配置数据， 获取每 个组件的加载类型包括：权　利　要　求　书 1/2 页 2 CN 115291987 A 2识别所述每 个组件的组件配置数据中的加载类型 标识码； 基于所述加载类型 标识码确定对应组件的加载类型。 7.如权利要求1所述的页面生成方法， 其特征在于， 所述获取微前端应用的组件配置集 包括： 识别所述 微前端应用， 获取多个项目的项目标识码； 根据每个项目的项目标识码确定每 个项目的项目接口； 调用每个项目的项目接口获取对应项目的组件配置 。 8.一种页面 生成装置， 其特 征在于， 所述装置包括： 获取模块， 用于获取微前端应用的组件配置集； 遍历模块， 用于遍历所述组件配置集中的每个组件的组件配置数据， 获取每个组件的 加载类型； 加载模块， 用于基于每个组件的加载类型加载对应组件的组件配置数据， 获取每个组 件的第一模块组件； 渲染模块， 用于对每 个组件的第一模块组件进行渲染， 得到每 个组件的第二模块组件； 生成模块， 用于响应于微前端页面生成请求， 基于前端页面需求从数据库中拉取对应 的第二模块组件进行加载， 生成目标页面。 9.一种电子设备， 其特征在于， 所述电子设备包括处理器和存储器， 所述处理器用于执 行所述存储器中存储的计算机程序时实现如权利要求1至7中任意一项所述的页面生成方 法。 10.一种计算机可读存储介质， 所述计算机可读存储介质上存储有计算机程序， 其特征 在于， 所述计算机程序被处理器执行时实现如权利要求 1至7中任意一项 所述的页面生 成方 法。权　利　要　求　书 2/2 页 3 CN 115291987 A 3