SpringBoot3+Vue3个人健康管理网站

基于 Spring Boot 3.1.5 + Vue3 开发的个人健康管理平台,包含管理员和网站用户两种角色,提供健康数据记录、目标管理、健康资讯浏览等功能。

技术栈

后端

  • Spring Boot 3.1.5

  • MyBatis-Plus 3.5.8

  • MySQL

  • JWT 0.12.3

  • Spring Security Crypto (BCrypt)

前端

  • Vue 3.3.4

  • Vue Router 4.2.5

  • Pinia 2.1.7

  • Element Plus 2.4.4

  • Axios 1.6.2

  • ECharts 5.4.3

  • vue-echarts 6.6.1

  • @wangeditor/editor 5.1.23

功能特性

管理员功能

  • 用户管理(支持禁用用户、重置密码功能)

  • 公告管理(支持分页、搜索、状态筛选)

  • 健康资讯管理(支持分页、搜索、分类筛选,展示封面图片)

  • 轮播图管理(支持分页、搜索、状态筛选)

  • 数据监控(平台整体健康数据统计,使用ECharts图表展示)

  • 个人信息管理(支持头像上传,最大10MB)

网站用户功能

  • 注册、登录(优化的登录注册界面)

  • 个人中心

    • 个人信息维护(支持头像上传,最大10MB)

    • 修改密码

    • 目标管理(设置步数、睡眠时长、热量摄入等健康目标)

    • 数据记录(记录步数、睡眠、饮食、运动等健康数据,支持按类型查看折线图)

    • 我的收藏(展示收藏的健康资讯,带封面图片)

    • 我的点赞(展示点赞的健康资讯,带封面图片)

    • 我的评论(查看和管理自己的评论)

  • 公告浏览(支持详情页查看)

  • 健康资讯浏览(支持详情页查看,带封面图片展示)

  • 网站首页(轮播图、最新公告、热门健康资讯)

  • 点赞、收藏、评论健康资讯

  • 数据统计(支持按记录类型查看变化曲线折线图)

相关推荐
biu_biubiu6 分钟前
我开源了 Codebook
前端·vue.js
小李科技1 小时前
【性能优化】事件委托:目标定位与 React/Vue 实战
前端·vue.js·react.js·面试·性能优化·前端框架
猿究院--Cu-Sn合金1 小时前
Spring Boot + DeepSeek 求职 Agent 实践:工具注册、多轮调用与简历 JD 对比
数据库·人工智能·spring boot·后端·deepseek
蓝莓味的口香糖2 小时前
【VUE】【CSS】Vue移动端适配主流方案总结
前端·css·vue.js
切糕师学AI2 小时前
el-select-v2 深度解析:用虚拟滚动解决海量数据下拉选择性能瓶颈
前端·vue.js·elementui·el-select-v2
徐小夕2 小时前
JitOffice:把办公、AI 与审批装进同一个平台
前端·vue.js·github
徐小夕2 小时前
万字分享:为什么我们要自研Word解析引擎?JitWord 解析引擎 4.0 深度复盘
前端·vue.js·github
MetaLite2 小时前
Spring Boot 加了 @Valid,嵌套参数为什么还没校验?
java·spring boot·后端
霸道流氓气质3 小时前
Lingua 语言检测库:n-gram 统计模型、置信度阈值调优与 Spring Boot 分层检测管道的生产级实战
java·spring boot·后端
她的男孩3 小时前
低代码加字段后表结构怎么同步:预览安全 DDL,高风险变更再强制执行
java·spring boot·低代码