一、前后端介绍
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