一個Vue3搭建的低代碼數(shù)據(jù)可視化開發(fā)平臺,支持多個后端語言
概述
GoView 是一個Vue3搭建的低代碼數(shù)據(jù)可視化開發(fā)平臺,將圖表或頁面元素封裝為基礎(chǔ)組件,無需編寫代碼即可完成業(yè)務(wù)需求。 它的技術(shù)棧為:Vue3 TypeScript4 Vite2 NaiveUI ECharts5 Axios Pinia2 PlopJS
整體介紹
- 框架:基于 Vue3 框架編寫,使用 hooks 寫法抽離部分邏輯,使代碼結(jié)構(gòu)更加清晰;
- 類型:使用 TypeScript 進行類型約束,減少未知錯誤發(fā)生概率,可以大膽修改邏輯內(nèi)容;
- 性能:多處性能優(yōu)化,使用頁面懶加載、組件動態(tài)注冊、數(shù)據(jù)滾動加載等方式,提升頁面渲染速度;
- 存儲:擁有本地記憶,部分配置項采用 storage 存儲本地,提升使用體驗;
- 封裝:項目進行了詳細的工具類封裝如:路由、存儲、加/解密、文件處理、主題、NaiveUI 全局方法、組件等
- 入選 NaiveUI 社區(qū)精選資源推薦:查看 NaiveUI 推薦列表
后端項目看這里!
后端地址(社區(qū)實現(xiàn),僅供參考):
- JAVA https://gitee.com/MTrun/go-view-serve (當(dāng)前使用)
- .NET https://gitee.com/sun_xiang_yu/go-view-dotnet
- NODE https://gitee.com/qwdingyu/led
- Docker 鏡像 https://gitee.com/AHEAD4/go-view-docker
- 接口文檔https://docs.apipost.cn (不是最新, 以前端代碼為準(zhǔn))
說明文檔:
工作臺:
請求配置:
數(shù)據(jù)過濾:
高級事件編輯:
自定義組件顏色:
快捷主頁:
主題色:
亮白主題:
主要技術(shù)棧為:
名稱 | 版本 | 名稱 | 版本 |
Vue | 3.2.x | TypeScript4 | 4.6.x |
Vite | 4.2.x | NaiveUI | 2.34.x |
ECharts | 5.3.x | Pinia | 2.0.x |
詳見 package.json |
|
|
|
開發(fā)環(huán)境:
名稱 | 版本 | 名稱 | 版本 |
node | 16.16.x | npm | 8.5.x |
pnpm | 7.1.x | windows | 11 |
已完成圖表:
分類 | 名稱 | 名稱 | 名稱 | 名稱 |
圖表 | 柱狀圖 | 橫向柱狀圖 | 折線圖 | 單/多 折線面積圖(漸變色) |
* | 餅圖 | 環(huán)形圖 | 水球圖 | 雷達圖 |
* | NaiveUI 多種進度 | 散點圖 | 對數(shù)回歸散點圖 | 熱力圖 |
* | 漏斗圖 | 中國地圖 | 高德地圖 |
|
信息 | 文字 | 漸變文字 | 詞云 | 嵌套網(wǎng)頁 |
* | 圖片 | 視頻 |
|
|
列表 | 滾動排名列表 | 滾動表格 |
|
|
小組件 | 邊框-01~13 | 裝飾-01~05 | 數(shù)字翻牌 | 通用時間 |
* | 數(shù)字計數(shù) | 倒計時 | 時鐘 |
|
瀏覽器支持
開發(fā)和測試平臺均在 Google 和最新版 EDGE 上完成,暫未測試 IE11 等其它瀏覽器,如有需求請自行測試與兼容。
如何獲取
歡迎關(guān)注轉(zhuǎn)發(fā)評論私信