最代码广告位
随便取个名字_哈哈的gravatar头像
随便取个名字_哈哈2020-06-21 00:11:25

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

项目截图(必填)

springboot2整合vue开发在线音乐网站

springboot2整合vue开发在线音乐网站

在线音乐管理后台编译启动

>cnpm install

springboot2整合vue开发在线音乐网站

>cnpm run dev

springboot2整合vue开发在线音乐网站

在线音乐网站端编译启动

>cnpm install

springboot2整合vue开发在线音乐网站

>cnpm run dev

springboot2整合vue开发在线音乐网站

运行截图(必填)

在线音乐网站后台管理登录

http://localhost:8080/

zuidaima 111111

springboot2整合vue开发在线音乐网站

登录成功

springboot2整合vue开发在线音乐网站

添加用户

springboot2整合vue开发在线音乐网站

添加成功并且设置头像也成功,注意图片文件目录的设置

springboot2整合vue开发在线音乐网站

springboot2整合vue开发在线音乐网站

添加歌手

springboot2整合vue开发在线音乐网站

歌手列表

springboot2整合vue开发在线音乐网站

springboot2整合vue开发在线音乐网站

歌单管理

springboot2整合vue开发在线音乐网站

在线音乐网站前台

http://localhost:8081/#/

springboot2整合vue开发在线音乐网站

springboot2整合vue开发在线音乐网站

歌手列表

springboot2整合vue开发在线音乐网站

按某个歌单搜索歌曲

springboot2整合vue开发在线音乐网站

歌曲详情播放页面

springboot2整合vue开发在线音乐网站

用户登录

最代码官方 111111

springboot2整合vue开发在线音乐网站

发表评论

springboot2整合vue开发在线音乐网站

歌手列表

springboot2整合vue开发在线音乐网站

歌手详情

springboot2整合vue开发在线音乐网站

对歌曲评分

springboot2整合vue开发在线音乐网站

按歌曲名称搜索歌曲

springboot2整合vue开发在线音乐网站

由于MP3文件太大,只放了5首歌曲,测试是可以正常播放的

比如搜索光辉岁月

springboot2整合vue开发在线音乐网站

我的音乐

springboot2整合vue开发在线音乐网站

注意事项(可选)

1.配置ConsumerController,ListSongController,SingerController,SongController,SongListController

这几个的磁盘映射,这里需要的文件,我把它上传到百度云,然后解压后,放到server那个文件夹下。

springboot2整合vue开发在线音乐网站

本地的目录是D:\music-website-master\music-server\

springboot2整合vue开发在线音乐网站

springboot2整合vue开发在线音乐网站

MP3歌曲目录,由于MP3文件太大,只上传了5首歌曲的MP3文件

springboot2整合vue开发在线音乐网站

对应修改

springboot2整合vue开发在线音乐网站

2.注意在启动springboot启动类com.example.demo.HwMusicApplication时需要设置

springboot2整合vue开发在线音乐网站

代码中是通过System.getProperty("user.dir")获取文件上传的根目录的

springboot2整合vue开发在线音乐网站

和本地磁盘目录对应

springboot2整合vue开发在线音乐网站


打赏

已有1人打赏

最代码官方的gravatar头像

文件名:music-website-master.zip,文件大小:1755.771K下载
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友