1

GitHub - Yin-Hongwei/music-website: 🎧 Vue + SpringBoot + MyBatis 音乐网站

 2 years ago
source link: https://github.com/Yin-Hongwei/music-website
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

music-website

本音乐网站的客户端和管理端使用 VUE 框架来实现，服务端使用 Spring Boot + MyBatis 来实现，数据库使用了 MySQL。实现思路可以看这里；项目启动方法看文章末尾。

前台截图预览

后台截图预览

  • 用户登录注册
  • 用户信息编辑、头像修改
  • 歌曲、歌单搜索
  • 歌单、歌曲评论
  • 歌单列表、歌手列表分页显示
  • 歌词同步显示
  • 音乐收藏、下载、拖动控制、音量控制
  • 后台对用户、歌曲、歌手、歌单信息的管理

SpringBoot + MyBatis

Vue + Vue-Router + Vuex + Axios + ElementUI

JDK： jdk-8u141

mysql：mysql-5.7.21-1-macos10.13-x86_64

node：v12.4.0

IDE：IntelliJ IDEA 2018、VSCode

1、下载项目到本地

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

2、下载数据库中记录的资源

去【链接: https://pan.baidu.com/s/1Qv0ohAIPeTthPK_CDwpfWg 提取码: gwa4 】下载网站依赖的歌曲及图片，将 data 夹里的文件放到 music-server 文件夹下。

注意：资源整理了一下，按照下面的截图存放。

3、修改配置文件

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

2）修改用户名密码 修改 music-website/music-server/src/main/resources/application.properties 文件里的 spring.datasource.username 和 spring.datasource.password；

3）修改资源路径

修改 music-server/src/main/java/com/example/yin/constant/Constants.java 文件中的 RESOURCE_PATH，否则资源加载不了。

4、启动项目

  • 启动管理端：进入 music-server 文件夹，运行下面命令启动服务器
// 方法一
./mvnw spring-boot:run

// 方法二
mvn spring-boot:run // 前提装了 maven
  • 启动客户端：进入 music-client 目录，运行下面命令
npm install // 安装依赖

npm run dev // 启动前台项目
  • 启动管理端：进入 music-manage 目录，运行下面命令
npm install // 安装依赖

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

如果此项目对你确实有帮助，欢迎给我打赏一杯咖啡～smile

License

Copyright (c) 2018 Yin-Hongwei


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK