Springboot+Vue音乐系统
系统开发、学习,小孟微信:xiaomengcode
系统详细的演示:
# 1,我们的出项目
大家好,今天给大家出一个非常牛 b 非常炸裂的项目,就是我们的这个音乐推荐系统非常nice的学习。
可以直接用,也可以二次开发。
提供免费技术交流群。可以加小孟微信:xiaomengcode
大家可以免费学习,我会把视频配套的核心资料发给大家,只要给大家一个三连,核心资料免费学习
我们出视频的目的,就是带大家学习进步提高 传承奥运精神更快更高更强
项目有非常多的创新点:大屏、AI 、权限、协同过滤智能推荐算法。
同时还有详细的文档。
# 2,面向的学习群体
学习技术的大学生,可用于面试面试找工作;
做毕设的小伙伴;
想学习 springboot+vue 小伙伴
# 3,技术栈
开发工具:Idea+HBuilder+Navicat
运行环境:Jdk1.8+Maven3+MySQL8+Nodejs
后端技术:Springboot2.5.9+Mybatis-Plus3
Spring Boot 作为主框架,MyBatis-Plus 作为 ORM 框架,Swagger 用于 API 文档管理
前端技术:Vue2
软件免费下载,我也给大家整理好了,三联免费获取
找我要,微信:xiaomengcode

前端启动:
npm install
npm run serve
# 4,系统的功能
# 4.1 系统的功能
核心功能模块
音乐管理
音乐管理(MusicController.java)
歌手管理(SingerController.java)
音乐类型管理(TypeController.java)
播放列表功能
播放列表管理(PlaylistController.java)
播放列表收藏(PlaylistCollectController.java)
播放列表音乐关联(PlaylistMusicController.java)
用户互动功能
用户评论管理(CommentController.java, CommentVideoController.java)
博客及博客评论(BlogController.java, BlogCommentController.java)
收藏功能(CollectController.java)
点赞功能(CountryLikeController.java)
社交功能
聊天功能(ChatController.java)
用户管理(UserController.java)
内容管理
公告管理(NoticeController.java)
MV 视频管理(VideoController.java)
菜单管理(MenuController.java)
文件管理(FileController.java)
数据统计
图表数据展示(EchartsController.java)
用户管理系统
登录(Login.vue)、注册(Register.vue)功能
个人中心(Person.vue)、密码修改(Password.vue)
音乐管理功能
音乐列表展示(MusicList.vue、Music.vue)
音乐详情(MusicDetail.vue)
歌手列表(MusicSingerList.vue)
我的音乐(MyMusic.vue)
博客系统
博客发布(AddBlog.vue)
博客列表和详情(Blog.vue、BlogDetail.vue)
视频功能
视频展示(Video.vue)
视频详情(VideoDetail.vue)
播放列表管理
播放列表(PlaylistList.vue)
播放列表收藏(PlaylistCollect.vue)
AI 功能
包含 Ai.vue 组件,可能集成人工智能相关功能
公告系统
首页公告展示(如 Home.vue 中所示)
后台管理
包含多个管理组件如 Manage.vue、Dashbord.vue 等,用于后台数据管理
# 4.2 系统的代码结构
后端代码结构:
│ pom.xml
│
├─.idea
│ .gitignore
│ compiler.xml
│ encodings.xml
│ goldguMusic.iml
│ jarRepositories.xml
│ misc.xml
│ workspace.xml
│
├─files
├─src
│ └─main
│ ├─java
│ │ └─com
│ │ └─example
│ │ └─springboot
│ │ │ SpringbootApplication.java
│ │ │
│ │ ├─common
│ │ │ Constants.java
│ │ │ Result.java
│ │ │ RoleEnum.java
│ │ │
│ │ ├─config
│ │ │ │ CorsConfig.java
│ │ │ │ InterceptorConfig.java
│ │ │ │ MybatisPlusConfig.java
│ │ │ │ SwaggerConfig.java
│ │ │ │
│ │ │ └─interceptor
│ │ │ AuthAccess.java
│ │ │ JwtInterceptor.java
│ │ │
│ │ ├─controller
│ │ │ │ BlogCommentController.java
│ │ │ │ BlogController.java
│ │ │ │ ChatController.java
│ │ │ │ CollectController.java
│ │ │ │ CommentController.java
│ │ │ │ CommentVideoController.java
│ │ │ │ CountryLikeController.java
│ │ │ │ EchartsController.java
│ │ │ │ FileController.java
│ │ │ │ MenuController.java
│ │ │ │ MusicController.java
│ │ │ │ NoticeController.java
│ │ │ │ PlaylistCollectController.java
│ │ │ │ PlaylistController.java
│ │ │ │ PlaylistMusicController.java
│ │ │ │ RoleController.java
│ │ │ │ SingerController.java
│ │ │ │ TypeController.java
│ │ │ │ UserController.java
│ │ │ │ VideoController.java
│ │ │ │
│ │ │ └─dto
│ │ │ MusicDTO.java
│ │ │ PlaylistMusicDTO.java
│ │ │ UserDTO.java
│ │ │ UserPasswordDTO.java
│ │ │
│ │ ├─entity
│ │ │ BarVo.java
│ │ │ Blog.java
│ │ │ BlogComment.java
│ │ │ Collect.java
│ │ │ Comment.java
│ │ │ CommentVideo.java
│ │ │ CountryLike.java
│ │ │ Dict.java
│ │ │ EchartVo.java
│ │ │ Files.java
│ │ │ Menu.java
│ │ │ Music.java
│ │ │ Notice.java
│ │ │ Playlist.java
│ │ │ PlaylistCollect.java
│ │ │ PlaylistMusic.java
│ │ │ Recommend.java
│ │ │ Role.java
│ │ │ RoleMenu.java
│ │ │ Singer.java
│ │ │ Type.java
│ │ │ User.java
│ │ │ Video.java
│ │ │
│ │ ├─exception
│ │ │ GlobalExceptionHandler.java
│ │ │ ServiceException.java
│ │ │
│ │ ├─mapper
│ │ │ BlogCommentMapper.java
│ │ │ BlogMapper.java
│ │ │ CollectMapper.java
│ │ │ CommentMapper.java
│ │ │ CommentVideoMapper.java
│ │ │ CountryLikeMapper.java
│ │ │ DictMapper.java
│ │ │ EchartsMapper.java
│ │ │ FileMapper.java
│ │ │ MenuMapper.java
│ │ │ MusicMapper.java
│ │ │ NoticeMapper.java
│ │ │ PlaylistCollectMapper.java
│ │ │ PlaylistMapper.java
│ │ │ PlaylistMusicMapper.java
│ │ │ RoleMapper.java
│ │ │ RoleMenuMapper.java
│ │ │ SingerMapper.java
│ │ │ TypeMapper.java
│ │ │ UserMapper.java
│ │ │ VideoMapper.java
│ │ │
│ │ ├─service
│ │ │ │ EchartService.java
│ │ │ │ IBlogCommentService.java
│ │ │ │ IBlogService.java
│ │ │ │ ICollectService.java
│ │ │ │ ICommentService.java
│ │ │ │ ICommentVideoService.java
│ │ │ │ ICountryLikeService.java
│ │ │ │ IMenuService.java
│ │ │ │ IMusicService.java
│ │ │ │ INoticeService.java
│ │ │ │ IPlaylistCollectService.java
│ │ │ │ IPlaylistMusicService.java
│ │ │ │ IPlaylistService.java
│ │ │ │ IRoleService.java
│ │ │ │ ISingerService.java
│ │ │ │ ITypeService.java
│ │ │ │ IUserService.java
│ │ │ │ IVideoService.java
│ │ │ │
│ │ │ └─impl
│ │ │ BlogCommentServiceImpl.java
│ │ │ BlogServiceImpl.java
│ │ │ CollectServiceImpl.java
│ │ │ CommentServiceImpl.java
│ │ │ CommentVideoServiceImpl.java
│ │ │ CountryLikeServiceImpl.java
│ │ │ EchartsServiceImpl.java
│ │ │ MenuServiceImpl.java
│ │ │ MusicServiceImpl.java
│ │ │ NoticeServiceImpl.java
│ │ │ PlaylistCollectServiceImpl.java
│ │ │ PlaylistMusicServiceImpl.java
│ │ │ PlaylistServiceImpl.java
│ │ │ RoleServiceImpl.java
│ │ │ SingerServiceImpl.java
│ │ │ TypeServiceImpl.java
│ │ │ UserServiceImpl.java
│ │ │ VideoServiceImpl.java
│ │ │
│ │ └─utils
│ │ AIParam.java
│ │ ChatMsgFluxUnit.java
│ │ CodeGenerator.java
│ │ TableColumn.java
│ │ TokenUtils.java
│ │
│ └─resources
│ │ application.yml
│ │
│ ├─mapper
│ │ BlogCommentMapper.xml
│ │ BlogMapper.xml
│ │ CollectMapper.xml
│ │ CommentMapper.xml
│ │ CommentVideoMapper.xml
│ │ CountryLikeMapper.xml
│ │ EchartMapper.xml
│ │ MenuMapper.xml
│ │ MusicMapper.xml
│ │ NoticeMapper.xml
│ │ PlaylistCollectMapper.xml
│ │ PlaylistMapper.xml
│ │ PlaylistMusicMapper.xml
│ │ RoleMapper.xml
│ │ SingerMapper.xml
│ │ TypeMapper.xml
│ │ UserMapper.xml
│ │ VideoMapper.xml
│ │
│ └─templates
│ controller.java.vm
│ entity.java.vm
│ mapper.xml.vm
│ service.java.vm
│ serviceImpl.java.vm
│ vue.template
│
└─target
├─classes
│ │ application.yml
│ │
│ ├─com
│ │ └─example
│ │ └─springboot
│ │ │ SpringbootApplication.class
│ │ │
│ │ ├─common
│ │ │ Constants.class
│ │ │ Result.class
│ │ │ RoleEnum.class
│ │ │
│ │ ├─config
│ │ │ │ CorsConfig.class
│ │ │ │ InterceptorConfig.class
│ │ │ │ MybatisPlusConfig.class
│ │ │ │ SwaggerConfig.class
│ │ │ │
│ │ │ └─interceptor
│ │ │ AuthAccess.class
│ │ │ JwtInterceptor.class
│ │ │
│ │ ├─controller
│ │ │ │ BlogCommentController.class
│ │ │ │ BlogController.class
│ │ │ │ ChatController.class
│ │ │ │ CollectController.class
│ │ │ │ CommentController.class
│ │ │ │ CommentVideoController.class
│ │ │ │ CountryLikeController.class
│ │ │ │ EchartsController.class
│ │ │ │ FileController.class
│ │ │ │ MenuController.class
│ │ │ │ MusicController.class
│ │ │ │ NoticeController.class
│ │ │ │ PlaylistCollectController.class
│ │ │ │ PlaylistController.class
│ │ │ │ PlaylistMusicController.class
│ │ │ │ RoleController.class
│ │ │ │ SingerController.class
│ │ │ │ TypeController.class
│ │ │ │ UserController.class
│ │ │ │ VideoController.class
│ │ │ │
│ │ │ └─dto
│ │ │ MusicDTO.class
│ │ │ PlaylistMusicDTO.class
│ │ │ UserDTO.class
│ │ │ UserPasswordDTO.class
│ │ │
│ │ ├─entity
│ │ │ BarVo.class
│ │ │ Blog.class
│ │ │ BlogComment.class
│ │ │ Collect.class
│ │ │ Comment.class
│ │ │ CommentVideo.class
│ │ │ CountryLike.class
│ │ │ Dict.class
│ │ │ EchartVo.class
│ │ │ Files.class
│ │ │ Menu.class
│ │ │ Music.class
│ │ │ Notice.class
│ │ │ Playlist.class
│ │ │ PlaylistCollect.class
│ │ │ PlaylistMusic.class
│ │ │ Recommend.class
│ │ │ Role.class
│ │ │ RoleMenu.class
│ │ │ Singer.class
│ │ │ Type.class
│ │ │ User.class
│ │ │ Video.class
│ │ │
│ │ ├─exception
│ │ │ GlobalExceptionHandler.class
│ │ │ ServiceException.class
│ │ │
│ │ ├─mapper
│ │ │ BlogCommentMapper.class
│ │ │ BlogMapper.class
│ │ │ CollectMapper.class
│ │ │ CommentMapper.class
│ │ │ CommentVideoMapper.class
│ │ │ CountryLikeMapper.class
│ │ │ DictMapper.class
│ │ │ EchartsMapper.class
│ │ │ FileMapper.class
│ │ │ MenuMapper.class
│ │ │ MusicMapper.class
│ │ │ NoticeMapper.class
│ │ │ PlaylistCollectMapper.class
│ │ │ PlaylistMapper.class
│ │ │ PlaylistMusicMapper.class
│ │ │ RoleMapper.class
│ │ │ RoleMenuMapper.class
│ │ │ SingerMapper.class
│ │ │ TypeMapper.class
│ │ │ UserMapper.class
│ │ │ VideoMapper.class
│ │ │
│ │ ├─service
│ │ │ │ EchartService.class
│ │ │ │ IBlogCommentService.class
│ │ │ │ IBlogService.class
│ │ │ │ ICollectService.class
│ │ │ │ ICommentService.class
│ │ │ │ ICommentVideoService.class
│ │ │ │ ICountryLikeService.class
│ │ │ │ IMenuService.class
│ │ │ │ IMusicService.class
│ │ │ │ INoticeService.class
│ │ │ │ IPlaylistCollectService.class
│ │ │ │ IPlaylistMusicService.class
│ │ │ │ IPlaylistService.class
│ │ │ │ IRoleService.class
│ │ │ │ ISingerService.class
│ │ │ │ ITypeService.class
│ │ │ │ IUserService.class
│ │ │ │ IVideoService.class
│ │ │ │
│ │ │ └─impl
│ │ │ BlogCommentServiceImpl.class
│ │ │ BlogServiceImpl.class
│ │ │ CollectServiceImpl.class
│ │ │ CommentServiceImpl.class
│ │ │ CommentVideoServiceImpl.class
│ │ │ CountryLikeServiceImpl.class
│ │ │ EchartsServiceImpl.class
│ │ │ MenuServiceImpl.class
│ │ │ MusicServiceImpl.class
│ │ │ NoticeServiceImpl.class
│ │ │ PlaylistCollectServiceImpl.class
│ │ │ PlaylistMusicServiceImpl.class
│ │ │ PlaylistServiceImpl.class
│ │ │ RoleServiceImpl.class
│ │ │ SingerServiceImpl.class
│ │ │ TypeServiceImpl.class
│ │ │ UserServiceImpl.class
│ │ │ VideoServiceImpl.class
│ │ │
│ │ └─utils
│ │ AIParam.class
│ │ ChatMsgFluxUnit.class
│ │ CodeGenerator.class
│ │ TableColumn.class
│ │ TokenUtils.class
│ │
│ ├─mapper
│ │ BlogCommentMapper.xml
│ │ BlogMapper.xml
│ │ CollectMapper.xml
│ │ CommentMapper.xml
│ │ CommentVideoMapper.xml
│ │ CountryLikeMapper.xml
│ │ EchartMapper.xml
│ │ MenuMapper.xml
│ │ MusicMapper.xml
│ │ NoticeMapper.xml
│ │ PlaylistCollectMapper.xml
│ │ PlaylistMapper.xml
│ │ PlaylistMusicMapper.xml
│ │ RoleMapper.xml
│ │ SingerMapper.xml
│ │ TypeMapper.xml
│ │ UserMapper.xml
│ │ VideoMapper.xml
│ │
│ └─templates
│ controller.java.vm
│ entity.java.vm
│ mapper.xml.vm
│ service.java.vm
│ serviceImpl.java.vm
│ vue.template
│
└─generated-sources
└─annotations
# 4.3 系统的功能创新点
系统的亮点/创新点:
1,系统干净,脚手架干净;非常方便二次开发。
2,协同过滤算法,智能推荐,根据不同的用户进行推荐。
3,音乐大屏,超越 echart 图,更加的生动形象。
4,权限管理,不同的用户给予不同的权限;方便后台的管理。
# 5,项目功能操作演示
视频功能演示。
6,本地环境搭建部署
软件下载和软件的破解;
需要软件:idea 、hbuilder,navicat、jdk、mysql
后端 springboot 需要的配置/环境:JDK、Maven
前端 Vue 需要的配置/环境:Node、npm
三连,免费获取。
下载地址:
https://www.javaclimb.com/d5/5-1.html (opens new window)

数据库导入;
打开 navicat ,在链接上单击右键 “新建数据库”,在弹框中输入“数据库名”例如:“music” (这里是我自己起的名字 )

点击确定在新创建的数据库上右键“运行 sql 文件”选中你要导入的 sql 文件后 点击“开始”即可稍等片刻后

再刷新一下“music”的数据库就能看到已经导入进去的表了

后端本地运行;
打开 idea 点击“file”->"open"

在弹框中找到具体的项目路径,选中后点击“ok”后即可打开项目。

找到 application.yml 文件,将数据库链接改为本地的链接 设置好用户名,密码

然后点击右上角的“虫子”图标

看到控制台输出端口号,项目即启动成功

前端运行;
将 cmd 切换到前端目录所在路径 运行 npm install 等待程序安装完后 再运行 npm run serve 即可启动程序


当看到出现 ip 地址是时候说明程序已经运行成功了,将 ip 复制到浏览器地址访问即能访问到项目了


# 7,登录模块-登录
用户输入 “用户名”“密码”后点击“登录”即能登录到首页

# 8,首页大屏
登陆后进来的首页大屏展示的是整个系统的数据分析汇总的情况概览。包括音乐类别数量,男女占比,歌手数量类型,评论趋势等数据


# 9,音乐 AI 聊天

# 10,权限管理

# 全部模块的演示
请去 b 站看详细的演示:
项目购买:
https://www.pdxmw.com/project/43 (opens new window)
有问题可加小孟微信:codemeng