FlyFish 数据可视化平台安装与配置指南

FlyFish 数据可视化平台安装与配置指南

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. 项目地址: https://gitcode.com/gh_mirrors/fl/FlyFish

1. 项目基础介绍和主要编程语言

项目介绍

FlyFish 是一个数据可视化编码平台，通过简易的方式快速创建数据模型，并通过拖拉拽的形式快速生成一套数据可视化解决方案。FlyFish 提供了项目管理、应用开发、组件开发、模板库、数据源管理、数据查询等功能，适用于各种业务需求场景。

主要编程语言

FlyFish 项目主要使用以下编程语言：

• JavaScript
• CSS
• Java
• Less
• HTML
• Python

2. 项目使用的关键技术和框架

关键技术

• 数据可视化：FlyFish 提供了强大的数据可视化功能，支持多种图表类型和数据展示方式。
• 拖拉拽开发：用户可以通过拖拉拽的方式快速创建和配置数据可视化组件。
• 数据源管理：支持接入 MySQL、Http 等多种数据库数据，生成对应的数据源供项目使用。
• 模板库：用户可以将开发完成的应用或组件上传到模板库中，方便后续快速创建新项目。

框架

• 前端框架：FlyFish 使用了现代化的前端框架来构建用户界面，确保良好的用户体验和响应速度。
• 后端服务：FlyFish 的后端服务使用了多种编程语言和技术栈，确保数据处理和业务逻辑的高效运行。

3. 项目安装和配置的准备工作和详细安装步骤

准备工作

在开始安装 FlyFish 之前，请确保您的系统满足以下要求：

• 操作系统：推荐使用 Linux 或 macOS 系统。
• Docker：FlyFish 推荐使用 Docker 进行部署，请确保您已经安装了 Docker 和 Docker Compose。
• Node.js：FlyFish 的前端部分依赖于 Node.js，请确保您已经安装了 Node.js 和 npm。
• MySQL：FlyFish 需要 MySQL 数据库来存储数据，请确保您已经安装并配置好 MySQL 数据库。

详细安装步骤

1. 克隆项目代码

首先，从 GitHub 上克隆 FlyFish 项目代码到本地：

git clone https://github.com/CloudWise-OpenSource/FlyFish.git
cd FlyFish

2. 配置环境变量

在项目根目录下，复制 .env.example 文件并重命名为 .env，然后根据您的环境配置相关参数：

cp .env.example .env

编辑 .env 文件，配置数据库连接信息、端口等参数。

3. 启动 Docker 容器

使用 Docker Compose 启动 FlyFish 服务：

docker-compose up -d

4. 初始化数据库

进入 FlyFish 后端服务的容器，执行数据库初始化脚本：

docker exec -it flyfish-server bash
cd /app/scripts
./init_db.sh

5. 启动前端服务

在本地开发环境中，进入前端项目目录，安装依赖并启动前端服务：

cd lcapWeb
npm install
npm run dev

6. 访问 FlyFish

打开浏览器，访问 http://localhost:8089，您将看到 FlyFish 的登录页面。使用默认用户名和密码登录（通常为 admin 和 admin）。

常见问题与解决方案

• 数据库连接失败：请检查 .env 文件中的数据库配置是否正确，确保 MySQL 服务正常运行。
• 前端服务启动失败：请确保 Node.js 和 npm 版本符合要求，并检查是否有依赖包安装失败。

通过以上步骤，您应该能够成功安装并配置 FlyFish 数据可视化平台。如果在安装过程中遇到任何问题，请参考项目文档或社区论坛获取帮助。

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. 项目地址: https://gitcode.com/gh_mirrors/fl/FlyFish