拖拽即视：零代码打造数据可视化大屏 

程序员开源栈 6 小时前 | 显示全部楼层 | 阅读模式

『7x24小时有问必答』

前言

在数据驱动决策成为常态，如何高效、直观地呈现数据价值，是许多团队面临的共同挑战。传统开发方式周期长、门槛高，而业务人员又往往缺乏技术能力。本文推荐一个开源的数据可视化编码平台，通过简易建模与拖拉拽操作，让任何人无需写代码，也能快速构建专业级的数据可视化解决方案。

项目介绍

项目是由云智慧开源的一款低代码数据可视化平台，专注于大屏应用的快速开发与部署。它以"组件化 + 模板化 + 可视化"为核心理念，支持从数据接入、模型构建到前端展示的一站式流程。无论是 IT 运维监控、业务运营看板，还是 IoT 设备状态总览，FlyFish 都能提供灵活、高效的支撑。

项目功能

1、项目管理：以"项目"为单位组织业务场景，每个项目可包含多个应用和组件，便于协作与复用。
2、应用开发：支持创建单页面或多页面路由的大屏应用，适配不同展示需求，所见即所得。
3、组件开发：提供图表、指标卡、表格等基础组件，也支持开发者自定义组件并注册到平台。
4、模板库：已开发的应用或组件可保存为模板，后续项目可基于模板快速创建，提升复用效率。
5、数据源管理：支持接入 MySQL、HTTP API 等多种数据源，配置简单，连接稳定。
6、数据查询：内置 SQL 编辑器，支持对数据表进行查询、聚合与重组，并将结果封装为可复用的数据集供组件调用。

项目特点

零代码上手：业务人员通过拖拉拽即可完成大屏搭建，无需编程基础。
开发自由度高：技术人员可自定义组件、扩展数据源，满足复杂业务逻辑。
模板复用机制：避免重复开发，加速项目交付周期。
一体化工作流：从数据接入到前端展示，全流程在平台内闭环完成。
开源免费：代码完全开放，支持私有化部署，无商业限制。
部署便捷：提供 Docker 一键部署方案，本地或生产环境均可快速落地。

项目技术

1、前端框架：基于React构建可视化编辑器，实现流畅的拖拽交互与实时预览。
2、在线编码：集成 CodeServer（基于 VS Code Online），支持在线开发和调试自定义组件。
3、后端服务：采用 Go/Java（依版本而定）构建 RESTful API，处理项目、数据、模板等核心逻辑。
4、数据通信：通过 HTTP 和 WebSocket 实现前后端高效协同，保障数据实时性。
5、容器化支持：提供完整的 Docker Compose 配置，服务模块清晰（Web、CodeServer、主服务、数据源服务等）。
6、数据库：默认使用 MySQL 存储项目元数据与用户配置。

项目体验

体验地址：http://flyfish-demo.cloudwise.com
展示 IT 监控、业务概览等多个典型场景，效果直观、响应流畅。

项目效果

在实际使用中，只需几步即可完成一个完整看板，整个过程无需写一行前端代码，10 分钟内即可生成动态、可交互的大屏。
1.gif

2.gif

3.gif

项目源码

Gitee：https://gitee.com/CloudWise/fly-fish
Demo 环境：http://flyfish-demo.cloudwise.com
部署文档、教学视频等资料统一存放在项目  doc  目录中，推荐使用 Docker 方式部署，简化环境配置。

总结

项目并非要取代传统开发，而是为数据可视化这一高频场景提供更敏捷的工具。它降低了技术门槛，释放了业务创造力，同时保留了足够的扩展能力供开发深度定制。

关键词

作者：小码编匠
出处：gitee.com/smallcore/DotNetCore
声明：网络内容，仅供学习，尊重版权，侵权速删，歉意致谢！

END

往
期
精
彩

备注【开源】
方便大家交流、资源共享和共同成长
纯技术交流群、需要的小伙伴请扫码

有收获？不妨分享让更多人受益
关注「程序员开源栈」，共同提升技术实力

点分享
点收藏
点在看
点点赞

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

更多帖子推荐

举报 回复
倒序浏览

64查看0回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

程序员开源栈

帖子 598 篇

关注 私信
上一主题上一主题         下一主题下一主题
© 2001-2026 PLC技术网-可编程控制器技术门户
QQ手机版小黑屋粤ICP备17165530号

关于我们·投诉举报· 用户帮助· 联系我们 · 本站服务 · 版权声明· 隐私政策 · 投搞指南

法律保护：PLC技术网，plcjs.com,plcjs.net等字样
Copyright 2010-2030. All rights reserved. 


微信公众号二维码 抖音二维码 百家号二维码 今日头条二维码哔哩哔哩二维码