cloudwise-opensource/flyfish

FlyFish is a data visualization coding platform. We can create a data model quickly in a simple way, and quickly generate a set of data visualization solutions by dragging.

English｜简体中文

飞鱼（FlyFish）

见码如面

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

FlyFish 功能概览

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

FlyFish 模版中心

• 模版中心
• 源码下载

快速上手

国内镜像：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 镜像使用指南

手动安装步骤：

• 01-基础环境准备篇
• 02-code_server 部署篇
• 03-FlyFish 平台部署篇

学习资料

• 技术文档
• 教学视频
• 官方论坛

参与贡献

点击阅读 FlyFish 贡献指南 参与贡献，同时由衷感谢那些为 FlyFish 做出贡献的开发者，无论是 issue 问题、文档翻译、代码贡献，FlyFish 的发展离不开你的支持

Contributors ✨

Thanks goes to these wonderful people (emoji key):

soulferryman 💻	Cary Zhou 💻	tiger wang 🎨 💻 💬 🔍	jincheny 📝	Rise.Hao（郝玉鹏） 👀	Crete.A 💻	Neeke Gao 🎨
dwq 👀	sugar 💻	haifeng.wang 💻	Jaden.Li 💡	osramywj 🤔	cw-jonny 💻	aiwhj 🔊
Rosso Wang 📖	余生 💻	Edward.Li 💻	ayongv 📖

开发者社群

获取更多关于 FlyFish 的技术资料，或加入 FlyFish 开发者交流群，可扫描下方二维码咨询。

flyfish's Issues

不知道是不是bug

⚠️ 重要 ⚠️ 在进一步操作之前，请检查下列选项。

描述 Bug

查看组件diff可以进到一个新的嵌套里面

复现 Bug

查看组件记录，点击任意一个记录

系统信息

• 浏览器版本:
• 操作系统: CentOS7.6(默认)
• Node 版本: NodeJS14.9(默认)

在线地址，公共组件一直加载中，一般是什么原因影响呢？

在线地址，公共组件一直加载中，一般是什么原因影响呢？

组件怎么导入

组件怎么导入

这个提示是啥意思，是必须给redis设置一个密码吗

这个提示是啥意思，是必须给redis设置一个密码吗

页登陆的时候显示报错 vendor.js:1

问一下，网页登陆的时候显示报错 vendor.js:1 POST http://127.0.0.1:8364/web/rbac/user/login net::ERR_CONNECTION_REFUSED 这个是哪个配置文件需要改的啊？

是否继续更新

大屏设计过程中导入json文件报错“文件读取失败”?这个什么原因，有示例吗，谢谢

大屏设计过程中导入json文件报错“文件读取失败”?这个什么原因

在设计大屏页面，点击“预览”按钮报错

去掉链接中的 production 访问正常

用户角色菜单显示异常问题，多余了很多菜单……

2.0前端NPM安装依赖包，不成功，不知道是什么原因。各位大虾，Web端部署，不成功，npm run build错误，怎么办

2.0前端NPM安装依赖包，不成功，不知道是什么原因。各位大虾，Web端部署，不成功，npm run build错误，怎么办

请教下,这个问题怎么解决?config/database.dev.json配置正确

请教下,这个问题怎么解决?config/database.dev.json配置正确

飞鱼服务器部署，搭建了一套，但是页面报：网络错误

飞鱼服务器部署，搭建了一套，但是页面报：网络错误

新建大屏无标签选项却一直提示【请选择标签】且无法保存

飞鱼平台前端页面权限管理

描述 Bug

用户在未登录状态，通过URL应该无法访问项目管理等页面

复现 Bug

通过URL直接访问飞鱼平台可直接访问到项目管理等页面

使用Docker安装FiyFish v1.0响应时间较长

使用Docker安装FiyFish v1.0时，在安装组件阶段会因为不明原因消耗较长时间，以下为部分控制台信息，卡顿出现在Pull complete 阶段

[root@VM-8-14-centos FlyFish]# docker build -t flyfish . Sending build context to Docker daemon 1.379GB Step 1/7 : FROM luckydwqdocker/flyfish:v1.0 v1.0: Pulling from luckydwqdocker/flyfish 7a0437f04f83: Pull complete 7d9aacdf270e: Pull complete 1449949166f9: Pull complete 939a345cf85c: Pull complete 3a0d0dbd6603: Pull complete Digest: sha256:6322970789d1db9f70d85c62f78bd16a3508a0a7e09cedd9b7fc9a5747457bd2 Status: Downloaded newer image for luckydwqdocker/flyfish:v1.0 ---> 0f47704824ea Step 2/7 : WORKDIR /data/app/flyFish/flyfish ---> Running in 809ed8081b1e Removing intermediate container 809ed8081b1e ---> e191fcfb8df3 Step 3/7 : COPY . /data/app/flyFish/flyfish ---> b9015d3429f9 Step 4/7 : ENV PATH=/root/.nvm/versions/node/v14.17.5/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin ---> Running in e900b54d3d64 Removing intermediate container e900b54d3d64 ---> cd0a81c242c1 Step 5/7 : EXPOSE 8364 ---> Running in 459a329058af Removing intermediate container 459a329058af ---> 5e2aeb2eea51 Step 6/7 : RUN sh startup.sh ---> Running in 28b5301ef1d5

基础镜像

#基础镜像
FROM luckydwqdocker/flyfish:v1.0
用外部数据库的话可以不用这个基础镜像吧？直接用node基础镜像是否有其他影响呢

组件源码（含components组件编译后源码）上传失败

描述

导入组件源码（含components组件编译后源码）上传失败，控制台报错413

复现

浏览器控制台报错

描述

浏览器控制台有报错，报错原因有多个。

复现

登录飞鱼平台，进入组件开发页面。

环境

环境：社区demo（https://flyfish-demo.opscloudwise.com:23368/）
版本：FlyFish-2.1.0
浏览器：Chrome101.0.4951.41（正式版本） (x86_64)

线上体验环境的账号密码是什么

线上体验环境的账号密码是什么

我在vim src/common/config/adapter.js里边改成我虚拟机的ＩＰ后，启动后通过我的笔记本可以通过ＩＰ访问，但是一注册的时候就报错

我在vim src/common/config/adapter.js里边改成我虚拟机的ＩＰ后，启动后通过我的笔记本可以通过ＩＰ访问，但是一注册的时候就报错

提个建议，能否把所有要配置的地方集中一下，不用到处改用户密码，现在配3个服务，要配3个地方的用户密码，太繁琐了

提个建议，能否把所有要配置的地方集中一下，不用到处改用户密码，现在配3个服务，要配3个地方的用户密码，太繁琐了

显示放大和缩小10%

⚠️ 重要 ⚠️ 在进一步操作之前，请检查下列选项。

描述 Bug

点击之后并没有放大或缩小10%

复现 Bug

鼠标经过会弹出放大10%或缩小10%，但是并没有按这个比例去做

系统信息

• 浏览器版本:
• 操作系统: CentOS7.6(默认)
• Node 版本: NodeJS14.9(默认)

平台组件开发模块分页错误

首次进入分也未第二页(url

)

大屏下载包是否需要tomcat下访问

模板我下载下来，里边有个index.html文件，我用浏览器打开，提示加载组件失败，这个是需要部署到tomcat下访问吗，谢谢了

网页登陆的时候显示报错 vendor.js:1

网页登陆的时候显示报错 vendor.js:1 POST http://127.0.0.1:8364/web/rbac/user/login net::ERR_CONNECTION_REFUSED 这个是哪个配置文件需要改的啊？页面URL：http://127.0.0.1:8364/web/rbac/user/login 这个URL是访问不了的，因为我是外部访问并不是本机访问，正确的URL应该是 http://10.10.65.246:8364/web/rbac/user/login 不知道这应该在哪配置？

注册不支持163邮箱

演示的地址不能使用

分页没有固定在下方，回上下来回跑

建议将分页固定

组件名称期待做限制显示

FlyFish有商业版吗

FlyFish有商业版吗

建议切页增加loading效果

目前没有loading效果，不够友好

镜像Docker脚本

@maxDwq 请提供下 Docker 镜像 luckydwqdocker/flyfish:v1.0 的 Dockerfile，看能不能继续优化减少镜像体积

组件没有被占用，还是报错是为啥

通过复制链接跳转到组件开发区域的，点击开发组件返回就返回到空了

https://flyfish-demo.opscloudwise.com:23368/#/app/61aa27abd39bdf74f6d60147/code-develop
点击跳转进去，在点击箭头指向

就会返回到空浏览器页面

导入组件后，组件列表预览图为空

如何添加更多的组件

如何添加更多的组件

组件库显示重叠

组件库显示重叠

按照FlyFish2.0项目流程部署，三个组件平台全部启动正常，点击系统管理——标签管理后报错“页面产生错误

按照FlyFish2.0项目流程部署，三个组件平台全部启动正常，点击系统管理——标签管理后报错“页面产生错误，请联系管理员!”!并且安装好后数据/组件平台里面没有任何组件！redis设有密码并取消了保护模式。
内部依赖包“@cloudwise-fe/web-changelog”未安装
https://gitee.com/CloudWise/OMP/issues/I4OWEE

组件没有创建日期

看不到组件的创建日期

开发应用左侧图片加载不出

建议平台添加版本信息

飞鱼平台缺乏版本提示信息，用户不知道使用的是哪个版本，可以在侧边栏最下面添加版本号。

编辑组件报错了

编辑组件报错了

更改大屏状态时提示保存成功，但页面显示结果无变化

导入组件css样式加载失败！

导入组件css样式加载失败

更新上线的描述可以放大一点

描述功能

虽然这个输入框支持滚动，但是还是觉得可以放大一点会更好

如果功能与问题有关，请在此处描述您是如何解决问题的

能放大一点这个描述框，因为内容多的时候就不直观了

描述你想要的功能。

FlyFish Roadmap

2022 Roadmap

系统

• 支持创建网格化画布应用
• 支持响应式布局
• 新增表单类应用

数据源

• 增加数据源管理
• 对接MySQL、HTTP等数据存储数据源
• 支持对数据源进行模型建表

数据处理

• 支持根据数据表进行SQL查询
• 支持查询的可视化

用户管理

• 用户管理和权限管控

组件快照图片不显示

描述

组件开发完成后，组件快照依旧不显示。

复现

新建组件，开发组件，上线！

飞鱼(FlyFish)组件及模板库能否加入飞鱼(FlyFish)源代码编译自动把组件及模板库编译进系统

飞鱼(FlyFish)组件及模板库能否加入飞鱼(FlyFish)源代码编译自动把组件及模板库编译进系统，组件及模板库比较多的话，一个一个导有些麻烦。
飞鱼(FlyFish)组件及模板库
https://github.com/CloudWise-OpenSource/FlyFishComponents

飞鱼平台登出通过URL还可以访问平台内部

描述 Bug

用户在登出且清除完cookie后，通过URL能访问到项目管理页面且接口请求到了数据！

复现 Bug

下载FlyFish-FlyFish-2.1.1.tar.gz部署完成没有组件开发-导入源码功能

下载FlyFish-FlyFish-2.1.1.tar.gz部署完成没有组件开发-导入源码功能