vue43 —— Vue-Router(前提紧要)-前/后端渲染,前后端分离,前/后端路由

后端路由阶段 : 后端处理url和页面之间的映射关系

后端渲染

早期页面使用后端渲染: jsp/php/c#.net…

请求taobao.com
请求taobao/nvzhuang.com
解析url taobao.com
解析url taobao/nvzhuang.com
渲染好的页面taobao html,css
渲染好的页面nvzhuang html,css
用户页面
服务器
后台jsp技术,
渲染页面:
html,css,java
后台jsp技术,
渲染页面:
html,css,java

java代码的作用: 从数据库中读取数据,将他们动态地放在页面中

服务器中形成映射关系: 一个url映射一个页面
—— 后端路由后端处理url和页面之间的映射关系

优点:

渲染好的页面,不需要再单独加载js,css,可以直接交给浏览器展示,有利于SEO优化

缺点:

  • 整个页面的模块都由后端人员编写和维护
  • 前端开发人员若要开发页面,需要通过php和java等来编写页面代码
  • 通常情况下,html代码和数据以及对应的逻辑会混在一起,不利于编写和维护

.

前后端分离阶段:

  • Ajax出现
  • 后端只提供API来返回数据;前端提供API获取数据,且通过js将数据渲染到页面
    vue43 —— Vue-Router(前提紧要)-前/后端渲染,前后端分离,前/后端路由

——前端渲染:

浏览器中显示的网页中的大部分内容,是由前端写的js代码在浏览器中执行,最终渲染出来的网页

优点:

  • 前后端责任清晰:后端专注数据;前端专注可视化和交互
  • 移动端(ios/android)出现后,后端不需要进行任何处理,依然使用之前的一套API

单页面富用阶段:

SPA(simple page application)最主要的特点:在前后端分离的基础上加一层前端路由——前端来维护一套路由规则
vue43 —— Vue-Router(前提紧要)-前/后端渲染,前后端分离,前/后端路由

前端路由阶段:

vue43 —— Vue-Router(前提紧要)-前/后端渲染,前后端分离,前/后端路由
url和页面的映射由前端完成,称前端路由

核心: 改变url,但页面不进行整体的刷新