1.技术栈：SpringBoot + MyBatis + SpringMVC + Mysql
2.项目背景
此项目主要用于模拟市面上主流的音乐软件的主要功能，提高自己的开发和测试能力。此项目采用的技术栈是SpringBoot + MyBatis + SpringMVC + Mysql实现的，为了实现简单，方便测试，此项目没有注册功能，数据提前存储在数据库当中。
3.项目主要功能介绍
此项目主要包括四个页面：登录页，列表页，收藏页，上传页。主要的功能包括登录，添加歌曲，删除歌曲（支持批量删除）查询歌曲（支持模糊查询），播放音乐，收藏喜欢歌曲，删除喜欢的歌曲等。
4.项目演示
4.1登录页：
4.2列表页：
4.3上传页：
4.4 收藏页：
5.设计测试用例
5.1登录页：
5.2列表页：
5.3上传页：
5.4喜欢列表页：
6.功能测试
6.1登录页
用例1:输入正确的用户名和密码。
预期：跳出登录成功提示框，点击确定进入列表页。
符合预期，用例通过。
用例2：用户名或者密码其中一个为空。
预期：弹出提示框用户名或者密码不能为空，点击确定，重新输入。
符合预期，用例通过。
用例3：用户名或者密码其中一个为空。
预期：提示弹框出现后，点击确认，立即清空输入框里面的内容，重新输入。
此用例未通过，建议前端代码清空用户名，密码输入框内容，光标重新聚焦到用户名输入框。
用例4：用户名或密码长度设置特别短。
预期：提示用户名或密码长度不符合要求，请重新输入。
此用例不通过，建议前端人员对用户名，密码输入框做长度限制。
6.2列表页
用例1：登录成功后能够正常显示列表页
预期：登录成功之后，立即正常跳转到列表页，并正常显示。
符合预期，此用例通过。
用例2：点击添加歌曲。
预期：正常跳转到上传页。
符合预期，用例通过。
用例3：在歌曲名输入框输入歌曲名，点击查询按钮。
预期：如果输入歌曲存在，则查询到该歌曲。
符合预期，此用例通过。
用例4：在歌曲名输入框输入歌曲名，点击查询按钮。
预期：如果输入歌曲不存在，则有相应提示。
不符合预期，此用例暂未通过，建议前端人员，在未查询到音乐的时候，给出相应提示。
用例5：在歌曲名输入框输入关键字，点击查询按钮。（模糊查询）。
预期：如果歌曲存在，查询到相应歌曲。
符合预期，用例通过。
用例6：点击播放歌曲按钮
预期：正常播放，显示出播放图标和进度调。
符合预期，用例通过。
用例7：点击喜欢按钮。
预期：弹出收藏成功提示框。
符合预期，用例通过。
用例8：针对同一首歌，点击第二次喜欢按钮
预期：弹出取消搜藏。
不符合预期，此用例未通过。
用例9：选择一首歌曲，点击删除按钮。
预期：弹出删除成功，重新加载当前页面提示框。
符合预期，用例通过。
用例10：选择多首音乐，点击删除选中按钮。
预期：弹出删除成功提示框
符合预期，用例通过。
6.3上传页：
用例1：点击选择文件，输入歌手名，点击上传按钮。
预期：立马跳转到列表页，列表页多了一首音乐。
符合预期，用例通过。
用例2：选择了要上传的歌曲，但未输入歌手名。
预期：上传失败。
不符合预期，用例未通过，建议：前端人员将歌手名输入框改为必须输入项。
用例3：没有上传歌曲，也没有输入歌手名，直接点击上传按钮。
预期：上传失败。
符合预期，用例通过，建议：后端人员不要暴力使用异常，后端人员应该捕获异常，前端人员需要给出相应提示。用户看不懂这种专业的报错页面，导致用户体验不佳。
6.4喜欢列表页
用例1：在登录状态下，在列表页点击喜欢列表按钮。
预期：正常跳转到喜欢列表页，并进行正常显示。
符合预期，用例通过。
用例2：在列表页当中，在歌曲名输入框内输入歌曲名，点击查询按钮。
预期：如果有喜欢的歌曲，则查询到，并正常显示。
符合预期，用例通过。
用例3：在列表页当中，在歌曲名输入框内输入歌曲名的关键字，点击查询按钮。（模糊查询）
预期：如果有喜欢的歌曲，则查询到，并正常显示。
符合预期，用例通过。
用例4：点击播放图标按钮。
预期：能够正常播放音乐，显示播放按钮，进度调，音量调整按钮。
符合预期，用例通过。
用例5：点击下载按钮。
预期：音乐正常下载。
符合预期，用例通过。
用例6：点击移除按钮
预期：弹出删除成功，重新加载当前页面提示框，点击确定，跳转到列表页。
符合预期，用例通过。
技术栈：
后端：SpringBoot + MyBatis + SpringMVC + Mysql
前端：HTML + CSS + JS + Jquery
测试：Selenium + Java
7.测试报告
7.1 测试安排
| 模块 | 前端 | 后端 | 提测时间 | 测试 | 工时 | 排期 | 进度 |
| 登录页 | 陈涛 | 陈涛 | 5.15 | 陈涛 | 0.5d | 5.15 | 测试完成 |
| 列表页 | 陈涛 | 陈涛 | 5.15 | 陈涛 | 0.5d | 5.15 | 测试完成 |
| 上传页 | 陈涛 | 陈涛 | 5.16 | 陈涛 | 0.5d | 5.16 | 测试完成 |
| 喜欢列表页 | 陈涛 | 陈涛 | 5.16 | 陈涛 | 0.5d | 5.16 | 测试完成 |
7.2功能测试
- 测试用例，上文已给出测试用例。
- 功能测试结果：测试用例83%通过。