摘要：音乐是人们放松心情减少压力的重要方式。为了满足这一需求，在线音乐播放网站就应运而生。针对音乐播放网站的实际开发需求，音乐播放网站由两个系统组成，分为前台音乐播放系统和后台管理系统，系统以前后端分离的的开发思想进行开发,主要使用了B/S模式进行开发，用IDEA和vscode作为开发工具，MYSQL作为数据库存储相关信息，后端使用JAVA语言以及springboot框架设计和实现，前端使用vue框架以及element-ui框架设计和实现。本文概要地描述了该系统的开发中使用的相关技术，并描述了整体设计，界面设计，数据库设计，模块设计各功能模块与详细代码，并且进行了黑盒测试给出了整个系统的测试结果。□□

 

关键词：音乐播放 Vue  Spingboot  B/S

 

目 录

摘 要

Abstract

1引言-1

1.1 选题背景-1

1.2系统的开发意义-1

2开发工具及环境-2

2.1 系统概述-2

2.2 系统运行环境-2

2.2.1硬件环境-2

2.2.2 开发技术简介-2

2.2.3 运行及部署环境-2

2.3 系统开发技术-2

2.3.1 Springboot框架-2

2.3.2 Vue框架-2

2.3.3 Element-ui框架-3

3系统分析-4

3.1可行性分析-4

3.1.1 技术可行性-4

3.1.2 经济可行性-4

3.1.3 操作可行性-4

3.2 功能需求分析-4

3.2.2 前台音乐播放系统-4

3.2.3 后台管理系统-6

4系统概要设计-8

4.1开发与设计的总体思想-8

4.2系统模块结构设计-8

4.2.1前台音乐播放系统-8

4.2.2 后台管理系统-9

4.3系统模块结构划分-9

4.3.1前台音乐播放系统-9

4.3.2后台管理系统-10

4.4 系统流程描述-10

4.4.1前台音乐播放系统用户流程-10

4.4.2后台管理系统管理员流程-11

4.5 数据库设计-12

4.5.1数据库的E-R图设计-12

4.5.2数据库表结构-15

5系统详细设计及实现-18

5.1 界面设计-18

5.1.1前台音乐播放首页-18

5.1.2 用户登陆页面-18

5.1.3 用户注册页面-19

5.1.4歌单页面-19

5.1.5歌手页面-21

5.1.6 搜索-22

5.1.7我的音乐-23

5.1.8管理员登陆页面-23

5.1.9 系统首页-24

5.1.10用户管理-24

5.1.11 歌手管理-26

5.1.12 歌单管理-27

5.2登陆模块-28

5.2.1模块描述-28

5.2.2主要程序清单-28

5.3 用户信息注册模块-28

5.3.1 模块描述-28

5.3.2主要程序清单-28

5.4 歌单操作模块-29

5.4.1模块描述-29

5.4.2主要程序清单-29

5.4 歌手模块-33

5.4.1 模块描述-33

5.4.2主要程序清单-34

5.5 用户评论评分模块-40

5.5.1 模块描述-40

5.5.2主要程序清单-40

5.6 用户收藏模块-41

5.6.1 模块描述-41

5.6.2 主要程序清单-41

5.7 用户管理模块-42

5.7.1 模块描述-42

5.7.2 主要程序清单-42

6 系统测试和应用-45

6.1关于软件测试-45

6.2黑盒测试-45

6.3系统应用-46

7 总结与展望-48

致谢-50