校园运动系统产品系统Vibe Coding

当下高校校园体育管理存在数字化短板，传统线下跑步打卡效率低，教师无法直观掌握学生运动数据，缺少线上运动交流渠道，学生运动记录、里程统计、学分评价均依靠人工登记，流程繁琐且数据易丢失。本项目面向高校校园体育教学场景，搭建线上智跑校园管理系统，依托前后端分离架构实现学生运动打卡、运动轨迹可视化、校园运动社区互动、教师线上学分评价等功能，解决校园跑步管理人工成本高、数据无留存、师生缺少线上互动载体的行业痛点，满足高校体育数字化教学管理的业务需求。

本系统分为学生端、教师端两大角色模块，包含五大核心功能模块：
运动记录模块：学生可同步跑步里程、时长、配速数据，上传运动轨迹，系统自动统计每周运动总里程与运动次数；
校园社区模块：支持发布运动动态、上传多图、添加话题标签，提供动态点赞、收藏、评论功能，支持列表 / 地图两种浏览模式展示带定位的运动动态；
教师管理模块：教师可查看管辖学生全部动态，对学生动态线上撰写评语并发放体育学分；
分类与检索模块：按晨跑、夜跑、路线推荐等分类筛选动态，支持关键词检索社区内容；
权限与鉴权模块：区分学生、教师访问权限，拦截越权接口请求，保障业务数据安全。

本人独立完成本项目前后端全流程开发工作，前端基于 Vue3 + Element Plus + Pinia 搭建页面，使用 Axios 封装网络请求，整合高德地图 API 实现轨迹渲染；后端采用 SpringBoot + MyBatis-Plus 开发业务接口，基于 Spring Security + JWT 实现登录鉴权，MySQL 存储全部业务数据。
实现亮点：前端采用 Canvas 实现图片压缩，限制上传图片总大小 1MB，Base64 字符串规范存储解析；后端通过角色拦截实现师生权限隔离，采用事务注解保证点赞、发布动态等操作数据一致性。
开发难点：解决 Token 丢失导致接口 403 无权限报错、Base64 图片字符串循环渲染错乱、多图批量压缩上传、运动轨迹地图点位渲染等问题，自主完成代码调试与功能优化。