[發明專利]WEB前端控件的開發方法和系統

有效

• 申請號: 201611142920.2
• 申請日: 2016-12-07
• 公開（公告）號: CN108170409B
• 公開（公告）日: 2023-06-23
• 發明（設計）人: 李曉磊;田傳武;王寶山
• 申請（專利權）人: 北大醫療信息技術有限公司
• 主分類號: G06F8/20
• 分類號: G06F8/20;G06F8/38
• 代理公司: 北京友聯知識產權代理事務所(普通合伙) 11343
• 代理人: 尚志峰;汪海屏

1.一種WEB前端控件的開發方法，其特征在于，包括：

根據接收到的配置指令，創建WEB前端控件模型的XML配置；

利用JAVA端模型和渲染引擎解析所述XML配置，生成前端控件腳本；

利用模版技術根據所述前端控件腳本生成HTML；

調用前端控件結合所述HTML生成目標樣式的控件；

所述創建WEB前端控件模型XML配置，具體包括：

創建控件視圖XML配置和控件UI模型XML配置，并通過唯一標識進行關聯，其中，所述控件視圖XML配置描述控件的數據屬性，所述控件UI模型XML配置描述控件的布局屬性；

所述利用JAVA端模型和渲染引擎解析所述XML配置，生成前端控件腳本包括：

利用所述JAVA端模型解析所述控件視圖XML配置，生成第一解析結果，并將所述第一解析結果加載到緩存；

利用所述渲染引擎解析所述控件UI模型XML配置，生成第二解析結果，并結合緩存中的所述第一解析結果進行遞歸渲染，生成所述前端控件的腳本。

2.根據權利要求1所述的開發方法，其特征在于，進一步包括：

在前端事件觸發時，收集前端控件的差異化數據，將所述前端控件模型的差異化數據序列化到JAVA端；

在JAVA端模型數據發生改變時，通過所述渲染引擎將相關數據反序列化到前端，其中，所述JAVA端模型由所述JAVA端解析所述XML配置獲得。

3.根據權利要求1所述的開發方法，其特征在于，所述調用前端控件結合所述HTML生成目標樣式的控件，具體包括：

調用Jquery編寫的布局與控件，生成可視化的控件樣式，并對屬性值進行綁定。

4.一種WEB前端控件的開發系統，其特征在于，包括：

配置單元，跟據接收到的配置指令，創建WEB前端控件模型的XML配置；

解析單元，利用JAVA端模型和渲染引擎解析所述XML配置，生成前端控件腳本；

目標單元，利用模版技術根據所述前端控件腳本生成HTML，調用前端控件結合所述HTML生成目標樣式的控件；

所述配置單元具體用于：

創建控件視圖XML配置和控件UI模型XML配置，并通過唯一標識進行關聯，其中，所述控件視圖XML配置描述控件的數據屬性，所述控件UI模型XML配置描述控件的布局屬性；

所述解析單元，具體用于：

利用所述JAVA端模型解析所述控件視圖XML配置，生成第一解析結果，并將所述第一解析結果加載到緩存；

利用所述渲染引擎解析所述控件UI模型XML配置，生成第二解析結果，并結合緩存中的所述第一解析結果進行遞歸渲染，生成所述前端控件的腳本。

5.根據權利要求4所述的開發系統，其特征在于，進一步包括：

序列化單元，在前端事件觸發時，收集前端控件的差異化數據，將所述前端控件模型的差異化數據序列化到JAVA端；

反序列化單元，在JAVA端模型數據發生改變時，通過所述渲染引擎將相關數據反序列化到前端，其中，所述JAVA端模型由所述JAVA端解析所述XML配置獲得。

6.根據權利要求4所述的開發系統，其特征在于，所述目標單元，具體用于：

調用Jquery編寫的布局與控件，生成可視化的控件樣式，并對屬性值進行綁定。