最近發(fā)現(xiàn)了一款非常容易上手的可視化低平臺(tái),它能夠極大地簡(jiǎn)化開發(fā)過(guò)程,提高開發(fā)效率。在本文中,我將為大家介紹這款平臺(tái)的特點(diǎn)、優(yōu)勢(shì)以及如何使用它來(lái)快速開發(fā)大屏,開源作者真的很厲害。通過(guò)這個(gè)項(xiàng)目,可以使用制作自己的大數(shù)據(jù)可視化大屏、運(yùn)營(yíng)數(shù)據(jù)大屏、運(yùn)維監(jiān)控大屏等等。
Go-view介紹?
GoView 是一個(gè)高效的拖拽式低代碼數(shù)據(jù)可視化開發(fā)平臺(tái),將圖表或頁(yè)面元素封裝為基礎(chǔ)組件,無(wú)需編寫代碼即可制作數(shù)據(jù)大屏,減少心智負(fù)擔(dān)。當(dāng)然低代碼也不是 “銀彈”,希望所有人員都能理智看待此技術(shù)。
技術(shù)棧
技術(shù)點(diǎn):
框架:基于 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 全局方法、組件等;
注意:GoView 是純前端項(xiàng)目,沒(méi)有后臺(tái)系統(tǒng),已預(yù)裝 axios,若需后臺(tái)請(qǐng)自行二次開發(fā);
效果展示
感謝開源作者:奔跑的面條
作者文檔地址:https://www.mtruning.club/


