前端渲染和后端渲染

最新推荐文章于 2024-06-13 09:59:37 发布
最新推荐文章于 2024-06-13 09:59:37 发布
阅读量256 收藏 1
点赞数 1
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LIUCHUANQI12345/article/details/112123296
版权
什么是路由和其中映射关系
什么是路由呢

路由就是通过互联的网络把信息从原地址传输到目的地址的活动
在这里插入图片描述

映射表就是，地址和电脑之间的映射关系

后端路由阶段（服务端渲染）

之前web开发都是采用jsp/php等语言开发网页，并没有使用js，我们请求一个网址，将url发送到服务器，服务器会利用jsp技术，将页面渲染完毕，发送给你浏览器，在后端就完成了渲染

在这里插入图片描述

每一个url都会有一个对应的jsp网页，不同请求，返回不同的页面

这样其实在服务器已经形成一中映射关系，一个url对应一个页面。

后端处理URL和页面之间关系的路由就叫做后端路由

在这里插入图片描述

前后分离阶段

一般我们会有两个服务器，一个是静态资源服务器，一个是提供API接口的服务器，我们请求一个网址URL，会首先去静态资源服务器请求相关html+css+js代码，html+css代码在浏览器里直接渲染，然后执行js代码时才向API接口服务器请求数据或相关服务，然后API接口服务器返回大量数据和相关js代码，浏览器再执行js代码完成界面相关渲染

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2QX0sbuA-1609595302698)(image-20210102210446881.png)]

在这里插入图片描述

单页面富应用阶段

在这里插入图片描述

整个网页只有一个页面

在这里插入图片描述

现在静态资源服务器里只存放一套对应的index.html+css+js，我们浏览器请求到所有的资源后，并不是全部展示，不用的按钮对应不同的页面，每个不同的页面对应整套资源的一部分，在vue里说就是一个组件，我们假设多个按钮，每个按钮对应一个路由，又对应到具体的html+csss+js，这种映射关系是前端管理，一个url对用一个组件，就是前端路由

在这里插入图片描述

407指导员
关注
专栏目录
layUI实现前端分页和后端分页
10-16
layUI是一个优秀的前端组件库，提供了丰富的UI元素和便捷的API，包括前端分页和后端分页的实现。本篇将详细介绍如何使用layUI来实现这两种分页方式。 **前端分页** 前端分页是指在浏览器端进行数据的分块加载，通常...
一文搞懂什么是前端渲染和后端渲染以及两者的区别
m0_51358164的博客
08-13 4625
一文搞懂什么是前端渲染和后端渲染以及两者的区别
后端渲染or前端渲染，终于有人把它说明白了。
最新发布
贝格前端工场的博客
06-13 831
很多小伙伴搞不清什么是前端渲染，什么时候后端渲染，我给举个例子假如你要一个水果拼盘，如果是厨师摆盘号了，让服务员端给你，这叫后端渲染；反之，厨师只是提供水果给服务员，服务员拼盘号端给你，这叫前端渲染。贝格前端工场结合多年经验，为大家详细讲解这个问题。前端渲染和后端渲染是两种不同的页面渲染方式，具体定义如下：前端渲染：前端渲染是指在客户端（通常是在用户的浏览器中）使用JavaScript等前端技术动态地生成页面内容。当用户访问网站时，服务器会返回一些静态的HTML、CSS和JavaScript文件，然后客户端
前端状态码大全（200,404,503等）
qq_30351747的博客
12-09 3673
前端状态码大全（200,404,503等） 这些状态码被分为五大类： 100-199 用于指定客户端应相应的某些动作。 200-299 用于表示请求成功。 300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。 400-499 用于指出客户端的错误。 500-599 用于支持服务器错误。 一些常见的状态码为： 200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务不可用 详细分解： 1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态代码。 代码 说
浅析前端渲染与后端渲染
我本微末凡尘，却也心向太阳
08-04 3068
前端渲染与后端渲染本质上可以理解为：浏览器渲染与服务器渲染   备注：以下纯属本人个人的一些总结与看法，如有异同，欢迎大家指教； 渲染的本质：字符串的拼接，将数据渲染进固定格式的html代码中，形成最终的html显示在用户页面上。 对比：          1.前端渲染（数据传回前端显示）----  填               优点：不占用服务器运算资源（解析模板）        
VUE渲染后端返回含有script标签的html字符串示例
10-16
本篇文章将详细介绍如何在Vue应用中安全地渲染后端返回的包含`<script>`标签的HTML字符串。 首先，我们要理解为什么不能直接使用Vue的`v-html`指令或者原生JavaScript方法（如`innerHTML`或`appendChild`）来处理...
echarts前端+Java后端数据=生成柱状图
01-08
总的来说，这个案例展示了如何结合Echarts前端库和Java后端服务，实现动态的数据加载和展示。前端负责请求数据、渲染图表，后端负责处理数据请求并提供数据。这样的架构使得前后端职责明确，有利于项目的可维护性和...
性能优化系列之『后端同步渲染：JSP是如何同步渲染出页面的？』
老__L的博客
01-02 705
性能优化系列之『后端同步渲染：JSP是如何同步渲染出页面的？』
前端渲染和后端渲染的优缺点
在职可交流前端开发，包括：web端、uniapp等，欢迎指教。
08-11 1172
vue面试题：前后端渲染的优缺点
前后端渲染比较
Duxiangtao的博客
05-16 521
前端渲染 vs 后端渲染 前端渲染是通过ajax请求数据，然后通过js语法将数据展示到页面中，称之为前端渲染 后端渲染是通过后端语言 + 后端模板( ejs ) 将 页面整个发送给前端 后端模板 ejs pug( jade ) art-template 现在流行的： 前端渲染 问题： 当前后端同时进行项目开发是， 后端数据接口没有写y好，但是前端却需要这个接口，这个时候怎么...
前端渲染HTML与后端渲染HTML的区别？
weixin_47450807的博客
04-11 2715
一、写在前面 昨天百度三面，面试官问了这个问题，我也只是回答了大概，今天特地总结一下。 二、总结 2.1、两种渲染方式 后端渲染 互联网早期，用户使用浏览器浏览的都是一些没有复杂逻辑的、简单的页面，服务器进程从数据库获取数据后，后端的程序在把HTML页面吐给前端之前，先把HTML页面上的特定区域、特定符号，先用数据填充，将数据加载进来生成HTML，然后通过网络传输到用户的浏览器中解析成可见的页面。 前端渲染 随着前端页面的复杂性提高，前端就不仅仅是普通的页面展示了，而可能添加了更多功能性的组件，复杂性更大
什么是前端渲染和后端渲染
weixin_46048397的博客
05-12 563
后端渲染谈到后端渲染，必然会说到网站开发的三个著名阶段。包括后端路由阶段前后端分离阶段单页面富应用阶段后端路由阶段在早期的网站开发中，整个html页面都是服务器来渲染的，服务器直接生产渲染好对应的html页面，返回给客户端进行展示。在这个过程中存在一些问题，一个网站，很多的页面，服务器是怎么处理的呢？首先，一个页面有自己对应的网站，也就是一个URLURL会发送到服务器，服务器通过...
前端渲染与后端渲染
weixin_52584067的博客
02-08 2497
1.后端渲染（服务器端渲染）： 语言：jsp(java server page)/php 端数：两端开发（浏览器+服务器） 过程：当用户对浏览器请求一个地址时，比如https://space.bilibili.com/，这个url=https://space.bilibili.com/，我们可以暂时称其为url1，url1请求的地址到达服务器之后，服务器会自己进行判断，原来这次请求是请求这个url1的地址，对url1进行解析，通过后台有一种jsp的技术会把你的网页给你写好，言而总之：就是你的网页已经在服务器
前端如何渲染后端传过来的富文本
06-12
前端渲染后端传过来的富文本可以使用类似于上面提到的方法。 1. 使用 HTML 标记 如果后端传递的是 HTML 格式的富文本，可以直接将其插入到页面中，例如使用 `innerHTML` 属性： ```javascript const richText = '...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值