开源超酷!拖拽式可视化数据大屏设计低代码平台来袭
各位好呀,我是 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小陈同学】,回复【开源项目交流群】进群,或者通过公众号下方的菜单添加个人微信,并备注【开源项目交流群】,通过后拉你进群 。
大家的点赞、收藏和评论都是对作者的支持,要是文章对你有帮助还请点赞转发支持下,谢谢!