[發明專利]一種前端快速架構方法及其系統

在審

• 申請號: 201710602596.6
• 申請日: 2017-07-21
• 公開（公告）號: CN107450917A
• 公開（公告）日: 2017-12-08
• 發明（設計）人: 孟憲坤;田文;唐金格
• 申請（專利權）人: 浙江華坤道威數據科技有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 北京科億知識產權代理事務所(普通合伙)11350
• 代理人: 湯東鳳

1.一種前端快速架構方法，其特征在于，包括：

按照數據維度對數據進行維度屬性的分類；

根據所述數據的分類結果自定義若干組件；所述組件之間具有對應的映射，形成與數據維度屬性相關的聯動展示；

針對所述不同組件之間的獨立性設置對應的模板布局。

2.根據權利要求1所述的方法，其特征在于，所述根據所述數據的分類結果，自定義若干個組件，具體包括：

通過HTML語法，制作靜態HTML頁面；所述HTML頁面為各個組件的代碼塊形成的HTML頁面；

根據目標動態展示效果，使用JavaScript編寫對應的動態語法；所述動態展示效果為當觸發某個組件的事件發生時，與所述事件相關的組件對應的動態變化；

在所述組件之間維護映射；所述組件具有至少兩個字段，所述字段在各個組件之間存在關聯；

當存在改變組件的事件時，通過所述各個組件之間存在的關聯，確定與所述事件相關的組件的聯動。

3.根據權利要求1所述的方法，其特征在于，所述針對所述不同組件之間的獨立性設置對應的模板布局，具體包括：

根據目標模板的基本架構，拖動所述組件到所述目標模板的可視化區域，生成對應的DIV區域；

使用父級元素控制所述組件的尺寸，生成相應的HTML代碼；

將所述HTML代碼添加到父對象中，在所述父對象中構建一個均勻展現的模板布局。

4.根據權利要求3所述的方法，其特征在于，在將所述HTML代碼添加到父對象中，在所述父對象中構建一個均勻展現的模板布局的步驟之后，所述方法還包括：

將當前布局作為父對象；

構造相應的組件HTML代碼并添加到所述模板布局中，以實現布局之間的任意嵌套。

5.根據權利要求3所述的方法，其特征在于，在將所述HTML代碼添加到父對象中，在所述父對象中構建一個均勻展現的模板布局的步驟之后，所述方法還包括：

獲取至少一個布局的代碼區域對象；

將所述代碼區域對象從所述布局中的父對象中移除，以刪除所述布局。

6.一種前端快速架構系統，其特征在于，包括：

數據分類模塊，用于按照數據維度對數據進行維度屬性的分類；

組件設置模塊，用于根據所述數據的分類結果自定義若干組件；所述組件之間具有對應的映射，形成與數據維度屬性相關的聯動展示；

布局設置模塊，用于針對所述不同組件之間的獨立性設置對應的模板布局。

7.根據權利要求6所述的系統，其特征在于，所述組件設置模塊具體用于：

通過HTML語法，制作靜態HTML頁面；所述HTML頁面為各個組件的代碼塊形成的HTML頁面；

根據目標動態展示效果，使用JavaScript編寫對應的動態語法；所述動態展示效果為當觸發某個組件的事件發生時，與所述事件相關的組件對應的動態變化；

在所述組件之間維護映射；所述組件具有至少兩個字段，所述字段在各個組件之間存在關聯；當存在改變組件的事件時，通過所述各個組件之間存在的關聯，確定與所述事件相關的組件的聯動。

8.根據權利要求6所述的系統，其特征在于，所述布局設置模塊具體用于：根據目標模板的基本架構，拖動所述組件到所述目標模板的可視化區域，生成對應的DIV區域；

使用父級元素控制所述組件的尺寸，生成相應的HTML代碼；

將所述HTML代碼添加到父對象中，在所述父對象中構建一個均勻展現的模板布局。

9.根據權利要求8所述的系統，其特征在于，所述布局設置模塊還用于：

將當前布局作為父對象；

構造相應的組件HTML代碼并添加到所述模板布局中，以實現布局之間的任意嵌套。

10.根據權利要求8所述的系統，其特征在于，所述布局設置模塊還用于：

獲取至少一個布局的代碼區域對象；

將所述代碼區域對象從所述布局中的父對象中移除，以刪除所述布局。