一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1Xh4y1A7uR?t=7.6

三、运行截图：

本功能设计的目的是帮助用户一键返回首页，在首页里的元素包括图片、列表框、文字、导航栏等。在首页的上半部分轮播图、中间是体育教案推荐、下面是体育教案。导航栏里是首页、体育教案、校园风采、我的功能按键。首页界面的实现界面如下图3.1所示：

图3.1首页界面的实现效果

在体育教案功能里可以看到课程类型，点击体育教案功能可以看到教案的详情，并可以对教案进行评分和提出建议。体育教案功能的实现界面如下图3.2所示：

图3.2体育教案功能的实现界面

学生评分的实现界面如下图3.3所示：

图3.3学生评分的实现界面

本界面里可以看到校园的风采信息，实现界面如下图3.4所示：

图3.4校园风采的功能实现界面

在本功能模块里展示已评分的体育教案，想要看具体的评分详情需要点击教案标题进入详情页。教学评分功能的实现界面如下图3.5所示：

图3.5教学评分功能的实现界面

学生可以添加和管理自己的心率，在填写心率时可以选择教师。添加学生心率信息功能的实现界面如下图3.6所示：

图3.6添加学生心率信息功能的实现界面

本界面展示了学生的具体身体素质各项数据。学生查询身体素质测评功能的实现界面如下图3.7所示：

图3.7查询身体素质测评功能的实现界面

学生可以查询比赛的成绩。查询教学比赛成绩功能的实现界面如下图3.8所示：

图3.8查询比赛成绩功能的实现界面

同样学生也可以查询自己的运动报告记录数据。运行报告记录功能的实现界面如下图3.9所示：

图3.9运行报告记录功能的实现界面

管理员的功能为管理微信端信息和更新微信端信息以及管理用户信息。管理的微信端信息包括体育教案信息、校园风采信息和类型信息、用户信息等。管理员功能的实现界面如下图3.10所示：

图3.10管理员功能的实现界面

教师的功能与管理员的功能类似，缺少管理员信息管理、系统管理和类型管理。教师管理的实现界面如下图3.11所示：

图3.11教师管理功能的实现界面