原文链接：

前段时间，有个读二哥这么贴心，对于读者的请求，一向是有求必应，有问必答。那自然得花心思去淘 2 个像样的 Java 练手项目出来了，关键是还要基础，不能太难。

不能太难的要求，就难了呀。

我之前有给大家推荐过 GitHub 上的 vhr、mall 和 miaosha，都是非常优质的开源项目。但是没有视频教程，没法填鸭式地学习。那这次我决定换个思路，到 B 站上淘一淘，说不定会有惊喜。

果真，还真让二哥找到了！小破站，YYDS！

喜欢视频的读者可以看到 B 站 着观看视频版哦~

（点击文末阅读原文也可直达）

一、云 E 办

这是一个带大家从 0 搭建一个 Spring Boot+ Vue 的前后端分离的 Java 项目，前 P71 讲前端，P72 到 P131 讲后端。

前端涉及到的技术有 Vue 全家桶、ElementUI；后端涉及到的技术有 Spring Boot、SpringMVC、 MyBatis Plus、 SpringSecurity 、Swagger、 Redis 、EasyPOI、 RabbitMQ 、 FastDFS 等等。

视频整体上是不错的，up 声音也很清晰，听起来很舒服。

为了验证 up 是不是一家培训机构，顺带替大家踩踩坑。我按照要求加了小助理的微信。

加好友时一看头像，和平常偷偷摸摸混进群的广告党差不多，哈哈哈。

通过好友后，再去一查「乐字节」这个关键字，果然是一家培训机构，不过视频既然公开了出来，并且质量也说得过去，那果断学习一波也是很舒服的。

有时候，培训机构公开出来的视频课可能要好过付费小几万的付费视频课，毕竟拿出来的东西不能太水，否则会砸了自己招牌。

二、仿网易云音乐的小网站

这是读者提供的一个前后端分离项目，问我项目怎么样，我点开去一看，这不是一个号主朋友的嘛。

网站的客户端和管理端使用 VUE 框架是用来实现的，服务端使用 Spring Boot + MyBatis 来实现，数据库使用了 MySQL。建议至少 1.5 倍速食用。

前端整体的项目结构也挺清晰的，这是后端的。

 ├── avatorImages // 用户头像
├── img
│   ├── singerPic // 歌手图片
│   ├── songListPic // 歌单图片
│   └── songPic // 歌曲图片
├── song // 存放歌曲
├── src
│   ├── main
│   │   ├── java
│   │   │   └── com.example.demo
│   │   │       ├── config // 配置（跨域）
│   │   │       ├── controller // 控制层，接收请求返回响应
│   │   │       ├── dao // 数据操作层
│   │   │       ├── domain // 实体类
│   │   │       ├── service
│   │   │       │   └── impl // Service 层的接口
│   │   │       └── HwMusicApplicationTests.java // 项目入口
│   │   └── resources
│   │       ├── mapper // mapper.xml文件，操作数据库
│   │       ├──  static  // 存放静态资源
│   │       ├── templates
│   │       ├── application.properties // 连接数据库
│   │       └── generatorConfig.xml // MyBatis Generator 自动生成代码
│   └── test
│       └── java
│           └── com.example.demo // 测试用的
├── pom.xml // 添加相关依赖和插件
└── target
  

整体的思路很简单，前端要访问数据的时候，后端就提供相应的接口，通过 Controller 层监听请求， 数据的处理交给 Service 层，而 Service 层再通过 Mapper 层操作数据库，操作完成后数据再一层层往上走，最后返回给前端。

up 也非常的良心，源码都来源到 GitHub 上了。

随便再展示两张项目的效果图吧。

前台的

后台的

项目的基本功能也很完善：

• 音乐播放
• 用户登录注册
• 用户信息编辑、头像修改
• 歌曲、歌单搜索
• 歌单打分
• 歌单、歌曲评论
• 歌单列表、歌曲列表分页显示
• 歌词同步显示
• 音乐收藏、下载、拖动控制、音量控制
• 后台对用户、歌曲、歌手、歌单等信息进行管理

作为练手项目，绝壁是合适的。

跟着视频做练手项目的最大好处就是，可以实时地看到 up 助手敲代码的过程，顺带还可以体验一把产品经理的快乐，给 up 主动提出需求，哈哈。

这里分享一下二哥在观看视频中最大的快乐： review 代码，哈哈哈，尤其是看到 up 敲错代码出现 bug 时，我内心是极其快乐（痛苦）的，因为这让我想起刚实习时被 leader 劈头盖脸批评时的窘境。。

大学阶段做的练手项目没必要做太高大上的，也没必要追求三高：高并发、高可用、高性能，就简简单单的，把所学到的知识运用进去，能达到检验学习成果的目的就 OK 了。

关键是，跟着教程做一遍后，咱就有项目经验了呀！出去找实习的时候是难得的优势，一点也不用慌了。

赶紧吧，速度跟进~