springboot2整合vue开发在线音乐网站
项目描述
springboot+vue的前后端分离项目
后台主要分为:用户管理、歌手管理、歌单管理
用户在前端可以搜索歌曲名字、播放歌曲(如果上传了歌词,点击歌曲图片,可以显示歌词),可以评论歌曲,给歌曲评分等
用户还可以设置自己的信息,上传头像。
不过,歌曲取消收藏模块有点问题
运行环境
jdk7(8)+mysql+IntelliJ IDEA+maven
项目技术(必填)
springboot+vue+mybatis
数据库文件(可选)
链接:https://pan.baidu.com/s/1MdpkslwOT2CXiUzej8viDQ
提取码:wi9h
依赖包文件(可选)
链接:https://pan.baidu.com/s/1lCt2H-e4vShULF_YcL4O8g
提取码:kbgd
资源包文件(可选)
图片和MP3文件百度网盘下载地址
链接:https://pan.baidu.com/s/1hbjAWTq2uPZcsDMjuRLfaw
提取码:cnqc
运行视频(可选)
链接:https://pan.baidu.com/s/1Xfar1Eu3edzBYUGomjuLpQ
提取码:jx49
是否原创(转载必填原文地址)
转载:https://github.com/Yin-Hongwei/music-website.git
项目截图(必填)
在线音乐管理后台编译启动
>cnpm install
>cnpm run dev
在线音乐网站端编译启动
>cnpm install
>cnpm run dev
运行截图(必填)
在线音乐网站后台管理登录
http://localhost:8080/
zuidaima 111111
登录成功
添加用户
添加成功并且设置头像也成功,注意图片文件目录的设置
添加歌手
歌手列表
歌单管理
在线音乐网站前台
http://localhost:8081/#/
歌手列表
按某个歌单搜索歌曲
歌曲详情播放页面
用户登录
最代码官方 111111
发表评论
歌手列表
歌手详情
对歌曲评分
按歌曲名称搜索歌曲
由于MP3文件太大,只放了5首歌曲,测试是可以正常播放的
比如搜索光辉岁月
我的音乐
注意事项(可选)
1.配置ConsumerController,ListSongController,SingerController,SongController,SongListController
这几个的磁盘映射,这里需要的文件,我把它上传到百度云,然后解压后,放到server那个文件夹下。
本地的目录是D:\music-website-master\music-server\
MP3歌曲目录,由于MP3文件太大,只上传了5首歌曲的MP3文件
对应修改
2.注意在启动springboot启动类com.example.demo.HwMusicApplication时需要设置
代码中是通过System.getProperty("user.dir")获取文件上传的根目录的
和本地磁盘目录对应
猜你喜欢
- /
- /music-client
- /music-client/.babelrc
- /music-client/.editorconfig
- /music-client/.eslintignore
- /music-client/.eslintrc.js
- /music-client/.gitignore
- /music-client/.postcssrc.js
- /music-client/build
- /music-client/build/build.js
- /music-client/build/check-versions.js
- /music-server
- /music-server/src
- /music-server/src/main
- /music-server/src/main/java
- /music-server/src/main/java/com
- /music-server/src/main/java/com/example
- /music-server/src/main/java/com/example/demo
- /music-server/src/main/java/com/example/demo/config
- /music-server/src/main/java/com/example/demo/controller
/music-server/src/main/java/com/example/demo/controller/AdminController.java
/music-server/src/main/java/com/example/demo/controller/CollectController.java
/music-server/src/main/java/com/example/demo/controller/CommentController.java
/music-server/src/main/java/com/example/demo/controller/ConsumerController.java
- /music-server/src/main/java/com/example/demo
- /music-server/src/main/java/com/example
- /music-server/src/main/java/com
- /music-server/src/main/java
- /music-server/src/main
- /music-server/src
- /music-client
- 证 vue列表功能:item添加删除、无数据时,增加提示、按条件筛选item
- 原精 vue搭建的个人博客页面
- 原 vue搭建个人博客后台代码
- 证 vue仿bilibili前端首页
- 原 vue + iview +canvas画可拖动拉伸的题目与答案并编辑标题
- 原证精 超棒的vue前端开发框架vue-admin-beautiful搭建运行实例
- 证精 vue uni-app做的简单手机电子商城模板,只有前端代码
- 原精 基于vue开发的外卖点餐app前端源码
- 证 vue高仿饿了么登陆后台网站模板
- 原证精 vue-simple-uploader + springBoot 文件分片上传列队插件
- 证 Spring Boot整合VueJS实现对mysql数据库增删改查的入门实例
- 原证 vue+element-ui数据增删改查实例