本發(fā)明涉及一種組件化數(shù)據(jù)大屏開發(fā)方法，更具體一點說，涉及一種聯(lián)合大數(shù)據(jù)云平臺的組件化數(shù)據(jù)大屏開發(fā)方法，屬于計算機。

背景技術：

1、數(shù)據(jù)可視化大屏作為一種高效的信息展示工具，在諸如金融、電商、農(nóng)業(yè)、工業(yè)等多個行業(yè)領域內展現(xiàn)出了巨大的應用價值。它不僅能夠幫助企業(yè)、政府機構及各類組織深入洞察其業(yè)務運營的核心狀況，還能夠及時捕捉潛在的問題與機遇，進而推動決策過程的優(yōu)化與行動策略的調整。在大數(shù)據(jù)浪潮席卷全球的當下，數(shù)據(jù)可視化大屏對于數(shù)據(jù)實時性的需求愈發(fā)迫切。這意味著，在數(shù)據(jù)分析和數(shù)據(jù)可視化的開發(fā)過程中，需要進一步提升效率，以滿足對動態(tài)變化數(shù)據(jù)進行即時呈現(xiàn)與解讀的需求，通過不斷優(yōu)化技術手段和流程管理，可以確保數(shù)據(jù)可視化大屏能夠迅速響應數(shù)據(jù)更新，為用戶提供更加精準、高效的信息支持。

技術實現(xiàn)思路

1、本發(fā)明的目的在于提供具有能夠有效減輕后端服務數(shù)據(jù)庫的負擔，同時確保了數(shù)據(jù)的時效性等技術特點的一種聯(lián)合大數(shù)據(jù)云平臺的組件化數(shù)據(jù)大屏開發(fā)方法。

2、為了實現(xiàn)上述目的，本發(fā)明是通過以下技術方案實現(xiàn)的：

3、本發(fā)明一種聯(lián)合大數(shù)據(jù)云平臺的組件化數(shù)據(jù)大屏開發(fā)方法，其特征在于該方法包括如下步驟：

4、步驟s1：分析數(shù)據(jù)、開發(fā)數(shù)據(jù)跑批任務獲取大屏數(shù)據(jù)，通過大屏數(shù)據(jù)創(chuàng)建在大屏上使用的組件庫；

5、步驟s2：創(chuàng)建大屏上可視化編輯頁面；

6、步驟s3：根據(jù)需求分析，選擇組件，判斷組件庫中是否有需要組件，若組件庫中有需要的組件，則進行步驟s5，若組件庫中沒有需要的組件，則進入步驟s4；

7、步驟s4：根據(jù)使用需求,將組件庫中組件拖入畫布區(qū)構建大屏頁面，根據(jù)缺少的組件在組件庫創(chuàng)建自定義組件，并通過使用vue或者react或者echarts框架構建自定義組件，并使用json格式定義組件屬性；每個拖拽到編輯頁面的組件都有一個唯一的組件id用于區(qū)分；再進入步驟s5；

8、步驟s5：通過拖拉拽和對齊方式，對編輯頁面中組件進行布局；對齊方式包括左對齊、居中對齊、上對齊、右對齊、下對齊；還能夠在編輯頁面將一個組件的樣式拷貝至其他同類型組件上；

9、步驟s6：通過操作區(qū)對選擇的組件配置組件數(shù)據(jù)源和樣式屬性；

10、步驟s7：使用全局腳本編寫組件復雜樣式和復雜數(shù)據(jù)接口請求；

11、步驟s8：發(fā)布數(shù)據(jù)可視化大屏應用。

12、優(yōu)選的，步驟s1具體包括：尋找多個數(shù)據(jù)源表，使用大數(shù)據(jù)云平臺進行數(shù)據(jù)分析，多表關聯(lián)、計算操作以實現(xiàn)將數(shù)據(jù)插入至最終結果表，并將云上數(shù)據(jù)通過庫表同步的方式加載到本地服務數(shù)據(jù)庫。

13、優(yōu)選的，步驟s2具體包括：

14、可視化編輯頁面包括：自定義組件編輯與上傳區(qū)、組件屬性與樣式配置區(qū)、全局腳本編輯區(qū)、頁面畫布區(qū)域、組件庫區(qū)域，

15、其中，組件庫區(qū)域包括多種自定義組件，這些組件涵蓋了廣泛的用途和場景，為用戶提供了豐富的選擇空間，以滿足不同項目的個性化需求；

16、頁面畫布區(qū)域：作為編輯頁面的核心地帶，畫布區(qū)允許用戶通過直觀的拖拽操作，輕松地將組件庫中的組件拖放到畫布上，并根據(jù)實際需求進行自由組合與布局，從而快速搭建出所需的大屏顯示頁面；

17、組件屬性與樣式配置區(qū)：包括數(shù)據(jù)綁定、樣式調整，使用戶能夠精確控制每個組件的展示效果和數(shù)據(jù)呈現(xiàn)方式，確保大屏頁面的專業(yè)性和美觀性，為用戶提供了組件配置選項；

18、全局腳本編輯區(qū)：實現(xiàn)組件屬性與樣式配置區(qū)無法涵蓋的復雜樣式邏輯、業(yè)務規(guī)則以及特殊服務接口的調用，提升了編輯頁面的靈活性和可擴展性；為了滿足更復雜的編輯需求，設置了全局腳本區(qū)，允許用戶編寫自定義腳本；

19、自定義組件編輯與上傳區(qū)：提供自定義組件的編輯與上傳功能，用戶能夠在此自定義組件編輯與上傳區(qū)創(chuàng)建并保存自己的組件。隨著使用經(jīng)驗的積累，這一區(qū)域的組件庫將不斷豐富，大大提高組件的復用效率。

20、優(yōu)選的，步驟s6中配置組件數(shù)據(jù)的過程包括：數(shù)據(jù)準備，創(chuàng)建數(shù)據(jù)源并設置數(shù)據(jù)模型；之后，將數(shù)據(jù)源綁定組件；其中，所述數(shù)據(jù)源的信息包括：數(shù)據(jù)源類型(數(shù)據(jù)庫方式、接口方式、靜態(tài)資源)，數(shù)據(jù)庫方式需要為組件綁定sql語句，接口方式需要為組件綁定服務接口，靜態(tài)資源需為組件綁定json數(shù)據(jù)。

21、優(yōu)選的，步驟s7具體包括：在步驟s4、步驟s5和步驟s6中如果組件屬性區(qū)的樣式不滿足需求要求，需要在全局腳本編輯區(qū)使用jquery或者jscript語句根據(jù)組件id獲取具體組件的component對象，該對象能夠修改組件的具體樣式和數(shù)據(jù)源。

22、優(yōu)選的，步驟s8具體包括：收集用戶的需求反饋；評估優(yōu)化修改量，若修改量下于新建大屏則通過修改原大屏頁面實施，否則通過新建大屏頁面實施需求。

23、有益效果：利用大數(shù)據(jù)云平臺建立離線數(shù)據(jù)處理任務，有效減輕了后端服務數(shù)據(jù)庫的負擔，同時確保了數(shù)據(jù)的時效性。通過頁面編輯區(qū)的拖拽式操作，開發(fā)人員能夠享受到更加直觀便捷的操作體驗。此外，方案內置豐富的組件庫并支持自定義組件功能，隨著使用積累，自定義組件的種類與數(shù)量不斷增多，顯著縮短了數(shù)據(jù)可視化大屏應用的開發(fā)周期，減輕了工作量，并極大地提升了復用性。使用本方式能夠顯著提升科技金融服務效率，加速科技金融能力的升級。

技術特征：

1.一種聯(lián)合大數(shù)據(jù)云平臺的組件化數(shù)據(jù)大屏開發(fā)方法，其特征在于該方法包括如下步驟：

2.根據(jù)權利要求1所述的一種聯(lián)合大數(shù)據(jù)云平臺的組件化數(shù)據(jù)大屏開發(fā)方法，其特征在于：步驟s1具體包括：尋找多個數(shù)據(jù)源表，使用大數(shù)據(jù)云平臺進行數(shù)據(jù)分析，多表關聯(lián)、計算操作以實現(xiàn)將數(shù)據(jù)插入至最終結果表，并將云上數(shù)據(jù)通過庫表同步的方式加載到本地服務數(shù)據(jù)庫。

3.根據(jù)權利要求1或2所述的一種聯(lián)合大數(shù)據(jù)云平臺的組件化數(shù)據(jù)大屏開發(fā)方法，其特征在于：步驟s2具體包括：

4.根據(jù)權利要求1所述的一種聯(lián)合大數(shù)據(jù)云平臺的組件化數(shù)據(jù)大屏開發(fā)方法，其特征在于：步驟s6中配置組件數(shù)據(jù)的過程包括：數(shù)據(jù)準備，創(chuàng)建數(shù)據(jù)源并設置數(shù)據(jù)模型；之后，將數(shù)據(jù)源綁定組件；其中，所述數(shù)據(jù)源的信息包括：數(shù)據(jù)源類型，數(shù)據(jù)庫方式需要為組件綁定sql語句，接口方式需要為組件綁定服務接口，靜態(tài)資源需為組件綁定json數(shù)據(jù)。

5.根據(jù)權利要求1所述的一種聯(lián)合大數(shù)據(jù)云平臺的組件化數(shù)據(jù)大屏開發(fā)方法，其特征在于：步驟s7具體包括：在步驟s4、步驟s5和步驟s6中如果組件屬性區(qū)的樣式不滿足需求要求，需要在全局腳本編輯區(qū)使用jquery或者jscript語句根據(jù)組件id獲取具體組件的component對象，該對象能夠修改組件的具體樣式和數(shù)據(jù)源。

6.根據(jù)權利要求1所述的一種聯(lián)合大數(shù)據(jù)云平臺的組件化數(shù)據(jù)大屏開發(fā)方法，其特征在于：步驟s8具體包括：收集用戶的需求反饋；評估優(yōu)化修改量，若修改量下于新建大屏則通過修改原大屏頁面實施，否則通過新建大屏頁面實施需求。

技術總結
本發(fā)明公開的是一種聯(lián)合大數(shù)據(jù)云平臺的組件化數(shù)據(jù)大屏開發(fā)方法，包括：分析數(shù)據(jù)、開發(fā)數(shù)據(jù)跑批任務獲取大屏數(shù)據(jù)，通過大屏數(shù)據(jù)創(chuàng)建在大屏上使用的組件庫；創(chuàng)建大屏上可視化編輯頁面；根據(jù)需求分析，選擇組件，判斷組件庫中是否有需要組件，若組件庫中有需要的組件，則進行步驟S5，若組件庫中沒有需要的組件，則進入步驟S4；根據(jù)使用需求,將組件庫中組件拖入畫布區(qū)構建大屏頁面；通過拖拉拽和對齊方式，對編輯頁面中組件進行布局；通過操作區(qū)對選擇的組件配置組件數(shù)據(jù)源和樣式屬性；使用全局腳本編寫組件復雜樣式和復雜數(shù)據(jù)接口請求；發(fā)布數(shù)據(jù)可視化大屏應用，有能夠有效減輕后端服務數(shù)據(jù)庫的負擔，同時確保了數(shù)據(jù)的時效性等技術特點。

技術研發(fā)人員：彭佳輝
受保護的技術使用者：中國建設銀行股份有限公司浙江省分行
技術研發(fā)日：
技術公布日：2025/5/15