前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >推荐一个 Spring Boot + MyBatis + Vue 音乐网站

推荐一个 Spring Boot + MyBatis + Vue 音乐网站

作者头像
dys
发布2021-10-20 15:27:02
9060
发布2021-10-20 15:27:02
举报
文章被收录于专栏:性能与架构

今天推荐一个奈斯的音乐网站项目,前端技术栈基于 Vue.js 开发前台页面和后台管理,后端基于SSM(Spring Boot + MyBatis ),数据存储层使用的是 MySQL。

该系统包含音乐网站基本功能:在线音乐播放、网站用户管理、歌库管理、歌单管理、歌手信息、歌词显示、音乐播放相关功能、后台管理,功能截图如下。


前台页面展示

后台管理页面


02. 部署方式

1. git下载项目到本地

代码语言:javascript
复制
git clone https://github.com/Yin-Hongwei/music-website.git

使用上述 git 命令或者网站下载:

2. 下载资源

该项目中的静态资源需要自己下载,包括网站依赖的歌库及歌曲封面,将 data 夹里的文件直接放到 music-server 文件夹下。

这一块可以其实可以爬取网上的音乐信息,做一个自己的数据库或者调用开放的 Api,静态资源已上传到百度云。

代码语言:javascript
复制
链接: https://pan.baidu.com/s/1Qv0ohAIPeTthPK_CDwpfWg 提取码: gwa4

3. 修改配置文件

创建数据库:将 music-website/music-server/sql 文件夹中的 tp_music.sql 文件使用 idea 或者 navcat 导入数据库。

修改后端配置文件:

1. 修改数据源用户名和密码配置

2. 修改资源加载路径,否则资源加载不了。

4. 启动项目

部署 music-server 用于监听前端发来的请求,提供响应。music-client 和 music-manage 分别是本项目的前台项目、后台项目的前端页面,部署这两个项目可以启动前端页面,监听用户的交互,请求后端。

项目使用的前后端分离开发的,运行时后端必须启动,两个前端项目可以都启动,也可以只启动其中一个,他们是独立的。

启动后端:进入 music-server 文件夹,运行下面命令启动后端服务

代码语言:javascript
复制
// 方法一
./mvnw spring-boot:run
// 方法二
mvn spring-boot:run // 前提装了 maven

启动前台:进入 music-client 文件夹,运行下面命令启动前台项目

代码语言:javascript
复制
npm install // 安装依赖
npm run dev // 启动前台项目

启动后台:进入 music-manage 文件夹,运行下面命令启动后台管理项目

代码语言:javascript
复制
npm install // 安装依赖
npm run dev // 启动后台管理项目
代码语言:javascript
复制
项目源码点击下方卡片关注后回复【1818】获取

END

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-10-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 JAVA高性能架构 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. git下载项目到本地
相关产品与服务
数据库
云数据库为企业提供了完善的关系型数据库、非关系型数据库、分析型数据库和数据库生态工具。您可以通过产品选择和组合搭建,轻松实现高可靠、高可用性、高性能等数据库需求。云数据库服务也可大幅减少您的运维工作量,更专注于业务发展,让企业一站式享受数据上云及分布式架构的技术红利!
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档