什么是前端路由和后端路由

于 2021-12-06 14:31:10 发布
阅读量297 收藏
点赞数
分类专栏： vue-router路由 文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50240716/article/details/121746315
版权
前端路由实现了页面URL变化而不整体刷新的功能，提升了用户体验。后端路由则是通过URL匹配交由Controller处理，生成并返回HTML或数据。这种IO操作是传统网站的常见模式。两者在处理页面跳转和内容呈现方式上存在显著差异。
摘要由CSDN通过智能技术生成

前端路由

前端路由的核心是什么呢？
改变URL，但是页面不进行整体的刷新。
在这里插入图片描述

后端路由

一、早期的网站开发整个HTML页面是由服务器来渲染的.
服务器直接生产渲染好对应的HTML页面, 返回给客户端进行展示.

二、但是, 一个网站, 这么多页面服务器如何处理呢?
一个页面有自己对应的网址, 也就是URL.
URL会发送到服务器, 服务器会通过正则对该URL进行匹配, 并且最后交给一个Controller进行处理.
Controller进行各种处理, 最终生成HTML或者数据, 返回给前端.
这就完成了一个IO操作.
上面的这种操作, 就是后端路由.
在这里插入图片描述

小慈
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端示例和后端代码库的集合和规范
08-12
在IT行业中，前端示例和后端代码库的集合与规范是构建高效、可维护的Web应用程序的关键元素。这些资源通常包含一系列最佳实践、代码片段、模板和完整的项目实例，帮助开发者快速上手并遵循一致的编码标准。在这个...
JS实现前端路由功能示例【原生路由】
10-15
在早期，路由通常由后端服务器处理，但现在随着Ajax和JavaScript的增强，前端路由成为可能。 ### 前端路由的工作原理 前端路由的核心是监听URL的变化，特别是`#`后的哈希值（Hash）。在浏览器中，当哈希值改变时，...
前端路由和后端路由
TangJing_的博客
10-25 2846
前端路由 路由：简单的说，路由是根据不同的 url 地址展示不同的内容或页面。（把信息从原地址传输到目的地的活动） 单页面应用 1、单页面是指整个项目只有一个页面，页面显示的内容被抽离为一个一个小的组件。 2、通过前端路由，让URL地址的改变来映射到不同的组件，通过URL的改变来决定组件的显示与否，从而显示单页面对应的内容。 什么是前端路由 前端路由：根据不同的用户事件，显示不同的页面内容；本质是用户事件与事件处理函数之间的对应关系。 简单来说就是：页面不刷新，前端路由就是...
关于前端路由和后端路由的一点思考
hellochenlu的博客
10-23 5619
参考文章： https://segmentfault.com/q/1010000005336260 http://www.zhihu.com/question/24321175/answer/27410834 前端路由： 1，什么是前端路由？ 路由是根据不同的 url 地址展示不同的内容或页面 前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做，之前是通过服务
前端路由 与 后端路由
Sco_jing的博客
10-26 2268
欢迎学习交流！！！ 持续更新中… 文章目录前端路由后端路由二者比较前端路由的两种模式hashhistroy二者比较 路由：路由是根据不同的 url 地址展示不同的内容或页面，是指分组从源到目的地时，决定端到端路径的网络范围的进程。 路由工作包含两个基本的动作： 1、确定最佳路径 2、通过网络传输信息 在路由的过程中，后者也称为后者也称为（数据）交换。交换相对来说比较简单，而选择路径很复杂。 前端路由 前端路由的核心是：改变URL，但是页面不进行整体的刷新。根据不同的hash地址，展示不同前端组件.
director.js实现前端路由使用实例
10-24
### 前端路由与director.js 前端路由是目前Web开发中一个非常重要的概念，它允许在不重新加载页面的情况下改变浏览器地址栏的URL，并根据不同的URL路径加载不同的内容。前端路由的实现依赖于JavaScript库，其中...
详解SPA中前端路由基本原理与实现方式
10-18
在深入探讨单页应用（SPA）的前端路由之前，有必要先回顾一下传统的后端路由模式。传统后端路由模式中，当用户通过浏览器地址栏访问不同的URL时，浏览器会向服务器发起请求，服务器则根据请求的URL处理逻辑并返回...
前端路由原理解析(含代码实现)
01-20
关于前端路由你可能需要知道的内容什么是路由? 前端路由出现之前又是怎么实现路由的?前端路由hash 路由history 路由前端路由的缺点总结 写在正文前: 作为一位已经工作了两年的前端 CRUD boy, 整日潜水在论坛看见各位...
全新借贷APP系统源码 独立uni前端 java后端 全开源.zip
10-31
其核心亮点在于采用独立的uni前端和Java后端架构，这样的设计有助于实现系统的高性能、安全性和可扩展性。 首先，让我们关注uni前端部分。Uni App是一款基于Vue.js开发的多端框架，它能够一次编写，多端运行，覆盖...
Vue学习之旅Part9：使用vue-router实现前端路由和参数传递
01-20
2、后端路由和前端路由 1、后端路由： 对于普通网站 所有超链接都是URL地址 所有的URL地址都对应服务器上对应的资源 每个前端的资源都对应着一个URL地址 由后端路由进行分发 浏览器在地址栏中切换不同的url时每次...
Javascript实现前端简单的路由实例
11-23
前端路由和后端路由原理一样，是让所有的交互和展现在一个页面运行以达到减少服务器请求，提高客户体验的目的，越来越多的网站特别是web应用都用到了前端路由。 HTML 页面中有一个导航菜单ul，和一个div#result用来...
前端后端和数据库代码资源
最新发布
01-10
在IT行业中，前端、后端和数据库是构建任何复杂应用程序不可或缺的三个主要组成部分。这个"前端后端和数据库代码资源"的压缩包包含了这三部分的关键代码，为开发者提供了全面的开发工具集。 首先，让我们深入理解每...
vue自定义指令和动态路由实现权限控制
11-19
前端接收到这个列表后，可以根据用户的不同权限来决定加载哪些动态路由。 6. **处理后端返回的数据**：在Vuex的`actions`中定义了一个异步方法`getPermissions`，它负责从后端获取用户信息。`commit`方法用来提交...
前端路由和后端路由的区别
qq_41671718的博客
07-01 5931
1.什么是路由 路由是根据不同的url展示不同的内容或页面。 2.什么是前端路由 特点：不向后台发送请求，不刷新页面，前后端分离 前端路由即响应页面内容的任务是由前端来做的，根据不同的url更新页面的内容，随着SPA（单页面应用）的普遍使用，前后端开发分离，项目中基本都使用前端路由，通过路由实现页面的变化。例如，通过vue开发的SPA中，切换路由，并不刷新页面，而是根据路由在虚拟DOM中加载所需要的数据，实现页面内容的改变。 3.什么是后端路由 特点：向服务器发送请求，会刷新页面，前后端不能分离
前端路由和后端路由的对比及优劣
凉茶冰
12-03 6204
前言 本篇主要从web应用中页面跳转方式来说明目前web开发技术中常见的两种页面路由方式及对应的技术，然后根据不同的路由方式对应的技术来阐述不同技术的优劣以及在我认为未来web开发的技术发展趋势。 路由 什么是路由？提到路由，可能第一反应是无线路由器，但这里的路由指的是页面跳转的规则，我们常见的网站，从A页面跳转到B页面是如何定义的，页面内容如何回显，这些都可以算作是web路由的一部分。路由...
前端路由和后端路由的作用分别是什么
06-07
后端路由主要用于管理服务器端的请求和响应，通过解析 URL 中的路径和参数，来确定服务器应该返回什么内容。后端路由的作用是将请求分发给对应的处理程序或控制器。常见的后端路由框架有 Express、Django 等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值