前端渲染，后端渲染，前端路由，后端路由，看这就够了

学习这个内容我们就得从前后端的历史讲起，以时间顺序为主总共可以分为以下6点

 

①后端渲染（服务器端渲染）

概念：当你在浏览器客户端输入一个网址时，url地址会发送给服务器解析，服务器会通过jsp,html+css+java(将数据动态的提到到页面)渲染好页面再给到浏览器，这就是后端渲染。

这时候url会和跟自己对应的服务器渲染区有映射关系，这由后端路由进行处理

②后端路由

概念：处理url和页面之间的映射关系，即服务器直接生产开发整个html页面返回到客户端进行展示

缺点：所有页面都由后端人员完成，需要通过php或java进行开发，html代码会和数据混合在一起，后期维护不利

③前后端分离

概念：后端只负责传数据，当输入一个网址时，会根据url去静态资源服务器获取html，css，js代码，将html，css代码直接渲染到页面，当需要数据时，通过js里的$.Ajax()里面的api接口去服务器调用数据，服务器再把数据传回浏览器渲染

优点：分工明确，后端只提供api来返回数据，前端通过ajax获取数据，并且可以通过js将数据渲染到页面，移动端开发也如此

④前端渲染

概念：浏览器中显示的大部分内容都由前端写的js代码在浏览器中执行渲染出来的网页

⑤spa 单页富应用（再前后端分离的基础上+前端路由）

概念：即静态资源服务器只有一份html，css，js，而后端渲染则是每个url都对应一套html，js，css，当你在客户端输入url时，会从静态服务器直接把这一套html，css，css下载下来，不会直接渲染在页面上，当你访问的是首页时，会抽取首页的html，css，js渲染到页面，当你访问商品页面时会把商品页面的html，css，js渲染下来，这需要有东西支撑，即是前端路由

⑥前端路由

概念：url和页面的映射关系，会根据url访问的需求从那一套html，css，js里面抽取当前页面所需要的来进行渲染，

核心：不进行整体的刷新

 

基本就是这个样子，从只有后端到现在的前后端分离，明确分工。