开源超酷！拖拽式可视化数据大屏设计低代码平台来袭
各位好呀，我是 Java小陈同学。
之前给大家介绍过几款可视化数据大屏设计工具呢。
今儿呢，再给大家介绍一款开源精致、纯靠拖拽的可视化数据大屏设计低代码平台哟！
项目概况
go-view —— 一个低代码数据可视化开发平台，把图表或者页面元素封装成基础组件啦，不用编写代码就能达成业务需求呢。
功能特点
- 可视化画布操作：通过鼠标把基础组件（像图表、文本、容器之类的）拖拽到画布上，能实时看到布局效果呢，都不用写 HTML/CSS/JS 代码，非技术人员也能很快上手。
- 组件化封装体系：把数据可视化常用元素（比如折线图、柱状图、地图、仪表盘等等）封装成可重复使用的组件，支持一键调用，还能配置属性（颜色、尺寸、交互逻辑啥的）。
- 数据绑定可视化：通过图形化的界面来配置数据源（像 API 接口、静态数据、数据库连接之类的），一键关联组件和数据字段，自动生成数据驱动的可视化效果。
技术栈
- Java
- MyBatis Plus
- SqlLite
- Vue3
- TypeScript4
- NaiveUI
- ECharts5
- PlopJS
系统截图
-
项目列表
-
工作台
-
动态数据
-
预览
-
主题颜色选择
本地开发
后端服务
1、克隆代码
git clone https://gitee.com/MTrun/go-view-serve.git
2、把项目当作 Maven 工程导入到 IDEA 里。
3、修改配置文件 go-view-serve/src/main/resources/application-dev.yml 中的数据库连接地址。
spring:
datasource:
driver-class-name: org.sqlite.JDBC
# url: jdbc:sqlite:D:\\eclipse-workspace\v2-goview-bate\sqllite\goview.db
# 把数据库地址改成 goview.db 文件的本地地址
url: jdbc:sqlite:D:\\JavaEE\\github\\go-view-serve\\sqllite\\goview.db
4、运行主启动类 cn.com.GogoApplication 来启动项目。
前端服务
1、克隆代码
git clone -b master-fetch https://gitee.com/dromara/go-view.git
- 纯前端分支：
master - 携带后端请求分支：
master-fetch
2、进到项目目录里安装依赖
cd go-view
# 推荐用 pnpm
pnpm install
3、修改配置文件 .env 中的后端请求地址为本地地址
# port
VITE_DEV_PORT = '8080'
# development path
# VITE_DEV_PATH = 'https://demo.mtruning.club'
VITE_DEV_PATH = 'http://localhost:8083'
4、启动服务
pnpm run dev
5、启动成功后，用浏览器访问
http://localhost:3000/#/
默认的用户名、密码是
admin/admin。
6、打包部署
pnpm run build
go-view 用低代码的方式降低了数据大屏可视化开发的门槛，通过拖拉拽的办法，让非技术人员也能实现 DIY 数据看板，特别容易上手呢！赶紧去安装试试吧~
项目地址：https://gitee.com/dromara/go-view
最后
推荐的开源项目已经收录到 GitHub 项目里啦，欢迎 Star：
https://github.com/chenyl8848/great-open-source-project
或者访问网站，进行在线浏览：
https://chencoding.top:8090/#/
我创建了一个开源项目交流群，方便大家在群里交流、讨论开源项目 。
要是有人在群里打广告，就会被踢出去 。
要是你对这个交流群感兴趣或者在使用开源项目时碰到问题，可以通过下面的方式进群 ：
关注微信公众号：【Java小陈同学】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群 。
大家的点赞、收藏和评论都是对作者的支持，要是文章对你有帮助还请点赞转发支持下，谢谢！
