[發明專利]一種UI模塊管理器、UI模塊管理方法和系統

有效

• 申請號: 201710756358.0
• 申請日: 2017-08-29
• 公開（公告）號: CN107608672B
• 公開（公告）日: 2020-08-04
• 發明（設計）人: 鄭彪;陳少杰;張文明
• 申請（專利權）人: 武漢斗魚網絡科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 北京眾達德權知識產權代理有限公司 11570
• 代理人: 劉杰

本發明實施例提供了一種UI模塊管理器、UI模塊管理方法和系統，至少用于實現提供一種UI模塊管理器，以達到便于復用UI模塊，并減少開發人員在不同工作棧間切換的技術效果。所述UI模塊管理器包括：初始化單元，用于創建待組裝的UI模塊的樣例代碼目錄，所述樣例代碼目錄包括所述UI模塊的信息描述文件，所述信息描述文件包括UI模塊的標識信息；組裝單元，用于讀取所述信息描述文件，根據所述信息描述文件中的文件入口組裝所述UI模塊；編譯單元，用于編譯所述UI模塊，并將編譯結果輸出到所述信息描述文件中；發布單元，用于將編譯完成的所述UI模塊發送到模塊庫；安裝單元，用于安裝所述需要安裝的UI模塊。

技術領域

本發明涉及計算機技術領域，尤其涉及一種UI模塊管理器、UI模塊管理方法和系統。

背景技術

一個網頁頁面通常由HTML(超文本標記語言，HyperText Markup Language)代碼、CSS(層疊樣式表，Cascading Style Sheets)代碼和JS(爪哇腳本，JavaScript)代碼三個部分組成。為了便于開發，往往將一個網頁劃分為多個JS模塊，每個JS模塊均由HTML代碼、CSS代碼和JS代碼三個部分組成。開發人員以JS代碼作為單個模塊的入口，HTML代碼片段和CSS代碼片段則作為該JS模塊的一個或多個UI(用戶界面，User Interface)模塊被所引入。

然而，在現有技術中，一個UI模塊只能被一個JS模塊所引用，難以被復用。并且，開發人員開發JS模塊的過程中，不得不地在JS代碼工作棧和UI模塊工作棧之間切換，導致開發效率低。

發明內容

本發明實施例提供了一種UI模塊管理器、UI模塊管理方法和系統，至少用于實現提供一種UI模塊管理器，以達到便于復用UI模塊，并減少開發人員在不同工作棧間切換的技術效果。

第一方面，本發明提供了一種UI模塊管理器，包括：

初始化單元，用于創建待組裝的UI模塊的樣例代碼目錄，所述樣例代碼目錄包括所述UI模塊的信息描述文件，所述信息描述文件包括UI模塊的標識信息；

組裝單元，用于讀取所述信息描述文件，根據所述信息描述文件中的文件入口組裝所述UI模塊；

編譯單元，用于編譯所述UI模塊，并將編譯結果輸出到所述信息描述文件中；

發布單元，用于將編譯完成的所述UI模塊發送到模塊庫；

安裝單元，用于根據需要安裝的UI模塊的標識信息，在所述模塊庫中搜索并獲取所述需要安裝的UI模塊，并安裝所述需要安裝的UI模塊。

可選的，所述信息描述文件包括超文本標記語言HTML文件入口，所述HTML文件用于描述所述UI模塊所需要的HTML片段、所述HTML片段的引用路徑、層疊樣式表CSS片段和所述CSS片段的引用路徑，所述組裝單元用于根據所述HTML入口文件描述的所述HTML片段、所述HTML片段的引用路徑、所述CSS片段和所述CSS片段的引用路徑組裝所述UI模塊的HTML代碼和所述CSS代碼。

可選的，所述HTML代碼包括模板代碼，所述模板代碼用于描述所述UI模塊所引用的其他UI模塊和/或所述其他UI模塊的文件。

可選的，所述信息描述文件包括輸出目錄，所述編譯單元用于將編譯結果輸出到所述輸出目錄下。

可選的，所述發布單元用于將編譯完成的所述UI模塊以及所述UI模塊所引用的所述其他UI模塊和/或所述其他UI模塊的文件打包發送到所述模塊庫。

可選的，所述初始化單元用于生成所述UI模塊的所述信息描述文件、代碼文件和引用文件。

第二方面，本發明提供了一種UI模塊管理方法，包括：