[發明專利]一種基于JSON自描述結構的網頁界面生成方法及裝置

有效

• 申請號: 201810389933.2
• 申請日: 2018-04-27
• 公開（公告）號: CN108664245B
• 公開（公告）日: 2022-08-05
• 發明（設計）人: 陳碧勇;方敏;呂曄
• 申請（專利權）人: 廈門南訊股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 廣州市紅荔專利代理有限公司 44214
• 代理人: 吳偉文

1.一種基于JSON自描述結構的網頁界面生成方法，其特征在于，所述方法包括如下步驟：

S1：提煉業務系統中的固化的頁面結構，定義模板頁類型；

S2: 根據S1中提煉出的模板頁類型，進行模板頁的標準頁面描述結構的定義，生成核心內容塊，形成渲染模板；

S3：獲取并解析用戶需求，進行界面設計，生成設計界面結構描述的JSON結構，存儲在數據庫中，并在數據庫生成該設計界面的頁面id和該設計界面所對應的模板頁類型；

S4：當該設計界面發起初次界面請求時，渲染引擎從步驟S3所述的數據庫中載入該設計界面的JSON結構，并根據模板頁類型進行資源適配，載入步驟S2中對應的渲染模板；

S5：渲染引擎遞歸調用逐級引用的渲染模板，將設計界面的JSON結構中的組件元素生成為界面控件，并將交互事件腳本寫入該設計界面控件API函數；

S6：渲染引擎根據頁面id將該設計界面緩存在LRU中，并輸出頁面HTML到瀏覽器；

S7：瀏覽器端執行js組件框架，渲染由步驟S6輸出的界面結構，最終呈現該設計界面；

步驟S1中所述的模板頁類型包括列表式界面、單純表單式界面和報表式圖表界面；

步驟S2中所述的標準頁面描述結構用于定義模板頁的不同組件元素的關聯關系和組件屬性；

步驟S3中所述的JSON結構用于定義設計界面的不同組件元素的關聯關系和組件屬性；

所述的組件元素屬性配置為基本屬性、事件交互屬性和擴展屬性；

所述的基本屬性包括組件的類型和組件的名稱；所述的事件交互屬性包括組件大小、點擊事件、校驗正則表達式、數據源、選中方式；所述的擴展屬性包括與用戶需求、js界面框架相關的額外屬性,擴展屬性可以根據用戶需求不同和終端渲染組件庫的不同進行額外配置；

步驟S6中所述的LRU可以為渲染引擎提供緩存，合并多次界面請求為單次渲染。

2.如權利要求1所述的一種基于JSON自描述結構的網頁界面生成方法，其特征在于，修改設計界面時，提取步驟S3中數據庫內的該設計界面的JSON結構，對需要修改或增減的組件元素的基本屬性、事件交互屬性或擴展屬性進行重新配置，不需修改的部分保持不變，重新執行步驟S3-S7。

3.一種基于JSON自描述結構的網頁界面生成裝置，其特征在于，包括：

模板頁定義模塊，用于提煉業務系統中的固化的頁面結構，定義模板頁類型；

渲染模板生成模塊，用于根據模板頁定義模塊中提煉出的模板頁類型，進行模板頁的標準頁面描述結構的定義，生成核心內容塊，形成渲染模板；

設計界面定義模塊，用于獲取并解析用戶需求，進行界面設計，生成設計界面結構描述的JSON結構，存儲在數據庫中，并在數據庫生成該設計界面的頁面id和該設計界面所對應的模板頁類型；

模板適配模塊，用于當該設計界面發起初次界面請求時，渲染引擎從步驟S3所述的數據庫中載入該設計界面的JSON結構，并根據模板頁類型進行資源適配，載入對應的渲染模板；

界面組裝模塊，用于渲染引擎遞歸調用逐級引用的渲染模板，將設計界面的JSON結構中的組件元素生成為界面控件，并將交互事件腳本寫入該設計界面控件API函數；

界面渲染模塊，用于渲染引擎根據頁面id將該設計界面緩存在LRU中，并輸出頁面HTML到瀏覽器；

界面生成模塊，用于瀏覽器端執行js組件框架，渲染由界面渲染模塊輸出的界面結構，最終呈現該設計界面。