[发明专利]一种用户界面表单渲染方法、装置、电子设备和存储介质有效
申请号: | 202210472862.9 | 申请日: | 2022-04-29 |
公开(公告)号: | CN114780196B | 公开(公告)日: | 2023-07-28 |
发明(设计)人: | 蔡锋 | 申请(专利权)人: | 北京百度网讯科技有限公司 |
主分类号: | G06F9/451 | 分类号: | G06F9/451;G06F9/445;G06F40/177 |
代理公司: | 北京品源专利代理有限公司 11332 | 代理人: | 孔凡红 |
地址: | 100085 北京市*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 用户界面 表单 渲染 方法 装置 电子设备 存储 介质 | ||
1.一种表单渲染方法,包括:
根据待渲染表单的表单数据,对所述待渲染表单进行渲染,得到当前表单页面;其中,所述表单数据是以Ref对象的形式存储;
确定所述当前表单页面中发生数据变更的第一表单子组件,并对所述第一表单子组件进行重新渲染;
其中,还包括:
对所述待渲染表单的表单子组件进行高阶组件的包裹;其中,所述高阶组件中包括触发所包裹表单子组件进行渲染更新的更新配置项,使得每个表单子组件的更新渲染是基于包裹该表单子组件的高阶组件触发;
确定所述当前表单页面中发生数据变更的第一表单子组件,并对所述第一表单子组件进行重新渲染,包括:
确定所述当前表单页面中发生数据变更的第一表单子组件,通过包裹所述第一表单子组件的高阶组件所包括的更新配置项,触发对所述第一表单子组件进行重新渲染,使得所述第一表单子组件的更新渲染不影响其他表单子组件。
2.根据权利要求1所述的方法,还包括:
根据不同表单子组件之间的依赖关系,确定第二表单子组件,并对所述第二表单子组件进行重新渲染;其中,所述第二表单子组件对应的表单数据依赖于所述第一表单子组件对应的表单数据。
3.根据权利要求2所述的方法,其中,根据不同表单子组件之间的依赖关系,确定第二表单子组件,并对所述第二表单子组件进行重新渲染,包括:
根据不同表单子组件之间的依赖关系,注册不同表单子组件之间的广播事件的订阅关系;
接收所述第一表单子组件广播的数据变更事件,并根据所述订阅关系将注册订阅该数据变更事件的表单子组件作为所述第二表单子组件;
将所述数据变更事件发送到所述第二表单子组件,并通过包裹所述第二表单子组件的高阶组件所包括的更新配置项,对所述第二表单子组件进行重新渲染。
4.根据权利要求1所述的方法,还包括:
响应于添加自定义表单子组件的请求,通过表格嵌套或嵌套表单的方式将所述自定义表单子组件添加到所述当前表单页面中。
5.一种表单渲染装置,包括:
第一渲染模块,用于根据待渲染表单的表单数据,对所述待渲染表单进行渲染,得到当前表单页面;其中,所述表单数据是以Ref对象的形式存储;
第二渲染模块,用于确定所述当前表单页面中发生数据变更的第一表单子组件,并对所述第一表单子组件进行重新渲染;
其中,还包括:
组件处理模块,用于对所述待渲染表单的表单子组件进行高阶组件的包裹;其中,所述高阶组件中包括触发所包裹表单子组件进行渲染更新的更新配置项,使得每个表单子组件的更新渲染是基于包裹该表单子组件的高阶组件触发;
所述第二渲染模块还用于:
确定所述当前表单页面中发生数据变更的第一表单子组件,通过包裹所述第一表单子组件的高阶组件所包括的更新配置项,触发对所述第一表单子组件进行重新渲染,使得所述第一表单子组件的更新渲染不影响其他表单子组件。
6.根据权利要求5所述的装置,还包括:
第三渲染模块,用于根据不同表单子组件之间的依赖关系,确定第二表单子组件,并对所述第二表单子组件进行重新渲染;其中,所述第二表单子组件对应的表单数据依赖于所述第一表单子组件对应的表单数据。
7.根据权利要求6所述的装置,其中,所述第三渲染模块还用于:
根据不同表单子组件之间的依赖关系,注册不同表单子组件之间的广播事件的订阅关系;
接收所述第一表单子组件广播的数据变更事件,并根据所述订阅关系将注册订阅该数据变更事件的表单子组件作为所述第二表单子组件;
将所述数据变更事件发送到所述第二表单子组件,并通过包裹所述第二表单子组件的高阶组件所包括的更新配置项,对所述第二表单子组件进行重新渲染。
8.根据权利要求5所述的装置,还包括:
组件添加模块,用于响应于添加自定义表单子组件的请求,通过表格嵌套或嵌套表单的方式将所述自定义表单子组件添加到所述当前表单页面中。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京百度网讯科技有限公司,未经北京百度网讯科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202210472862.9/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种矿用巷道路面摊铺方法
- 下一篇:一种随动辊接触式模头