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

有效

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

本發明涉及WEB前端控件的開發方法和系統，其中，WEB前端控件的開發方法包括：根據接收到的配置指令，創建WEB前端控件模型的XML配置；利用JAVA端模型和渲染引擎解析所述XML配置，生成前端控件腳本；利用模版技術根據所述前端控件腳本生成HTML；調用前端控件結合所述HTML生成目標樣式的控件。本發明的技術方案通過創建目標控件的XML配置，利用模板技術生成目標樣式，使用戶不需要編寫javascript編碼，提高web前端控件的開發效率，從而降低web前端開發與維護的成本。

技術領域

本發明涉及軟件開發技術領域，具體而言，涉及一種WEB前端控件的開發方法和一種WEB前端控件的開發系統。

背景技術

在WEB(互聯網網頁)客戶端蓬勃發展的今天，許多應用管理系統中，需要編寫大量的代碼，即使目前有諸如EXT，Jquery等優秀的框架來簡化前端編程，但前端代碼編寫量依然龐大，由于代碼的編寫、調試與維護都需要大量專業性的技術人員，對前端技術人員的素質要求較高，增加了前端調試與維護的困難，提高了開發與后期維護的成本。現有的WEB前端開發系統，通常需要用戶自己編寫或者使用第三方提供的控件插件庫，javascript編碼的工作量很大，增加了web前端開發與維護的成本。

因此，如何降低WEB前端控件的開發難度，從而降低web前端開發與維護成本，成為亟待解決的問題。

發明內容

本發明旨在至少解決上述現有技術或相關技術中存在的技術問題之一。

為此，本發明的一個目的在于提出了一種WEB前端控件的開發方法。

本發明的另一個目的在于提供了一種WEB前端控件的開發系統。

本發明的第一方面提出了一種WEB前端控件的開發方法，包括：根據接收到的配置指令，創建WEB前端控件模型的XML(Extensible?Markup?Language，又稱可擴展標記語言)配置；利用JAVA端模型和渲染引擎解析所述XML配置，生成前端控件腳本；利用模版技術根據所述前端控件腳本生成HTML(HyperText?Markup?Language，又稱超文本標記語言)；調用前端控件結合所述HTML生成目標樣式的控件。

根據本發明第一方面的WEB前端控件的開發方法，利用JAVA服務端的解析能力和內置模版，結合目標控件的XML配置，利用模板技術生成目標樣式，使用戶不需要編寫javascript編碼，提高web前端控件的開發效率。

在上述技術方案中，優選地，所述的WEB前端控件的開發方法進一步包括：在前端事件觸發時，收集前端控件的差異化數據，將所述前端控件模型的差異化數據序列化到JAVA端；在JAVA端模型數據發生改變時，通過所述渲染引擎將相關數據反序列化到前端，其中，所述JAVA端模型由所述JAVA端解析所述XML配置獲得。

在該技術方案中，在交互事件中使用暴露的API(應用程序編程接口)來獲取和設置控件的屬性值，JAVA服務端會通過渲染差異化數據傳輸等機制來保證前后臺控件數據的一致性，從而達到前端免編程的使用效果。

在上述技術方案中，優選地，所述創建WEB前端控件模型XML配置，具體包括：創建控件視圖XML配置和控件UI模型XML配置，并通過唯一標識進行關聯，其中，控件視圖XML配置描述控件的數據屬性，控件UI模型XML配置描述控件的布局屬性。

在該技術方案中，控件視圖XML配置與控件UI模型XML配置是對控件屬性的表達，并且通過唯一標識的關聯，以便解析和使用，利于保證控件在前端和后端的一致性。

在上述技術方案中，優選地，所述利用JAVA端模型和渲染引擎解析所述XML配置，生成前端控件腳本，具體包括：利用所述JAVA端模型解析所述控件視圖XML配置，生成第一解析結果，并將所述第一解析結果加載到緩存；利用所述渲染引擎解析所述控件UI模型XML配置，生成第二解析結果，并結合緩存中的所述第一解析結果進行遞歸渲染，生成所述前端控件的腳本。