GoView 低代码数据可视化

关注

VIP免费原创 2025-07-10 10:49:56 1.1k 阅读 AI 写同款· GEO 优化 ›

低代码数据可视化开源项目go-view阅读总结右侧的配置栏组件，组件库里的每个组件都单独写一份vue的模板文件。对于多个组件共有的配置，会进行公共组件的抽离，如对于柱状图和折线图组件，这两个图表组件有许多共有的配置，对共有的配置，抽离为global-setting组件进行组件复用。那么在用户进行配置的修改后，如何去改动组件的配置数据呢？这里就用到了vue里的双向数据绑定v-model的指令，去进行数据的同步。阅读详情

在这里插入图片描述

纯前端分支： master
👻 携带后端请求分支: master-fetch
📚 GoView 文档地址：https://www.mtruning.club/
项目纯前端-Demo 地址：https://vue.mtruning.club/
项目带后端-Demo 地址：https://demo.mtruning.club/
Cloud IDE 代码在线预览地址：https://idegitee.com/dromara/go-view
🤯 后端项目看这里!
后端地址（社区实现，仅供参考）：
JAVA https://gitee.com/MTrun/go-view-serve (当前使用)
.NET https://gitee.com/sun_xiang_yu/go-view-dotnet
NODE https://gitee.com/qwdingyu/led
Docker 镜像 https://gitee.com/AHEAD4/go-view-docker
GO-goframe https://gitee.com/bufanyun/go-view-server
GO-gin https://gitee.com/ls1990/go-view-serve
整体介绍
框架：基于 Vue3 框架编写，使用 hooks 写法抽离部分逻辑，使代码结构更加清晰；
类型：使用 TypeScript 进行类型约束，减少未知错误发生概率，可以大胆修改逻辑内容；
性能：多处性能优化，使用页面懒加载、组件动态注册、数据滚动加载等方式，提升页面渲染速度；
存储：拥有本地记忆，部分配置项采用 storage 存储本地，提升使用体验；
封装：项目进行了详细的工具类封装如：路由、存储、加/解密、文件处理、主题、NaiveUI 全局方法、组件等
可视化：基于开源图表库ECharts 和 VChart 编写，具有丰富的图表类型和适配大屏的主题效果；
入选 NaiveUI 社区精选资源推荐：查看 NaiveUI 推荐列表