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

文章开源精美！一款拖拽式的可视化数据大屏设计低代码平台！分享给大家，欢迎收藏Java资料网，专注分享技术知识

大家好，我是 Java陈序员。

之前给大家介绍了几款可视化数据大屏设计工具。

大屏设计器，就它了！

酷炫大屏展示！一个完全开源的BI平台！

零门槛！人人可用的开源 BI 工具！

今天，再给大家介绍一款开源精美、纯拖拽式的可视化数据大屏设计低代码平台！

关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

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/#/

我创建了一个开源项目交流群，方便大家在群里交流、讨论开源项目。

但是任何人在群里打任何广告，都会被 T 掉。

如果你对这个交流群感兴趣或者在使用开源项目中遇到问题，可以通过如下方式进群：

关注微信公众号：【Java陈序员】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群。

大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！

---

文章来源:https://www.cnblogs.com/codechen8848/p/18953709
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若内容造成侵权/违法违规/事实不符，请联系邮箱：jacktools123@163.com进行投诉反馈，一经查实，立即删除！