← 返回作品集

阳光跑大屏

基于Vue3 + TypeScript + unocss + echarts + vite的阳光跑体育数据大屏

Vue3 + TypeScript + unocss + echarts + vite
阳光跑大屏

负责的业务模块

项目介绍

阳光跑数智体育平台

本平台是学校为学生打造的数字化体育管理与运动数据分析系统,旨在通过智能化手段提升学生体质健康管理水平,实现体育教学与课外锻炼的数字化、可视化、精细化管理。


核心功能模块

1. 数据可视化大屏(看板端)

  • 实时监测:展示当前在场运动人数、异常轨迹预警等实时数据
  • 多维排行榜:支持今日/本周/历史/学院等多维度运动排行榜,激励学生积极参与锻炼
  • 学院出勤率:统计各学院(计算机学院、光电学院、医学院、理学院、管理学院等)的体育出勤情况,直观展示为进度条形式
  • 运动风采展示:展示学生运动头像及里程数据,营造积极运动氛围

2. 个人运动数据中心(学生端)

  • 人脸识别认证:学生通过点击个人档案触发人脸识别验证,验证通过后方可查看本人专属运动数据,有效保障数据隐私与安全
  • 基本信息管理:展示学生姓名、性别、学院专业、阳光跑平均速度、跑步类型、任务目标及完成最佳记录
  • 运动成绩分析
    • 最佳成绩、最低成绩、平均成绩、成绩方差等数据统计
    • 班级/年级综合排名
    • 成绩等级分布饼图(优秀/良好/合格/不合格)
    • 运动成绩趋势折线图
  • 运动记录详单:记录每次测试的时间、类型、成绩、得分、等级、任务平均分及完成率,支持分页查询
  • 体质能力雷达图:从爆发力、协调性、力量、耐力、柔韧性五个维度综合评估学生体质能力,支持学期对比
  • 运动回顾与抓拍:记录运动过程中的抓拍照片,便于回溯运动状态

3. 运动任务管理

  • 支持设置学期任务目标(如100km跑步任务)
  • 任务时间窗口管理(如 7:00-8:00、20:00-21:00)
  • 支持多种运动类型:立定跳远、引体向上、仰卧起坐、50米跑、坐位体前屈、肺活量、跳绳、800米、1000米、篮球、足球、排球、网球、阳光跑等

技术亮点

  • 人脸识别认证:个人档案查看前需通过人脸识别身份验证,确保数据安全性与隐私保护
  • 数据可视化:采用大屏看板设计,实时动态展示校园运动数据
  • 多端适配:支持管理端大屏展示与学生端个人中心
  • 智能分析:通过雷达图、趋势图等多种图表形式,直观呈现学生体质发展状况
  • 轨迹监测:具备异常轨迹识别能力,保障运动数据的真实性

项目价值

  • 提升学校体育管理的信息化水平
  • 激励学生积极参与课外体育锻炼
  • 为体育教学提供数据支撑与决策依据
  • 实现学生体质健康的全过程数字化管理

项目预览