# 音乐网站

**Repository Path**: ghostkkk/music-website

## Basic Information

- **Project Name**: 音乐网站
- **Description**: 这是一个音乐网站项目
- **Primary Language**: Unknown
- **License**: EPL-1.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2025-01-17
- **Last Updated**: 2025-01-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center">music-website</h1>

<p align="center">
  <a href=""><img alt="license" src="https://img.shields.io/github/license/Yin-Hongwei/music-website?style=flat-square"></a>
</p>



## 项目说明

本音乐网站名为悦享音乐平台。

本音乐网站的客户端使用**React**框架来实现，管理端使用 **VUE** 框架来实现，服务端使用 **Node + Express** 来实现，数据库使用了 **MySQL**。项目启动方法看文章末尾。

<br/>

## 项目预览

> 前台截图预览
![](./image/QQ浏览器截图20220129223958.png)<br/>

![](./image/QQ浏览器截图20220129224015.png)<br/>

![](./image/QQ浏览器截图20220129224025.png)<br/>

> 后台截图预览
![](./image/QQ浏览器截图20220129223710.png)<br/>

![](./image/QQ浏览器截图20220129223806.png)<br/>

![](./image/QQ浏览器截图20220129223824.png)<br/>

![](C:\Users\热爱\Desktop\music-website\image\QQ浏览器截图20220129223911.png)<br/>

## 技术栈

### 后端

**Node + Express**

### 前端

**Vue + Vue-Router  + Axios +  ElementUI** <br/>
**React + React-Router  + Axios**

<br/>


## 下载运行

#### 1、下载项目到本地

```bash
git clone https://gitee.com/li_runkai/music-website.git
```

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

去【链接：https://pan.baidu.com/s/1T63LoskwQ0jVjIv8uU0gIA 提取码：by0g 】下载网站依赖的歌曲及图片，将 `uploads`文件夹里的文件放到` music-server `文件夹下的`uploads`文件中(如果无该文件则手动创建)。


#### 3、修改配置文件
1）创建数据库
<br/>
将 `sql` 文件夹中的 `sql` 文件导入数据库，如果需要修改数据库相关信息，则可以到服务器文件夹下的model文件夹中进行修改。

2）默认客户端用户用户名和密码：admin 1234567890

3）默认服务器端用户用户名和密码：admin 123456

#### 4、启动项目

- **启动服务器**：进入 music-server 文件夹，运行下面命令启动服务器

```js
npm install // 安装依赖
node app.js // 启动服务器
```

- **启动客户端**：进入 music-client 目录，运行下面命令

```js
npm install // 安装依赖
npm run start // 启动前台项目
```

- **启动管理端**：进入 music-manage 目录，运行下面命令

```js
npm install // 安装依赖
npm run serve // 启动后台管理项目
```

<br/>