[發明專利]一種基于Html的模塊封裝加載方法

在審

• 申請號: 201410300090.6
• 申請日: 2014-06-26
• 公開（公告）號: CN104102485A
• 公開（公告）日: 2014-10-15
• 發明（設計）人: 王征平;黃平;韓騰飛;陳杰
• 申請（專利權）人: 湖北安標信息技術有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F9/445
• 代理公司: 湖北武漢永嘉專利代理有限公司 42102
• 代理人: 鄧寅杰

技術領域

本發明涉及網絡技術領域，尤其涉及一種基于Html的模塊封裝加載方法。

背景技術

在基于瀏覽器的程序開發中，頁面元素的呈現、客戶端(在瀏覽器中)邏輯處理、服務端邏輯調用等是必需要進行設計和開發內容。眾多的HTML基本元素構成(如：div、input、label等)構成了一個完整的頁面布局，而且只有完整的HTML頁面才能在瀏覽器中正常顯示。當需要這些元素響應用戶的頁面操作，以執行處理邏輯時，還需要HTML頁面中直接編寫JavaScript代碼或引用JavaScript代碼文件(*.js)。從設計角度來講代碼(頁面元素構成、布局及JavaScript代碼)要能夠最大程度的復用，使得相同的局部頁面構成能夠在其他頁面使用，并有著一樣的呈現和邏輯處理方式。

發明內容

本發明的目的在于克服現有技術的缺點，提供一種基于Html的模塊封裝加載方法。

為解決以上技術問題，本發明的技術方案為：一種基于Html的模塊封裝加載方法，其不同之處在于，其步驟包括：

1)初始化HTML模塊定義的局部變量；

2)對由不同HTML元素組成的HTML片段中的基本元素進行狀態初始化；

3)將初始化完畢的HTML元素添加到HTML頁面中，并完成在瀏覽器中的呈現；

4)當響應到用戶操作的時候，程序通過邏輯處理函數執行js中定義的屬性和方法。

按以上方案，所述HTML模塊由HTML片段與JavaScript代碼邏輯處理文件構成，所述JavaScript代碼邏輯處理文件用于執行HTML片段在HTML中的呈現、邏輯處理、服務端邏輯調用。

按以上方案，所述HTML片段和JavaScript代碼邏輯處理文件一一對應。

對比現有技術，本發明的有益特點為：可以使得HTML模塊得到最大程度的復用，達到軟件設計的目的。

附圖說明

圖1為本發明實施例中的HTML模塊引用框架圖；

圖2為本發明實施例中的HTML模塊加載流程圖。

具體實施方式

下面通過具體實施方式結合附圖對本發明作進一步詳細說明。

請參考圖1，本發明基于瀏覽器的多實例大文件上傳的處理方法，基于Html的模塊封裝加載方法，其步驟包括：

1)初始化HTML模塊定義的局部變量(調用constructor函數)；

2)對由不同HTML元素組成的HTML片段中的基本元素進行狀態(如：背景顏色、顯示內容等)初始化(調用rendering函數)；

3)將初始化完畢的HTML元素添加到HTML頁面中，并完成在瀏覽器中的呈現(調用postCreate函數)；

4)當響應到用戶操作的時候，程序通過邏輯處理函數執行js中定義的屬性和方法(調用事件響應函數)。

具體的，所述HTML模塊由HTML片段與JavaScript代碼邏輯處理文件構成，所述JavaScript代碼邏輯處理文件用于執行HTML片段在HTML中的呈現、邏輯處理、服務端邏輯調用。

具體的，所述HTML片段和JavaScript代碼邏輯處理文件一一對應。

傳統的設計模式下，如果多個HTML頁面需要實現引用同一業務邏輯需要將相同的代碼復制多份。使用本發明的方案可以使得HTML模塊得到最大層度的復用，使HTML片段能夠在不同HTML頁面中使用。

HTML片段與JavaScript代碼邏輯處理文件是一對一的關系。HTML片段負責頁面元素的基本布局，JavaScript代碼邏輯處理文件負責控制這些元素。

HTML頁面通過引用JavaScript代碼邏輯處理文件來確定HTML模塊在頁面中呈現的位置。

HTML模塊中的JavaScript代碼邏輯處理文件中，會定義HTML片段的實際物理文件路徑。

HTML模塊中的HTML片段會定義模塊的基本元素構成和布局。

在HTML頁面通過引用JavaScript代碼邏輯處理文件來加載HTML模塊。當HTML頁面加載時，瀏覽器會執行JavaScript代碼文件定義的邏輯，以加載HTML模塊。

代碼示例：

HTML片段：

HTML引用模塊：

<！DOCTYPE?html>