基于json数据构建双向绑定的web页面前端展示方法和系统专利查询专利号|摘要-满商公司网

基于json数据构建双向绑定的web页面前端展示方法和系统

基本信息

申请号	CN202110336589.2	申请日	-
公开（公告）号	CN113051507A	公开（公告）日	2021-06-29
申请公布号	CN113051507A	申请公布日	2021-06-29
分类号	G06F16/957;G06F16/958	分类	计算；推算；计数;
发明人	郝建亮;王雪峰;骆飞;李青龙	申请（专利权）人	北京智慧星光信息技术有限公司
代理机构	北京智宇正信知识产权代理事务所（普通合伙）	代理人	李明卓
地址	100080 北京市海淀区海淀大街8号A座22层A区
法律状态	-

摘要

本发明公开了一种基于json数据构建双向绑定的web页面前端展示方法和系统，该方法包括：获取web页面各个业务模块的json数据；将json数据处理为键/值形式的数据：根据业务需求确定键/值形式的数据所对应的键的getter和setter方法；根据预设字段类型的属性信息确定所要渲染的键的类型；对json数据进行遍历，根据键的类型确定所要渲染的DOM节点；将DOM节点进行渲染组成DOM树；根据DOM树组成WEB页面；获取DOM节点的点击事件；通过点击事件对应的json键触发对应的setter方法，改变点击事件所对应的json数据，得到更新的json数据，对web页面进行更新。该方法把页面划分成多个业务模块，通过配置JSON数据控制WEB页面DOM的动态渲染，根据模块进行用户交互操作的双向绑定，实现了页面动态更新。