摘    要

当今社会，随着人们生活节奏发展迅速加快，普遍人们的生活节奏以及社会的压力也飞快增多。人们所有的生活方式也逐渐“快餐化”，很多时候需要同时做很多事情。音乐便是现代社会人们的最大众化的放松方式之一。从古至今音乐都是被大众接受的放松身心的艺术表现形式。一款适合用户的音乐播放器便是我们与音乐接触的最好的媒介。但市面上的大多音乐软件都是以商业目的出发的。这就导致本来为了放松的音乐软件一定充斥了很多的广告。眼花缭乱的播放器各类平台界面也有很多我们用不到的不需要的功能。所以本音乐播放网站从用户出发，主打干净简洁的界面，为用处创造一个良好的解压环境。本音乐播放系统主要基于Vue开发技术，利用Node.js，ES6/7为主开发实现满足用户需求的音乐播放网站。

 

关键词：音乐播放器；Vue；Node.js；ES6/7

 

目    录

摘    要 I

Abstract II

1 概 述 1

1.1 选题的背景与意义 1

1.2 发展现状及趋势 1

1.3可行性分析 2

1.3.1产品分析 2

1.3.2经济分析 2

2 技术选型 3

2.1 Vue.js 3

2.2 Node.js 4

2.3 Vue CLI 4

2.4 JavaScript(ES6/7) 4

3 主要功能模块简介 6

3.1 用户登录功能 6

3.2 音乐播放暂停功能 6

3.4 控制添加删除歌单内容 6

3.5播放历史功能 6

3.6进度条拖动功能 7

4 用户界面设计 7

4.1 歌单推荐界面列表 7

4.2 歌曲播放页面与主要功能按钮 8

4.3 歌曲搜索页面 8

5 系统设计 10

5.1 基本功能性按钮与信息模块 10

5.1.1 用户UID登录功能 10

5.1.2 播放暂停功能 12

5.1.3 删除歌单内音乐功能 13

5.1.4 进度条拖动功能 13

5.2 UI 美化以及过场动画 13

5.3播放历史功能 16

6系统测试 17

6.1 系统测试的意义 17

6.2 测试方法 17

6.3 测试结果 17

7 总 结 18

参考文献 19