← 返回项目库
港口运营海事安全气象研究

海雾哨兵｜海雾识别与分析工作台

海雾哨兵是一个面向港口、航线与巡检团队的海雾识别和分析 Web 工作台。

交付包含总览、实时检测、海域分析、历史记录、告警中心、数据源和模型说明七个中文功能页面；本地适配器提供确定性样例影像与识别结果，不代表实时卫星服务或生产级识别精度。

真实界面

项目截图

共 7 张

海雾监测工作台
实时检测
海域分析
历史记录
告警中心
数据源
模型说明

Capabilities

核心功能

✓中文海雾监测总览与重点海域态势图
✓渤海湾、长江口和珠江口的实时检测参数面板
✓真彩、增强雾和红外波段切换与识别覆盖层
✓海雾指数、能见度和置信度趋势分析
✓可筛选、可载入详情的历史检测记录
✓高、中、低风险告警与确认操作
✓数据源健康度、接入边界和模型说明

适用场景

在无需外部密钥的环境中演示海雾检测产品流程
帮助港口或航线运营人员按风险优先级安排复核
以 Vue 3、Vite 和本地适配器为起点接入真实数据服务

适合谁

需要快速判断海上能见度、安排港口作业或评估卫星影像分析流程的运营人员、算法团队与前端开发者。

商业化思路

开源源码交付与二次开发、部署服务；真实卫星数据、推理服务和通知通道由使用者按上游许可证与服务条款自行配置。

你会拿到什么

  • ✓中文 Vue 3/Vite 前端源码与本地演示适配器
  • ✓原有 Java 后端和 Python 检测源码及上游许可证
  • ✓构建、运行烟测、真实页面截图和发布审计证据

部署流程

  1. 1进入 SeaFog-Frontend 目录，执行 npm install 后运行 npm run build:prod
  2. 2使用 npm run preview -- --host 127.0.0.1 --port 4173 启动本地预览
  3. 3如需真实能力，按源码 README 配置 Java/Python 服务、数据库、Redis 与影像源后重新验证

真实验证结果

已通过 7 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

本次发布证明的是中文前端、本地适配器交互与确定性样例；真实卫星接口、Python 模型推理、Java 后端 API、登录、数据库和通知服务未在本地预览中接入。

部署难度

中等

最低配置

本地预览需要 Node.js 18+、npm 和可写的构建目录；完整后端部署还需要 Java、Python、MySQL、Redis 以及真实影像或推理服务。

开源许可证

MIT（前端与后端）+ CC BY-NC 4.0（检测代码）

最后验证

2026-09-04

技术栈

Vue 3ViteVue RouterJava Spring BootPythonMySQLRedis

授权说明

交付包保留根目录、前端、后端和检测代码中的上游 LICENSE 文件与版权声明。前端及后端按 MIT 条款披露；Seafog-Detection 检测代码按 CC BY-NC 4.0 仅作非商业使用披露，商业使用前需取得相应授权。

Release notes

版本记录

1 个已发布版本

vcn-33844dfc85cd 当前推荐

补齐海雾哨兵中文工作台，新增七个真实运行功能页面、本地演示适配器、波段切换、历史筛选、告警确认和模型边界说明。

部署要求：Node.js 18+ 与 npm；进入 SeaFog-Frontend 执行 npm install、npm run build:prod 和 npm run preview。完整后端依赖以源码 README 与各子项目配置为准。

已知问题：本地演示不代表真实卫星数据、模型推理、后端 API、数据库或通知通道已接入；正式接入后需重新完成端到端验证。

登录后领取