基于JavaWeb的在线音乐系统_web音乐播放器数据流图-程序员宅基地

技术标签: 毕业设计  java  bootstrap  javascript  

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会在歌曲播放的时候旋转如下图所示。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/exodus3/article/details/117489152

智能推荐

C语言实现Android的Handler_c语言有没类似handler方法-程序员宅基地

文章浏览阅读806次。首先是头文件handler.h#include <stdio.h>#include <pthread.h>struct list_head { struct list_head *prev, *next;};#define list_entry(ptr, type, member) \ ((type *)((uintptr_t)(ptr) - (uin..._c语言有没类似handler方法

L1-033 出生年 (15分)-程序员宅基地

文章浏览阅读45次。L1-033 出生年 (15分)题目以上是新浪微博中一奇葩贴:“我出生于1988年,直到25岁才遇到4个数字都不相同的年份。”也就是说,直到2013年才达到“4个数字都不相同”的要求。本题请你根据要求,自动填充“我出生于y年,直到x岁才遇到n个数字都不相同的年份”这句话。输入格式:输入在一行中给出出生年份y和目标年份中不同数字的个数n,其中y在[1, 3000]之间,n可以是2、或3、或4。注意不足4位的年份要在前面补零,例如公元1年被认为是0001年,有2个不同的数字0和1。输出格式:根据输

mysql 3.23 注入_安全狗SQL注入、上传绕过-2017-3-23-程序员宅基地

文章浏览阅读64次。作者是谁不清楚,看到群里分享出来的,所以转载到博客了。-----收集整理 by: www.nvhack.com 安全狗SQL注入绕过 测试文件,明显的字符型SQL 注入 _mysql注入上传绕开分号

pytorch环境搭建_import pytorch as pytouch-程序员宅基地

文章浏览阅读311次。我也是个新手所以遇到的问题可能不全面,不过确实有很多的坑,写下来,后面再补充第一步:找到b站安装视频https://www.bilibili.com/video/BV1oz411v7cv?from=search&seid=12498239426358158910第二步:按照上述步骤下载anaconda 这里指出官网下载需要注册,而恰巧你没有梯子,那么,你可以去清华的镜像网站 https://mirrors.tuna.tsinghua.edu.cn/anacon..._import pytorch as pytouch

autodesk genuine service卸载不掉,找不到autodesk genuine service.msi 怎么办_autodeskgenuineservice为什么卸载不掉-程序员宅基地

文章浏览阅读1w次。尝试了很多网上的方法,反复提到找到 autodesk genuine service.msi 这个文件,但是电脑里没有这个文件只有autodesk genuine service.conf这个文件把他删了再去控制面板卸载就可以了_autodeskgenuineservice为什么卸载不掉

华为荣耀鸿蒙3.0安装谷歌Play商店,安装谷歌服务三件套GMS,Google_华为鸿蒙安装googleplay三件套-程序员宅基地

文章浏览阅读6.6w次,点赞12次,收藏102次。我们升级到鸿蒙3.0也面临着一个问题,那就是安装谷歌服务框架GMS谷歌play商店。在鸿蒙2.0的时候我们使用工具:华谷套件,列,X2,XS2。那么我们升级到鸿蒙3.0也面临着一个问题,那就是安装谷歌服务框架GMS谷歌play商店。在鸿蒙2.0的时候我们使用工具:华谷套件,同时配置电脑链接手机降级备份就可以安装Play商店。最新的好消息鸿蒙3.0也可以安装谷歌Play商店了,而且不需要使用电脑,只需要一个安卓APP:华谷套件,就可以轻松地安装。同时我找了几款其他的机型,比如mate 40系列都是可以安装的。_华为鸿蒙安装googleplay三件套

随便推点

curl不通 k8s_kubernetes的service的cluster-ip无法访问-程序员宅基地

文章浏览阅读2k次。service 的 clusterIP,这个所谓的 虚地址, 其实是若干条iptables规则:<pre>-A KUBE-SERVICES -d 10.11.97.177/32 -p tcp -m comment --comment "default/my-nginx: cluster IP&am..._kubernets curl svc cluster-ip

毕业设计项目 深度学习人体目标检测-程序员宅基地

文章浏览阅读851次,点赞18次,收藏16次。1 简介今天学长向大家介绍一个机器视觉的毕设项目,基于深度学习的人体目标检测算法研究与实现毕业设计 深度学习行人目标检测系统。

CMake笔记(1)简单语法_cmake if not-程序员宅基地

文章浏览阅读260次。简单语法注释#命令格式COMMAND(参数1 参数2 ...)分隔符A;B;C D #用分号或者空格分割变量set(VAR a b c) 设置变量VAR command(${VAR}) 引用变量VAR的值,等价于command(a b c) command("${VAR}") 等价于 command("a b c") command("/..._cmake if not

Ubuntu18.04安装QGC_ubuntu18.04 安装qgc-程序员宅基地

文章浏览阅读3.2k次,点赞6次,收藏41次。QGC下载下载地址:https://github.com/mavlink/qgroundcontrol/releases进入网站后找到自己需要的版本,我自己使用的为3.5.2和4.1.2后缀.exe为window的安装包,这里我们下载后缀.Applmage和.tar.bz2。安装QGC下载完成后解压tar.bz2 tar -xjf QGroundControl.tar.bz2安装相关依赖sudo apt-get install espeak libespeak-dev libudev-d_ubuntu18.04 安装qgc

好未来---锁定广东卫视,听大师分享人生中的“顿悟时刻”_卢勤 杨永信-程序员宅基地

文章浏览阅读540次。 锁定广东卫视,听大师分享人生中的“顿悟时刻” 你是否还记得,成长路上那些至关重要的时刻?那些忽然醒悟的瞬间?这便是“顿悟”的力量。成长路途中的“顿悟”,离不开师长的点拨。它可能会是一个良好的习惯,会是一份持之以恒的毅力,也会是优秀的品格和综合素养。 ..._卢勤 杨永信

面向对象设计大作业——火车售票系统_铁路售票系统用例图购票用例规约-程序员宅基地

文章浏览阅读744次。用户注册登录:按始发地、目的地查询购票:按车次号查询购票:查看已购车票,退票,注销:管理员登录,查看所有用户信息:录入车次:删除车次:修改车次信息:查看所有车次:管理员注销:点击运行火车售票系统软件,用户输入用户名和密码,或者直接注册一个账号。登录成功后进入用户界面,可以选择按始发地、目的地或者车次号查询购票,点击用户信息里面的已购车票,可以查看已经购买的车票和进行退票,操作完成后进行注销。管理员输入唯一的账号进行登录,可以点击功能,查看所有用户信息或者注销返回登录界面。管理员可以录入车次,修改车次信息,删_铁路售票系统用例图购票用例规约

推荐文章

热门文章

相关标签