前后端分离火热的原因以及解读

一、前后端介绍

1.前后端不分

   后端模板：jsp ，freemarker
   前端模板：thyeleaf

     前后端不分，jsp是一个典型写法，jsp和java代码结合起来，刚开始，确实提高了开发效率，但时间长了，大伙发现jsp存在的问题，对于后端程序员来说不懂前端，
    所以开发流程一般是这样的：前端设计页面–>后端把页面改造成jsp(把后台数据塞到jsp页面)–>后端发现问题—>页面给前端—>前端不会jsp。互相踢皮球，这种方式效率低下；
特别是互联网 兴起后，一套系统对应多个前端，一般除了PC端， 还有移动的、小程序等，此时前后端不分方式就不是最优的选择。
    在前后端不分开发方式中，一般后端返回一个ModelAndView，渲染成HTML后，在浏览器中展示，但是对于小程序、移动端来说，并不能很好的展示。这时虽然可以采用分布式JSON来交互数据，但不是最好选择（比较难）。

2.前后端分离

    前后端分离后，后端不在写页面，只提供JSON数据接口，前端负责JSON的展示，页面跳转等通过前端来实现。

二、前后端分离技术

前端目前有三大主流框架

1.1 Vue Vue官网
   个人开发，目前Github star数最多，上手容易。而且有各种组件产品，各种UI框架，开源项目，学习资料比较多，所以一般前端框架选择Vue。
1.2 React
   Facebook产品
1.3 Angular
    Google产品

后端技术栈

1.SpringBoot
2.SpringSecurity
3.MyBatis
4.MySQL