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