毕业设计项目（音乐网站）

该音乐网站布局参考QQ音乐；仅供学习交流
用到的技术主要有： HTML+DIV+CSS3 JS JQ Bootstrap框架 PHP+MySQL
功能：
1. 响应式： 用栅格布局和媒体查询简单的实现了响应式
2. 搜索框：（数据库的模糊查询）
3. 评论区：（接收数据将数据入库然后显示出来）
4. 记住密码： cookie.js
5. 播放音乐： 播放的按钮，里面有音乐的src链接，利用JS将他存在数组，点击哪个就改变链接，播放
6. 登录注册： PHP+MySQL实现 JS判断是否合法、为空。 PHP里面判断是否密码重复
7. 固定顶部： 拉到某一位置后，导航条固定在顶部
8. 网页用户交互，网页跳转，锚点，JS、JQ特效

前端功能部分：
首页：

  前端功能：
        * banner图用视频来代替，点击进去会跳转到一个播放页面
        * 下面几个板块都采用了 标签页 和 轮播 的功能实现
        * 鼠标移动到某一个板块的时候，会出现左右尖括号，平时隐藏
        * 新歌首发板块：鼠标移入图片，会出现一个播放按钮，双击播放对应歌曲，按钮变成播放中， 单击暂停，按钮返回原洋

二级页-1：

  前端功能：
        * 鼠标移入某一首歌，出现按钮，移入对应按钮，改变颜色
        * 左边的标签页的功能，点击，局部改变内容，对应标签改变颜色

二级页-2：

二级页-3：

  前端功能：
        * 标签页
        * JS判断网页下拉到一定位置后，导航固定在顶部

二级页-4：

后端功能部分展示：

登陆注册页：

  功能介绍：
        * 登陆注册页面，可以实现正常注册登陆
        * 注册页面输入的信息 会传入数据库
        * 可以利用注册的账号登陆
        * 注册页面 JS判断复选框是否选中，没有选中的状态下，注册按钮禁用
        * 登陆页面 记住密码 运用了cookie.js 的库

我的音乐(个人中心):

  功能介绍:
        * 歌曲是数据库里面的歌曲
        * 歌曲删除后，上面对应的数字也会改变，这里使用了 mysql 查询语句 count(*) 统计数据
        * 点击删除按钮，判断对应歌曲，删除数据库中的歌曲
        * 导航运用了标签页，点击切换局部内容

评论区：

  功能介绍：
        * 多行文本框输入内容，点击发送，后台将数据传入数据库，然后显示在下面评论区
        * 小心心，用了JS效果，点击会变成红色，再点击，取消
        * 右上角时间，是发送时的实时时间

搜索框：

  功能介绍：
        1. 将输入在 搜索框 的内容，存到一个变量
        2. 运用SQL查询语句的 like 模糊查询
        3. 把查询到的语句放进数组，最后把数据用循环语句，循环出来
        4. 查询出来的语句，有多少条，会对应在上面的数字

感谢观看，具体如何，等博主有钱买服务器放上网了再让你们体验