Trend音乐网站的设计与实现

摘  要：随着现在电脑越来越普遍，越来越多的人开始学习电脑。各种学习网站也越来越多。电脑已经不是办公的专属，反而是娱乐的网站越来越多。其中很重要的一种类型的网站就是音乐网站。一个好的音乐网站可以带给人们对于精神上更好的追求。市场上有很多的音乐网站，例如:网易云音乐、QQ音乐、酷我音乐、酷狗音乐等等大家熟知的音乐网站。但是Trend音乐网站对于以上音乐网站来说，最重要的就是不需要购买音乐，并且下载音乐也不需要付费。对于一些在没有网络的环境下边办公边听歌的人来说，这无异于方便了许多。 

论文分为项目概述、项目概要、数据库设计、系统设计、测试、总结与展望六个部分的组成。

关键词： 音乐网站 设计理念 trend

目 录

1 项目概述1

1.1 选题的背景和意义1

1.2 音乐网站的开发工具和环境1

1.2.1 Photoshop1

1.2.2 MySQL1

1.2.3 WebStorm2

1.2.4 CSS+HTML2

1.2.5 java script3

1.2.6 Vue.js3

1.2.7 Vue-cli4

1.3 音乐网站设计目的4

1.3.1 用户分析4

1.3.2 同类型音乐网站分析5

2 项目概要6

2.1 项目简介6

2.2 网站风格定义8

2.2.1 设计风格定义8

2.2.2 标准色定义8

2.2.3 规格定义8

2.3 项目风险8

3 数据库设计9

3.1 数据库表结构9

3.2 数据库表9

3.3 数据库设计命名规范9

4 系统实现10

4.1 说明10

4.1.1 项目文件命名规范10

4.1.2 项目的文件结构说明10

4.2 前台系统功能实现10

4.2.1 数据库链接代码说明10

4.2.2 主页10

4.2.3 用户登录13

4.2.4 搜索15

4.2.5 查询最新音乐分类19

4.2.6 通过分类查询MV21

4.2.7 查询推荐歌单分类24

4.3 后台系统功能实现29

4.3.1 管理员登录29

4.3.2 用户管理31

5 测试35

5.1 测试35

5.2 测试例子及结果35

5.2.1 登录测试35

5.2.2 注册测试36

5.2.3 删除测试36

5.2.4 检索测试36

6 总结与展望37

致谢37

参考文献38