Trend音乐网站的设计与实现

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

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

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

目 录

1 项目概述 1

1.1 选题的背景和意义 1

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

1.2.1 Photoshop 1

1.2.2 MySQL 1

1.2.3 WebStorm 2

1.2.4 CSS+HTML 2

1.2.5 java script 3

1.2.6 Vue.js 3

1.2.7 Vue-cli 4

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 通过分类查询MV 21

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