界面预览
“渔我所欲”渔业数据可视化平台旨在降低渔业从业人员获取并分析历年行业数据的门槛，提供了一站式数据检索及可视化的开源解决方案。该平台聚合了来自多个官方平台的统计数据，并支持按年份、地区、数据类别等信息进行筛选，以 "数据表 + 产业地图" 的形式直观的向用户展现行业数据的地域差异与时间差异。此外，本平台也实现了基于历年数据的“智能预测”功能，能够预测并以地图形式呈现下一年的预期数据，以帮助用户进行决策。
本平台无需登录即可使用，相关数据经爬取处理后存储在服务器数据库中，使用体验流畅；管理员经注册登录后可通过后台系统对数据源信息进行管理。
.
├── UI // 原生三件套撰写的前端界面文件
├── backend // 后端项目
│ ├── app.py // 启动文件
│ ├── init.py // 数据库初始化脚本
│ ├── data // 数据源文件
│ ├── src // 相关实现代码
│ └── venv // 后端项目虚拟环境
├── frontend // 前端项目
│ ├── README.md
│ ├── babel.config.js
│ ├── jsconfig.json
│ ├── package.json
│ ├── public
│ ├── src
│ └── vue.config.js
└── tmp
管理员
|_ 登录
|_ 注册
|_ 修改数据源
|_ 新建数据表
|_ 对数据进行添加 / 删除 / 修改
普通用户（无需登录）
|_ 查看所有数据表
|_ 筛选数据
|_ 可视化数据
| |_ 产业地图
| |_ 饼状图
| |_ 柱状图
|_ 以图片格式导出可视化结果
# 在终端运行以下命令以克隆本项目
git https://github.com/Pikachu-Yuhang/SEM.git
# 通过以下命令进入项目根目录
cd coding# 进入前端项目根目录
cd frontend
# 检查是否存在 node_modules文件夹 与 package-lock.json文件
# 若存在，请删除
# 安装依赖，出现 All packages installed 表示安装成功
npm install
# 若速度较慢，可以尝试以下命令
npm install --registry=https://registry.npm.taobao.org
# 执行以下命令以运行项目
npm run serve
# 若运行成功，您可以通过以下地址访问前端界面
http://localhost:8080/-
连接数据库的准备
对
src/database.py中的DB_URI = 'mysql+pymysql://root:662258@localhost:3306/test'做如下修改：-
662258 替换为本机 root 账号的密码（不想用 root 也可以把冒号前的用户名改了）
-
若创建的数据库名称不叫 "test"，那么就对末尾斜杠后的字符串做相应修改
-
同样的，您需要对
init.py中的user&password做必要修改
-
-
自动建表
-
在
(venv)终端中执行python init.py，以便初始化您的本地数据库 -
若您的数据库中原本不存在名为
test的 database，请注释init.py中的：sql = "DROP database test; db.execute(sql) -
终端中显示
database initialization finished...意味着初始化被顺利执行了
部分用户在执行自动建表的过程中可能出现问题，此时您可以尝试进行以下操作：
- 在 MySQL 中创建名为
test的数据库- 取消
init.py文件 line 8:db='test'的注释- 注释
init.py文件 line 15～22- 重新执行本文件
# 进入后端项目根目录
cd backend
# 打开虚拟环境 -> 成功后命令行首应出现 (venv) 字样
cd venv/Scripts
activate # 若失败，可尝试使用 ./activate
# 在后端项目根目录下执行以下命令
python app.py
# 若运行成功，您可以通过以下地址访问后端项目
http://localhost:5050/ “开源项目分析平台”支持现代浏览器及 10.0 以上版本的 IE 浏览器。
 IE / Edge |
 Firefox |
 Chrome |
 Safari |
|---|---|---|---|
| IE10, IE11, Edge | 最新的2个版本 | 最新的2个版本 | 最新的2个版本 |
Copyright (c) 2022-present SEM-G06