《開源精選》是我們分享Github、Gitee等開源社區(qū)中優(yōu)質(zhì)項(xiàng)目的欄目，包括技術(shù)、學(xué)習(xí)、實(shí)用與各種有趣的內(nèi)容。本期推薦的GoView 是一個(gè)Vue3搭建的低代碼數(shù)據(jù)可視化開發(fā)平臺(tái)。

特性

• 最新技術(shù)
• 基于 Vue3 & TypeScript框架編寫，使用 hooks 寫法抽離部分邏輯，代碼結(jié)構(gòu)更加清晰。
• 優(yōu)異性能
• 多處性能優(yōu)化，使用頁(yè)面懶加載、組件動(dòng)態(tài)注冊(cè)、數(shù)據(jù)滾動(dòng)加載等方式，提升頁(yè)面渲染速度。
• 高效代碼封裝
• 詳細(xì)的工具類封裝如：路由、存儲(chǔ)、加/解密、文件處理、主題、NaiveUI 全局方法、組件等。
• 完備的功能
• 提供項(xiàng)目控制、全局控制、組件基礎(chǔ)配置、動(dòng)畫配置、請(qǐng)求配置、事件配置等。
• 豐富的組件
• 擁有豐富的內(nèi)容組件，內(nèi)置 50 個(gè)組件內(nèi)容，并且在不斷更新升級(jí)中。
• 優(yōu)雅交互
• 精美的頁(yè)面設(shè)計(jì)，支持明/暗切換，主題色變更。人性化的交互方式，內(nèi)置豐富快捷方案。

整體介紹

• 框架：基于 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 全局方法、組件等

安裝

推薦使用 pnpm 管理項(xiàng)目，并使用 nrm 切換到阿里鏡像，整體安裝步驟如下：

# 1. 安裝 pnpmnpm install -g pnpm# 2. 安裝 nrmnpm install -g nrm# 3. 使用 nrm 添加阿里鏡像nrm add taobao https://registry.npmmirror.com/# 4. nrm 查看鏡像列表nrm ls# 5. nrm 應(yīng)用對(duì)應(yīng)鏡像nrm use taobao

安裝項(xiàng)目依賴

# 推薦使用 pnpmpnpm install# 或 yarnyarn install

啟動(dòng)

# 推薦使用 pnpmpnpm dev# 或 yarnyarn dev# 或 Makefile（需要自行配置系統(tǒng)環(huán)境，谷歌 make 命令環(huán)境搭建）make dev

編譯

# 推薦使用 pnpmpnpm run build# 或 yarnyarn run build# 或 Makefilemake dist

配置界面

工作臺(tái)

請(qǐng)求配置

數(shù)據(jù)過(guò)濾

高級(jí)事件編輯

快捷主頁(yè)

主題色

亮白主題

主要技術(shù)棧為：

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

-END-

開源協(xié)議：MIT

開源地址：https://gitee.com/dromara/go-view