019基于JavaWeb的在线音乐系统（含论文）

019基于JavaWeb的在线音乐系统（含论文）

开发环境：
Jdk7(8)+Tomcat7(8)+Mysql+IntelliJ IDEA(Eclipse)

数据库：
MySQL

技术：
Java+Servlet+Jquery+JavaScript+Ajax+JSP+Bootstrap

适用于：
课程设计，毕业设计，学习等等

系统介绍：
本系统是采用Java Web技术的B-S架构的网站，用到的技术有Java EE 、CSS、JavaScript、Ajax。为了使用的效果以及开发的简便，在前端使用了CSS的Bootstrap及其UI组件框架，JS的Jquery库以及Ajax技术。在线音乐是获取的外部站点的API提供查询服务，并且每一次播放在线音乐会将其数据保存到本地数据库。本地音乐是从本地数据库中获取数据展现到用户界面。
2、系统的需求分析
2.1 系统可行性分析
本系统是采用Java Web技术的B-S架构的网站，用到的技术有Java EE 、CSS、JavaScript、Ajax。为了使用的效果以及开发的简便，在前端使用了CSS的Bootstrap及其UI组件框架，JS的Jquery库以及Ajax技术。在线音乐是获取的外部站点的API提供查询服务，并且每一次播放在线音乐会将其数据保存到本地数据库。本地音乐是从本地数据库中获取数据展现到用户界面。

2.2 系统功能描述
2.2.1 用户管理
用户注册：用户可以点击注册按钮进入注册界面，注册属于自己的账号

用户登录：用户使用自己的账号登录系统

用户设置：可点击个人设置，修改个人信息，例如昵称，头像等

2.2.2 播放界面
音乐播放[播放与暂停]：对在播放器中的音乐进行播放和暂停

音量调节：对正在播放器中的音乐的音量大小进行调节

2.2.3 歌单与音乐管理
歌单管理：对歌单的增删查改

音乐管理：将音乐添加进歌单，将音乐从歌单中删除

2.2.4 音乐搜索
在线搜索：在网络上搜索获取音乐资源

系统乐库：获取系统所在服务器上的音乐资源

2.3 系统的数据流图



各模块功能
用户信息模块

包含功能有用户的注册，用户的登录，用户个人信息的修改和用户个人信息的展示。

搜索音乐模块

包含功能有在线音乐搜索，本地乐库搜索。

歌单管理模块

包含功能有添加新的歌单，修改歌单信息，删除歌单。

收藏歌曲模块

包括添加音乐到指定歌单，从歌单中删除音乐。

右侧为用户栏，点击歌单按钮会弹出“添加歌单”、“管理歌单”功能按钮。点击“添加歌单”按钮会弹出模态框。点击管理歌单会在歌单栏出现编辑和删除按钮。点击消息按钮会弹出“查看消息”功能按钮。点击用户按钮会弹出“修改信息”和“退出”功能按钮。点击修改信息会弹出修改用户信息的模态框。详情在模态框中介绍。

主界面大致分为左、中、右三个区域。按照1：2：1的分配区域。在点击导航栏中的“管理歌单按钮后”，歌单区域进入编辑模式。点击主区域的播放按钮和收藏按钮，歌单区的编辑和删除，用户区的头像均会弹出模态框。详情在模态框中介绍。

唱片CD会在歌曲播放的时候旋转如下图所示。