申请/专利权人：北京智慧星光信息技术有限公司

申请日：2021-03-29

公开（公告）日：2023-11-21

公开（公告）号：CN113051507B

主分类号：G06F16/957

分类号：G06F16/957;G06F16/958

优先权：

专利状态码：有效-授权

法律状态：2023.11.21#授权;2021.07.16#实质审查的生效;2021.06.29#公开

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

主权项：1.一种基于json数据构建双向绑定的web页面前端展示方法，其特征在于，包括：获取web页面各个业务模块的json数据；将每一个业务模块的json数据处理为键值形式的数据；将每一个业务模块的json数据处理为键值形式的数据的步骤中，包括：根据业务场景复杂度确定循环次数；根据循环次数对每一个业务模块的json数据进行循环处理得到每一个json数据所对应的键值；根据业务需求确定键值形式的数据所对应的键的getter和setter方法；根据业务需求确定键值形式的数据所对应的键的getter和setter方法的步骤中，包括：根据业务需求确定键值形式的数据中对象的属性；若所述对象的属性为可读可写属性，则将对象所对应的键进行getter方法和setter方法的定义；若所述对象的属性为可读不可写属性，则将对象所对应的键进行getter方法的定义；根据预设字段类型的属性信息确定所要渲染的键的类型；对json数据进行遍历，根据所要渲染的键的类型确定所要渲染的DOM节点；将所要渲染的DOM节点进行渲染，组成DOM树；根据DOM树组成web页面；获取web页面上DOM节点的点击事件；通过所述点击事件所对应的json键触发对应的setter方法，改变点击事件所对应的json数据，得到更新的json数据；根据更新的json数据对web页面进行更新。

全文数据：

权利要求：

百度查询： 北京智慧星光信息技术有限公司 基于json数据构建双向绑定的web页面前端展示方法和系统

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。

阅读全文 双屏查看 官方信息 专利公告 收藏专利 下载PDF 下载WORD