前言：

网易云音乐作为一款曲目齐全，操作方便，用户体验高的的音乐产品，越来越受欢迎。是否有想过自己实现一个网易云音乐呢？如果想的话，接着看~

该项目使用 React 实现一个 网易云音乐，项目从设计到实现的完整流程全都有，包含 前端界面模块，Node模块，MongoDB模块；其中前端界面模块又包含React组件开发，React-Router路由配置，Redux状态管理。

通过一个涉及前端+后端的完整项目经历深入了解项目流程，同时锻炼对React全家桶的熟练度。

实验列表：

该项目总共有13节内容，从基础的环境搭建到每个页面的实现等都有详细的文档教程以及代码讲解，项目安排具体如下：

• 环境搭建(一)
• 环境搭建(二)
• React 简介
• 页面基础实现
• 个性推荐页面
• 歌单页面实现
• 排行榜页面
• 个人音乐页面
• 歌单详情页面
• 搜索页面
• 播放详情页面
• 播放音乐功能
• 课程总结

部分效果截图：

通过以上实验实现之后的最终效果图就是一个类似网易云音乐的APP，其中部分效果图页面如下：

排行榜页面：

image.png

推荐页面：

image.png

最后：

• 点击【React+Express+MongoDB 实现网易云音乐】查看教程详细信息~
• 更多实战项目，点击这里进行查看~
• 12条技术学习路径，带你零基础入门编程~

---

训练营是实验楼推出的专注实战应用的、有老师指导的实验教程，一般课程选题来自优秀的开源技术或仿知名网站，非常适合已学基础技术却迷茫不知道如何运用的同学。