(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210472862.9 (22)申请日 2022.04.29 (71)申请人 北京百度网讯科技有限公司 地址 100085 北京市海淀区上地十街10号 百度大厦2层 (72)发明人 蔡锋　 (74)专利代理 机构 北京品源专利代理有限公司 11332 专利代理师 孔凡红 (51)Int.Cl. G06F 9/451(2018.01) G06F 9/445(2018.01) G06F 40/177(2020.01) (54)发明名称 一种用户界面表单渲染方法、 装置、 电子设 备和存储介质 (57)摘要 本公开提供了一种用户界面表单渲染方法、 装置、 电子设备和存储介质， 涉及物联网、 数据处 理和计算机技术领域， 尤其涉及前端应用设计技 术领域。 具体实现方案包括： 根据待渲染表单的 表单数据， 对待渲染表单进行渲染， 得到当前表 单页面； 其中， 表单数据是以Ref对象的形式存 储； 确定当前页面中发生数据变更的第一表单子 组件， 并对第一表单子组件进行重新渲染。 本公 开方案中， 在某一表单子组件发生改变时， 只对 发生改变的表单子组件进行重新渲染， 并不是对 当前表单页面的所有表单子组件都进行重新渲 染， 如此可 大幅减少无效渲染的次数。 权利要求书2页 说明书7页 附图2页 CN 114780196 A 2022.07.22 CN 114780196 A 1.一种表单渲染方法， 包括： 根据待渲染表单的表单数据， 对所述待渲染表单进行渲染， 得到当前表单页面； 其中， 所述表单 数据是以Ref对象的形式存 储； 确定所述当前页面中发生数据变更的第 一表单子组件， 并对所述第 一表单子组件进行 重新渲染。 2.根据权利要求1所述的方法， 还 包括： 对所述待渲染表单的表单子组件进行高阶组件的包裹； 其中， 所述高阶组件中包括触 发所包裹表单子组件进行渲染更新的更新配置项； 确定所述当前页面中发生数据变更的第 一表单子组件， 并对所述第 一表单子组件进行 重新渲染， 包括： 确定所述当前页面中发生数据变更的第 一表单子组件， 通过包裹所述第 一表单子组件 的高阶组件所包括的更新配置项， 触发对所述第一表单子组件进行重新 渲染。 3.根据权利要求2所述的方法， 还 包括： 根据不同表单子组件之间的依赖关系， 确定第二表单子组件， 并对所述第二表单子组 件进行重新渲染； 其中， 所述第二表单子组件对应的表单数据依赖于所述第一表单子组件 对应的表单 数据。 4.根据权利要求3所述的方法， 其中， 根据不同表单子组件之间的依赖关系， 确定第二 表单子组件， 并对所述第二表单子组件进行重新 渲染， 包括： 根据不同表单子组件之间的依赖关系， 注册不同表单子组件之间的广播事件的订阅关 系； 接收所述第 一表单子组件广播的数据变更事件， 并根据 所述订阅关系将注册订 阅该数 据变更事 件的表单子组件作为所述第二表单子组件； 将所述数据变更事件发送到所述第 二表单子组件， 并通过包裹所述第 二表单子组件的 高阶组件所包括的更新配置项， 对所述第二表单子组件进行重新 渲染。 5.根据权利要求1所述的方法， 还 包括： 响应于添加自定义表单子组件的请求， 通过表格嵌套或嵌套表单的方式将所述自定义 表单子组件添加到所述当前表单页面中。 6.一种表单渲染装置， 包括： 第一渲染模块， 用于根据待渲染表单的表单数据， 对所述待渲染表单进行渲染， 得到当 前表单页面； 其中， 所述表单 数据是以Ref对象的形式存 储； 第二渲染模块， 用于确定所述当前页面中发生数据变更的第一表单子组件， 并对所述 第一表单子组件进行重新 渲染。 7.根据权利要求6所述的装置， 还 包括： 组件处理模块， 用于对所述待渲染表单的表单子组件进行高阶组件的包裹； 其中， 所述 高阶组件中包括触发所包裹表单子组件进行渲染更新的更新配置项； 所述第二 渲染模块还用于： 确定所述当前页面中发生数据变更的第 一表单子组件， 通过包裹所述第 一表单子组件 的高阶组件所包括的更新配置项， 触发对所述第一表单子组件进行重新 渲染。 8.根据权利要求7 所述的装置， 还 包括：权　利　要　求　书 1/2 页 2 CN 114780196 A 2第三渲染模块， 用于根据不同表单子组件之间的依赖关系， 确定第二表单子组件， 并对 所述第二表单子组件进行重新渲染； 其中， 所述第二表单子组件对应的表单数据依赖于所 述第一表单子组件 对应的表单 数据。 9.根据权利要求8所述的装置， 其中， 所述第三 渲染模块还用于： 根据不同表单子组件之间的依赖关系， 注册不同表单子组件之间的广播事件的订阅关 系； 接收所述第 一表单子组件广播的数据变更事件， 并根据 所述订阅关系将注册订 阅该数 据变更事 件的表单子组件作为所述第二表单子组件； 将所述数据变更事件发送到所述第 二表单子组件， 并通过包裹所述第 二表单子组件的 高阶组件所包括的更新配置项， 对所述第二表单子组件进行重新 渲染。 10.根据权利要求6所述的装置， 还 包括： 组件添加模块， 用于响应于添加自定义表单子组件的请求， 通过表格嵌套或嵌套表单 的方式将所述自定义表单子组件添加到所述当前表单页面中。 11.一种电子设备， 包括： 至少一个处 理器； 以及 与所述至少一个处 理器通信连接的存 储器； 其中， 所述存储器存储有可被所述至少一个处理器执行的指令， 所述指令被所述至少一个处 理器执行， 以使所述至少一个处 理器能够执 行权利要求1 ‑5中任一项所述的方法。 12.一种存储有计算机指令的非瞬时计算机可读存储介质， 其中， 所述计算机指令用于 使所述计算机执 行根据权利要求1 ‑5中任一项所述的方法。 13.一种计算机程序产品， 包括计算机程序， 所述计算机程序在被处理器执行时实现根 据权利要求1 ‑5中任一项所述的方法。权　利　要　求　书 2/2 页 3 CN 114780196 A 3