开发环境:
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 系统的数据流图
019基于JavaWeb的在线音乐系统(含论文)_模态框
019基于JavaWeb的在线音乐系统(含论文)_java_02
019基于JavaWeb的在线音乐系统(含论文)_数据库_03
各模块功能
用户信息模块

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

搜索音乐模块

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

歌单管理模块

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

收藏歌曲模块

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

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

019基于JavaWeb的在线音乐系统(含论文)_模态框_04

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

唱片CD会在歌曲播放的时候旋转如下图所示。
019基于JavaWeb的在线音乐系统(含论文)_ajax_05
019基于JavaWeb的在线音乐系统(含论文)_ajax_06
019基于JavaWeb的在线音乐系统(含论文)_数据库_07
019基于JavaWeb的在线音乐系统(含论文)_java_08
019基于JavaWeb的在线音乐系统(含论文)_搜索_09
019基于JavaWeb的在线音乐系统(含论文)_数据库_10
019基于JavaWeb的在线音乐系统(含论文)_java_11
019基于JavaWeb的在线音乐系统(含论文)_数据库_12
019基于JavaWeb的在线音乐系统(含论文)_数据库_13
019基于JavaWeb的在线音乐系统(含论文)_ajax_14
019基于JavaWeb的在线音乐系统(含论文)_数据库_15