[發明專利]一種web控件的生成方法及裝置

有效

• 申請號: 201410062834.5
• 申請日: 2014-02-24
• 公開（公告）號: CN103823681B
• 公開（公告）日: 2017-02-08
• 發明（設計）人: 劉武豐
• 申請（專利權）人: 廣州精攻網絡科技有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 云南派特律師事務所53110
• 代理人: 岳亞蘇

技術領域

本發明涉及web框架領域，特別涉及一種web控件的生成方法及裝置。

背景技術

現有Javascript實現的webUI庫/框架，在設計時將各種UI控件分別實現，每個控件都需要用不同的程序來生成，所以存在代碼較多的問題。同時在由一個控件變成另一個控件時，其用來生成控件的程序要完全改變，需要開發人員重新編寫程序，其工作量較大，大大耗費了開發人員的精力，這樣造成靈活性較差，控件生成效率較低等問題。

發明內容

本發明要解決的技術問題在于，針對現有技術的上述代碼較多、靈活性較差、控件生成效率較低的缺陷，提供一種代碼較少、靈活性較好、控件生成效率較高的web控件的生成方法及裝置。

本發明解決其技術問題所采用的技術方案是：構造一種web控件的生成方法，包括如下步驟：

A）輸入生成web控件的必要信息；

B）判斷要生成的web控件是否已經存在，如是，移除所述web控件，并執行步驟C）；否則，執行步驟C）；

C）對所述必要信息進行處理使其變成符合json規范的格式數據；所述格式數據包括必需的數組，所述數組有一個或多個元素組成；

D）依次讀取所述數組中的元素并自動生成對象后得到所述web控件。

在本發明所述的web控件的生成方法中，所述格式數據還包括樣式信息；所述步驟D）進一步包括：

D1）讀取所述數組中的元素；

D2）判斷所述數組中的元素是否讀取完畢，如是，執行步驟D3）；否則，返回步驟D1）讀取下一個元素；

D3）自動生成對象；

D4）依據所述樣式信息設置所述對象的樣式；

D5）所述web控件生成完畢。

在本發明所述的web控件的生成方法中，所述數組中的每一個元素都會生成一個對象。

在本發明所述的web控件的生成方法中，在所述步驟D）之后還包括：

E）利用生成的web控件來生成用于輸入所述必要信息的表格。

在本發明所述的web控件的生成方法中，所述必要信息包括控件id、調用頁面、所述子系統、控件寬度、控件高度、屬性、控件間隙、邊界、選擇項、控件點擊事件、文本數組、對象的樣式、所生成文本的返回方式、是否可拖動、拖動方向和透明程度。

本發明還涉及一種實現上述web控件的生成方法的裝置，包括：

信息輸入單元：用于輸入生成web控件的必要信息；

控件判斷單元：用于判斷要生成的web控件是否已經存在，如是，移除所述web控件；

信息處理單元：用于對所述必要信息進行處理使其變成符合json規范的格式數據；所述格式數據包括必需的數組，所述數組有一個或多個元素組成；

讀取單元：用于依次讀取所述數組中的元素并自動生成對象后得到所述web控件。

在本發明所述的實現上述web控件的生成方法的裝置中，所述格式數據還包括樣式信息；所述讀取單元進一步包括：

元素讀取模塊：用于讀取所述數組中的元素；

讀取判斷模塊：用于判斷所述數組中的元素是否讀取完畢，在未讀取完畢時讀取下一個元素；對象生成模塊：用于自動生成對象；

樣式設置模塊：用于依據所述樣式信息設置所述對象的樣式；

控件生成模塊：用于使所述web控件生成完畢。

在本發明所述的實現上述web控件的生成方法的裝置中，所述數組中的每一個元素都會生成一個對象。

在本發明所述的實現上述web控件的生成方法的裝置中，所述裝置還包括：

表格生成單元：用于利用生成的web控件來生成用于輸入所述必要信息的表格。

在本發明所述的實現上述web控件的生成方法的裝置中，所述必要信息包括控件id、調用頁面、所述子系統、控件寬度、控件高度、屬性、控件間隙、邊界、選擇項、控件點擊事件、文本數組、對象的樣式、所生成文本的返回方式、是否可拖動、拖動方向和透明程度。

實施本發明的web控件的生成方法及裝置，具有以下有益效果:由于輸入生成web控件的必要信息后，對其進行處理使其變成符合json規范的格式數據；上述格式數據包括必需的數組，該數組有一個或多個元素組成；依次讀取數組中的元素并自動生成對象后得到所述web控件，這樣用一個程序就可以生成多個控件，所以其代碼較少，同時在由一個控件變成另一個控件時，不需要改變整個程序，只需要改變某些參數就可以了，所以其靈活性較好，控件生成效率較高。

附圖說明