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

摘要

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