【《基于SpringBoot的在线音乐播放管理系统设计》19000字（论文）】

基于SpringBoot的在线音乐播放管理系统设计目录TOC\o"1-3"\h\u摘要 [11]，数据依次通过控制层、业务层、数据访问层，通过MyBatis来访问MySQL数据库，数据在后端完成系列操作后，会以JSON数据格式通过后端接口将数据返回给前端，前端在数据层接收到后端返回的数据会通过视图模型层的数据双向绑定将数据同步到视图层并展示到界面。4.3系统模块功能设计基于SpringBoot+Vue的在线音乐播放管理系统有用户和超级管理员两种角色。前台模块的角色为User，后台模块的角色为超级管理员。这两个角色具有不同的权限。其中,根据前台在线音乐广播的特点和管理系统,它可以分为注册用户登录模块、音乐模块、歌曲评论模块,歌手的分类模块、播放列表模块的评级,音乐播放器模块,个人中心,我的音乐模块八部分,系统功能模块如图4-2所示。图4-2系统前台所包含功能模块示意图根据在线音乐播放管理系统的后台特点，分为五个模块：数据统计模块、歌手管理模块、用户管理模块、歌曲列表管理模块和用户反馈管理模块。系统后台功能模块如图4-3所示。图4-3系统后台功能模块图4.4系统流程设计基于springboot+vue的在线音乐播放管理系统根据权限有所不同。系统流分为两个部分:前面用户的系统流程图和后台管理员的系统流程图。接收数据时的用户状态分为“连接状态”和“未连接状态”。前台可以成为访问者，进入前台系统进行音乐搜索、网站资料搜索、音乐播放等工作，不需要访问者登录也可以。在登录状态下，用户可以下载音乐、收集音乐、在播放列表中查看歌曲、将播放列表分数化、编辑个人信息、批评问题。在后台，管理员必须登录以访问后台系统。在登录状态下，管理员可以统计和管理网站资源。4.4.1用户系统流程设计(1)用户名必选参数。在登录屏幕上输入用户名和密码，然后单击login按钮登录。首先，检查您是否输入了正确的用户名和密码。如果输入错误，则提示“用户名和密码错误”。如果正确输入，则提示“登录成功”。连接用户名和密码的流程图如图4-4所示。图4-4用户名密码登录流程图（2）短信验证码，输入用户的短信验证号码。在登录界面点击短信验证码，确认短信号码是否有效。如果没有显示未注册的短信号码，显示的是验证码，请检查短信验证码是否正确。使用短信验证码登录的步骤如图4-5所示。图4-5手机短信验证码登录流程图（3）注册用户。在注册的画面输入注册信息，点击“注册”按钮进行注册。首先，我们要检查填写的注册的信息是否符合规范。满足规格要求时，显示注册成功消息。否则，将显示对应的错误字段。用户注册过程如图4-6所示。图4-6用户注册流程图（4）音乐播放，点击相关歌曲资源，验证歌曲资源是否解析成功，如果成功，音乐播放，如果不成功，提示歌曲资源解析失败。音乐播放流程图如图4-7所示。图4-7音乐播放流程图（5）音乐收藏，点击音乐收藏按钮，首先验证用户是否登录，如果未登录，提示请先登录，如果已登录，接着验证用户是否收藏，如果已收藏，提示“已收藏”，如果未收藏，接着验证收藏是否成功，如果收藏成功，提示“收藏成功”，如果收藏失败，提示“收藏失败”。音乐收藏流程图如图4-8所示。图4-8音乐收藏流程图（6）歌单评论，在评论界面输入评论内容，点击“评论”按钮进行评论，首先，验证用户是否登录，如果未登录，提示“请先登录”，如果已登录，接着验证评论是否成功，如果不成功，提示“评论失败”，如果成功，提示“评论成功”。歌单评论流程图如图4-9所示。图4-9歌单评论流程图（7）音乐下载，点击音乐下载按钮，首先验证用户是否登录，如果未登录，提示请先登录，如果已登录，接着验证下载是否成功，如果下载不成功，提示“下载失败”，如果下载成功，提示“下载成功”。音乐下载流程图如图4-10所示。图4-10音乐下载流程图（8）发现音乐，输入歌曲或歌手名称，验证音乐资源是否存在，如果存在，解析音乐资源，如果不存在，提示未查询到该音乐资源。发现音乐流程图如图4-11所示。图4-11发现音乐流程图4.4.2管理员系统流程设计（1）管理员登录，在登录界面输入用户名密码及图片验证码，点击“登录”按钮进行登录，首先，验证用户名密码是否正确，如果不正确，提示“用户名密码错误”，如果正确，接着验证图片验证码是否正确，如果错误，提示“验证码错误”，如果正确，提示“登录成功”。后台管理员登录流程图如图4-12所示。图4-12后台管理员登录流程图（2）用户管理，在用户管理界面更新用户信息，首先，验证更新的信息是否合法，如果合法，更新成功，如果不合法，进行相应错误提示。用户管理流程图如图4-13所示。图4-13用户管理流程图（3）用户反馈处理，在用户反馈管理界面处理反馈信息，验证反馈信息是否处理成功，如果成功，状态变为已解决，如果失败，进行相应错误提示。用户反馈处理流程图如图4-14所示。图4-14用户反馈处理流程图（4）歌手管理，在歌手管理界面更新歌手信息，首先，验证更新的信息是否合法，如果合法，更新成功，如果不合法，进行相应错误提示。歌手管理流程图如图4-15所示。图4-15歌手管理流程图（5）歌单管理，在歌单管理界面更新歌单信息，首先，验证更新的信息是否合法，如果合法，更新成功，如果不合法，进行相应错误提示。歌单管理流程图如图4-16所示。图4-16歌单管理流程图4.5系统数据库设计4.5.1数据库需求分析本文设计的在线音乐网站数据库主要功能是：管理员可实现对网站用户的管理及网站资源的统计管理，网站用户可实现对网站音乐进行播放、下载、收藏、评论、评分等操作。数据表内容主要包含用户基本信息及网站资源基本信息REF_Ref71584233\r\h[12]。用户基本信息：网站管理员表，用来存放后台管理系统管理员账户密码等信息；网站用户表，用来存放网站用户账号、密码、性别、电话、邮箱等信息；网站用户收藏表，用来存放网站用户所收藏的歌曲及歌单相关信息；网站用户评论表，用来存放网站用户对歌单的评论内容信息；网站用户对歌单评价表，用来存放网站用户对歌单评分信息；网站用户反馈表，用来存放前台用户对网站的反馈信息。网站资源基本信息:网站资源歌曲列表，用于存储网站歌曲图片、简介、歌词、歌曲标题等信息;网站资源歌曲观看，用于存储网站歌手的姓名、性别、头像等信息;网站资源播放列表，用于存储网站播放列表图片、介绍等信息;网站资源播放列表歌曲明细表，用于存储网站播放列表歌曲列表信息。4.5.2数据库概念结构设计通过上述对在线音乐播放管理系统的数据库的需求分析，明确了数据库的基本内容，下面对数据库实体属性图部分进行了详细展示。管理员实体包括编号、账号、密码。管理员实体的实体属性图如图4-17所示。图4-17管理员实体属性图前台用户实体包括编号、性别、账号、电话、密码、邮箱、生日、签名、地区、头像、创建时间、更新时间。其中，性别中，0表示女，1表示男。前台用户实体的实体属性图如图4-18所示。图4-18前台用户实体属性图歌曲实体包括编号、歌名、歌曲图片、简介、歌词、创建时间、更新时间、歌曲地址。歌曲实体的实体属性图如图4-19所示。图4-19歌曲实体属性图歌手实体包括编号、姓名、性别、头像、生日、地区、简介、歌手点击数。其中，性别中，0表示女，1表示男，2表示组合，3表示不明。歌手实体的实体属性图如图4-20所示。图4-20歌手实体属性图歌单实体包括编号、风格、标题、歌单图片、简介、歌单点击数。歌单实体的实体属性图如图4-21所示。图4-21歌单实体属性图收藏实体包括编号、收藏时间、收藏类型。其中，收藏类型中，0表示歌曲，1表示歌单。收藏实体的实体属性图如图4-22所示。图4-22收藏实体属性图评论实体包括编号、评论类型、评论内容、评论时间评论点赞数、评论反对数。其中，评论类型中，0表示歌曲，1表示歌单。评论实体的实体属性图如图4-23所示。图4-23评论实体属性图评价实体包括编号、评分。评价实体的实体属性图如图4-24所示。图4-24评价实体属性图以上各个实体间存在如下几种对应关系，整体实体E-R图如图4-26所示。 图4-26系统实体E-R图4.5.3数据库逻辑机构设计本文设计的在线音乐网站使用MySQL数据库以及NavicatPremium12数据库图形化管理工具来实现数据库表的创建，内容包括admin（管理员用户信息表）、consumer（前台用户信息表）、song（歌曲表）、singer（歌手表）、song_list（歌单表）、list_song（歌单的歌曲列表表）、collect（用户收藏歌曲表）、comment（用户歌单歌曲评论表）、rank（用户歌单评分表）、feedback（用户反馈表），下面是对数据库表内容的详细介绍。数据库表结构图如图4-27所示。图4-27数据库表树形结构图根据上述表结构描述，设计如下具体表结构。admin-管理员表，存放在线音乐后台网站管理员账号及密码信息，如表4-1所示，内容包括：编号、账号、密码相关信息。表4-1admin表（管理员表）序号字段名是否为空数据类型是否主键描述1id否int是编号2password是varchar(255)否密码3name是varchar(255)否账号consumer-前台用户表，存放在线音乐网站用户信息，如表4-2所示，内容包括：编号、账号、密码、性别（1：男0：女）、电话、邮箱、生日、签名、地区、头像、创建时间、更新时间相关信息。表4-2consumer表（前台用户表）序号字段名是否为空数据类型是否主键描述1id否Int是编号2password是varchar(255)否密码3username是varchar(255)否账号4sex是tinyint(1)否性别5email是char(30)否邮箱6phone_num是char(15)否电话7introduction是varchar(255)否签名8birth是datetime否生日9avator是varchar(255)否头像10location是varchar(255)否地区11update_time是datetime否更新时间12create_time是datetime否创建时间song-歌曲表，存放在线音乐网站歌曲信息，如表4-3所示，内容包括：编号、歌手id、歌名、简介、创建时间、更新时间、歌曲图片、歌词、歌曲地址相关信息。表4-3song表（歌曲表）序号字段名是否为空数据类型是否主键描述1id否int是编号2singer_id是int否歌手id3name是varchar(255)否歌名4introduction是varchar(255)否简介5create_time是datetime否创建时间6update_time是datetime否更新时间7pic是varchar(255)否歌曲图片8lyric是Text否歌词9url是varchar(255)否歌曲地址singer-歌手表，存放在线音乐网站歌手信息，如表4-4所示，内容包括：编号、姓名、性别（0：女1：男2：组合3：不明）、头像、生日、地区、简介、歌手点击数相关信息。表4-4singer表（歌手表）序号字段名数据类型是否为空是否主键描述1idint否是编号2namevarchar(255)是否姓名3sextinyint(1)是否性别4picvarchar(255)是否头像5birthdatetime是否生日6locationvarchar(255)是否地区7introductionvarchar(255)是否简介8click_numberint是否点击数song_list-歌单表，存放在线音乐网站歌单信息，如表4-5所示，内容包括：编号、标题、歌单图片、简介、风格、歌单点击数相关信息。表4-5song_list表（歌单表）序号字段名是否为空数据类型是否主键描述1id否int是编号2title是varchar(255)否标题3pic是varchar(255)否歌单图片4introduction是varchar(255)否简介5style是varchar(255)否风格6click_number是int否点击数list_song-歌单歌曲表，存放在线音乐网站歌单的歌曲列表信息，如表4-6所示，内容包括：编号、歌曲id、歌单id相关信息。表4-6list_song表（歌单歌曲表）序号字段名是否为空数据类型是否主键描述1id否int是编号2song_id是int否歌曲id3song_list_id是int否歌单idcollect-收藏表，用于存放在线音乐网站用户所收藏歌曲及歌单信息，如表4-7所示，内容包括：编号、用户id、收藏类型（0：歌曲1：歌单）、歌曲id、歌单id、收藏时间相关信息。表4-7collect表（收藏表）序号字段名是否为空数据类型是否主键描述1id否int是编号2user_id是int否用户id3type是tinyint(1)否收藏类型4song_id是int否歌曲id5song_list_id是int否歌单id6create_time是datetime否收藏时间comment-评论表，存放在线音乐网站用户对歌曲及歌单的评论信息，如表4-8所示，内容包括：编号、用户id、评论类型（0：歌曲1：歌单）、歌曲id、歌单id、评论内容、评论时间、评论点赞数、评论反对数相关信息。表4-8comment表（评论表）序号字段名是否为空数据类型是否主键描述1id否Int是编号2content是varchar(255)否评论内容3type是tinyint(1)否评论类型4user_id是Int否用户id5up是Int否点赞数6create_time是Datetime否评论时间7song_id是Int否歌曲id8down是Int否反对数9song_list_id是Int否歌单idrank-评价表，存放在线音乐网站用户对歌单评分信息，如表4-9所示，内容包括：编号、歌单id、用户id、评分相关信息。表4-9rank表（评价表）序号字段名数据类型是否为空是否主键描述1idint否是编号2song_list_idint是否歌单id3consumer_idint是否用户id4scoreint是否评分4.5.4数据库中各表间关系以上数据库表之间存在的关系如下所示，如图4-28所示。图4-28数据库表关系图4.5.5类和方法调用系统类图如图4-29所示。4-29系统类图4.6本章小结本章首先介绍了系统的要求和设计原则，然后介绍了系统的总体设计过程，进一步明确了系统各功能模块以及流程的设计，最后，从数据库需求、实体属性图设计、库表设计、表关系等四方面介绍了系统数据库的设计，并选取了关系型数据库MySQL数据库作为本系统的数据库实现。

5系统实现本章在第3章系统需求分析和第4章系统设计的基础上，主要描述了系统前台和系统后台各模块的详细实现过程。主要包括系统环境配置、数据库连接设计、系统前端和后台各功能模块的实现。5.1系统环境配置以下是对系统实现的环境配置的介绍：开发技术：SpringBoot2.X、Vue2.9.6、MyBatis、MySQL5.7。开发语言：JavaEE+Vue2.X。开发环境：JDK1.8+Windows10+Maven3.6.1+Chrome。开发工具：IntelliJIDEA、VSCode、NavicatPremium12。系统开发平台：JDK1.8+Windows7+Maven3.6.1后台框架：Springboot2.X前端：Vue2.9.6数据库和工具：MySql5.7Navicat浏览器：Chrome。5.2连接数据库设计数据库是在线音乐播放和管理系统的重要组成部分。它以相应的形式存储系统用户和网站信息的大量数据。当需要查询和存储相关信息时，需要使用数据库。连接数据库的步骤如下。（1）项目创建时添加MySQL驱动，然后在配置文件pom.xml中添加相关MySQL依赖。（2）在perties文件中配置数据库连接路径、数据库用户名及密码、数据驱动、数据源REF_Ref71584426\r\h[13]。5.3系统前台功能模块实现该系统的前台，用户可以在不登录的情况下作为游客进入，具有搜索和浏览歌曲，播放音乐等功能。用户可以通过注册功能登录并成为用户。在登录状态下，具有信息编辑、歌曲列表歌曲搜索、音乐播放、歌曲列表歌曲评论、歌曲单打、音乐收藏、音乐下载、问题反馈等功能。以下是对在线音乐播放管理系统前台各功能模块的详细介绍:5.3.1用户登录注册模块前台用户有账号密码登录和短信验证码登录两种登录方式。用户可以在登录界面输入相关登录信息进行登录。登录成功后，系统会自动跳转到发现音乐界面。前台用户登录界面如图5-1和图5-2所示。图5-1用户账号登录界面实现该功能的关键代码在此列出：图5-2用户短信登录界面实现该功能的关键代码在此列出：前台用户有账号密码登录和短信验证码登录两种登录方式。用户可以在登录界面输入相关登录信息进行登录。登录成功后，系统会自动跳转到发现音乐界面。前台用户登录界面如图5-1和图5-2所示。图5-3用户注册界面实现该功能的关键代码在此列出：5.3.2发现音乐模块在浏览器的地址栏输入网站的前台对应地址，就会跳转到系统发现音乐画面。在发现音乐画面中，用户可以通过搜索框播放自己喜欢的歌曲和歌曲列表，还可以欣赏音乐相关的播放图。用户注册后，可以实现音乐收藏和下载。在本界面用户也可以通过系统推荐的歌单推荐及歌手推荐模块快速查找高质量的相关歌曲。音乐界面如图5-4所示。图5-4发现音乐界面5.3.3歌单歌曲评论模块使用相应的歌曲列表模块，可以对歌曲列表模块本身或相关歌曲进行评论，还可以查看、点赞、步上某个用户的评论等相关功能。歌曲评论页面如图5-5所示。图5-5歌单歌曲评论界面实现该功能的关键代码在此列出：5.3.4歌单打分模块用户登录后可以对播放列表进行评分。播放列表的总分为10分，评分分为五个等级，分别为极差、失望、一般、满意和惊讶。播放列表的评分机制是将所有用户评论的总得分除以用户评论的数量。单身用户界面如图5-6所示。图5-6歌单打分界面实现该功能的关键代码在此列出：5.3.5音乐播放器模块音乐播放模块可以实现下一首和下一首歌曲的切换、音乐暂停和播放、显示音乐海报、显示音乐播放进度、调整音乐音量、显示相关歌曲列表或歌手的歌曲播放列表等功能，用户登录后还可以收集音乐、下载音乐等功能。点击歌曲海报，跳转到相关歌曲歌词滚动播放界面，歌词会随着歌曲的进度切换。音乐播放及歌词界面如图5-7和图5-8所示。图5-7音乐播放器界面图5-8歌曲歌词界面实现该功能的关键代码在此列出：5.3.6歌单歌手分类模块歌曲列表歌手分类模块主要显示歌曲列表和歌手的详细分类。用户可以在该页面准确的找到相关的歌曲列表和歌手，并记录网站用户的收听习惯，为推荐歌曲列表和歌手提供数据支持。播放列表分类模块可以根据不同类型的播放列表进行分类，包括中文、粤语、欧美、日韩、轻音乐、BGM、乐器等。在这个模块中可以找到不同类型播放列表的相关歌曲。歌手分类模块可以根据歌手的性别和是否是一个群体等相关属性，分为男歌手、女歌手、团体歌手等。在这个模块中，你可以找到相关歌手的相关歌曲。歌曲列表及艺人分类如图5-9和图5-10所示。图5-9歌单分类界面图5-10歌手分类界面实现该功能的关键代码在此列出：5.3.7我的音乐模块在我的音乐模块，用户在不登录的情况不能查看这个模块，如果用户没有登录系统将提示词的状态提示“请先登录”，用户可以查看、编辑、在登录状态的歌曲和歌曲单表的集合，点击导航栏“歌曲列表”显示歌曲的信息收集，“歌单表”点击导航栏将显示用户的信息集合，在歌曲列表中，点击歌曲可以实现音乐播放的功能，还可以下载歌曲取消收集和操作，如在一个表，点击收藏相关的播放列表可以跳转到一个歌曲详细信息页面查看信息，也可以用来取消播放列表集合操作，该模块还显示用户的档案照片，签名，昵称，性别，生日，家乡和其他基本信息。音乐界面如图5-11和图5-12所示。图5-11我的音乐-歌曲收藏界面图5-12我的音乐-歌单收藏界面5.3.8个人中心模块个人中心模块主要包括设置及退出两个定位模块又个人信息和反馈头像,修改问题等模块,可以在个人信息界面中,用户账户变更修改头像界面基本信息的用户头像,对问题和反馈界面网站建议和意见反馈截图或者文本方式可以进行,在功能模块,管理员用户点击后可以终止账户并返回音乐模块。个人中心模块的使用效果如图5-13、图5-14、图5-15所示。图5-13个人信息界面图5-14修改头像界面图5-15问题与反馈界面实现该功能的关键代码在此列出：5.4系统后台功能模块实现在本系统的后台，由超级管理员通过登录功能来登录管理系统，该系统具有用户反馈管理、网站资源统计、歌曲列表管理、歌曲管理、用户管理、歌手管理等功能。下面详细介绍在线音乐播放管理系统后台管理的功能模块:5.4.1系统数据统计管理模块本系统后台数据统计模块主要进行网站资源数据统计，包括网站用户数量和用户性别比例统计，歌曲数量和歌曲类型分布统计，歌手数量和歌手性别，民族比例统计，歌曲列表数量统计。数据统计管理界面如图5-16所示。图5-16数据统计管理界面5.4.2用户管理模块本系统的用户管理界面主要是对用户的基本信息进行管理，具有用户信息增加、编辑、查看、删除以及前方用户收藏的歌曲信息等功能。在用户前面点击大量删除复选框，就可以实现多用户大量删除功能。按“图片更新”按钮可实现用户面部照片修改功能，按“添加新用户”按钮可实现前方新增用户功能。点击"收藏"按钮，就可以进入用户收藏管理界面。该接口可以对用户收藏的歌曲和歌曲目录信息进行编辑操作，同时还具有删除用户收藏信息的功能，点击编辑按钮还可以实现对全面用户信息的修改功能。用户管理界面如图5-17、图5-18、图5-19所示。图5-17用户管理使用界面图5-18用户收藏歌曲管理使用界面图5-19用户收藏歌单管理界面实现该功能的关键代码在此列出：5.4.3歌手管理模块本系统的歌手管理界面主要是网站的前台歌手的基本信息管理，并追加了歌手，歌手的基本信息进行修改，查询，删除歌手歌手，歌手的相关的歌曲的管理功能。歌手前的复选框可点击批量选中和删除。点击添加歌手可弹出添加界面，添加的歌手服务台的基本信息网站可以实现添加功能。点击可以加载歌手相关的歌曲的管理界面，在该画面是关于艺术家的乐曲的详细信息可进行管理，点击“编辑”按钮可实现修改前台网站艺术家信息的功能。歌手管理的画面如图5-20所示。图5-20歌手管理界面实现该功能的关键代码在此列出：5.4.4歌单管理模块乐曲名单管理界面系统,前台网站的基本信息歌曲目录的管理目录的追加,乐曲的功能,基本信息歌曲目录的修改、删除歌曲名单,名单的乐曲,搜索相关的乐曲名单管理的乐曲、歌曲名单上的用户评论管理等。在选择播放列表之前，点击复选框，逐个删除。实现逐个删除功能后，你可以实现更多的歌曲。单击单张图片，点击“更新”按钮，实现单张图片的更改功能。点击“添加播放列表”歌曲弹出式界面填充添加服务台的基本信息网站可以实现播放列表添加功能按钮和假装“管理”的歌,歌单界面相关的管理界面,查看歌曲播放列表的详细信息,受理网站的管理,实现了首单的相关功能,点击“评论”按钮假装对用户界面歌曲列表评论及相关管理,界面中检查清单和歌曲评论的详细信息，接受用户评论曲一览表的实现和关于曲一览表的管理功能点击“编辑”的按钮接受网站曲一览表信息的修改功能的实现。播放列表管理画面如图5-21和图5-22所示。图5-21歌单管理使用界面图5-22歌单相关评论之管理使用界面实现该功能的关键代码在此列出：5.4.5歌曲管理模块系统的歌曲管理界面主要对歌曲和歌手的歌曲的基本信息进行管理，对歌手的相关歌曲和歌曲的歌曲具有查询、更新、删除和编辑功能。点击乐曲管理画面前的复选框进行批量删除，可以实现批量删除多数乐曲的功能。点击更新图片按钮，有修改乐曲图片的功能。在乐曲列表的乐曲管理画面中，选择乐曲前点击复选框，点击“批量删除”，就可以批量删除多首乐曲。点击“添加歌曲”按钮，在弹出的页面上填写添加歌曲的歌手和歌曲名，这样用户就可以将现有网站的歌曲添加到列表中了。乐曲管理画面如图5-23和图5-24所示。图5-23歌手歌曲管理使用界面图5-24歌单歌曲管理使用界面实现该功能的关键代码在此列出：5.4.6用户反馈管理模块本系统的用户反馈管理模块主要是解决前台系统用户的反馈意见和意见，管理员可以及时处理相关问题，达到完善网站的目的。可以对前台用户的反馈信息进行查询、处理和删除。选中反馈信息前的复选框，点击反馈信息的批量删除可以实现更多的批量删除功能，鼠标点击反馈图像可以实现反馈图像放大查看的功能，方便清晰地显示用户的反馈信息，管理员将处理后的反馈信息处理，点击按钮将反馈状态解决。用户反馈管理界面如图5-25所示。图5-25用户反馈管理界面实现该功能的关键代码在此列出：5.5系统后台类图及时序图5.6本章小结本章介绍在线音乐播放和管理系统的具体体现过程。系统实现的过程中,首先介绍了系统的环境组成,接着连接到后端数据库的设计过程进行了介绍,最后分别系统全景和后台系统各模块的详细的实现过程进行了介绍,系统界面屏幕和接口代码也附带呈现。6系统测试6.1系统测试目的及测试环境系统测试在项目开发过程中非常重要，也是设计过程中的重要步骤。通过对系统的测试，可以帮助开发人员尽快发现测试对象的错误，以提高系统开发质量。这个系统测试的目的主要如下。(1)检测前台用户是否能够完成登录注册。(2)测试前台用户能否正常修改个人信息。(3)确认前台用户是否可以发表评论或评论。(4)检测前端用户是否可以采集、下载音乐。(5)后台管理员确认是否可以完成登录。(6)检测后台管理员是否可以进行用户管理、歌单管理、歌手管理、歌曲管理等。系统测试环境如表6-1所示：表6-1系统测试环境软件名称版本操作系统Windows10浏览器GoogleChromeMySQL5.7JDK1.8Maven3.6.1Vue.js2.9.6SpringBoot2.3.3MyBatis2.1.3IntelliJIDEA2020.2.3VisualStudioCode1.55.06.2系统测试内容结合系统的设计和实现过程，本系统进行以下测试。(1)接口测试系统界面的测试是，浏览器的界面的尺寸调整或更改浏览器的工具，界面的显示，界面的大小是否正常，是否可以调整，界面的颜色和布局是否合理进行检查。包括界面按钮和界面图像。系统接口测试的内容如表6-2所示。(2)功能测试这个部分主要是测试系统的功能部分是否正确，是否满足了用户的需求。(3)非功能性测试该部分主要从可扩展性、可用性、安全性和维护四个方面验证系统的非功能性需求。(4)兼容性测试该部分主要测试接口在各种浏览器中是否正常运行，以及是否与各种浏览器兼容。6.3系统测试用例和结果根据系统测试的目的和测试内容的说明，制作了如下测试例进行测试，得到了相关结果。(1)测试系统的接口和兼容性(见表6-2)。表6-2界面测试用例测试内容测试结果改变浏览器大小，系统界面是否可以自适应正常更换不同浏览器是否可以正常运行正常系统按钮是否显示正常正常系统图片显示是否清晰正常正常页面跳转是否正常正常（2）登录测试，前端用户和后端管理员登录时，输入的信息与数据库不一致时，提示错误。参数说明如图6-3所示。表6-3登录测试用例模块用例描述预期结果结果用户登录未输入用户名提示“请输入用户名！”准确未输入密码提示“请输入密码！”准确输入错误的用户名提示“用户名或密码错误！”准确输入错误的密码提示“用户名或密码错误！”准确未输入手机号提示“请输入手机号！”准确未输入验证码提示“请输入验证码！”准确输入错误的手机号提示“请输入正确的手机号码格式！”准确输入未注册的手机号提示“手机号未注册！”准确输入错误的验证码提示“验证码错误！”准确输入超时的验证码提示“验证码超时，请重新获取验证码！”准确未登录时，点击“我的音乐”、“收藏”、“下载”“评论”提示“请先登录！准确管理员登录未输入用户名提示“请输入用户名！”准确未输入密码提示“请输入密码！”准确未输入验证码提示“请输入验证码！”准确输入错误的用户名提示“用户名或密码错误！”准确输入错误的密码提示“用户名或密码错误！”准确输入错误的验证码提示“验证码错误！”准确如果未输入用户名、密码或手机号码验证码，系统会提示输入相应字段。如图6-1所示。图6-1提示字段不为空当输入的信息不一致时，前台用户和后台管理员进行对应字段错误显示(图6-2)。图6-2对应字段错误弹窗提示如果获得的消息确认代码超时，就会通知消息确认代码超时消息。如图6-3所示。图6-3提示验证码超时(3)前台功能模块测试，系统前台模块测试主要从以下三个模块来测试功能是否正常。（表6-4）表6-4前台功能模块测试用例模块用例描述预期结果结果评论留言模块未登录状态下点击评论按钮提示“请先登录！”准确未登录状态下点击点赞和踩按钮提示“请先登录！”准确输入内容点击评论按钮提示“评论成功！”准确个人信息管理模块个人信息中清空某行数据点击保存提示“修改失败！”准确修改头像中选择非jpg/png格式图片上传提示“只能上传jpg/png格式图片！”准确音乐播放器模块未登录点击“下载”、“收藏”按钮提示“请先登录！”准确登录状态下点击“收藏”按钮提示“收藏成功！”准确已收藏状态下点击“收藏”按钮提示“已收藏！”准确前台功能模块弹窗提示。如图6-4所示。图6-4前台功能模块弹窗提示(4)后台功能模块测试。系统后台模块测试主要在歌曲列表管理，用户管理，歌曲管理，歌手管理，用户反馈管理5个模块中进行以下测试：表6-5所示。表6-5后台功能模块测试用例模块用例描述预期结果结果添加数据必填字段不填入内容点击“确定”按钮提示“请输入相应字段！”准确填入相应信息后点击“确定”按钮提示“添加成功！”准确添加已存在的用户提示“该用户名已存在！”准确修改数据编辑弹出框中清空某行数据点击“确定”按钮提示“请输入相应字段！”准确编辑弹出框中修改某行数据点击“确定”按钮提示“修改成功！”准确查询数据在搜索栏输入关键字点击“搜索”按钮显示有关键字的内容准确删除数据选择一条数据，点击“删除”按钮提示“删除成功！”准确选择多条数据，点击“批量删除”按钮弹窗提示确认是否删除，删除成功提示“删除成功！”准确后台功能模块弹出消息。（图6–5）图6-5后台功能模块弹窗提示(5)非功能测试:系统非功能测试主要从以下四个方面检测系统非功能的质量需求。非功能测试内容如表6-6所示。表6-6非功能测试用例测试内容测试结果安全性正常先进性正常易用性正常可移植性正常6.4系统测试结果与分析由测试的内容系统编写测试用例,并根据测试结果的情况下,测试系统基本操作流程,页面显示简洁,操作方便,用户获得更好的用户体验,系统功能实现满足用户的需求,系统兼容性也取得了良好的效果,能够兼容各种主流浏览器，基本实现了系统设计的要求，满足了用户的需求。6.5本章小结本章首先介绍系统的测试环境和目的,以及开发的在线音乐播放和管理整个系统为例进行了测试,测试用的例子来看,出现了相关的测试结果,最后对测试结果进行分析,总结测试结果显示本文的在线音乐播放和管理系统功能方面,经常表现几乎应对需求规格书中的各种需求。

参考文献黄国群,庞媛.中国数字音乐产业发展的理论分析与趋势判断[J].社科纵横,2021,36(01):73-81.张峰.应用SpringBoot改变web应用开发模