GoView-Vue基于 Vue3 的低代碼數(shù)據(jù)可視化開(kāi)發(fā)平臺(tái)
GoView 是一個(gè)高效的拖拽式低代碼數(shù)據(jù)可視化開(kāi)發(fā)平臺(tái)，將圖表或頁(yè)面元素封裝為基礎(chǔ)組件，無(wú)需編寫(xiě)代碼即可制作數(shù)據(jù)大屏，減少心智負(fù)擔(dān)
技術(shù)點(diǎn)：
-
框架：基于
Vue3框架編寫(xiě)，使用hooks寫(xiě)法抽離部分邏輯，使代碼結(jié)構(gòu)更加清晰； -
類(lèi)型：使用
TypeScript進(jìn)行類(lèi)型約束，減少未知錯(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ì)的工具類(lèi)封裝如：路由、存儲(chǔ)、加/解密、文件處理、主題、NaiveUI 全局方法、組件等
工作臺(tái)：
請(qǐng)求配置：
數(shù)據(jù)過(guò)濾：
主題色：
主要技術(shù)棧為：
| 名稱(chēng) | 版本 | 名稱(chēng) | 版本 |
|---|---|---|---|
| Vue | 3.2.x | TypeScript4 | 4.6.x |
| Vite | 2.9.x | NaiveUI | 2.27.x |
| ECharts | 5.3.x | Pinia | 2.0.x |
詳見(jiàn) package.json |
?? | ?? | ?? |
開(kāi)發(fā)環(huán)境:
| 名稱(chēng) | 版本 | 名稱(chēng) | 版本 |
|---|---|---|---|
| node | 16.14.x | npm | 8.5.x |
| pnpm | 7.1.x | windows | 11 |
已完成圖表：
| 分類(lèi) | 名稱(chēng) | 名稱(chēng) | 名稱(chēng) |
|---|---|---|---|
| 圖表 | 柱狀圖 | 橫向柱狀圖 | 折線(xiàn)圖 |
| \* | 單/多 折線(xiàn)面積圖 | 餅圖 | 水球圖 |
| \* | 環(huán)形圖 | NaiveUI 多種進(jìn)度 | ?? |
| 信息 | 文字 | 圖片 | ?? |
| 列表 | 滾動(dòng)排名列表 | 滾動(dòng)表格 | ?? |
| 小組件 | 邊框-01~13 | 裝飾-01~05 | 數(shù)字翻牌 |
歡迎大家來(lái)查看，記得給顆?！靴靴！
評(píng)論
圖片
表情