vue43 —— Vue-Router(前提紧要)-前/后端渲染,前后端分离,前/后端路由
后端路由阶段 : 后端处理url和页面之间的映射关系
后端渲染
早期页面使用后端渲染: jsp/php/c#.net…
java代码的作用: 从数据库中读取数据,将他们动态地放在页面中
服务器中形成映射关系: 一个url映射一个页面
—— 后端路由 :后端处理url和页面之间的映射关系
优点:
渲染好的页面,不需要再单独加载js,css,可以直接交给浏览器展示,有利于SEO优化
缺点:
- 整个页面的模块都由后端人员编写和维护
- 前端开发人员若要开发页面,需要通过php和java等来编写页面代码
- 通常情况下,html代码和数据以及对应的逻辑会混在一起,不利于编写和维护
.
前后端分离阶段:
- Ajax出现
- 后端只提供API来返回数据;前端提供API获取数据,且通过js将数据渲染到页面
——前端渲染:
浏览器中显示的网页中的大部分内容,是由前端写的js代码在浏览器中执行,最终渲染出来的网页
优点:
- 前后端责任清晰:后端专注数据;前端专注可视化和交互
- 移动端(ios/android)出现后,后端不需要进行任何处理,依然使用之前的一套API
单页面富用阶段:
SPA(simple page application)最主要的特点:在前后端分离的基础上加一层前端路由——前端来维护一套路由规则
前端路由阶段:
url和页面的映射由前端完成,称前端路由
核心: 改变url,但页面不进行整体的刷新