# 基于SpringBoot+Vue的AI+算法+权限的音乐大屏系统 **Repository Path**: springmeng/ai-music ## Basic Information - **Project Name**: 基于SpringBoot+Vue的AI+算法+权限的音乐大屏系统 - **Description**: 项目满足基本的音乐功能需求，有非常多的创新点：大屏、AI 、权限、协同过滤智能推荐算法。 - **Primary Language**: Unknown - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: https://www.pdxmw.com/index - **GVP Project**: No ## Statistics - **Stars**: 4 - **Forks**: 0 - **Created**: 2025-09-06 - **Last Updated**: 2025-09-11 ## Categories & Tags **Categories**: Uncategorized **Tags**: 音乐, 大屏, 协同过滤算法, AI, 权限管理 ## README # 基于SpringBoot+Vue的AI+算法+权限的音乐大屏系统 #### 介绍 项目满足基本的音乐功能需求，有非常多的创新点：大屏、AI 、权限、协同过滤智能推荐算法。 我们出项目和视频的目的是帮助更多的人学习，点击star支持。 #### 软件架构 软件架构说明 有详细的教程、文档、源码。 开发工具：Idea+HBuilder+Navicat ![输入图片说明](picture/1.png) 运行环境：Jdk1.8+Maven3+MySQL8+Nodejs 后端技术：Springboot2.5.9+Mybatis-Plus3 Spring Boot作为主框架，MyBatis-Plus作为ORM框架，Swagger用于API文档管理 前端技术：Vue2 ![输入图片说明](picture/11.png) 软件免费下载，我也给大家整理好了，三联免费获取 找我要，微信：xiaomengcode 前端启动： npm install npm run serve 系统的核心的功能： 音乐管理 音乐管理(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 系统的代码结构 项目有非常多的创新点：大屏、AI 、权限、协同过滤智能推荐算法。 同时还有详细的文档。 系统的视频教程： 教程地址（复制到浏览器直接访问）： 视频详细教程 [详细视频教程地址](https://www.bilibili.com/video/BV1pYatzjEr8/?spm_id_from=333.1387.homepage.video_card.click&vd_source=e64f225fc5daf048d2687502cb23bb3b) 系统的演示： ![输入图片说明](picture/2.png) ![输入图片说明](picture/3.png) ![输入图片说明](picture/4.png) ![输入图片说明](picture/5.png) ![输入图片说明](picture/6.png) ![输入图片说明](picture/7.png) ![输入图片说明](picture/8.png) ![输入图片说明](picture/9.png) 如果想看详细的演示或者教程： [详细的视频教程地址]( https://www.bilibili.com/video/BV1pYatzjEr8?spm_id_from=333.788.player.switch&vd_source=e64f225fc5daf048d2687502cb23bb3b&p=3 ) 希望大家多多点赞、转发、在看，这是对我最大的鼓励 和支持。图片我才有动力去开源更多优质的项目。图片图片 #### 安装教程 软件下载和软件的破解； 需要软件：idea 、hbuilder,navicat、jdk、mysql 后端springboot需要的配置/环境：JDK、Maven 前端Vue需要的配置/环境：Node、npm star之后可以获取 下载地址： https://www.javaclimb.com/d5/5-1.html 数据库导入； 打开navicat ，在链接上单击右键 “新建数据库”，在弹框中输入“数据库名”例如：“music” （这里是我自己起的名字 ） ![输入图片说明](picture/10.png) 点击确定在新创建的数据库上右键“运行sql文件”选中你要导入的sql文件后 点击“开始”即可稍等片刻后 再刷新一下“music”的数据库就能看到已经导入进去的表了 后端本地运行； 打开idea 点击“file”->"open" 在弹框中找到具体的项目路径，选中后点击“ok”后即可打开项目。 ![输入图片说明](picture/13%20(2).png) 找到application.yml文件，将数据库链接改为本地的链接 设置好用户名，密码 然后点击右上角的“虫子”图标 看到控制台输出端口号，项目即启动成功 前端运行； ![输入图片说明](picture/12.png) 将cmd切换到前端目录所在路径 运行 npm install 等待程序安装完后 再运行 npm run serve即可启动程序 当看到出现ip地址是时候说明程序已经运行成功了，将ip复制到浏览器地址访问即能访问到项目了 #### 使用说明 访问的地址：http://localhost:8080/ #### 参与贡献 1. www.javaclimb.com 2. www.pdxmw.com 3. 技术小孟 4. 开源项目不易，star支持