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 系统的数据流图
各模块功能
⽤户信息模块
jquery在线库包含功能有⽤户的注册,⽤户的登录,⽤户个⼈信息的修改和⽤户个⼈信息的展⽰。
搜索⾳乐模块
包含功能有在线⾳乐搜索,本地乐库搜索。
歌单管理模块
包含功能有添加新的歌单,修改歌单信息,删除歌单。
收藏歌曲模块
包括添加⾳乐到指定歌单,从歌单中删除⾳乐。
右侧为⽤户栏,点击歌单按钮会弹出“添加歌单”、“管理歌单”功能按钮。点击“添加歌单”按钮会弹出模态框。点击管理歌单会在歌单栏出现编辑和删除按钮。点击消息按钮会弹出“查看消息”功能按钮。点击⽤户按钮会弹出“修改信息”和“退出”功能按钮。点击修改信息会弹出修改⽤户信息的模态框。详情在模
态框中介绍。
主界⾯⼤致分为左、中、右三个区域。按照1:2:1的分配区域。在点击导航栏中的“管理歌单按钮后”,歌单区域进⼊编辑模式。点击主区域的播放按钮和收藏按钮,歌单区的编辑和删除,⽤户区的头像均会弹出模态框。详情在模态框中介绍。
唱⽚CD会在歌曲播放的时候旋转如下图所⽰。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论