工业App开发与应用 课件 5-1-前后端交互.pptx

前后端交互

目录一、前后端交互的目的二、前后端分离三、低代码开发平台中的前后端交互

一、前后端交互的目的

一、前后端交互的目的01-前后端交互的主要目的是实现前端和后端之间的数据交互和协作，以达到更好的用户体验和应用性能。用户前端后端服务数据库

前端交互目的前端从后端拉取数据01前端推送数据到后端02

1前端从后端拉取数据数据存储逻辑处理后端服务数据库前端前端从后端拉取数据指前端通过后端从数据库拉取需要的数据并渲染到页面上显示。前端一般通过调用后端提供的API接口来获取需要的数据，然后将数据渲染到页面上进行展示，从而实现页面的动态更新和数据的实时展示。

2前端推送数据到后端后端服务数据库前端前端推送数据到后端指前端把收集到的数据推送到后端去处理用户通常需要向后端提交一些数据，比如注册信息、搜索条件、订单信息等等。前端通过调用后端提供的API接口来将数据推送到后端进行处理注册信息搜索条件订单信息API后端对数据进行验证、存储和逻辑处理，然后将处理结果返回给前端

二、前后端分离

二、前后端分离前端推送数据到后端前后端分离就是将应用的前端代码和后端代码分开写，从而分离应用的前端代码和后端代码。前端通过访问后端的API来获取或提交数据，然后将后端返回的数据展示到页面中。API

1API接口API全称ApplicationProgrammingInterface，即应用程序编程接口前后端开发者需要提前约定好API接口文档，也就是API接口的URL、参数和数据类型等信息，就可以开始各自的开发工作定义接口规范前端开发者后端开发者

2MockMock在开发过程中，前端开发者在API接口还没有实现之前，可以选择使用Mock数据进行测试Mock数据是一种模拟数据，它可以模拟后端返回的数据格式和内容

2MockMock一般用于开发调试验证。在项目初始阶段，当后端服务没有搭建好API联调环境时，可以使用Mock模式，将预期结果固定返回给API调用方，方便调用方进行项目开发。采用Mock模式，可以提升项目开发效率。在开发过程中，只需约定好接口规则，即可使用Mock构建出可用接口，尽快进行开发，团队之间可以并行工作，进程互不影响，无需等待对方进度。模拟测试前端开发者Mock数据

前后端分离优势提高开发效率和协作效果01实现了前后端开发的解耦。02

三、低代码开发平台中的前后端交互

三、低代码开发平台中的前后端交互调用API函数01-低代码开发平台采用了前后端分离的理念02-低代码开发平台主要采用前端函数调用API函数的方式来实现应用的前后端交互，将前端页面和后端数据进行对接

总结低代码开发平台中的前后端交互前后端分离API接口Mock前后端分离的优势调度任务前后端交互的目的前端从后端拉取数据前端推送数据到后端

思考1简述前后端交互的目的？思考2简述前后端分离的优势？