一、项目背景和目的
      “音乐”是一种为我们枯燥乏味的生活带去乐趣的东西也是一种为我们除去烦恼 的东西。 处于现代社会的人们每天都身处于一个充满硝烟的“战争”中，每天都要为了生 存而不断努力。 因为每天日复一日的工作着导致生心日渐憔悴，这时候，你可以拿起耳机听听那 些优美，婉转的歌曲，放松放松，这时候年会感到整个人都快活多了，之前的烦 恼早已烟消云散了。 当你心情低落，烦躁不堪的时候，你可以适当的听听那些激情四射的快歌，跟着 它唱唱将心中的一切不快都尽情地唱出来，这样你会感觉到整个人都轻松多了。

二、项目开发环境及相关技术
1、开发环境Vue.js
2、开发工具HBuilder、Adobe PhotoshopCS6、idea
3、开发相关技术 JavaScript、css、vue、nodejs、Vant、Bootstrap前端框架
4、mysql数据库等

三、项目设计


网站页面设计：

（1）设计图：利用 PS 创建与桌面宽度一样的图层，则宽度为 1920 像素， 高度则随着内容的多少随之变化，将页面分为三大模块，即上中下三部分，利用 PS 为每个模块的高宽及内容进行大致定义，再进行主要的色彩搭配。
（2）素材：使用互联网查询德云社资料，在各大网站（千图网、花瓣网等） 上进行素材的收集，对图片的大小进行裁剪，改变图片的名称（代码中引入图片， 则图片名不能有中文），根据图片的内容进行分类。
（3）代码编写：使用 sublime text 软件进行代码编写，先写出大致的框架， 依照从上到下顺序依次完成代码的编写，CSS 文件则用来调整其样式、大小和位 置，使用 JS 来完成各部分所需要的功能，整体进行响应式。
（4）子页面的内容随着子页面的标题而发生变动，大致风格不变，顶部与底部都 跟随首页，内容一致。子页面的完成也与首页一样，先进行子页面的设计图，进 行分块，色彩搭配；再寻找所需的素材及内容，进行裁剪，最后代码编写，写出 大致的框架，将找的图片和素材进行填充，进行每个页面的交互与响应式。

项目实现相关技术：vue、nodejs、idea、mysql