带来两版博客系统 - Tumo， SpringBoot+LayUI 不分离， SpringBoot+Vue 前后端分离
TyCoding · TyCoding · 2019-10-01 17:53:36 +08:00 · 7115 次点击这是一个创建于 1873 天前的主题，其中的信息可能已经有所发展或是发生改变。
写在前面：
注意！注意！注意！
本人萌新，大佬请忽略本帖
带来两版博客系统：
-
LayUI + SpringBoot 前后端不分离 https://github.com/TyCoding/tumo
-
Vue + SpringBoot 前后端完全分离 https://github.com/TyCoding/tumo-vue
如果对大家的学习有所帮助，可以 star,fork 支持下作者。
项目是之前写的，但由于技术原因，之前的版本中遗留了很多坑，这几天花时间重写了。
总所周知这种 CRUD 项目确实技术含量低（至少这个项目可能是这样的），但可能对那些刚接触的同学会很有帮助，
也是觉得之前版本中留下的坑很对不住新同学，特意花了几天时间重写下。
介绍
tumo 和 tumo-vue 基本类似，区别在于两者前端使用的技术完全不同，相比 Vue，LayUI 更加适合前后端不分离的项目，并且 LayUI 自身封装了很多组件相比传统 JQuery 要便捷很多。
学习了此项目能带给你什么：
-
从实战了解一个完整博客项目的项目设计和交互流程
-
从tumo 项目中学习到前后端不分离情况下如何进行数据交互（例如博客前台数据更适合用类似 Thymeleaf 的模板引擎做服务端渲染，这样体验效果更佳，但有些表单数据反而用 Ajax 异步请求更方便）
-
从tumo 项目中实战学习 LayUI 框架，摆脱传统的 BootStrap + JQuery
-
从tumo-vue 项目中学习到 vue-admin-template ElementUI 后台解决方案的实战应用，对 ElementUI + Vue 技术的学习也是很不错的练习
-
从tumo-vue 项目中学习到 Shiro 在前后端分离项目中如何实现 URL 拦截，了解到 Token 请求机制如何实现，深入学习 RestFul API 的设计和交互流程
-
从tumo-vue 项目中你可以学习到如何搭建一个完整的前后端分离项目
-
以上两个项目除了前端使用技术不同外，其他地方基本类似，最大的区别是，前后端分离项目中 Rest 接口的设计；
所以，如果你刚觉得传统前后端不分离的项目熟悉了，对比tumo 这个前后端不分离的项目去学习下 tumo-vue 前后端完全分离项目如何实现，也是一个不错的选择
预览
前后端不分离版本：
https://tumo.tycoding.cn/login
以下是基于 ElementUI 的前后端分离项目截图
以上，谢谢大家
联系我：
Email: [email protected] QQ Group: 671017003
2 条回复 • 2019-10-01 22:23:27 +08:00
 |
1
psuwgipgf 2019-10-01 19:43:48 +08:00
不错，正好自己写的太难看了。
|
 |
2
Austaras 2019-10-01 22:23:27 +08:00
不如做个带 ssr 的...也算有点实用性
|
Select Language