{"id":13632909,"url":"https://github.com/Yin-Hongwei/music-website","last_synced_at":"2025-04-18T05:33:39.731Z","repository":{"id":37665895,"uuid":"191902863","full_name":"Yin-Hongwei/music-website","owner":"Yin-Hongwei","description":"🎧 Vue + SpringBoot + MyBatis 音乐网站","archived":false,"fork":false,"pushed_at":"2024-07-19T08:00:48.000Z","size":1061105,"stargazers_count":5464,"open_issues_count":128,"forks_count":1461,"subscribers_count":40,"default_branch":"master","last_synced_at":"2024-10-29T14:56:03.436Z","etag":null,"topics":["music-website","mvc","mybatis","mysql","spring-boot","ssm","typescript","vue","vue-spring-boot","vue-spring-boot-mybatis","vue3"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Yin-Hongwei.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-06-14T08:09:08.000Z","updated_at":"2024-10-29T13:26:33.000Z","dependencies_parsed_at":"2024-01-14T07:18:31.209Z","dependency_job_id":"c7d0aa9a-c85d-4287-a5f3-94985722d807","html_url":"https://github.com/Yin-Hongwei/music-website","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yin-Hongwei%2Fmusic-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yin-Hongwei%2Fmusic-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yin-Hongwei%2Fmusic-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yin-Hongwei%2Fmusic-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Yin-Hongwei","download_url":"https://codeload.github.com/Yin-Hongwei/music-website/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223775300,"owners_count":17200488,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["music-website","mvc","mybatis","mysql","spring-boot","ssm","typescript","vue","vue-spring-boot","vue-spring-boot-mybatis","vue3"],"created_at":"2024-08-01T22:03:26.938Z","updated_at":"2025-04-18T05:33:39.725Z","avatar_url":"https://github.com/Yin-Hongwei.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003emusic-website\u003c/h1\u003e\n\n\u003cbr/\u003e\n\n\u003ch1 align=\"center\"\u003e\u003cfont color=\"red\"\u003e声明\u003c/font\u003e\u003c/h1\u003e\n\n**这项目我一直作为技术分享，不做收费（版权归我个人独有，大家拿来学习交流随时欢迎，拒绝商用）。希望大家可以尊重下我的劳动成果，谢谢。**\n\n\u003cbr/\u003e\n\n## 项目说明\n\n本音乐网站的客户端和管理端使用 **Vue** 框架来实现，服务端使用 **Spring Boot + MyBatis** 来实现，数据库使用了 **MySQL**。实现思路可以看 **[这里](https://yin-hongwei.github.io/2019/03/04/music/#more)**；项目启动方法看文章末尾。\n\n\u003cbr/\u003e\n\n## 项目预览\n\n\u003e 前台截图预览\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h1gjdm8x3jj21c00u00ui.jpg)\u003cbr/\u003e\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h1gje55hgxj21c00u0n3v.jpg)\u003cbr/\u003e\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h1gk5fxmwxj21c00u0wm2.jpg)\u003cbr/\u003e\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h1gk5rtelgj21c00u00w7.jpg)\u003cbr/\u003e\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h1gk6a1b8wj21c00u0tf2.jpg)\u003cbr/\u003e\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h1gkl6bu35j21c00u00wb.jpg)\u003cbr/\u003e\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h1gklntw77j21c00u077j.jpg)\u003cbr/\u003e\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h1gkokestbj21c00u0ju8.jpg)\u003cbr/\u003e\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h1gknhg12sj21c00u00v4.jpg)\n\n\u003cbr/\u003e\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h1gknu0rszj21c00u0jto.jpg)\u003cbr/\u003e\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h1gkoxoehnj21c00u0q5j.jpg)\u003cbr/\u003e\n\n\u003e 后台截图预览\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h158xvsdvij21c00u0wi8.jpg)\u003cbr/\u003e\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h159x0re56j21c00u077a.jpg)\u003cbr/\u003e\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h159xzbi85j21c00u0whn.jpg)\u003cbr/\u003e\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h159zewsh4j21c00u079f.jpg)\u003cbr/\u003e\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h159yz5x8hj21c00u0win.jpg)\u003cbr/\u003e\n\n![](https://tva1.sinaimg.cn/large/e6c9d24ely1h159yo2nzmj21c00u0djp.jpg)\u003cbr/\u003e\n\n## 项目功能\n\n- 音乐播放\n- 用户登录注册\n- 用户信息编辑、头像修改\n- 歌曲、歌单搜索\n- 歌单打分\n- 歌单、歌曲评论\n- 歌单列表、歌手列表分页显示\n- 歌词同步显示\n- 音乐收藏、下载、拖动控制、音量控制\n- 后台对用户、歌曲、歌手、歌单信息的管理\n\n\u003cbr/\u003e\n\n## 技术栈\n\n### 后端\n\n**SpringBoot + MyBatis + Redis** **+ minio**\n\n### 部署\n\n**docker**\n\n### 前端\n\n**Vue3.0 + TypeScript + Vue-Router + Vuex + Axios + ElementPlus + Echarts**\n\n\u003cbr/\u003e\n\n## 开发环境\n\nJDK： jdk-8u141\n\nmysql：mysql-5.7.21-1-macos10.13-x86_64（或者更高版本）\n\nredis：5.0.8 或 [docker启动redis | 想飞跃的鱼 (nanshaws.github.io)](https://nanshaws.github.io/docker/docker启动redis(完美过程).html)\n\nnode：14.17.3\n\nIDE：IntelliJ IDEA 2018、VSCode\n\nminio: 下载本地最新 或者 [docker完美启动minio | 想飞跃的鱼 (nanshaws.github.io)](https://nanshaws.github.io/docker/docker完美启动minio(完美过程).html)\n\n\u003cbr/\u003e\n\n## 下载运行\n\n### 1、下载项目到本地\n\n```bash\ngit clone git@github.com:Yin-Hongwei/music-website.git\n\n# 上面下载慢可以用下面这个\ngit clone git@gitee.com:Yin-hongwei/music-website.git\n```\n\n\u003e **如果你想使用 vue2.0 的版本，在下载代码后，可以切到 vue@2.0 的分支，默认是使用的vue3.0。**\n\n### 2、下载数据库中记录的资源\n\n去【链接: https://pan.baidu.com/s/1Qv0ohAIPeTthPK_CDwpfWg 提取码: gwa4 】下载网站依赖的歌曲及图片，将 data 夹里的文件放到 music-server 文件夹下。\n\n\u003e **注意：资源整理了一下，按照下面的截图存放。**\n\n\u003cimg src=\"https://tva1.sinaimg.cn/large/e6c9d24ely1h6gz1le9wxj20fo0gggmh.jpg\" height=\"200px\"/\u003e\n\n### 3、修改配置文件\n\n1）创建数据库\n将 `music-website/music-server/sql` 文件夹中的 `tp_music.sql` 文件导入数据库。\n\n2）修改用户名密码\n修改 `music-website/music-server/src/main/resources/application.properties` 文件里的 `spring.datasource.username` 和 `spring.datasource.password`；\n\n### 4、启动项目\n\n- **启动管理端**：进入 music-server 文件夹，运行下面命令启动服务器\n\n```js\n// 方法一\n./mvnw spring-boot:run\n\n// 方法二\nmvn spring-boot:run // 前提装了 maven\n```\n\n- **启动 redis**：直接在终端输入下面命令\n\n```\nredis-server\n```\n\n\u003e 下载地址：https://redis.io/\n\u003e\n\u003e Mac 安装使用示例：https://www.jianshu.com/p/ce27d9ab4f8c\n\n- **启动客户端**：进入 music-client 目录，运行下面命令\n\n```js\nnpm install // 安装依赖\n\nnpm run serve // 启动前台项目\n```\n\n- **启动管理端**：进入 music-manage 目录，运行下面命令\n\n```js\nnpm install // 安装依赖\n\nnpm run serve // 启动后台管理项目\n```\n\n### 5、常见问题\n\n1、图片、音乐加载失败\n把 music-website/music-server 目录下的 img、song 目录移动到 music-website 目录。\n\n2、音乐播放不了\n可能是音乐损毁了，重新更换一下音乐资源。\n\n\u003cbr/\u003e\n\n### 6、部署在linux上，用 docker【本地运行可以忽略】\n\n将以下东西存储到Linux服务器上：\n\n![image-20240108131746139](./img/image-20240108131746139.png)\n\n还有编译好的jar包，都放到同一目录里面，如下：\n\n![image-20240108131824788](./img/image-20240108131824788.png)\n\n```\ndocker compose up --build\n```\n\n运行结果：\n\n![image-20240108131927175](./img/image-20240108131927175.png)\n\n\n## 赞助\n\n如果此项目对你确实有帮助，欢迎给我打赏一杯咖啡～😄\n\n\u003cimg src=\"https://p.ipic.vip/vo0xfy.jpg\" height=\"300px\"/\u003e\n\n\u003cbr/\u003e\n\n## License\n\nThis project is licensed under the Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0) license. The project cannot be used for commercial purposes.\n\nCopyright (c) 2018 Yin-Hongwei \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FYin-Hongwei%2Fmusic-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FYin-Hongwei%2Fmusic-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FYin-Hongwei%2Fmusic-website/lists"}