最近發(fā)現(xiàn)了一款非常容易上手的可視化低代碼平臺，它能夠極大地簡化開發(fā)過程，提高開發(fā)效率。在本文中，我將為大家介紹這款平臺的特點、優(yōu)勢以及如何使用它來快速開發(fā)大屏，開源作者真的很厲害。通過這個項目，可以使用制作自己的大數(shù)據(jù)可視化大屏、運營數(shù)據(jù)大屏、運維監(jiān)控大屏等等。

Go-view介紹？

GoView 是一個高效的拖拽式低代碼數(shù)據(jù)可視化開發(fā)平臺，將圖表或頁面元素封裝為基礎(chǔ)組件，無需編寫代碼即可制作數(shù)據(jù)大屏，減少心智負(fù)擔(dān)。當(dāng)然低代碼也不是 “銀彈”，希望所有人員都能理智看待此技術(shù)。

技術(shù)棧

技術(shù)點：

• 框架：基于 Vue3 框架編寫，使用 hooks 寫法抽離部分邏輯，使代碼結(jié)構(gòu)更加清晰；
• 類型：使用 TypeScript 進行類型約束，減少未知錯誤發(fā)生概率，可以大膽修改邏輯內(nèi)容；
• 性能：多處性能優(yōu)化，使用頁面懶加載、組件動態(tài)注冊、數(shù)據(jù)滾動加載等方式，提升頁面渲染速度；
• 存儲：擁有本地記憶，部分配置項采用 storage 存儲本地，提升使用體驗；
• 封裝：項目進行了詳細的工具類封裝如：路由、存儲、加/解密、文件處理、主題、NaiveUI 全局方法、組件等；
• 注意：GoView 是純前端項目，沒有后臺系統(tǒng)，已預(yù)裝 axios，若需后臺請自行二次開發(fā)；

開發(fā)環(huán)境：

已完成圖表：

服務(wù)端部署方法

建議使用docker-compose部署，一鍵部署。

(1) 首先clone源代碼后進入項目根目錄，

mkdir -p /go-view && cd /go-view
git clone --recursive https://gitee.com/AHEAD4/go-view-docker

--recursive是必須的否則會缺少源代碼。

(2) 運行docker-compose up -d，啟動服務(wù)后進入后臺運行。

cd /go-view/go-view-docker
docker-compose up -d

(3) 使用瀏覽器訪問http://127.0.0.1:7080/

• 賬號密碼均為admin
• 注意：數(shù)據(jù)庫未做持久化，如需持久化請掛載卷或宿主機目錄（參考yml中被db備注的volume配置）

效果展示

感謝開源作者：奔跑的面條

作者文檔地址：https://www.mtruning.club/