chenxuezhou-music-website-master

所属分类:Java编程
开发工具:Java
文件大小:3687KB
下载次数:1
上传日期:2021-03-30 12:25:00
上 传 者雨道
说明:  SpringBoot + Vue前后端分离的音乐网站,包含歌单,歌手等功能
(Springboot + Vue front and back end separation of music website, including song list, singer and other functions)

文件列表:
music-website (0, 2020-04-06)
music-website\LICENSE (1068, 2020-04-06)
music-website\music-client (0, 2020-04-06)
music-website\music-client\.babelrc (402, 2020-04-06)
music-website\music-client\.editorconfig (147, 2020-04-06)
music-website\music-client\.eslintignore (51, 2020-04-06)
music-website\music-client\.eslintrc.js (791, 2020-04-06)
music-website\music-client\.postcssrc.js (246, 2020-04-06)
music-website\music-client\build (0, 2020-04-06)
music-website\music-client\build\build.js (1198, 2020-04-06)
music-website\music-client\build\check-versions.js (1290, 2020-04-06)
music-website\music-client\build\logo.png (6849, 2020-04-06)
music-website\music-client\build\utils.js (2587, 2020-04-06)
music-website\music-client\build\vue-loader.conf.js (553, 2020-04-06)
music-website\music-client\build\webpack.base.conf.js (2388, 2020-04-06)
music-website\music-client\build\webpack.dev.conf.js (3004, 2020-04-06)
music-website\music-client\build\webpack.prod.conf.js (5196, 2020-04-06)
music-website\music-client\config (0, 2020-04-06)
music-website\music-client\config\dev.env.js (156, 2020-04-06)
music-website\music-client\config\index.js (2291, 2020-04-06)
music-website\music-client\config\prod.env.js (61, 2020-04-06)
music-website\music-client\config\test.env.js (149, 2020-04-06)
music-website\music-client\index.html (300, 2020-04-06)
music-website\music-client\package.json (2824, 2020-04-06)
music-website\music-client\src (0, 2020-04-06)
music-website\music-client\src\App.vue (770, 2020-04-06)
music-website\music-client\src\api (0, 2020-04-06)
music-website\music-client\src\api\collectionAPI.js (737, 2020-04-06)
music-website\music-client\src\api\commentAPI.js (1304, 2020-04-06)
music-website\music-client\src\api\index.js (420, 2020-04-06)
music-website\music-client\src\api\listSongAPI.js (316, 2020-04-06)
music-website\music-client\src\api\rankAPI.js (694, 2020-04-06)
music-website\music-client\src\api\singerAPI.js (405, 2020-04-06)
music-website\music-client\src\api\songAPI.js (884, 2020-04-06)
music-website\music-client\src\api\songListAPI.js (644, 2020-04-06)
music-website\music-client\src\api\userAPI.js (2088, 2020-04-06)
... ...

music-website


license

## 项目说明 本音乐网站的开发主要利用前端框架VUE开发客户端和管理端,后端接口用Spring Boot来实现,数据持久化用的是 MyBatis,数据用MySQL来进行存储。实现思路可以参考[这里](https://yin-hongwei.github.io/2019/03/04/music/)。
## 项目截图 > 客户端 ![](https://tva1.sinaimg.cn/large/006tNbRwly1g9hkbfdtbej31c00u0jyu.jpg)
![](https://tva1.sinaimg.cn/large/006y8mN6ly1g9e97bwxifj31c00u0npe.jpg)
![](https://tva1.sinaimg.cn/large/006y8mN6ly1g9e***u***7cj31c00u0x6q.jpg)
![](https://tva1.sinaimg.cn/large/006tNbRwly1g9hl4b9jjdj31c00u0nmn.jpg)
![](https://tva1.sinaimg.cn/large/00831rSTly1gdj8iqeynwj31c00u0kjm.jpg)
![](https://tva1.sinaimg.cn/large/00831rSTly1gd3867tq24j31c00u0tnw.jpg)
![](https://tva1.sinaimg.cn/large/00831rSTly1gd386h28hqj31c00u07vj.jpg)
![](https://tva1.sinaimg.cn/large/00831rSTly1gd388evmh0j31c00u07ha.jpg)
![](https://tva1.sinaimg.cn/large/006y8mN6ly1g9e9d8b2ukj31c00u0dof.jpg)
> 管理端 ![](https://tva1.sinaimg.cn/large/006tNbRwly1g9hhhu4n7tj31c00u04qq.jpg)
![](https://tva1.sinaimg.cn/large/00831rSTly1gdj8jf3uusj31c00u0n5b.jpg)
![](https://tva1.sinaimg.cn/large/00831rSTly1gdie89mujrj31c00u07kx.jpg)
![](https://tva1.sinaimg.cn/large/00831rSTly1gdie8sox6uj31c00u01gb.jpg)
![](https://tva1.sinaimg.cn/large/00831rSTly1gdie9beckpj31c00u0qh9.jpg)
![](https://tva1.sinaimg.cn/large/00831rSTly1gdie9qq7yhj31c00u0ttq.jpg)
## 功能 - WEB 端音乐播放 - 用户登录注册 - 用户信息编辑 - 歌曲、歌单搜索 - 歌单打分 - 歌单、歌曲评论 - 分页显示 - 歌词同步显示 - 音乐收藏、下载、拖动控制 - 后台对用户、歌曲、歌手、歌单信息的管理
## 技术栈 #### 后端 SpringBoot + MyBatis #### 前端 Vue + Vue-Router + Vuex + Axios + ElementUI
## 安装 #### 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)数据库:将sql文件夹中的 tp_music.sql 文件导入数据库。(mysql 版本不能低于5.7) 2)music-server:启动后端服务之前,有一些地方需要修改,先去 /music-website/music-server/src/main/resources 这个目录下的文件里修改自己的 spring.datasource.username 和 spring.datasource.password,并且修改下圈出来的的文件中 MyPicConfig 类下的 addResourceLocations方法中的路径,否则资源加载不了。(Mac 和 win 下路径有些差异,我的是 Mac 上的路径,win 上需要在 file: 后标明是哪个盘,例如:"file:C:\\\user\\\XXX\\\\") ![](https://tva1.sinaimg.cn/large/00831rSTly1gd38cq6yhrj31zk0juk02.jpg) #### 4、启动项目 然后进入 music-server 文件夹,运行下面命令启动服务器 ```js ./mvnw spring-boot:run ``` 进入 music-client 文件夹,运行下面命令启动前台项目 ```js npm install // 安装依赖 npm run dev // 启动前台项目 ``` 进入 music-manage 文件夹,运行下面命令启动后台管理项目 ```js npm install // 安装依赖 npm run dev // 启动后台管理项目 ```
## License [MIT](http://opensource.org/licenses/MIT) Copyright (c) 2018 Yin-Hongwei

近期下载者

相关文件


收藏者