V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
TyCoding
V2EX  ›  Java

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

  •  
  •   TyCoding ·
    TyCoding · 2019-10-01 17:53:36 +08:00 · 6952 次点击
    这是一个创建于 1640 天前的主题,其中的信息可能已经有所发展或是发生改变。

    写在前面:

    注意!注意!注意!

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

    带来两版博客系统:

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

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

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

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

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

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

    介绍

    tumotumo-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

    2 条回复    2019-10-01 22:23:27 +08:00
    psuwgipgf
        1
    psuwgipgf  
       2019-10-01 19:43:48 +08:00
    不错,正好自己写的太难看了。
    Austaras
        2
    Austaras  
       2019-10-01 22:23:27 +08:00
    不如做个带 ssr 的...也算有点实用性
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3215 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 13:08 · PVG 21:08 · LAX 06:08 · JFK 09:08
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.