一.前后端没有分离阶段
- 最开始用JSP(java server page)和PHP开发
1595928489205.png
- 前后端没有分离HTML代码CSS代码和数据以及逻辑都是混在一起的,不利于编写和维护,而且后端人员负责大多数事情,前端想要编写都必须会后端java或者PHP语言
- 服务端渲染的模板引擎数据加载较慢，通过审查元素可以找到相关数据，同时加载的时候是一起被加载出来的，如淘宝的商品列表，服务端渲染有利益于SEO搜索引擎优化（通过模板渲染的数据是在服务端渲染好的，在请求中一次性发送到客户端的）服务端渲染的数据是可以被爬虫抓取到的
二.前后端分离阶段
- 随着AJax的出现,而Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新,解决了网页由于单线程问题不能多线加载。传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。
- 后端提供API来返回数据,前端通过Ajax获取数据,并且通过JavaScript将数据渲染到页面中.
- 这样最大优点实现了前后端责任清晰,后端专注于数据上,前端专注于交互和可视化上.
- 并且,当移动端(IOS和Android)出现后,后端不需要进行任何处理,依旧使用前面那一套API即可
1595933258292.png
三.SPA(simple page web application)前后端分离单页面富应用阶段
- 其实SPA最主要的特点就是在前后端分离的基础上加了一层前端路由
- 也就是前端来维护一套路由规则
- 前端路由映射管理每个组件页面,所以前端路由是用来管理可视化界面
- 后端路由映射管理每个数据库控制器,达到管理控制数据库的作用
