layui2.2 vue java,带来两版博客系统 - Tumo, SpringBoot+LayUI 不分离, SpringBoot+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 前后端完全分离项目如何实现,也是一个不错的选择

预览

前后端不分离版本:

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

以上,谢谢大家

联系我:

Email: tytumo@163.com

QQ Group: 671017003

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值