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

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

本文链接：https://blog.csdn.net/exodus3/article/details/117489152

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

视图中的键保留表_视图键保留表-程序员宅基地

文章浏览阅读3.2k次。视图中的键保留表：连接视图中所有更新的列必须映射到键保留表的列中，也就是视图DML操作的列必须映射到键保留表的列中键保留表的理解是：一个复杂视图，若需要出现键保留表的话则必须保证基表中至少有一张表是有主键的！其次，这两张表在进行关联时(可以是表连接也可以是多表查询，但一定要有关联条件，其关联条件其实相当于两表的主外键关系)，如果关联条件是使用了主键的话，则外键表为键保留表_视图键保留表

java创建不定长数组_java二维不定长数组测试-程序员宅基地

文章浏览阅读209次。package foxe;import javax.swing.JEditorPane;import javax.swing.JFrame;/*** @author fooxe** @see:Test.java***/public class Test extends JFrame {private String arr[][] = null;private String str[][] = { ..._java创建一个不定长的数组

51信用卡Android 架构演进实践-程序员宅基地

文章浏览阅读227次。随着业务的快速扩张，原本小作坊式的单个工程的开发模式越来与不能满足实际需求。早在两年多以前，51信用卡管家就向下沉淀出了单独的公用基础库，一些通用的功能组件和个别独立的业务被拆分成 SDK，形成了一套中型项目、多人并行的开发模式，也为未来组件化拆分做准备。这套框架运行了一段时间之后，伴随着单应用内业务需求的增加、开发人员数量的增多、基础库数量的膨胀，导致了一些问题：主工程代码耦合严重，牵一发而动全...

机器学习模型评分总结（sklearn）_model.score-程序员宅基地

文章浏览阅读1.5w次，点赞10次，收藏129次。文章目录目录模型评估评价指标1.分类评价指标acc、recall、F1、混淆矩阵、分类综合报告1.准确率方式一：accuracy_score方式二：metrics2.召回率3.F1分数4.混淆矩阵5.分类报告6.kappa scoreROC1.ROC计算2.ROC曲线3.具体实例2.回归评价指标3.聚类评价指标1.Adjusted Rand index 调整兰德系数2.Mutual Informa..._model.score

Apache虚拟主机配置mod_jk_apache mod_jk 虚拟-程序员宅基地

文章浏览阅读344次。因工作需要，在Apache上使用，重新学习配置mod_jk1. 分别安装Apache和Tomcat：2. 编辑httpd-vhosts.conf： LoadModule jk_module modules/mod_jk.so #加载mod_jk模块 JkWorkersFile conf/workers.properties #添加worker信息 JkLogFil_apache mod_jk 虚拟

Android ConstraintLayout2.0 过度动画MotionLayout MotionScene3_android onoffsetchanged-程序员宅基地

文章浏览阅读335次。待老夫kotlin大成,扩展:MotionLayout 与 CoordinatorLayout,DrawerLayout,ViewPager 的交互众所周知,MotionLayout 的动画是有完成度的即Progress ,他在0-1之间变化,一.CoordinatorLayout 与AppBarLayout 交互时,其实就是监听 offsetliner 这个偏移量的变化同样..._android onoffsetchanged

随便推点

小米组织架构再调整，王川调职，雷军自任中国区总裁_小米更换硬件负责人-程序员宅基地

文章浏览阅读335次。5月17日，小米集团再发组织架构调整及任命通知。新通知主要内容为前小米中国区负责人王川调职，雷军自任中国区总裁。小米频繁调整背后，雷军有些着急了中国区手机业务持续下滑。根据IDC最近公布的数据，小米一季度全球出货量为2750万台，相比去年同期的2780万台，小幅下降。参考Canalys、Counterpoint的统计，小米一季度出货量也都录得1%的同比下滑。作为对比，IDC数据显示，华为同期出..._小米更换硬件负责人

JAVA基础学习大全（笔记）_java学习笔记word-程序员宅基地

文章浏览阅读9.1w次。JAVASE和JAVAEE的区别JDK的安装路径[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-perPRPgq-1608641067105)(C:\Users\王东梁\AppData\Roaming\Typora\typora-user-images\image-20201222001641906.png)]卸载和安装JDK[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SYnXvbAn-1608641067107)(C:\Users_java学习笔记word

vue-echarts饼图/柱状图点击事件_echarts 饼图点击事件-程序员宅基地

文章浏览阅读7.8k次，点赞2次，收藏17次。在实际的项目开发中，我们通常会用到Echarts来对数据进行展示，有时候需要用到Echarts的点击事件，增加系统的交互性，一般是点击Echarts图像的具体项来跳转路由并携带参数，当然也可以根据具体需求来做其他的业务逻辑。下面就Echarts图表的点击事件进行实现，文章省略了Echarts图的html代码，构建过程，option，适用的表格有饼图、柱状图、折线图。如果在实现过程中，遇到困难或者有说明好的建议，欢迎留言提问。_echarts 饼图点击事件

操作系统思维导图（一）_操作系统课程思维导图-程序员宅基地

文章浏览阅读1.3k次，点赞4次，收藏14次。内容整理自，华中科技大学，苏曙光老师《操作系统原理》，可在MOOC课程学习相关课程。_操作系统课程思维导图

vite build-程序员宅基地

文章浏览阅读4.3k次。vite在开发阶段采用的是按需加载的方式，不会将所有文件打包。但是生产环境的部署是需要进行打包的，这里它使用的是rollup打包方式。对于代码切割的需求，使用原生动态导入，因此打包后支持新浏览器，对IE的兼容性不是很好，但是可以用对应的polyfill解决。使用esbuild来处理需要pre-undle的在cli.ts的build命令中引入build.ts调用doBuild方法，在这个方法中配置打包参数（input output plugin等）调用buildHtmlPlugin解析文件入口in_vite build

Scala:访问修饰符、运算符和循环_scala ===运算符-程序员宅基地

文章浏览阅读1.4k次。http://blog.csdn.net/pipisorry/article/details/52902234Scala 访问修饰符Scala 访问修饰符基本和Java的一样，分别有：private，protected，public。如果没有指定访问修饰符符，默认情况下，Scala对象的访问级别都是 public。Scala 中的 private 限定符，比 Java 更严格，在嵌套类情况下，外层_scala ===运算符