[發明專利]一種基于JavaScript的模塊加載方法及系統

在審

• 申請號: 201710253670.8
• 申請日: 2017-04-18
• 公開（公告）號: CN106951271A
• 公開（公告）日: 2017-07-14
• 發明（設計）人: 羅國俊
• 申請（專利權）人: 北京思特奇信息技術股份有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F9/445
• 代理公司: 北京輕創知識產權代理有限公司11212
• 代理人: 楊立

1.一種基于JavaScript的模塊加載方法，其特征在于，包括以下步驟：

步驟1，獲取多個html模塊和多個所述html模塊之間的組合信息，作為配置數據存儲在配置文件中；

步驟2，通過JavaScript代碼調用加載函數，從所述配置文件中讀取所述配置數據；

步驟3，根據所述配置數據，對多個所述html模塊進行循環加載，分別得到每個html模塊的待加載文件；

步驟4，從所述待加載文件中提取待加載內容和元素區域的位置信息；

步驟5，將所述待加載內容渲染到與所述位置信息對應的元素區域。

2.根據權利要求1所述的模塊加載方法，其特征在于，在步驟1之前還包括：

以模塊的形式編寫html，得到html模塊；

將所述html模塊進行組合并存儲。

3.根據權利要求1所述的模塊加載方法，其特征在于，所述組合信息包括各所述html模塊與html模塊名稱的對應關系，以及各所述html模塊之間的包括先后順序的組合方式。

4.根據權利要求1至3任一項所述的模塊加載方法，其特征在于，步驟3中，根據所述配置數據，對多個所述html模塊進行循環加載，通過ajax分別得到每個html模塊的待加載文件。

5.根據權利要求4所述的模塊加載方法，其特征在于，還包括：

步驟6，修改所述配置文件中多個html模塊的組合信息，并對修改后的所述配置文件執行步驟2至步驟5。

6.一種基于JavaScript的模塊加載系統，其特征在于，包括：依次連接的獲取模塊、讀取模塊、循環模塊和加載模塊，其中：

所述獲取模塊用于獲取多個html模塊和多個所述html模塊之間的組合信息，作為配置數據存儲在配置文件中；

所述讀取模塊用于通過JavaScript代碼調用加載函數，從所述配置文件中讀取所述配置數據；

所述循環模塊用于根據所述配置數據，對多個所述html模塊進行循環加載，分別得到每個html模塊的待加載文件；

所述加載模塊用于從所述待加載文件中提取待加載內容和元素區域的信息，并將所述待加載內容渲染到所述元素區域。

7.根據權利要求6所述的模塊加載系統，其特征在于，還包括編寫模塊，以模塊的形式編寫html，得到html模塊，并將所述html模塊進行組合并存儲。

8.根據權利要求6所述的模塊加載系統，其特征在于，所述組合信息包括各所述html模塊與html模塊名稱的對應關系，以及各所述html模塊之間的包括先后順序的組合方式。

9.根據權利要求6至8任一項所述的模塊加載系統，其特征在于，所述循環模塊具體用于根據所述配置數據，對多個所述html模塊進行循環加載，通過ajax分別得到每個html模塊的待加載文件。

10.根據權利要求9所述的模塊加載系統，其特征在于，所述讀取模塊還用于修改所述配置文件中多個html模塊的組合信息。