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)

    • 修改密码

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

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

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

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

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

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

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

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

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

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

相关推荐
霍理迪18 分钟前
Vue的响应式和生命周期
前端·javascript·vue.js
彭于晏Yan4 小时前
Spring AI(二):入门使用
java·spring boot·spring·ai
SuperEugene6 小时前
Vue3 模板语法规范实战:v-if/v-for 不混用 + 表达式精简,避坑指南|Vue 组件与模板规范篇
开发语言·前端·javascript·vue.js·前端框架
Luna-player6 小时前
Vue 3 + Vue Router 的路由配置,简单示例
前端·javascript·vue.js
angerdream6 小时前
最新版vue3+TypeScript开发入门到实战教程之Vue3详解props
javascript·vue.js
~欲买桂花同载酒~7 小时前
项目优化-vite打包优化
前端·javascript·vue.js
谁在黄金彼岸7 小时前
Spring Boot + WebFlux 全面使用指南
spring boot
希望永不加班7 小时前
SpringBoot 主启动类解释:@SpringBootApplication 到底做了什么
java·spring boot·后端·spring
智能工业品检测-奇妙智能7 小时前
国产化系统的性价比对比
人工智能·spring boot·后端·openclaw·奇妙智能
踩着两条虫8 小时前
AI 驱动的 Vue3 应用开发平台 深入探究(二十):CLI与工具链之构建配置与Vite集成
前端·vue.js·ai编程