机房机库设备管理系统产品系统

这个项目本质上是一个“机房设备可视化管理系统”，适合用在数据中心、企业机房、实验室设备间、网络运维中心这类场景。
它解决的不是单纯的设备台账问题，而是把“机房 - 机柜排 - 机柜 - 设备 - 接口”这一整套物理资产结构数字化，并且和图片、标注、连接关系结合起来，方便运维、巡检、资产管理和故障定位。

这个项目的核心功能可以概括成 6 块：

机房管理
支持管理机房基础信息、位置、说明以及机房图片。

机柜排和机柜管理
支持按机房维护机柜排、机柜编号、列位信息，并管理机柜正反面图片。

设备管理
支持在机柜下维护设备信息，包括编号、名称、图片和描述。

接口管理
支持维护设备接口，并记录接口之间的连接关系，适合表达网络或硬件连接拓扑里的局部关系。

图片与标注系统
这是项目比较有辨识度的一点。系统不仅存设备和机柜图片，还支持在图片上打标，把标注点关联到设备或接口，实现“看图找设备、看图找接口”的可视化交互。

用户与内容管理
支持登录注册、JWT 认证、角色区分（管理员/普通用户），同时还有首页内容、轮播图之类的动态内容管理能力，不只是纯后台表单系统。

这个项目是一个标准的前后端分离实现。

后端部分基于 Spring Boot，技术栈包括 Spring Security、JPA、MyBatis、MySQL、JWT。
整体上是典型的分层架构：controller -> service -> mapper/repository -> database。
从控制器来看，已经拆出了 AuthController、RoomController、CabinetRowController、CabinetController、DeviceController、InterfaceController、MarkerController、ImageResourceController、SystemContentController，说明模块边界比较清晰。

前端部分基于 Vue 3 + Element Plus + Pinia + Vue Router + Axios + Vite。
前端主要负责页面展示、状态管理和与后端 API 的交互，页面层面覆盖了首页、机房、机柜、设备、接口等管理视图。

数据库设计上，这个项目围绕几张核心表展开：room、cabinet、device、interface、image_resource、marker、users、system_content。
其中 marker 表配合图片坐标和关联对象设计，是项目实现“可视化标注”的关键；而 interface.target_id 这类字段，则支撑了接口间连接关系的表达。