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)

    • 修改密码

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

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

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

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

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

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

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

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

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

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

相关推荐
布局呆星4 分钟前
Vue3 | 组件通信学习小结
前端·vue.js
Ruihong3 小时前
你的 Vue 3 reactive(),VuReact 会编译成什么样的 React?
vue.js·面试
Ruihong3 小时前
你的 Vue 3 ref(),VuReact 会编译成什么样的 React?
vue.js·面试
一 乐3 小时前
酒店预订|基于springboot + vue酒店预订系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·酒店预订系统
嗜好ya3 小时前
解决 Vite 项目中 import.meta.env 变量为 undefined 的问题
前端·javascript·vue.js
清风6666664 小时前
基于单片机的脉搏与呼吸监测报警设备设计与实现
单片机·嵌入式硬件·毕业设计·课程设计·期末大作业
格鸰爱童话4 小时前
向AI学习项目技能(六)
java·人工智能·spring boot·python·学习
浩星4 小时前
「Vue3 + Cesium 最佳实践」完整工程化方案
前端·javascript·vue.js
H_老邪5 小时前
spring boot 学习之路-1.0
spring boot·后端·学习
Flittly5 小时前
【SpringAIAlibaba新手村系列】(18)Agent 智能体与今日菜单应用
java·spring boot·agent