登录/ 注册
 找回密码
 立即注册
关闭

CSDN热搜

程序园 精品问答 技术交流 资源下载
返回列表 发新帖
首页 › 业界区 › 安全 ›开源精美！一款拖拽式的可视化数据大屏设计低代码平台！ ...

开源精美！一款拖拽式的可视化数据大屏设计低代码平台！

倘伟 2025-6-30 08:52:29
大家好，我是 Java陈序员。
之前给大家介绍了几款可视化数据大屏设计工具。
大屏设计器，就它了！
酷炫大屏展示！一个完全开源的BI平台！
零门槛！人人可用的开源 BI 工具！
今天，再给大家介绍一款开源精美、纯拖拽式的可视化数据大屏设计低代码平台！
关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍

go-view —— 一个低代码数据可视化开发平台，将图表或页面元素封装为基础组件，无需编写代码即可完成业务需求。
功能特色：

  • 可视化画布操作：通过鼠标拖拽基础组件（图表、文本、容器等）到画布，实时预览布局效果，无需编写 HTML/CSS/JS 代码，非技术人员也能快速上手。
  • 组件化封装体系：将数据可视化常用元素（如折线图、柱状图、地图、仪表盘等）封装为可复用组件，支持一键调用、属性配置（颜色、尺寸、交互逻辑等）。
  • 数据绑定可视化：通过图形化界面配置数据源（API 接口、静态数据、数据库连接等），一键关联组件与数据字段，自动生成数据驱动的可视化效果
技术栈：

  • Java
  • MyBatis Plus
  • SqlLite
  • Vue3
  • TypeScript4
  • NaiveUI
  • ECharts5
  • PlopJS
系统截图


  • 项目列表
1.png


  • 工作台
2.png

3.png

4.png


  • 动态数据
5.png


  • 预览
6.png


  • 主题颜色选择
7.png

本地开发

后端服务

1、克隆代码
  1. git clone https://gitee.com/MTrun/go-view-serve.git
复制代码
2、将项目以 Maven 工程的形式导入到 IDEA
3、修改配置文件 go-view-serve/src/main/resources/application-dev.yml 中的数据库连接地址
  1. spring:
  2.   datasource:
  3.     driver-class-name: org.sqlite.JDBC
  4.     # url: jdbc:sqlite:D:\\eclipse-workspace\v2-goview-bate\sqllite\goview.db
  5.     # 数据库地址改为 goview.db 文件的本地地址
  6.     url: jdbc:sqlite:D:\\JavaEE\\github\\go-view-serve\\sqllite\\goview.db
复制代码
4、运行主启动类 cn.com.GogoApplication 启动项目
前端服务

1、克隆代码
  1. git clone -b master-fetch  https://gitee.com/dromara/go-view.git
复制代码

  • 纯前端分支：master
  • 携带后端请求分支：master-fetch
2、进入项目目录并安装依赖
  1. cd go-view
  3. # 推荐使用 pnpm
  4. pnpm install
复制代码
3、修改配置文件 .env 中的后端请求地址为本地地址
  1. # port
  2. VITE_DEV_PORT = '8080'
  4. # development path
  5. # VITE_DEV_PATH = 'https://demo.mtruning.club'
  6. VITE_DEV_PATH = 'http://localhost:8083'
复制代码
4、启动服务
  1. pnpm run dev
复制代码
5、启动成功后，浏览器访问
  1. http://localhost:3000/#/
复制代码
默认的用户名、密码：admin/admin.
6、打包部署
  1. pnpm run build
复制代码
go-view 用低代码的模式降低了数据大屏可视化开发的门槛，通过拖拉拽的方式，让非技术人员实现 DIY 数据看板，十分容易上手！快去安装试试吧~
  1. 项目地址：https://gitee.com/dromara/go-view
复制代码
最后

推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：
  1. https://github.com/chenyl8848/great-open-source-project
复制代码
或者访问网站，进行在线浏览：
  1. https://chencoding.top:8090/#/
复制代码
8.png

我创建了一个开源项目交流群，方便大家在群里交流、讨论开源项目。
但是任何人在群里打任何广告，都会被 T 掉。
如果你对这个交流群感兴趣或者在使用开源项目中遇到问题，可以通过如下方式进群：
关注微信公众号：【Java陈序员】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群。
大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

使用道具 举报
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
发帖
倘伟
2025-6-30 08:52:29

0

粉丝关注

18

主题发布

板块介绍填写区域，请于后台编辑
微信扫一扫