# 仿网易云音乐纯前端（node-express作web框架）

**Repository Path**: Gulu_Lv/imitate-netease-cloud

## Basic Information

- **Project Name**: 仿网易云音乐纯前端（node-express作web框架）
- **Description**: 这是一个纯前端项目，采用bootstrap5+bootstrap-icon进行前端页面构建，使用node.js的express作为web框架，使用axios和音乐api接口进行数据交互。为了页面适配于移动手机端还对页面做了适配手机端处理。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2023-06-25
- **Last Updated**: 2024-03-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 前端

## README

# 仿网易云音乐纯前端（node-express作web框架）

#### 介绍

这是一个纯前端项目，采用bootstrap5+bootstrap-icon进行前端页面构建，使用node.js的express作为web框架，使用axios和音乐api接口进行数据交互。为了页面适配于移动手机端还对页面做了适配手机端处理。

#### 页面展示

pc端页面有首页、排行榜、歌单、歌单侧边栏、具体信息展示页，展示如下：

<img src="https://gitee.com/Gulu_Lv/imitate-netease-cloud/raw/master/%E6%BC%94%E7%A4%BA%E5%9B%BE/%E7%BD%91%E9%A1%B5%E6%8D%95%E8%8E%B7_25-6-2023_143358_localhost.jpeg"  width="450" alt="首页"/>
<img src="https://gitee.com/Gulu_Lv/imitate-netease-cloud/raw/master/%E6%BC%94%E7%A4%BA%E5%9B%BE/QQ%E5%9B%BE%E7%89%8720230625143510.png"  width="450" alt="排行榜"/>
<img src="https://gitee.com/Gulu_Lv/imitate-netease-cloud/raw/master/%E6%BC%94%E7%A4%BA%E5%9B%BE/%E7%BD%91%E9%A1%B5%E6%8D%95%E8%8E%B7_25-6-2023_14368_localhost.jpeg"  width="450" alt="歌单"/>
<img src="https://gitee.com/Gulu_Lv/imitate-netease-cloud/raw/master/%E6%BC%94%E7%A4%BA%E5%9B%BE/QQ%E5%9B%BE%E7%89%8720230625143651.png"  width="450" alt="歌单侧边栏"/>
<img src="https://gitee.com/Gulu_Lv/imitate-netease-cloud/raw/master/%E6%BC%94%E7%A4%BA%E5%9B%BE/QQ%E5%9B%BE%E7%89%8720230625143749.png"  width="450" alt="具体信息"/>

手机端适配页展示如下：

<img src="https://gitee.com/Gulu_Lv/imitate-netease-cloud/raw/master/%E6%BC%94%E7%A4%BA%E5%9B%BE/QQ%E5%9B%BE%E7%89%8720230625143915.png"  height="450" alt="首页"/>
<img src="https://gitee.com/Gulu_Lv/imitate-netease-cloud/raw/master/%E6%BC%94%E7%A4%BA%E5%9B%BE/QQ%E5%9B%BE%E7%89%8720230625144011.png"  height="450" alt="排行榜"/>
<img src="https://gitee.com/Gulu_Lv/imitate-netease-cloud/raw/master/%E6%BC%94%E7%A4%BA%E5%9B%BE/QQ%E5%9B%BE%E7%89%8720230625144043.png"  height="450" alt="具体信息"/>


#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request