1. 收藏!0基礎開源數據可視化平台FlyFish大屏開發指南
開源數據可視化平台 FlyFish 是雲智慧公司自主設計、研發的一款低門檻、高拓展性的低代碼應用開發平台,專為數據可視化開發場景提供一站式解決方案。
平台提供豐富的組件和應用模板庫,用戶可通過拖拉拽的形式完成數據可視化開發,即便零開發背景的用戶也能輕松上手。同時,FlyFish支持組件開發、自定義函數與全局事件等配置,面對復雜需求場景能夠保證高效開發與交付。
使用 FlyFish 開發流程如下:
1. 登錄 FlyFish 平台,創建項目或添加當前項目,然後添加應用(可視化大屏)。
2. 瀏覽平台提供的基礎組件,若組件與 UI 設計不符,可通過自定義 CSS 進行調整。
3. 請求數據,編輯組件信息並將其添加到項目中。
4. 進行組件開發,包括配置 webpack 編譯打包擴展,添加組件依賴,設置預覽大屏預設,注冊組件和代碼文件。
5. 在開發過程中,可選擇使用原生 JavaScript 或 React 進行開發,並參考相關文檔進行操作。
6. 對於組件之間的交互,可實現事件接收與自定義函數,以便於大屏功能的擴展。
7. 若需實現默認選項的實時渲染,可重寫 load 方法,以更新默認選項。
8. 開發完成後,遵循標准流程進行部署上線,支持 Tengine 或 Nginx 部署。
FlyFish 支持通過 Echarts 等外部平台開發組件,用戶可根據需求引用相關插件實現特定功能。
開發過程中,前端直接打出包,無需額外的 Git 倉庫。下載源碼時,請使用前綴 + 大屏 ID 的下載地址,並注意謹慎頻繁調用。
此外,Echarts 配置與導出資源可通過 npmjs.com/package/@clou... 獲取,如有下載失敗,建議更換版本號以解決。
2. 自定義的拖拽式智能大屏(springboot+VUE)
一個開源的可以自定義的拖拽式智能報表系統。項目主要技術是springboot和vue.
三步就可以配置一個報表展示大屏。
數據流程圖
第一步:配置我們需要的數據源,也就是連接一個資料庫, mysql , oracle , SqlServer 等等;
第二步:選擇數據源,選擇編碼方式,數據集名稱,數據集,然後寫一下 sql 語句,就是你要展示的數據欄位
第三步:推拽配置大屏,將你想要展示的圖標直接拖拽到設計區,可以任意配置
二、實現功能
三、技術選型
springboot
mybatis
前端: vue 、 elementUI
四、界面展示
五、源碼地址
私信回復:智能大屏