一、项目简介
本项目是基于SSM框架构建。用户可以轻松注册登录,浏览丰富的音乐库,搜索喜欢的歌曲。系统支持多种音频格式播放,提供流畅的音乐体验。个性化的播放列表功能,方便用户收藏和管理喜爱的音乐。后台管理功能强大,管理员能够便捷地对音乐资源进行上传、更新和删除操作,确保音乐库的新鲜与丰富。SSM 框架保证了系统的稳定性、扩展性和高效的数据处理能力。简洁美观的界面设计,易于操作,让用户尽享音乐的魅力。
二、项目背景
1.云端音响采用前后端分离的方法来实现,同时使用了数据库来存储相关的数据,将其部署到云服务器上。前端主要有:注册页,登录页,歌单列表页,详情页,以上模拟实现了最简单的在线音乐播放器系统。其结合后端实现了以下的主要功能:注册,登录,上传歌曲,删除,收藏以及评论等功能。
2.该云端音响可以实现多个用户在线操作,都可以在详情页进行详细查看。
三、项目功能
该云端音响主要实现了以下几个功能:注册,登录,上传,收藏,搜索,删除等功能。
- 注册功能:用户通过邮箱,设置密码,输入验证码就注册成功,并且得到一个注册的账号。上述操作通过后端写入到了数据库中。
- 登录功能:通过注册后给到的账号,输入自己的密码,登录成功后就会跳转到列表详情页。在左上角有搜索输入框,右上角有喜欢列表,上传歌曲和删除选中功能。
- 上传功能:在列表的详情页里面,可以点击“上传歌曲”会弹出提示输入框进行本地上传音乐。上传成功后,歌曲会展示在该页面上,也可以查看到他人所上传的歌曲。
- 收藏功能:在喜欢的歌曲“操作”栏,点击“喜欢”就会提示收藏成功;点击喜欢列表也可以查看自己及他人收藏的歌单。点击“回到首页”页面会跳转到登录进来的页面。
- 搜索功能:列表详情页左上角点击搜索输入框,会有“请输入歌曲名或歌手名”提示信息。可以在此处搜索查看已上传好的歌曲详细信息。
- 删除功能:有单选和多选功能。点击歌曲栏页面对自己上传的歌曲进行删除,也可以一键选中多首进行删除,但是只能删除自己所上传的。对于他人的无该权限。
- 以及写评论,弹幕播放评论,播放歌曲、暂停歌曲等更多功能。
3.1用户注册页面
3.2用户登录界面
3.3找回密码页面
3.4音乐列表页面
音乐列表:显示相关音乐的详细信息
上传歌曲:用户上传本地歌曲
播放、暂停歌曲:播放歌曲,暂停播放
搜索歌曲:输入框搜索相应歌曲或歌手
删除歌曲:删除列表歌曲,可一键多选删除;但仅限用户本人其他用户不可操作
喜欢收藏:用户收藏喜欢的歌曲
写评论:在喜欢的歌曲下面进行评论
弹幕播放:点击即可以弹幕的形式播放已写的评论
四、项目测试
4.1编写测试用例
4.1.1用户注册测试用例
4.1.2用户登录测试用例
4.1.3找回密码测试用例
4.1.4用户音乐列表页面测试用例
4.2执行测试
测试使用黑盒测试、白盒测试、postman对接口进行测试、fiddler进行弱网测试等。
(1)对用户注册执行测试
界面测试:
注册框未居中显示
易用性测试:
1)密码未设置明确的提示,是8-16位数字还是英文还是组合密码还是其他?
2)邮箱是否合法未有相应提示
3)密码输入完成后,没有相应的明文按钮来检查
5)注册过于单一,没有扫码注册,手机号注册等快捷方式。
功能测试:
正确邮箱返回正确响应:
(bug)错误邮箱 也能返回响应,与预期结果不相符:
(2)登陆页面测试
界面测试:
登录框并未居中显示。
易用性测试:
enter键不能使用、登录方式单一,没有扫码登陆、手机号登陆等快捷方式。
兼容性测试:
验证播放器在多操作系统,浏览器和移动设备的兼容性。
在微软edge浏览器下:
在谷歌浏览器下登录:
通过开发者工具可以在负载里面清楚看到用户的明文密码,这是一大安全性问题~
使用postman进行登录测试:
正确登录
异常登录-空密码登录:
异常登录-用户不存在:
密码错误登录:
直接返回了用户邮箱,并没有做加密处理,涉及到安全问题。
安全测试:
1)sql注入攻击测试
2)xss攻击:
弱网测试
在不同网络和设备下,测试音乐加载速度与流畅性。
测试弱网下,设置上行速率和下行速率