基于json數(shù)據(jù)構(gòu)建雙向綁定的web頁面前端展示方法和系統(tǒng)

基本信息

申請(qǐng)?zhí)?/td> CN202110336589.2 申請(qǐng)日 -
公開（公告）號(hào) CN113051507A 公開（公告）日 2021-06-29
申請(qǐng)公布號(hào) CN113051507A 申請(qǐng)公布日 2021-06-29
分類號(hào) G06F16/957;G06F16/958 分類 計(jì)算；推算；計(jì)數(shù);
發(fā)明人 郝建亮;王雪峰;駱飛;李青龍 申請(qǐng)（專利權(quán)）人 北京智慧星光信息技術(shù)有限公司
代理機(jī)構(gòu) 北京智宇正信知識(shí)產(chǎn)權(quán)代理事務(wù)所（普通合伙） 代理人 李明卓
地址 100080 北京市海淀區(qū)海淀大街8號(hào)A座22層A區(qū)
法律狀態(tài) -

摘要

摘要 本發(fā)明公開了一種基于json數(shù)據(jù)構(gòu)建雙向綁定的web頁面前端展示方法和系統(tǒng)，該方法包括：獲取web頁面各個(gè)業(yè)務(wù)模塊的json數(shù)據(jù)；將json數(shù)據(jù)處理為鍵/值形式的數(shù)據(jù)：根據(jù)業(yè)務(wù)需求確定鍵/值形式的數(shù)據(jù)所對(duì)應(yīng)的鍵的getter和setter方法；根據(jù)預(yù)設(shè)字段類型的屬性信息確定所要渲染的鍵的類型；對(duì)json數(shù)據(jù)進(jìn)行遍歷，根據(jù)鍵的類型確定所要渲染的DOM節(jié)點(diǎn)；將DOM節(jié)點(diǎn)進(jìn)行渲染組成DOM樹；根據(jù)DOM樹組成WEB頁面；獲取DOM節(jié)點(diǎn)的點(diǎn)擊事件；通過點(diǎn)擊事件對(duì)應(yīng)的json鍵觸發(fā)對(duì)應(yīng)的setter方法，改變點(diǎn)擊事件所對(duì)應(yīng)的json數(shù)據(jù)，得到更新的json數(shù)據(jù)，對(duì)web頁面進(jìn)行更新。該方法把頁面劃分成多個(gè)業(yè)務(wù)模塊，通過配置JSON數(shù)據(jù)控制WEB頁面DOM的動(dòng)態(tài)渲染，根據(jù)模塊進(jìn)行用戶交互操作的雙向綁定，實(shí)現(xiàn)了頁面動(dòng)態(tài)更新。