个人健康管理系统 | Springboot3 | Vue3
摘要:本文介绍一个基于 Vue 3 + Element Plus 与 Spring Boot 3 + MySQL 构建的个人健康管理系统。系统分为公共端、普通用户端与管理端三类入口:普通用户可完成健康指标、档案、饮食、运动、睡眠等数据记录,管理健康目标与每日站内提醒,阅读健康知识并进行本人 AI 健康问答;管理员可进行运营统计、用户与管理员维护、文章分类与发布下线,并查看脱敏后的 AI 调用日志与模式统计。
项目描述
公共端:账号登录、身份选择、注册普通用户
普通用户:个人概览;指标、档案、饮食、运动、睡眠记录;目标进度与完成/放弃;每日站内提醒;知识阅读;个人资料;本人 AI 会话
管理员:运营统计;用户与管理员维护;用户密码重置;文章分类;文章草稿、发布与下线;脱敏 AI 调用日志及模式统计
技术栈
前端:JavaScript、Vue 3、Element Plus
后端:Java、Spring Boot 3
数据库:MySQL
项目亮点
- 健康数据全链路闭环:围绕指标、档案、饮食、运动、睡眠五类数据统一建模,配合目标进度与每日站内提醒,形成“记录—分析—提醒—达成”的完整健康管理闭环。
- AI 健康问答与知识库联动:普通用户可基于本人会话进行 AI 健康问答,同时结合健康知识文章阅读,让问答与内容沉淀相互补充。
- 前后端分离与清晰分层:前端采用 Vue 3 + Element Plus 构建响应式界面,后端基于 Spring Boot 3 提供 REST 接口,职责边界清晰,便于扩展与维护。
- 双角色权限体系:公共端、普通用户端与管理端三套入口,配合身份选择与权限校验,覆盖注册登录、内容运营、用户维护等完整场景。
- 运营与安全并重:管理端提供运营统计、文章草稿与发布下线流程,并对 AI 调用日志做脱敏处理与模式统计,兼顾可观测性与数据安全。
项目截图
1. 账号登录
2. 用户注册
3. 个人健康概览
4. 健康指标
5. 健康档案
6. 饮食记录
7. 运动记录
8. 睡眠记录
9. 健康目标
10. 健康提醒
11. AI 健康问答
12. 健康知识
13. 知识文章详情
14. 个人资料
15. 管理运营首页
16. 用户管理
17. 管理员管理
18. 文章分类
19. 健康文章
20.AI-调用日志
获取完整源码
如果本文对你有帮助,欢迎关注下方公众号,回复关键词源码获取即可获取完整项目源码与数据库脚本。
温馨提示:源码仅供学习交流使用,请勿用于商业用途