文章目录一、背景二、swagger介绍三、在maven+springboot项目中使用swagger四、swagger在项目中的好处五、美化界面一、背景现在的网站大多都是前后端分离式的开发，前后端都衍生出了自己的框架。现在前后端交互的唯一方式就是API接口。曾经前后端交互都需要后端人员手动编写API接口文档，规定路径、请求方式、返回类型，这样效率很低。swagger就是更好地书写API文档的框架。
转载
2024-05-14 21:08:01
223阅读
Axios工具目前流行的前后端数据交互，特别重要。我们可以对Axios进行封装，封装之后我们可以通过这个工具发生get，post，put，delete这几种命令给后台，看用哪个，就看controller层，用哪一种请求。 步骤1.先在vue里面创建一个utils文件夹，在然后在这个文件夹下面创建一个request.js文件（用来封装axios）。2.安装axios组件，在前台工程打开终端
转载
2023-07-01 17:34:55
731阅读
前端后端交互axios前言axios的使用安装axiosaxios发送get请求get请求带参数发送post请求全局axios配置多服务场景调用后端鉴权的接口处理axios请求拦截器响应拦截器async await的使用 前言Axios 是一个基于 promise(异步实现) 的 HTTP 库，可以用在浏览器和 node.js 中使用，原生的js或者使用jquery来发生请求进行前后端数据交互，
转载
2023-10-23 23:55:59
273阅读
浏览器访问网站过程。第一步：浏览器向DNS服务器发起DNS请求，DNS服务器解析域名后返回域名对应的网站服务器IP地址第二步：浏览器获取IP地址后向网络服务器发送一个HTTP请求第三步：网络服务器解析浏览器的请求后从数据库获取资源，将生成的html文件封装至HTTP 响应包中，返回至浏览器解析第四步：浏览器解析HTTP 响应后，下载html文件，继而根据文件内包含的外部引用文件、图片或者多媒体文件
转载
2024-02-22 19:43:41
93阅读
原生Ajax实现Ajax的步骤创建XMLHttpRequest对象注册监听建立连接发送请求实现Ajax的六步走创建XMLHttpRequest对象建立连接发送请求注册监听 - onreadystatechange事件获取服务器端的通信状态 - readyState获取服务器端的状态码创建XMLHttpRequest对象function getXhr(){
// 声明XMLHttpReq
转载
2023-09-09 09:28:43
133阅读
# 使用 Axios 实现前后端交互
在现代Web开发中，前后端分离的架构已成为一种主流方式。前端通过 API 与后端服务进行通信，这时，我们通常使用 Axios 这个轻量级的 HTTP 客户端库来实现前后端的交互。本文将介绍 Axios 的基本用法，展示如何通过它进行 API 请求，并提供一个简单的例子。
## 什么是 Axios？
Axios 是一个基于 Promise 的 HTTP 客
原创
2024-09-20 13:20:01
197阅读
Servlet实现简单的前后端交互首先前后端交互是啥呢？在我的理解中大概是这样的：简单的讲就是数据的交换接下来我们来看看应该要怎么实现这个简单的交互：1、首先我们前端先不写静态页面，直接在url上将请求的参数放上去 2、后端要做的首先就是连接数据库，如果数据库不连，那么就是两个憨憨在傻笑 3、接受前端请求的参数，将请求的参数进行数据库查询 4、后端将结果返回给前端，就完成了一个交互数据库： 数据库
转载
2024-01-05 20:09:39
97阅读
前端工程师的职责：1、UI重构 2、在正确的区域渲染出服务端的数据。毕竟，我们要构建一个大的web应用，必然不是普普通通的静态页面构成。下文将罗列前端工程师应该必备的同后端打交道的常用技能。1、服务端渲染 谈起服务端渲染，对于动态服务而言，这个世界上跑的大多数页面都经过服务端的数据渲染，接口->前端赋值->模板渲染。 这些都是在服务器完成，在我们查看源码的时候，可以看到
转载
2023-07-04 14:07:30
161阅读
这回图片少，给手动替换了~祝看得愉快，学的顺畅！哈哈一 原生ajax经典四步(一) 原生ajax经典四步第一步：创建网络请求的AJAX对象（使用XMLHttpRequest）JavaScript
let xhr = new XMLHttpRequest()第二步：监听对象状态的变化监听XMLHttpRequest对象状态的变化JavaScript
xhr.onreadystatecha
零基础小白开发app日志–“菜根易嚼”交易平台 第二章 前端功能具体实现以及前后端交互实现 文章目录零基础小白开发app日志–“菜根易嚼”交易平台 第二章 前端功能具体实现以及前后端交互实现前言一、云端与app的信息交互实现？1、网络权限的开通2、统一前端和后端的数据类型，以及商议统一命名3、传输信息到远端服务器4、接收云端服务器数据并展示5、图片传输与转换二、其他功能具体实现1.聊天2.商品评论
转载
2023-12-01 11:20:57
65阅读
1 导入全局'element-plus'标签包vue3中'element-plus'标签包的导入操作如下：根目录中，通过VSCode“终端”执行命令：npm install --save element-plus 2、在main.js文件中配置全局变量：//把“element-plus”内置标签包导入为全局变量：“element”。
import element
转载
2024-05-11 10:36:00
133阅读
前后端交互模式接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用
定时任何ajax事件函数Prom
前后端数据交互：AxiosAxios 介绍 在前端页面展示的数据大多数都是通过访问一个API获取的，做这件事的方法有好几种，例如jquery ajax、vue-resource、axios，而vue-resource是vue插件，但3版本不再更新，目前官方推荐主流的axios，aixos是一个http请求库。 官方文档：http://www.axios-js.com/zh-cn/docs/Axi
转载
2023-08-18 14:11:14
99阅读
前后端交互浏览器输入域名到页面显示完整的流程1.浏览器输入地址比如http://www.baidu.com，根据域名和端口号通过DNS解析成IP地址2.根据IP地址以及端口号找到对应的服务器(http协议中的tcp协议 )协议三次握手和四次挥手 http的默认端口号80 https默认端口号443 ftp默认端口21 mysql默认端口号33063.服务器接收到来自前端的请求，分配到对应路由‘/’
转载
2023-11-30 12:42:15
138阅读
目录前后端数据交互——ajax1. 介绍2.原生ajax用法3.jquery的ajax4.ajax原理说明 前后端数据交互——ajax1. 介绍1.1 定义Ajax(Asynchronous Javascript And XML) 是一种在无需重新加载整个网页的情况下，能够更新部分 网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。 这意味着可以在不重新加
转载
2024-01-11 15:45:42
268阅读
目录1. 前后端交互模式1.1 接口调用方式1.2 URL地址格式2. Promise用法2.1 异步调用2.2 Promise概述2.3 Promise基本用法2.4 基于Promise处理Ajax请求2.5 then参数中的函数返回值2.6 Promise常用的API3. 接口调用-fetch用法3.1 fetch概述3.2 fetch的基本用法3.3 fetch请求参数3.4 fetch响
转载
2023-10-20 17:23:02
136阅读
比较暴力但好理解的方法，下面详细说一下。 工具准备Flaskpip install flask数据下面的例子用动物森友会中鱼类的价格、活动季节、图片等数据作为测试数据，通过关键词进行查询并做前端展示 下面介绍实现前后端分离的过程：前端输入鱼的名称，点击前端“查询”按钮，通过 Axios 把前端输入的字符串传给后端的函数，函数通过鱼的名称进行检索，找出该鱼类的价格及图片链接，数据
转载
2024-08-12 21:58:20
58阅读
1、Controller接受前端值 方法参数使用HttpRequestServlet request, 通过request.getParameter("userName")获取。方法参数直接与前端页面标签的name属性对应。方法参数使用对象， 其中对象成员属性与前端页面标签的name属性对应。
控制器 作为控制器，大体的作用是作为V端的数据接收并且交给M层去处理，然后负责
转载
2023-12-12 11:03:43
159阅读
Vue界面在前后端交互的过程中使用的是AJAX的方式来进行的数据交互，我们一般来说使用较多的是Vue-resource 以及 axios 这俩个组件来实现Vue的前后端的交互。vue-resource 和 axios 的共性及区别共性： 1.都是对于AJAX的封装，便于Vue项目来直接的调用完成项目的前后台连接；区别： 1.在Vue1.0中官方推荐使用vue-resource，在Vue2.0的时候
转载
2023-11-08 15:46:09
108阅读
vue-前后端交互-axios 目录 文章目录1、基本特性2、基本用法3、axios 常用API4、axios参数传递4.1、GET与DELETE请求方式4.2、POST和PUT请求方式5、axios响应数据5.1、响应结果的主要属性6、axios的全局配置6、axios拦截器6.1、请求拦截器6.2、响应拦截器***后记*** ： 内容 1、基本特性axios是一个基于Promise用于浏览器
转载
2023-12-09 15:18:19
71阅读
