技术标签: 毕业设计 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会在歌曲播放的时候旋转如下图所示。
文章浏览阅读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方法
文章浏览阅读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。输出格式:根据输
文章浏览阅读64次。作者是谁不清楚,看到群里分享出来的,所以转载到博客了。-----收集整理 by: www.nvhack.com 安全狗SQL注入绕过 测试文件,明显的字符型SQL 注入 _mysql注入上传绕开分号
文章浏览阅读311次。我也是个新手所以遇到的问题可能不全面,不过确实有很多的坑,写下来,后面再补充第一步:找到b站安装视频https://www.bilibili.com/video/BV1oz411v7cv?from=search&seid=12498239426358158910第二步:按照上述步骤下载anaconda 这里指出官网下载需要注册,而恰巧你没有梯子,那么,你可以去清华的镜像网站 https://mirrors.tuna.tsinghua.edu.cn/anacon..._import pytorch as pytouch
文章浏览阅读1w次。尝试了很多网上的方法,反复提到找到 autodesk genuine service.msi 这个文件,但是电脑里没有这个文件只有autodesk genuine service.conf这个文件把他删了再去控制面板卸载就可以了_autodeskgenuineservice为什么卸载不掉
文章浏览阅读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三件套
文章浏览阅读2k次。service 的 clusterIP,这个所谓的 虚地址, 其实是若干条iptables规则:&lt;pre&gt;-A KUBE-SERVICES -d 10.11.97.177/32 -p tcp -m comment --comment &amp;amp;amp;amp;quot;default/my-nginx: cluster IP&am..._kubernets curl svc cluster-ip
文章浏览阅读851次,点赞18次,收藏16次。1 简介今天学长向大家介绍一个机器视觉的毕设项目,基于深度学习的人体目标检测算法研究与实现毕业设计 深度学习行人目标检测系统。
文章浏览阅读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
文章浏览阅读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次。用户注册登录:按始发地、目的地查询购票:按车次号查询购票:查看已购车票,退票,注销:管理员登录,查看所有用户信息:录入车次:删除车次:修改车次信息:查看所有车次:管理员注销:点击运行火车售票系统软件,用户输入用户名和密码,或者直接注册一个账号。登录成功后进入用户界面,可以选择按始发地、目的地或者车次号查询购票,点击用户信息里面的已购车票,可以查看已经购买的车票和进行退票,操作完成后进行注销。管理员输入唯一的账号进行登录,可以点击功能,查看所有用户信息或者注销返回登录界面。管理员可以录入车次,修改车次信息,删_铁路售票系统用例图购票用例规约