# Cloud Blood Oxygen System **Repository Path**: bilias/cloud-database-platform-vue ## Basic Information - **Project Name**: Cloud Blood Oxygen System - **Description**: A SpringBoot + Vue Administration System that implements basic functions such as adding, deleting, modifying, and querying MySQL Database forms. - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2024-06-06 - **Last Updated**: 2025-05-12 ## Categories & Tags **Categories**: Uncategorized **Tags**: Vue, MySQL, SpringBoot, fullstack ## README

智护皮瓣监测系统 (AdminSystem)

--- ### 🧠 项目简介 > 一套面向临床实际需求、融合数据采集、智能分析、可视化管理与远程访问的**智慧医疗监测平台**。 皮瓣移植术广泛应用于烧伤整形、创面修复等领域,其术后恢复效果高度依赖于**血供状态**的监测。传统方法依赖人工巡查,存在效率低、延迟大、主观性强等问题。本项目通过软硬件协同设计,构建了一套 **端-云-端联动的血氧与图像监护系统**,提升术后监测的**智能化、实时性与标准化**水平。 --- ### 🚀 项目特色亮点 - 🔋 基于低功耗蓝牙 BLE 的**血氧与图像采集终端** - 📱 Android App 与小程序支持**数据采集、展示与上传** - ☁️ 云平台统一管理多模态数据与用户信息 - 🧠 内置深度学习模型,支持**异常检测、趋势预测、图像分类与分割** - 📊 Web 可视化界面实现**远程监测、图像浏览与交互分析** --- ### ☁️ 云平台功能简介 本系统特别强调**云端架构与协同功能**,实现数据的集中式管理、处理与展示: 1. **数据上传与存储** - 移动端(App/小程序)将采集到的血氧与图像数据自动上传 - 后端基于 SpringBoot + MySQL 构建,支持多用户、多数据类型存储 - 图像文件支持分级管理、记录溯源与在线浏览 2. **智能分析云服务** - 异常检测(如 AutoEncoder) - 趋势预测(如 LSTM 时序模型) - 图像分割与分类(如 UNet、CNN) - 支持异构数据融合分析,提升模型鲁棒性 3. **可视化管理界面** - 前端采用 Vue + Element UI 构建交互式仪表盘 - 图表动态渲染,实时展示血氧数据变化趋势 - 图像处理结果可视化,支持医生远程判断 --- ### 🧰 技术架构 | 模块 | 技术选型 / 框架说明 | | ---------- | ------------------- | | 前端 | Vue, Vuex, ElementUI, Axios, vue-element-admin | | 后端 | SpringBoot, MyBatis-Plus, Redis | | 数据分析 | Flask (深度学习服务), Python AI 模型 | | 数据存储 | MySQL + 文件系统(图像) | | 移动端 | Android + 微信小程序 | | 通讯协议 | BLE 蓝牙低功耗协议 | | 云平台 | SpringBoot REST API + Flask AI服务 + Vue前端展示 | --- ### 📋 核心功能模块与研究内容 #### 1. 数据采集终端 - 基于开发板集成 MAX30102 血氧模块与红外摄像头 - 完成蓝牙通信协议、数据预处理与发送 #### 2. 移动端数据上传 - 支持 BLE 扫描与连接 - 实现血氧/图像展示、存储与云端同步 #### 3. 云端数据管理平台(⭐核心) - 构建用户登录、权限管理、数据记录与图像归档功能 - 使用 REST API 实现前后端交互 - 提供数据历史查询与下载接口 #### 4. 多模态智能分析 - 血氧:异常识别、趋势预测 - 图像:创面状态分类、区域分割 - 实现多模态融合与状态评估 #### 5. 可视化交互平台 - 图像浏览、血氧趋势图、检测与预测结果展示 - 实现用户界面与 AI 结果闭环联通 --- ### ✅ 研究开发验收指标 | 指标项 | 验收说明 | |----------------------------------|---------| | BLE 数据采集终端原型 | 实现传感器接入与蓝牙通信 | | 云端数据平台初步功能 | 用户管理、多模态数据上传与查询 | | 智能分析模块功能验证 | 支持血氧异常检测与图像分类 | | Web 可视化联调闭环系统 | 支持 BLE → App → 云端 → 可视化完整链路 | | 系统具备扩展与临床适配潜力 | 支持添加传感器模块,提供开放 API | --- ### 🔧 快速部署指南 ```shell $ git clone https://github.com/Tsumugii24/AdminSystem $ cd AdminSystem ``` #### 1. MySQL ```shell $ mysqlsh # 打开 mysql shell $ \sql $ \connect root@localhost:3306 # 密码:123456 $ show databases; $ use xdb; # 选择 xdb 数据库 $ source init.sql # 创建示例 mysql 数据 $ source init_oxygen.sql $ \exit ``` #### 2. Redis - 使用 `Scoop` 启动 `redis` ```shell $ scoop update $ scoop install redis $ redis-server ``` ![image-20240315205953935](picture/img.png) - 或者使用 `Docker` 启动 `redis` **(可选)** ```shell $ docker run -p 6379:6379 -it redis/redis-stack:latest ``` #### 3. SpringBoot(后端) ```shell $ scoop install openjdk8-redhat $ cd AdminSystemBackend $ cd ./src/main/java/com/tsumugii/ ```  然后运行 `XAdminApplication.java` 文件 ![image-20240315040656080](picture/img_1.png) #### 4. Vue(前端) ```shell $ scoop install nodejs # https://nodejs.org/en/blog/release/v16.12.0(可选) $ node --version # v16.12.0 $ npm --version # 8.1.0 $ cd AdminSystemFrontend $ npm install $ npm run dev # localhost:1260 ```  如果一切顺利,你现在可以打开 [`url`]( http://localhost:1260/) 进入 **管理员系统**。 --- ### 📸 系统界面预览 #### 登录页面 ![image-20240315041439748](picture/login.png) #### 首页 ![image-20240315210725128](picture/datamanagement.png) #### 添加用户 ![image-20240315210725128](picture/addusers.png) #### 文件管理 ![image-20240315210725128](picture/filemanagement.png) #### 点击查看图片 ![image-20240315210725128](picture/Bloodoxygen bombframe.png) #### 查看血氧数据 ![image-20240315210725128](picture/Checkbloodoxygendata.png) #### 绘图功能 ![image-20240315210725128](picture/Clicktodraw.png) #### 血氧深度学习分析 ![image-20240315210725128](picture/Deeplearninganalysisofbloodoxygen.png)  你可以点击以下四个按钮进行对应的分析。 #### 异常检测 ![image-20240315210725128](picture/Anomalydetection.png) #### 趋势预测 ![image-20240315210725128](picture/Trendpredictionpng.png) #### 状态分类 ![image-20240315210725128](picture/Stateclassification.png) #### 多模态分析 ![image-20240315210725128](picture/Multimodalanalysis.png) #### 皮瓣深度学习分析 ![image-20240315210725128](picture/Deeplearninganalysisofflapspng.png)  该部分包括图像分割、红外分析、状态变化检测和多模态融合分析四部分。按提示上传对应图片即可查看分析结果。 #### 大模型基础版 ![image-20240315210725128](picture/BasicversionofLargeModelpng.png)  点击菜单中的“大模型基础版”即可跳转至该界面。 #### 网络安全与ICP备案 ![image-20240315210725128](picture/CybersecurityandICPfiling.png) --- ### 📬 联系方式 如有任何建议或合作意向,欢迎通过以下方式联系开发者:

📧 邮箱地址:biliasfan@163.com