前后端是如何交互的?

分离式前后端的交互(超详细) 超详细前后端交互过程 阅读详情

转自:https://blog.youkuaiyun.com/joe_niu/article/details/79446698

1、前端请求数据URL由谁来写
在开发中,URL主要是由后台来写好给前端。 
若后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数
(即URL请求的参数)。

2、接口文档主要由谁来写
接口文档主要由后台设计和修改。 
后台直接跟数据打交道,最清楚数据库里有什么数据,能返回什么数据。 
前端只是数据的被动接受者,只是接口文档的使用者。 
使用过程中,发现返回的数据部队,则跟后台商量,由后台修改。 
切记:前端不能随意更改接口文档,除非取得后台同意。

3、前端与后台交互的数据格式
主要是JSON,XML现在用的不多
JSON 通常用于与服务端交换数据。
在接收服务器数据时一般是字符串。
我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

4、前端与后台的交互原理
关注点:接口地址、前端请求的参数、后端返回的参数。 
调一下接口,看一下返回的数据。

5、前端请求参数的形式
GET和POST两种方式 
GET从指定的服务器中获取数据,POST提交数据给指定的服务器处理

6、前端应该告知后台那些有效信息,后台才能返回前端想要的数据
先将要展示的页面内容进行模块划分,将模块的内容提取出来,以及方便前端的一些标志值等,将所有想要的内
容和逻辑告知后端 
后端从数据库里面去查询相应的数据表以获得相应的内容或者图片地址信息 
URL中的参数主要是根据后台需要,若后台需要一个参数作为查询的辅助条件,前端在URL数据请求时就传递参数

7、前端如何把页面信息有效传达给后台,以及后台如何获取到这些数据
所有前端请求的URL后面的参数都是辅助后台数据查询的 
若不需要参数,那后台就会直接给个URL给前端

8、前端应该如何回拒一些本不属于自己做的一些功能需求或任务
前端负责把数据展示在页面上 
清晰的认识自己需要做的需求和任务

9、当前端在调用数据接口时,发现有些数据不是我们想要的,那么前端应该怎么办
把请求的URL和返回的数据以及在页面的展示的情况给后台看【后台查询数据、取数据、封装数据方面等蛮难处理
的】

10、为什么需要在请求的时候传入参数
后台在查询数据库的时候需要条件查询
基于SpringBoot+Vue实现前后端交互功能(详解Vue框架机制) Vue框架知多少?Vue.js(通常简称为Vue)是一种流行的JavaScript前端框架,用于构建交互式的用户界面和单页面应用(SPA)。Vue由尤雨溪(Evan You)于2014年创建,并于同年正式发布。它的设计目标是通过尽可能简单的API提供高效的响应式数据绑定和组件化的视图组织方式。 阅读详情

相关推荐

前后端交互(入门篇)

本篇文章只是最简单的演示了前后端的交互,同时引出了过滤器的概念,前后端交互是一个大的板块,会涉及很多问题,所以我们需要一步一步逐个学习和解决,本篇文章只是入门!适合小白快速入门。

小谷同学的博客 4186

前后端交互(小白教学)

前后端交互小白教学,超详细

一枚数学专业的小码农的博客 5万+

前后端与数据库的交互II

前后端与数据库的交互II <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@page import="java.util.List"%> <%@page import="longin1.User"%> <%@page import="longin1.MyJDBCU...

BOGEWING的博客 1061

前后端交互流程

前后端交互流程

weixin_71243923的博客 2万+

前后端的简单交互

以运用eclipse为例,简单介绍一下 它的网页项目 创建一个Dynamic Web Project 在他的 WebContent 文件夹里面 新建一个 html文件,可以进行任意命名,新建之后大概是如下界面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body>

qq_45841224的博客 710

一篇文章带你使用 Spring Security 完成前后端分离,使用 JSON 进行交互

文章目录一、无状态登录1. 什么是有状态2. 什么是无状态3. 如何实现无状态4. 各自优缺点二、登录交互1, 前后端分离的数据交互2. 登录成功3. 登录擦除三、未认证处理方案四、注销登录五、代码 一、无状态登录 1. 什么是有状态 有状态服务,即服务端需要记录每次会话的客户端信息,从而识别客户端身份,根据用户身份进行请求的处理,典型的设计如 Tomcat 中的 Session。例如登录:用户登录后,我们把用户的信息保存在服务端 session 中,并且给用户一个 cookie 值,记录对应的 sessi

南淮北安的博客 7348

前后端流式交互的几种方式

本文总结了开发聊天助手时实现流式交互的几种技术方案:1) Electron通过IPC通信实现,利用事件机制实时更新界面;2) PyQt5采用信号槽机制,结合WebEngineView实现类似Electron的效果;3) Web方案中探讨了fetch+reader和EventSource两种方式,但发现前者可能存在性能问题。文章详细比较了各方案的技术实现特点,包括Electron的事件回调、PyQt5的线程通信机制等,为开发实时聊天应用提供了实用参考。

人太健忘了,需要有个地方记录 1224

AI协议助手:法律文本解析与智能问答技术解析

自然语言处理(NLP)技术在法律文本解析中展现出巨大潜力,通过BERT等预训练模型实现条款分类与语义理解。结合OCR与知识图谱技术,AI协议助手能快速提取合同核心条款,并以问答形式解释法律术语,显著提升商务场景的决策效率。测试数据显示,该系统对NDA协议的识别准确率达92%,响应时间仅1.2秒,特别适用于人力资源竞业协议、云服务SLA评估等场景。随着RAG架构与法律术语向量库的应用,AI+法律正推动合同审核成本下降67%,未来将在跨境合规、智能谈判等方向持续演进。

weixin_29053577的博客 127

前后端是如何交互的

前后端是如何交互的 iOS,H5,安卓等前端开发的如何跟后台进行交互? 应该怎么去规避一些不该属于自己的任务而被后台强加于自己? 1.前端请求数据URL由谁来写? 在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数,这里的查询参数也就是URL请求的参数。 2.接口文档主要由谁来写? 接口文档也是主要由后台开发者来写的,因为直接跟数据打交道的就是后台,后台是最清楚,数据库里面有什么数据,能返回什

Elementsboy的博客 389

Bresenham画圆算法在嵌入式屏幕(如ILI9806G)上的实战:从C代码到单片机显示

本文详细介绍了Bresenham画圆算法在嵌入式屏幕(如ILI9806G)上的高效实现与优化方法。通过整数化改造和针对STM32等微控制器的特殊优化,显著提升了图形显示性能,适用于资源受限的嵌入式系统开发。文章还分享了实心圆与空心圆的实现策略及实战经验。

weixin_33712987的博客 390

永磁同步电机ADRC控制策略优化:从理论到Simulink仿真实践

本文深入探讨了永磁同步电机自抗扰控制(ADRC)策略的优化与实践。针对传统PID在动态响应、抗扰及噪声抑制方面的不足,详细解析了ADRC三大核心组件——跟踪微分器(TD)、扩张状态观测器(ESO)与非线性状态误差反馈(NLSEF)的工作原理。通过手把手的Simulink仿真教程,展示了从算法编写、模型搭建到参数整定的完整流程,并进阶实现了位置-速度双环ADRC协同控制,为高性能电机伺服系统设计提供了从理论到实践的清晰指南。

root9的博客 412

WebSocket实现前后端消息交互

首先,你需要一个 WebSocket 服务器来处理客户端的连接请求和消息。有许多不同的库可以帮助你在不同的后端环境中设置 WebSocket 服务器。记得根据实际需求调整错误处理逻辑,并考虑安全性问题,如使用 `wss`(WebSocket over SSL)而非 `ws` 提供加密连接。在前端,可以使用浏览器内置的 `WebSocket` API 来创建与 WebSocket 服务器的连接。这段代码会创建一个监听 8080 端口的 WebSocket 服务器,并且当有客户端连接时发送一条欢迎信息。

2401_86544677的博客 2767

19 04-读取DTC快照信息

为了方便找到故障的原因,车厂一般会在诊断调查表中定义一些信息作为快照信息,例如故障发生时间、电压、行驶里程数、车速等。在对应故障发生时,ECU端要记录发生故障时的快照信息,客户端可以通过此服务检索客户端定义的DTCMaskRecord的捕获DTC Snapshot记录号以及DTCSnapshot记录数据。通过查找故障发生时刻的这些数据,来分析故障原因。

诊断协议那些事儿's blog 5138

前后端分离后,即使前后端相互不交流怎么方便交互呢?

这里就需要一些规范了,包括统一的接口,统一的javabean等等,这些 都需要公司的架构师设计,如下我介绍一种公司常用的方式(重要)!!统一结果类 下面用到了vue,ElementUI,Spring,Springmvc,mybatis,Restful风格 使用方法如下:例如前端给后端发来一个ajax请求 后端只需知道发来的url,通过如下代码查询完结果后,返回一个json格式 那么前端可以不用管后端发送的啥,只需要看一下data,如果失败只需要看一下msg,(code=1成功,code=0失败) 这样是前后

随便写写 1138

OceanBase备租户创建(二):通过BACKUP DATABASE PLUS ARCHIVELOG

OceanBase数据库备租户创建方法二:通过BACKUP DATABASE PLUS ARCHIVELOG功能实现,特别适用于社区版和单机版部署模式。

Sebastien23的博客 539

Android Google 支付接入

1. 从 2023 年 8 月 2 日起,所有新应用都必须使用结算库版本 5 或更高版本。自 2023 年 11 月 1 日起,现有应用的所有新版本都必须使用结算库版本 5 或更高版本。 2. 如果您的应用以 Android 14 或更高版本为目标平台,您必须更新到 PBL 5.2.1 或 PBL 6.0.1 或更高版本。

帅次的博客 9404

前后端正常交互的流程

前后端正常交互的流程 1、评审阶段:产品召集前后端进行需求评审,前后端各自捋清楚自己的业务量以及联调之间工作量,从而进行开发时间评估。 2、开发准备阶段:前后端一起商量需求中需要联调的部分,进行接口的口头协议交流。 3、接口定义阶段:前后端中的一方根据之前的口头协议拟定出一份详细的接口,并书写APl文档,完成后由另一方确认。有疑问的地方重新商量直至双方都没有问题。 4、开发阶段:双方根据协...

前端笔记 3603

Vue 前端导出页面A4大小pdf,Vue前端导出pdf自动切割换页不切割内容 Vue导出页面pdf自动分页和添加页码 导出的pdf提高清晰度

【代码】Vue 前端导出页面A4大小pdf,Vue前端导出pdf自动切割换页不切割内容 Vue导出页面pdf自动分页和添加页码 导出的pdf提高清晰度。

weixin_41346436的博客 1797

都前后端分离了,咱就别做页面跳转了!统统 JSON 交互

文章目录1. 无状态登录1.1 什么是有状态1.2 什么是无状态1.3 如何实现无状态1.4 各自优缺点2. 登录交互2.1 前后端分离的数据交互2.2 登录成功2.3 登录失败3. 未认证处理方案4. 注销登录 这是本系列的第四篇,有小伙伴找不到之前文章,松哥给大家列一个索引出来: 挖一个大坑,Spring Security 开搞! 松哥手把手带你入门 Spring Security,别再问密...

江南一点雨的专栏 4万+

嵌入式铁头山羊stm32:一文总结

本文是一篇STM32嵌入式开发的综合知识总结,涵盖了STM32基础概念、GPIO、通信协议、外设驱动等核心内容。文章首先介绍了STM32的基本概念和型号含义,然后详细讲解了GPIO的8种工作模式及实验案例。接着重点阐述了USART、I2C、SPI三种通信协议的原理和实现方法,包括硬件连接、编程接口和实验应用。此外还介绍了OLED显示原理、中断系统、定时器、ADC转换等关键技术,每个模块都配有对应的实验案例和代码实现参考。文章内容全面系统,既包含理论知识,又提供实践指导,适合作为STM32开发的快速参考手册。

古泽汉书的博客 2782

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

PHP 前后端代码交互:从基础到实践

在 Web 开发中,前后端交互是至关重要的环节。本文将详细介绍基于 PHP 的前后端代码交互过程,并通过示例代码帮助读者更好地理解。

m0_57836225的博客 803

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

Spring Boot + Vue 前后端接口交互全流程详解

通过以上方案,Spring Boot和Vue可以实现高效、安全的前后端接口交互。实际开发中应根据项目需求选择合适的传参方式、安全策略和性能优化方案。

Leaton的博客 6001

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

上一篇: Packets
下一篇: 阿牛的EOF牛肉串(递推专题)
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值