一款低代碼數(shù)據(jù)可視化系統(tǒng):goView(低代碼平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn))
大家好,我是一位在架構(gòu)師道路上狂奔的碼農(nóng),今天給大家推薦一款低代碼數(shù)據(jù)可視化平臺(tái):GoView,輕松實(shí)現(xiàn)數(shù)據(jù)大屏。
簡(jiǎn)介:
GoView 一個(gè)基于 Vue、Datav、Echart 框架的 " 數(shù)據(jù)大屏項(xiàng)目 ",通過 Vue 組件實(shí)現(xiàn)數(shù)據(jù)動(dòng)態(tài)刷新渲染,內(nèi)部圖表可實(shí)現(xiàn)自由替換。
項(xiàng)目整體介紹
- 框架:基于 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 全局方法、組件等
展示
最后:
一臺(tái)電腦,一個(gè)鍵盤,一根網(wǎng)線便能打下一片天下,幾個(gè)字母一些數(shù)字便能創(chuàng)造輝煌人生,一個(gè)指令一次回車便能成就一個(gè)新的世界,游走于指尖的快樂并不是說說而已,他承載的是無(wú)盡的榮耀。 創(chuàng)作不易,如果小編的創(chuàng)作分享對(duì)各位兄弟姐妹有所幫助,還請(qǐng)各位兄弟姐妹動(dòng)動(dòng)發(fā)財(cái)?shù)男∈郑觽€(gè)關(guān)注、點(diǎn)個(gè)贊,你們的小小舉動(dòng)是對(duì)小編最大的認(rèn)可,更是小編不斷分享的動(dòng)力!
ps: 開源項(xiàng)目地址:https://gitee.com/dromara/go-view