← 返回项目库

智园守望｜园区安全运行中心与监控告警管理

面向园区安保与运营团队的监控态势、视频预览、异常告警和设备规则管理工作台。

本版本基于 gcc-park-system 源码完成中文界面适配和本地演示数据整理，覆盖园区地图态势、监控大屏、报警事件处理、摄像头管理、报警规则配置与系统用户管理。页面保留前后端业务结构，并以本地地图、告警图片、头像和演示视频流保证离线验收可复现。

真实界面

项目截图

共 8 张

实时运行态势
监控大屏
异常报警事件查询
修改个人信息
地图管理
摄像头管理
报警规则管理
系统用户管理

Capabilities

核心功能

✓园区地图态势与摄像头位置状态
✓多摄像头监控大屏与本地演示流
✓异常报警事件筛选、详情查看与处理
✓摄像头位置、型号和拉流配置管理
✓报警规则、算法类型和触发条件配置
✓系统用户、角色和联系方式管理
✓自定义园区地图图层配置

适用场景

评估园区监控与告警工作台的信息架构
基于 NestJS、React 和 Leaflet 二次开发私有化监控平台
演示从地图定位、视频查看到告警处置的值班流程

适合谁

园区运营团队、安保值班人员、摄像头运维人员和需要评估智能视频监控平台原型的技术团队。

商业化思路

适合园区监控平台原型评估、私有化部署和二次开发；正式接入时需自行提供数据库、流媒体、摄像头与 AI 检测基础设施，并按 MIT 条款履行来源与版权义务。

你会拿到什么

  • ✓中文前端界面、后端源码和原有 AI 端源码
  • ✓本地园区地图、告警图、头像与视频演示资源
  • ✓MIT 许可证、来源履约说明和部署文档

部署流程

  1. 1安装 Node.js 18+ 与 pnpm 8.15.9+，分别在 frontend 和 backend 目录执行冻结锁文件安装
  2. 2执行前端 build 和后端 build，前端构建产物部署到 Web 服务
  3. 3生产环境注入数据库、JWT、摄像头流媒体和 AI 检测配置后，再接入真实设备

真实验证结果

已通过 8 个真实运行中文功能页面、HTTP 200、可见业务数据、中文标题、无破图、无横向溢出、无控制台错误和截图哈希绑定检查。

部署前须知

本版本的 demo:// 视频流和 mock 写入接口仅用于本地验收，不会接入真实设备或落库；生产部署需替换为实际 HLS/RTSP、数据库和 AI 服务。上游 Jest 单测存在既有路径别名与依赖注入配置问题，前后端类型检查与构建已通过。

部署难度

较高

最低配置

本地演示需要 Node.js 18+、pnpm 8.15.9+ 和现代浏览器；生产运行还需要 MySQL、RTMP/HLS 媒体服务、摄像头 RTSP 地址及 AI 检测端。

开源许可证

MIT License

最后验证

2026-08-30

技术栈

ReactUmiAnt DesignLeafletTypeScriptNestJSMySQL / TypeORMSocket.io

授权说明

源仓库根目录保留 MIT LICENSE 文件及 Copyright (c) 2023 He Rui。交付包含中文界面、演示数据和本地资源修改；再分发时须保留许可证与版权声明，并遵守 MIT 许可证的通知与免责声明义务。本元数据不代表作者授予额外商业授权或提供第三方服务承诺。

Release notes

版本记录

1 个已发布版本

vcn-6f8a8977a682 当前推荐

完成核心监控工作台中文化，加入可复现的本地地图、告警图片、头像和演示视频流，补齐设备、规则、用户和个人资料页面取证。

部署要求：Node.js 18+、pnpm 8.15.9+、现代浏览器；生产运行需要 MySQL、RTMP/HLS、摄像头流和 AI 检测服务。

已知问题：演示流和 mock 写入接口仅供本地验收；真实设备、数据库、媒体服务和 AI 检测端需要在部署环境配置。

登录后领取