随着互联网的高速发展以及IT开发技术的升级，前后端分离已成为互联网项目开发的业界标准使用方式。在实际工作中，前后端的接口联调对接工作量占HTML5大前端人员日常工作的30%-50%，甚至会更高。接下来千锋小编分享的广州HTML5大前端学习就给大家讲解前后端分离接口。

为什么要前后端分离？

把前端与后端独立起来去开发，放在两个不同的服务器，需要独立部署。两个不同的工程，两个不同的代码库，不同的开发人员，前后端工程师需要约定交互接口，实现同步开发。开发结束后需要进行独立部署，前端通过接口来调用调用后端的API，前端只需要关注页面的样式与动态数据的解析和渲染，而后端专注于具体业务逻辑。

前后端分离的优点是什么？

1、彻底解放前端。前端不再需要向后台提供模板或是后台在前端HTML中嵌入后台代。

2、提高工作效率，分工更加明确。前端只关注前端的事，后台只关心后台的活，两者开发可以同时进行，在后台还没有时间提供接口的时候，前端可以先将数据写死或者调用本地的JSON文件即可，页面的增加和路由的修改也不必再去麻烦后台，开发更加灵活。

3、局部性能提升。通过前端路由的配置，我们可以实现页面的按需加载，无需一开始加载首页便加载网站的所有的资源，服务器也不再需要解析前端页面，在页面交互及用户体验上有所提升。

​

4、降低维护成本。通过目前主流的前端MVC框架，我们可以非常快速的定位及发现问题的所在，客户端的问题不再需要后台人员参与及调试，代码重构及可维护性增强。

5、实现高内聚低耦合，减少后端（应用）服务器的并发/负载压力。

6、即使后端服务暂时超时或者宕机了，前端页面也会正常访问，但无法提供数据。

7、可以使后台能更好的追求高并发、高可用、高性能，使前端能更好的追求页面表现、速度流畅、兼容性、用户体验等。

前端工程是如何调用接口？

Ajax在浏览器与Web服务器之间使用异步数据传输（HTTP 请求），通过get或者post方法与服务器交互。

前端和后端之所以需要对接，是因为前端页面只负责提供视图没有内容，而后端只提供内容，两者所谓的对接，就是把后端的内容放在前端页面预留出来的位置上。（虽然说是前端后端 ，但这一对接实际发生在服务器端）。

所以服务器端进行的交互活动如下：

接收用户请求——》找到负责处理的程序——》处理程序找到要传输给用户的前端页面——》该前端页面留出位置——》后端到数据库取数据——》后端把数据放在前端留出来的位置上

——》结合成真正用户看到的HTML文件——》传输给用户。

为什么ajax请求进不来后端路由_为什么要前后端分离？前后端分离的优点是什么？...相关推荐

  1. python开发前端后端区别_一文看懂前端和后端开发

    作为一名开发者,你可能会想:2019 年最好的软件开发技术和编程语言会是什么?它们又是如何被应用在软件开发当中的?如果你在思考这个问题,那就来对地方了.这篇文章将对前端和后端开发技术做一个对比,先从基 ...

  2. python微信小程序后端开发_使用django开发微信小程序后端

    tips: 本文面向的对象是已经会使用django开发web后端的人员 微信小程序后端与普通web的区别 微信小程序的后端开发和普通的restful API 大致上相同,只不过要注意以下几点限制 必须 ...

  3. 前端发展历程，前端路由和后端路由，到底有什么区别？

    路由是什么? 路由这个词语其实最开始的时候是网络工程里面一个专业的术语,当然随着随着我们生活中路由器的使用,我们最熟悉的可能就是路由器这个物品了. 事实上路由器主要维护的就是一个映射表,映射表则会决定 ...

  4. 前端路由 与 后端路由

    欢迎学习交流!!! 持续更新中- 文章目录 前端路由 后端路由 二者比较 前端路由的两种模式 hash histroy 二者比较 路由:路由是根据不同的 url 地址展示不同的内容或页面,是指分组从源 ...

  5. [react-router] 请你说说react的路由的优缺点？

    [react-router] 请你说说react的路由的优缺点? 优点: 配置灵活 支持丰富的传参 利用hashRouter也可以实现低版本浏览器的兼容 缺点: v4之后使用url query的方式传 ...

  6. 【前端路由原理--原生JS实现方式】--前后端路由的区别、关于单页面应用与多页面应用、什么是CSR、SSR、SSG、ISP

    前言 本来只是想学习 React-Router v6 ,没有想到,带出了这么多东西.前后端路由有什么区别?SPA与MPA的是什么?在了解到前端路之后又发现单页面于应用与多页面应用的不同之处,以及 .n ...

  7. 前端路由||路由的基本概念与原理||在开发中，路由分为：   后端路由   前端路由

    前端路由 路由的基本概念与原理 vue-router的基本使用 vue-router嵌套路由 vue-router动态路由匹配 vue-router命名路由 vue-router编程式导航 基于vue ...

  8. php后端路由,laravel实现前后台路由分离的方法

    当我们把路由写到一个文件中时,路由显得杂乱不堪,不利于维护,这时我们需要将laravel路由进行分离 实现步骤: 1.首先在app/Https/Controlles/文件下建立 Frontend(前端 ...

  9. 实战react技术栈+express前后端博客项目（3）-- 后端路由、代理以及静态资源托管等配置说明...

    项目地址:github.com/Nealyang/Re- 本想等项目做完再连载一波系列博客,随着开发的进行,也是的确遇到了不少坑,请教了不少人.遂想,何不一边记录踩坑,一边分享收获呢.分享当然是好的, ...

最新文章

  1. 自定义控件：侧滑面板
  2. 1000亿产值、2500万辆销售目标，范迪塞尔代言的雅迪将如何正确“出海”？
  3. fenby C语言 P20
  4. leetcode 838. Push Dominoes | 838. 推多米诺（分析每个状态）
  5. MVVM架构~knockoutjs系列之包括区域级联列表的增删改
  6. mysql rls_Python插入到mysql表不起作用
  7. Select网络模型
  8. python怎么用input输入列表_Python - 根据列表内容验证用户输入的最佳方法是什么？...
  9. 精度LiDAR-Monocular Visual Odometry
  10. 4python小项目---# 体脂率计算
  11. MailServer配置Foxmail
  12. 37.0.概率论与数理统计-常用统计量及其分布,次序统计量，（样本均值,样本方差,样本标准差,样本k阶矩，样本k阶中心矩）
  13. oracle 动态监听例子,ORACLE动态监听总结
  14. 2021-11-15 cv2.erode()和cv2.dilate()的原理理解
  15. 《MATLAB 神经网络43个案例分析》：第5章 基于BP_Adaboost的强分类器设计——公司财务预警建模
  16. 蘑菇街 java 面试_【蘑菇街java工程师面试】蘑菇街Java后台开发二面挫败-看准网...
  17. brew | brew cask | yum | apt-get
  18. 如何通过抓包来获取数据API
  19. 赖大师新文章 ：Xilinx 开箱-KV260相机,两个小时轻松搞定，文章不能用我坐飞机过去帮你调哈。
  20. 二叉树存储结构 mysql_为什么mysql索引选择b+树作为底层存储结构？

热门文章

  1. AI基础：走进深度学习
  2. AAAI21最佳论文Informer：效果远超Transformer的长序列预测神器？？？
  3. 网易云信荣登「2020中国ToB行业年度先锋力榜」！
  4. 【MCtalk】“互联网+”技术融合论坛
  5. Android微信视频播放填坑指南
  6. Django 02 url路由配置及渲染方式
  7. vue.js 2.0 官方文档学习笔记 —— 01. vue 介绍
  8. mysql 连接数的最大数
  9. 使用go build 进行条件编译
  10. ylb：表的结构的修改和基本约束