暂无图片
暂无图片
暂无图片
暂无图片
暂无图片
首页 / Yin-music 音乐播放器（有点小酷）

Yin-music 音乐播放器（有点小酷）

RunTheCode 2022-06-17
1456


大家好，我是小酷！

今天给大家推荐的开源项目是Yin-music 音乐播放器。


  •  系统介绍

Yin-music 音乐播放器是个基于Vue + SpringBoot + MyBatis 的音乐网站。这个项目由2个前端项目：music-client & music-manage 以及一个服务端项目：music-server 组成。

  • 功能介绍
系统功能包含音乐播放，搜歌单，搜歌手，打分，写评论等功能，支持单曲搜索，单曲循环，歌手专辑，歌手信息查询，个人信息编辑等待。

这个项目采用前后端分离模式，项目启动过程也不复杂，启动一个Spring Boot 项目和2个 Vue 前端项目即可拥有属于自己的一个音乐播放器的。感兴趣的，可以去看看。（小酷启动成功了，觉得很酷）

  • 技术框架
* 后端框架：SpringBoot + Mybatis + MySql
* 前端框架：Vue2、Element-UI、Vue- router、Vuex、Axios


  • 开发环境

  1. JDK：1.8

  2. MySql


  • 项目结构

项目采用分模块开发方式

  • music-client 用户端

  • music-manage 管理员后台

  • music-server 后端接口



  • 启动流程

1. 下载项目到本地

    git clone https://github.com/Yin-Hongwei/music-website.git

      2. 下载项目依赖数据：从百度网盘下载

       https://pan.baidu.com/s/1Qv0ohAIPeTthPK_CDwpfWg 提取码: gwa4

        注：下载的数据放在music-server 根目录下：


        3. 导入数据

        创建数据库 将 music-website/music-server/sql 文件夹中的 tp_music.sql 文件导入数据库。

          4. 修改配置文件：直接上图了


          5. 启动模块

          5.1 启动：music-server

          // 方法一
          ./mvnw spring-boot:run


          // 方法二
          mvn spring-boot:run // 前提装了 maven


            5.2 启动：music-client

            npm install // 安装依赖


            npm run dev // 启动前台项目


              5.3 启动：music-manage

              npm install // 安装依赖


              npm run dev // 启动后台管理项目



              • 演示效果

              客户端：首页


              客户端：歌单


              客户端：歌手


              客户端：歌词，评论


              后台：登录


              后台：首页

              后台：歌手管理


              后台：歌单管理




              本期到此结束（记得分享哦）


              END




              项目基本信息 

                项目编号：R220616
              登录账号：
                              用户名：-
                              密    码：-（本地启动后参考数据库用户表）

              获取源码&在线演示地址：

                      后台发送项目编号


              小酷推荐

              1. e家宜业智慧物业系统（包含PC，H5，小程序，公众号，智能硬件端）

              2. YesPlayMusic音乐网站

              3. SmartAdmin（快速搭建自己的后台管理系统吧）



              今天你分享了吗？


              想要看小酷更多分享的内容，
              请记得关注公众号
              【RunTheCode】
              小酷
              文章转载自RunTheCode，如果涉嫌侵权，请发送邮件至：contact@modb.pro进行举报，并提供相关证据，一经查实，墨天轮将立刻删除相关内容。

              评论