带来两版博客系统 - Tumo， SpringBoot+LayUI 不分离， SpringBoot+Vue 前后端分离

[TyCoding]

写在前面：

注意！注意！注意！

本人萌新，大佬请忽略本帖

带来两版博客系统：

1. LayUI + SpringBoot 前后端不分离 https://github.com/TyCoding/tumo

2. Vue + SpringBoot 前后端完全分离 https://github.com/TyCoding/tumo-vue

如果对大家的学习有所帮助，可以 star,fork 支持下作者。

项目是之前写的，但由于技术原因，之前的版本中遗留了很多坑，这几天花时间重写了。

总所周知这种 CRUD 项目确实技术含量低（至少这个项目可能是这样的），但可能对那些刚接触的同学会很有帮助，

也是觉得之前版本中留下的坑很对不住新同学，特意花了几天时间重写下。

介绍

tumo 和 tumo-vue 基本类似，区别在于两者前端使用的技术完全不同，相比 Vue，LayUI 更加适合前后端不分离的项目，并且 LayUI 自身封装了很多组件相比传统 JQuery 要便捷很多。

学习了此项目能带给你什么：

1. 从实战了解一个完整博客项目的项目设计和交互流程

2. 从tumo 项目中学习到前后端不分离情况下如何进行数据交互（例如博客前台数据更适合用类似 Thymeleaf 的模板引擎做服务端渲染，这样体验效果更佳，但有些表单数据反而用 Ajax 异步请求更方便）

3. 从tumo 项目中实战学习 LayUI 框架，摆脱传统的 BootStrap + JQuery

4. 从tumo-vue 项目中学习到 vue-admin-template ElementUI 后台解决方案的实战应用，对 ElementUI + Vue 技术的学习也是很不错的练习

5. 从tumo-vue 项目中学习到 Shiro 在前后端分离项目中如何实现 URL 拦截，了解到 Token 请求机制如何实现，深入学习 RestFul API 的设计和交互流程

6. 从tumo-vue 项目中你可以学习到如何搭建一个完整的前后端分离项目

7. 以上两个项目除了前端使用技术不同外，其他地方基本类似，最大的区别是，前后端分离项目中 Rest 接口的设计；

所以，如果你刚觉得传统前后端不分离的项目熟悉了，对比tumo 这个前后端不分离的项目去学习下 tumo-vue 前后端完全分离项目如何实现，也是一个不错的选择

预览

前后端不分离版本：

https://tumo.tycoding.cn/

https://tumo.tycoding.cn/login

以下是基于 ElementUI 的前后端分离项目截图

以上，谢谢大家

联系我：

Email: [email protected] QQ Group: 671017003

[psuwgipgf]

不错，正好自己写的太难看了。

[Austaras]

不如做个带 ssr 的...也算有点实用性