Spring Boot + Vue 个人健康管理系统

202208070124

以下是基于 Spring Boot + Vue 个人健康管理系统 的设计方案

一、项目概述

基于 Vue 3 和 Spring Boot 的 Web 应用，实现个人健康数据管理、健康趋势分析及团队协作共享功能。支持用户记录健康数据（如体重、运动、饮食）、生成可视化报告，并提供团队健康数据共享与协作功能，为用户及团队提供一站式健康管理解决方案。

二、技术选型

Vue 3 框架（Composition API + TypeScript）

Element Plus 组件库（表单/弹窗/表格）

ECharts 数据可视化（健康趋势图表）

Axios 网络请求

Spring Boot 框架（Spring MVC + Spring Data JPA）

MySQL：存储用户、健康数据、团队关系等业务数据。

本地文件系统/OSS：存储健康报告 PDF 或用户上传的体检报告文件。

Redis：缓存用户会话及高频访问的健康数据。

Swagger：API 文档生成。

三、核心功能模块1. 用户认证模块

用户注册与登录（手机号/邮箱 + 密码）。

基于角色的权限控制（普通用户、团队管理员、系统管理员）。

会话管理（JWT 续期、安全退出）。

2. 个人健康管理

数据录入：支持手动输入或设备同步（如智能手环）记录体重、步数、心率、饮食等。

数据可视化：ECharts 生成健康趋势图表（如体重变化、运动量统计）。

健康报告：根据用户数据生成 PDF 报告，提供健康建议（如 BMI 异常提醒）。

分类管理：按时间、数据类型（运动/饮食）分类展示健康记录。

3. 团队协作共享

团队创建与管理：用户可创建健康团队（如家庭、公司部门），邀请成员加入。

成员权限分配：团队管理员可设置成员权限（查看/编辑/删除团队数据）。

团队健康数据共享：成员可共享健康数据，生成团队健康概览（如平均步数排名）。

空间切换：用户可在个人空间与团队空间间快速切换。

四、数据库设计1. 用户表（user）

字段名	类型	说明
id	BIGINT	主键
username	VARCHAR(50)	用户名（唯一）
password	VARCHAR(100)	加密密码
phone	VARCHAR(20)	手机号
role	VARCHAR(20)	角色（USER/TEAM_ADMIN/SYSTEM_ADMIN）
avatar	VARCHAR(255)	用户头像 URL

2. 团队表（team）

字段名	类型	说明
id	BIGINT	主键
name	VARCHAR(100)	团队名称
description	TEXT	团队描述
creator_id	BIGINT	创建者 ID（外键）
create_time	DATETIME	创建时间

3. 团队成员表（team_member）

字段名	类型	说明
team_id	BIGINT	团队 ID（外键）
user_id	BIGINT	用户 ID（外键）
join_time	DATETIME	加入时间
permission	VARCHAR(20)	权限（READ/WRITE/ADMIN）

4. 健康数据表（health_data）

字段名	类型	说明
id	BIGINT	主键
user_id	BIGINT	用户 ID（外键）
data_type	VARCHAR(20)	数据类型（WEIGHT/STEP/HEART_RATE/DIET）
value	TEXT	数据值（JSON 格式存储多维度数据）
record_time	DATETIME	记录时间
team_id	BIGINT	关联团队 ID（可选，团队共享数据）
file_path	VARCHAR(255)	附件路径（如体检报告 PDF）