前端渲染和后端渲染与前端路由和后端路由的发展

一.前后端没有分离阶段

• 最开始用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最主要的特点就是在前后端分离的基础上加了一层前端路由
• 也就是前端来维护一套路由规则

• 前端路由映射管理每个组件页面,所以前端路由是用来管理可视化界面
• 后端路由映射管理每个数据库控制器,达到管理控制数据库的作用