前端渲染和后端渲染

一、后端渲染和后端路由

1.后端渲染

在前期开发时，在浏览器中输入url想获取对应的页面时，服务器会解析该url，并利用jsp的技术将数据库中的数据动态响应到页面中，服务器渲染完页面后就将页面发送给浏览器，这时浏览器获取的页面只有html+css。这由后端渲染页面的过程叫后端渲染也称服务端渲染。

2.后端路由

一个页面都有对应的url，后端路由就是处理页面和url的映射关系。

image.png

二、前端渲染和前端路由

1.前后端分离

后期开发，在浏览器中输入url，会在静态资源服务器中获取存储的html+css+js，
html+css会被渲染到浏览器中，js代码需要浏览器处理，js通过ajax向提供API接口的服务器获取数据，将请求过来的数据再用js代码做处理，最终也将数据动态响应的页面上。而在这个过程中后端人员仅负责提供数据。所以这种由前端写的js代码在浏览器中执行，最终渲染出来的网页叫做前端渲染，也就是前后端分离阶段。

image.png

2.SPA单页面富应用和前端路由

SAP页面是在前后端分离的基础上加上了前端路由的功能。
SAP（simple page web application）只有单个页面，但是包含了所有的功能。
SAP中，在浏览器输入url，向静态资源服务器获取到的是整个网站的所有资源，包括一个index.html，一个css和一个js。
在网站中点击我的按钮时，就会向静态资源服务器获取到整个网站的资源，这时要通过前端路由，找到该url对应的组件，将该组件的代码从全部资源中抽离出来，并在浏览器中显示对应的页面。
所以，前端路由管理url和对应的组件的映射。

image.png