[發明專利]一種基于angular總分直觀型展示數據的處理方法及系統

在審

• 申請號: 202110008698.1
• 申請日: 2021-01-05
• 公開（公告）號: CN112685018A
• 公開（公告）日: 2021-04-20
• 發明（設計）人: 魏航;魏子重
• 申請（專利權）人: 浪潮云信息技術股份公司
• 主分類號: G06F8/20
• 分類號: G06F8/20
• 代理公司: 濟南信達專利事務所有限公司 37100
• 代理人: 姜明

本發明公開了一種基于angular總分直觀型展示數據的處理方法及系統，屬于angular前端的軟件開發服務代碼托管領域；所述的方法具體步驟如下：S1獲取后臺數據；S2根據數組中時間日期進行分類；S3將數據根據選定元素處理為二維數組；S4使二維數組Data中的每一個數據包含的時間日期相同；S5自定義HTML展示規則，循環遍歷二維數組Data；本發明方法采用二維數組存儲數據，能夠以總分直觀型展示數據的處理方法，從而提高用戶體驗設計；與普通的table表格相比，本發明能夠對特定元素進行分類，從而實現按照特定元素進行總?分直觀型地展示數據，能明顯提高界面感官效果，更直觀的根據特定元素來展示數據。

技術領域

本發明公開一種基于angular總分直觀型展示數據的處理方法及系統，涉及angular前端的軟件開發服務代碼托管技術領域。

背景技術

在數據展示的頁面設計中，大多數都使用table表格來展示數據，誠然，table表格展示數據能夠將數據羅列出來，但是在一些需要根據特定元素來分類展示數據的場合不太適用；故現發明一種基于angular總分直觀型展示數據的處理方法及系統，以解決上述問題。

發明內容

本發明針對現有技術的問題，提供一種基于angular總分直觀型展示數據的處理方法及系統，所采用的技術方案為：一種基于angular總分直觀型展示數據的處理方法，所述的方法具體步驟如下：

S1獲取后臺數據；

S2根據數組中時間日期進行分類；

S3將數據根據選定元素處理為二維數組；

S4使二維數組Data中的每一個數據包含的時間日期相同；

S5自定義HTML展示規則，循環遍歷二維數組Data。

所述S1獲取后臺數據的具體步驟包括：

S101 HTTP請求從后臺獲取數據；

S102將數據轉化成數組形式；

S103將數組命名為Item。

所述S2根據數組中時間日期進行分類的具體步驟包括：

S201將數組中第一個數據Item[0]拿出并將其放入二維數組Data的第一個數據Data[0]中；

S202循環遍歷剩下的數據與第一個數據Item[0]進行對比；

S203將時間日期相同的數據放入Data[0]中；

S204遍歷完畢后將放入Data[0]中的Item的數據刪掉。

所述S3將數據根據選定元素處理為二維數組，即繼續循環遍歷得到Data[1]、Data[2]等，直到Item變為空數組。

一種基于angular總分直觀型展示數據的處理系統，所述的系統具體包括獲取模塊、分類模塊、處理模塊、統一模塊和展示模塊：

獲取模塊：獲取后臺數據；

分類模塊：根據數組中時間日期進行分類；

處理模塊：將數據根據選定元素處理為二維數組；

統一模塊：使二維數組Data中的每一個數據包含的時間日期相同；

展示模塊：自定義HTML展示規則，循環遍歷二維數組Data。

所述獲取模塊具體包括數據收集模塊、格式轉換模塊和數組命名模塊：

數據收集模塊：HTTP請求從后臺獲取數據；

格式轉換模塊：將數據轉化成數組形式；