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)

    • 修改密码

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

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

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

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

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

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

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

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

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

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

相关推荐
A黄俊辉A4 天前
uniapp webview中实现 app和内嵌的H5双向通信
vue.js·json
vipxieliang4 天前
ValidX 在 DDD 领域驱动设计中的实践
java·spring boot
honkun64 天前
vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询
vue.js·vxe-table
kybs19914 天前
全球灾害数据分析可视化 毕业设计-附源码66794
vue.js·spring boot·mysql·安全·django·c#·asp.net
雪芽蓝域zzs4 天前
第26章:ECharts 自定义主题 + 页面一键切换主题(深色 / 浅色两套)
vue.js·echars
雪芽蓝域zzs4 天前
第22章:ECharts 图表联动(多图表交互联动)
vue.js·echars
daols885 天前
vue 表格组件 vxe-table 实现虚拟滚动与无需滚动加载
vue.js·vxe-table
雪芽蓝域zzs5 天前
第18章:ECharts 折线图 + 标记点、标记线,自定义 tooltip
vue.js·echars
码兄科技5 天前
24小时自助健身房系统软件开发实战指南:功能设计与部署方案
java·spring boot·uni-app
雪芽蓝域zzs5 天前
第24章:ECharts 地图组件(基础行政区地图,若依 Vue3)
vue.js·echars