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)

    • 修改密码

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

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

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

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

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

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

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

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

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

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

相关推荐
杨运交29 分钟前
[043][数据模块]基于 Spring Data JPA 的企业级数据访问层设计——实体、审计、状态与服务抽象
spring boot
咪库咪库咪21 小时前
vue3-组件
vue.js
10share21 小时前
100行代码 模拟实现Vue 响应式系统
前端·vue.js
用户4099322502121 天前
Vue状态管理入门第四章:组合式store和SSR风险
前端·vue.js·后端
锋行天下2 天前
半秒开!还有谁!!!
前端·vue.js·架构
JING小白2 天前
Day 1 重学Vue:响应式系统的“底层逻辑”变更,Vue2旧时代的终结与Vue3新时代的开启
前端·vue.js
OpenTiny社区2 天前
从零开发 AI 聊天页要两周?试试这款 Vue3 垂直对话组件库 TinyRobot,直接开箱即用
前端·vue.js·github
Cobyte2 天前
22.Vue Vapor 组件 props 的实现
前端·javascript·vue.js
白雾茫茫丶2 天前
探索 Nuxt.js 全栈能力:用 Better-Auth 打造类型安全的 RBAC 权限系统
前端·vue.js·nuxt.js
向阳而生6602 天前
文件上传也能玩出花?Vue3 教你优雅实现“选择文件”和“选择文件夹”🚀
vue.js