飞鱼（FlyFish）

数据与可视化JavaScript

English｜简体中文飞鱼（FlyFish）飞鱼（FlyFish）是一个数据可视化编码平台。通过简易的方式快速创建数据模型，通过拖拉拽的形式，快速生成一套数据可视化解决方案。 FlyFish 功能概览项目管理：项目用于代表具体的业务需求场景，是多个应用、组件的集合。应用开发：支持开发大屏应用，可开发单页面或是多页面路由的大屏应用。组件开发：组件为最小粒度的项目基础，通过创建和开发组件拼凑出最终的可视化大屏展示。模板库：可将开发完成的应用/组件分别上传到对应的模板库中，可在已有模板的基础上快速创建新的项目。

AI/机器学习Web后端前端数据库部署/运维

作者：用户6868语言：JavaScript更新：2026-10-27

仓库地址

https://gitee.com/CloudWise/fly-fish.git

前往原仓库

README

<div align="center">
  <a href="https://github.com/CloudWise-OpenSource/FlyFish"><img src="https://web-code-img.oss-cn-shanghai.aliyuncs.com/readme/dab182d9560c93488d293315.png" alt="flyfish" /></a>
</div>

**[English](https://github.com/CloudWise-OpenSource/FlyFish/blob/main/README_EN.md)｜简体中文**

# 飞鱼（FlyFish）

[![img](https://camo.githubusercontent.com/b90fbf522edfb28cd12154150fae08fd89d4be956e644f327f369df43ef33bf0/68747470733a2f2f62616467656e2e6e65742f6769746875622f7072732f436c6f7564576973652d4f70656e536f757263652f466c7946697368)](https://github.com/CloudWise-OpenSource/FlyFish/pulls) [![img](https://camo.githubusercontent.com/4bf17723fd9a7438e40dda0d0f05c3ff85df8450605fbec58cf4643bb044ca49/68747470733a2f2f62616467656e2e6e65742f6769746875622f6c6963656e73652f436c6f7564576973652d4f70656e536f757263652f466c7946697368)](https://github.com/CloudWise-OpenSource/FlyFish/blob/main/LICENSE) [![img](https://camo.githubusercontent.com/1fb3e7fec903937186ee550f90f558bdf63575dc171251276c3335ff863d13cc/68747470733a2f2f62616467656e2e6e65742f6769746875622f72656c656173652f436c6f7564576973652d4f70656e536f757263652f466c7946697368)](https://github.com/CloudWise-OpenSource/FlyFish/releases)<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
[![All Contributors](https://img.shields.io/badge/all_contributors-18-orange.svg?style=flat-square)](#contributors-)
<!-- ALL-CONTRIBUTORS-BADGE:END -->

## 见码如面

飞鱼（FlyFish）是一个数据可视化编码平台。通过简易的方式快速创建数据模型，通过拖拉拽的形式，快速生成一套数据可视化解决方案。

| ![IT监控设施概览](https://web-code-img.oss-cn-shanghai.aliyuncs.com/readme/f47bcd38361a26ee0e74707b.gif) | ![基础监控](/uploads/readme/cca8be98e9512c788df3f2f2.gif) |
| -------------------------------------------------- | -------------------------------------- |

## FlyFish 功能概览

- 项目管理：项目用于代表具体的业务需求场景，是多个应用、组件的集合。
- 应用开发：支持开发大屏应用，可开发单页面或是多页面路由的大屏应用。
- 组件开发：组件为最小粒度的项目基础，通过创建和开发组件拼凑出最终的可视化大屏展示。
- 模板库：可将开发完成的应用/组件分别上传到对应的模板库中，可在已有模板的基础上快速创建新的项目。
- 数据源管理：可接入 MySQL、Http 等多个数据库数据生成对应数据源，供创建项目时组件对数据进行调用。
- 数据查询：支持根据数据表进行 SQL 查询，精准定位数据源中具体数据并封装保存，也可将查询到的数据重新组合，供组件直接调用。

| ![产品功能示例1](https://web-code-img.oss-cn-shanghai.aliyuncs.com/readme/8efa9cb61ee3b322c83d9619.gif) | ![产品功能示例2](https://gitee.com/CloudWise/fly-fish/raw/master/doc/images/产品功能示例2.gif) |
| ------------------------------------------------ | ------------------------------------------------ |

## FlyFish 模版中心

- **[模版中心](https://www.cloudwise.ai/flyFishComponents.html)**
- **[源码下载](https://github.com/CloudWise-OpenSource/FlyFishComponents)**

<img src="https://web-code-img.oss-cn-shanghai.aliyuncs.com/readme/ea37da368e2761fea2547ddc.gif" width="550px"/>

## 快速上手

**国内镜像**：https://gitee.com/CloudWise/fly-fish

**Demo 环境地址**：http://flyfish-demo.cloudwise.com

## 本地部署

### 占用端口

| 服务台                                | 端口  |
| ------------------------------------- | ----- |
| mysql                               | 18103 |
| FlyfishWeb 端口(nginx 静态资源代理)    | 8089  |
| FlyfishCodeServer(在线编辑器)端口     | 8081  |
| FlyfishServer(主后端服务)端口         | 19531  |
| FlyfishDevServer(数据源管理服务)端口   | 19532 |

### 部署流程

> 推荐使用 doc 目录内 flyfish dcoker 部署文档，后续有关部署流程、学习资料、FAQ 等统一放置 doc 目录中管理。

[Flyfish docker 镜像使用指南](https://gitee.com/CloudWise/fly-fish/blob/master/doc/FlyFish_docker镜像使用指南.md)

> 手动安装步骤：

- [01-基础环境准备篇](https://gitee.com/CloudWise/fly-fish/blob/master/doc/01-基础环境准备篇.md)
- [02-code_server 部署篇](https://gitee.com/CloudWise/fly-fish/blob/master/doc/02-code_server部署篇.md)
- [03-FlyFish 平台部署篇](https://gitee.com/CloudWise/fly-fish/blob/master/doc/03-FlyFish平台部署篇.md)

## 学习资料

- **[技术文档](http://docs.aiops.cloudwise.com/zh/flyfish)**
- **[教学视频](http://docs.aiops.cloudwise.com/zh/flyfish/video-course/P1.html)**
- **[官方论坛](http://bbs.aiops.cloudwise.com/t/FlyFish)**

## 参与贡献

点击阅读 **[FlyFish 贡献指南](https://github.com/CloudWise-OpenSource/FlyFish/discussions/140)** 参与贡献，同时由衷感谢那些为 FlyFish 做出贡献的开发者，无论是 issue 问题、文档翻译、代码贡献，FlyFish 的发展离不开你的支持

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tbody>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/soulferryman"><img src="https://avatars.githubusercontent.com/u/21328793?v=4?s=100" width="100px;" alt="soulferryman"/><br /><sub><b>soulferryman</b></sub></a><br /><a href="https://github.com/CloudWise-OpenSource/FlyFish/commits?author=soulferryman" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/YouYe"><img src="https://avatars.githubusercontent.com/u/17558799?v=4?s=100" width="100px;" alt="Cary Zhou"/><br /><sub><b>Cary Zhou</b></sub></a><br /><a href="https://github.com/CloudWise-OpenSource/FlyFish/commits?author=YouYe" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://blog.csdn.net/xiaohu12685"><img src="https://avatars.githubusercontent.com/u/30620913?v=4?s=100" width="100px;" alt="tiger wang"/><br /><sub><b>tiger wang</b></sub></a><br /><a href="#design-xiaohu12685" title="Design">🎨</a> <a href="https://github.com/CloudWise-OpenSource/FlyFish/commits?author=xiaohu12685" title="Code">💻</a> <a href="#question-xiaohu12685" title="Answering Questions">💬</a> <a href="#fundingFinding-xiaohu12685" title="Funding Finding">🔍</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jincheny"><img src="https://avatars.githubusercontent.com/u/54785820?v=4?s=100" width="100px;" alt="jincheny"/><br /><sub><b>jincheny</b></sub></a><br /><a href="#blog-jincheny" title="Blogposts">📝</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/RiseHao1029"><img src="https://avatars.githubusercontent.com/u/102229441?v=4?s=100" width="100px;" alt="Rise.Hao（郝玉鹏）"/><br /><sub><b>Rise.Hao（郝玉鹏）</b></sub></a><br /><a href="https://github.com/CloudWise-OpenSource/