1. Toy模板网首页
  2. > Toy博客

图文并茂教你模拟302接口，实现js中axios,fetch遇到302状态码后跳转的多种方案axios,fetch成功响应拦截302

9月前 作者：tangdou369098655 分类：Toy博客 阅读(44) 违法举报

这篇具有很好参考价值的文章主要介绍了图文并茂教你模拟302接口，实现js中axios,fetch遇到302状态码后跳转的多种方案axios,fetch成功响应拦截302。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前情提要

  • 日常工作中，我们会使用fetch,或者axios发起请求来获取数据，但是当我们遇到一些特殊需求的时候，使用不同库之后，会得到不同的结果，例如302,308的状态码，那么我们应该怎么处理这两种情况呢？

下面我将会手把手教你实现：

  • 如何使用多种方案实现前端代码+302后端接口实现页面跳转？
  • fetch 发送GET 或者 POST请求如何处理 302？或者是说fetch 怎么才能拦截302?
  • Axios 响应拦截 302 状态码的方案有哪些？如何实现？

基础环境准备

使用简单代码启动一个简单的nodejs后端

初始化项目
npm init
安装依赖
npm install express cors --save
模拟几个302请求

根目录下创建app.js文件，我们模拟一些302请求


var express = require("express");
var app = express();
const cors = require("cors");
//跨域请求cors
app.use(
  cors({
    origin: "*",
    credentials: true,
  })
);
// code 200 请求
app.get("/success", function (req, res) {
  res.send("ok");
});
app.post("/success", function (req, res) {
  res.send("ok");
});
// code 500 请求
app.get("/error500", function (req, res) {
  res.sendStatus(500);
});
const urlInfo = {
  baidu: "https://www.baidu.com/",
  error: "http://localhost:3002/error500", // 这个接口会返回状态码500
  notFound: "http://localhost:3002/notfound", // 根本就没有这个接口
  success: "http://localhost:3002/success", // 200
};
app.get("/redirect-success", function (req, res) {
  res.redirect(302, urlInfo.success);
});
app.post("/redirect-success", function (req, res) {
  res.redirect(302, urlInfo.success);
});
app.get("/redirect-baidu", function (req, res) {
  res.redirect(302, urlInfo.baidu);
});
app.post("/redirect-baidu", function (req, res) {
  res.redirect(302, urlInfo.baidu);
});
app.get("/redirect-error", function (req, res) {
  res.redirect(302, urlInfo.error);
});
app.post("/redirect-error", function (req, res) {
  res.redirect(302, urlInfo.error);
});
app.get("/redirect-not-found", function (req, res) {
  res.redirect(302, urlInfo.notFound);
});
app.post("/redirect-not-found", function (req, res) {
  res.redirect(302, urlInfo.notFound);
});


var http = app.listen(3002, "127.0.0.1", function () {
  var httpInfo = http.address();
  console.log(`创建服务${httpInfo.address}:${httpInfo.port}成功`);
});
注意事项
  • 下述状态码，我只试了302，大家可以自行修改后端代码测试其他状况哦~~

重定向状态码：
301: Moved Permanently
302: Found
303: See Other
307: Temporary Redirect
308: Permanent Redirect

启动http服务
node app.js

或者是使用supervisor来进行服务端代码热更新

supervisor使用方式(建议使用它来启动代码)
  • npm官方文档
  • Node Supervisor用于在程序崩溃时重新启动程序。
  • 它还可以用于在*.js文件更改时重新启动程序。
npm install supervisor -g
supervisor app.js
启动成功

axios上传图片302,前端必备,javascript,开发语言,ecmascript

接口测试

axios上传图片302,前端必备,javascript,开发语言,ecmascript

前端准备

我这里用vue来举例子啦~~，其他框架都一样哦~~

创建项目

npm create vue@latest

axios上传图片302,前端必备,javascript,开发语言,ecmascript

下载依赖
cd 项目名
npm install
启动项目
npm run dev

axios上传图片302,前端必备,javascript,开发语言,ecmascript
axios上传图片302,前端必备,javascript,开发语言,ecmascript

准备基础页面
<script setup>

</script>

<template>
  <main class="main">
    <button>测试</button>
  </main>
</template>
<style scoped>
.main {
  display: flex;
  align-items: center;
  justify-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin-top: 20px;
}

button {
  font-size: 16px;
  display: block;
  margin-bottom: 15px;
  cursor: pointer;
  border: none;
  color: hsla(160, 100%, 37%, 1);
  padding: 10px;
  width: 300px;
}
</style>

axios上传图片302,前端必备,javascript,开发语言,ecmascript

功能1：如何使用前端代码+302后端接口实现页面跳转？

方案1 - window.location.assign（当前页跳转）

我们在项目中添加以下代码

<script setup>
const urlInfo = {
  baidu: 'http://localhost:3002/redirect-baidu'
}
const toBaidu = () => {
  console.log(1)
  window.location.assign(urlInfo.baidu)
}
</script>

<template>
  <main class="main">
    <button @click="toBaidu">点击此处跳转百度</button>
  </main>
</template>
方案2 - window.open（新页面打开，或者当前页打开，可以自己控制参数）

核心代码如下：（详细代码将会在后面全部粘贴出来）

 window.open(urlInfo.baidu, '_blank');
方案3 - window.location.href

核心代码如下：（详细代码将会在后面全部粘贴出来）

 window.open(urlInfo.baidu, '_blank');
功能1总体代码
<script setup>
const urlInfo = {
  baidu: 'http://localhost:3002/redirect-baidu'
}
const toBaidu1 = () => {
  window.location.assign(urlInfo.baidu)
}
const toBaidu2 = () => {
  window.open(urlInfo.baidu, '_blank');
}
const toBaidu3 = () => {
  window.location.href = urlInfo.baidu
}
</script>

<template>
  <main class="main">
    <button @click="toBaidu1">点击此处跳转百度-1</button>
    <button @click="toBaidu2">点击此处跳转百度-2</button>
    <button @click="toBaidu3">点击此处跳转百度-3</button>
  </main>
</template>
<style scoped>
.main {
  display: flex;
  align-items: center;
  justify-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin-top: 20px;
}

button {
  font-size: 16px;
  display: block;
  margin-bottom: 15px;
  cursor: pointer;
  border: none;
  color: hsla(160, 100%, 37%, 1);
  padding: 10px;
  width: 300px;
}
</style>

功能2：fetch 发送GET 或者 POST请求如何处理 302？或者是说fetch 怎么才能拦截302?

我们使用模拟的几个url来进行几种情况的展示，然后根据返回结果，大家就知道如何处理302情况了哦`

情况1：
<script setup>
const urlInfo = {
  baidu: 'http://localhost:3002/redirect-baidu',
  error: 'http://localhost:3002/redirect-error',
  notFound: 'http://localhost:3002/redirect-not-found',
}
const currentUrl = urlInfo.baidu
const fetchGet = () => {
  fetch(currentUrl).then(_ =>{
    console.log('fetch get ---then--- current url:', currentUrl)
    console.log(_)
  }).catch(e=>{
    console.log('fetch get ---catch--- current url:', currentUrl)
    console.log(e)
  })
}
const fetchPost = () => {
  fetch(currentUrl,{method:'post'}).then(_ =>{
    console.log('fetch post ---then--- current url:', currentUrl)
    console.log(_)
  }).catch(e=>{
    console.log('fetch post ---catch--- current url:', currentUrl)
    console.log(e)
  })
}

</script>

<template>
  <main class="main">
    <button @click="fetchGet">Fetch-Get-302</button>
    <button @click="fetchPost">Fetch-Post-302</button>
  </main>
</template>
<style scoped>
.main {
  display: flex;
  align-items: center;
  justify-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin-top: 20px;
}

button {
  font-size: 16px;
  display: block;
  margin-bottom: 15px;
  cursor: pointer;
  border: none;
  color: hsla(160, 100%, 37%, 1);
  padding: 10px;
  width: 300px;
}
</style>

axios上传图片302,前端必备,javascript,开发语言,ecmascript
axios上传图片302,前端必备,javascript,开发语言,ecmascript

情况2：

切换URL

<script setup>
const urlInfo = {
  baidu: 'http://localhost:3002/redirect-baidu',
  error: 'http://localhost:3002/redirect-error',
  notFound: 'http://localhost:3002/redirect-not-found',
}
const currentUrl = urlInfo.error
const fetchGet = () => {
  fetch(currentUrl).then(_ =>{
    console.log('fetch get ---then--- current url:', currentUrl)
    console.log(_)
  }).catch(e=>{
    console.log('fetch get ---catch--- current url:', currentUrl)
    console.log(e)
  })
}
const fetchPost = () => {
  fetch(currentUrl,{method:'post'}).then(_ =>{
    console.log('fetch post ---then--- current url:', currentUrl)
    console.log(_)
  }).catch(e=>{
    console.log('fetch post ---catch--- current url:', currentUrl)
    console.log(e)
  })
}

</script>

<template>
  <main class="main">
    <button @click="fetchGet">Fetch-Get-302</button>
    <button @click="fetchPost">Fetch-Post-302</button>
  </main>
</template>
<style scoped>
.main {
  display: flex;
  align-items: center;
  justify-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin-top: 20px;
}

button {
  font-size: 16px;
  display: block;
  margin-bottom: 15px;
  cursor: pointer;
  border: none;
  color: hsla(160, 100%, 37%, 1);
  padding: 10px;
  width: 300px;
}
</style>

axios上传图片302,前端必备,javascript,开发语言,ecmascript
axios上传图片302,前端必备,javascript,开发语言,ecmascript

我们来分析一下这种情况，302重定向的URL是返回500的url,此时我们可以得到重定向后的结果，这个时候我们就有办法处理啦~
axios上传图片302,前端必备,javascript,开发语言,ecmascript

情况3：

切换URL

<script setup>
const urlInfo = {
  baidu: 'http://localhost:3002/redirect-baidu',
  error: 'http://localhost:3002/redirect-error',
  notFound: 'http://localhost:3002/redirect-not-found',
}
const currentUrl = urlInfo.notFound
const fetchGet = () => {
  fetch(currentUrl).then(_ =>{
    console.log('fetch get ---then--- current url:', currentUrl)
    console.log(_)
  }).catch(e=>{
    console.log('fetch get ---catch--- current url:', currentUrl)
    console.log(e)
  })
}
const fetchPost = () => {
  fetch(currentUrl,{method:'post'}).then(_ =>{
    console.log('fetch post ---then--- current url:', currentUrl)
    console.log(_)
  }).catch(e=>{
    console.log('fetch post ---catch--- current url:', currentUrl)
    console.log(e)
  })
}

</script>

<template>
  <main class="main">
    <button @click="fetchGet">Fetch-Get-302</button>
    <button @click="fetchPost">Fetch-Post-302</button>
  </main>
</template>
<style scoped>
.main {
  display: flex;
  align-items: center;
  justify-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin-top: 20px;
}

button {
  font-size: 16px;
  display: block;
  margin-bottom: 15px;
  cursor: pointer;
  border: none;
  color: hsla(160, 100%, 37%, 1);
  padding: 10px;
  width: 300px;
}
</style>

axios上传图片302,前端必备,javascript,开发语言,ecmascript

axios上传图片302,前端必备,javascript,开发语言,ecmascript

情况4：

更改URL为200情况

const urlInfo = {
  baidu: 'http://localhost:3002/redirect-baidu',
  error: 'http://localhost:3002/redirect-error',
  notFound: 'http://localhost:3002/redirect-not-found',
  success: 'http://localhost:3002/redirect-success',
}
const currentUrl = urlInfo.success

axios上传图片302,前端必备,javascript,开发语言,ecmascript
axios上传图片302,前端必备,javascript,开发语言,ecmascript

总结
  • 使用Fetch，302重定向的目标URL跨域的情况下，我们无法获取此时的请求具体信息，只能在catch里拿到报错结果
  • 使用Fetch, 302重定向的目标URL返回状态码200,404,500的情况下，我们可以通过res.redirected准确得知此时接口是重定向，以及通过后端接口返回的res.url得到准确的重定向URL
  • 综上所述，重定向目标URL正常的情况下，我们使用Fetch可以成功响应拦截 302 状态码，以及做后续的逻辑处理，因为cors的情况非常容易处理，使用代理等其他配置完全可以避免此种情况。

功能3：axios 发送GET 或者 POST请求如何处理 302？Axios 响应拦截 302 状态码的方案有哪些？如何实现？

下载依赖
 npm i axios --save
编写基础代码
<script setup>
import axios from 'axios';
const urlInfo = {
  success: 'http://localhost:3002/redirect-success',
  baidu: 'http://localhost:3002/redirect-baidu',
  error: 'http://localhost:3002/redirect-error',
  notFound: 'http://localhost:3002/redirect-not-found',
}
const currentUrl = urlInfo.success
const axiosGet = () => {
  axios.get(currentUrl).then(_ =>{
    console.log('axios get ---then--- current url:', currentUrl)
    console.log(_)
  }).catch(e=>{
    console.log('axios get ---catch--- current url:', currentUrl)
    console.log(e)
  })
}
const axiosPost = () => {
  axios.post(currentUrl,{method:'post'}).then(_ =>{
    console.log('axios post ---then--- current url:', currentUrl)
    console.log(_)
  }).catch(e=>{
    console.log('axios post ---catch--- current url:', currentUrl)
    console.log(e)
  })
}

</script>

<template>
  <main class="main">
    <button @click="axiosGet">Axios-Get-302</button>
    <button @click="axiosPost">Axios-Post-302</button>
  </main>
</template>
<style scoped>
.main {
  display: flex;
  align-items: center;
  justify-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin-top: 20px;
}

button {
  font-size: 16px;
  display: block;
  margin-bottom: 15px;
  cursor: pointer;
  border: none;
  color: hsla(160, 100%, 37%, 1);
  padding: 10px;
  width: 300px;
}
</style>
情况1：
const currentUrl = urlInfo.success

axios上传图片302,前端必备,javascript,开发语言,ecmascript

情况2：

跨域的情况下，会走catch,然后得到Network Error的报错提示语

{
    "message": "Network Error",
    "name": "AxiosError",
    "stack": "AxiosError: Network Error\n    at XMLHttpRequest.handleError (http://localhost:5173/node_modules/.vite/deps/axios.js?v=e7c1b0b9:1451:14)",
    "config": {
        "transitional": {
            "silentJSONParsing": true,
            "forcedJSONParsing": true,
            "clarifyTimeoutError": false
        },
        "adapter": [
            "xhr",
            "http"
        ],
        "transformRequest": [
            null
        ],
        "transformResponse": [
            null
        ],
        "timeout": 0,
        "xsrfCookieName": "XSRF-TOKEN",
        "xsrfHeaderName": "X-XSRF-TOKEN",
        "maxContentLength": -1,
        "maxBodyLength": -1,
        "env": {},
        "headers": {
            "Accept": "application/json, text/plain, */*"
        },
        "method": "get",
        "url": "http://localhost:3002/redirect-baidu"
    },
    "code": "ERR_NETWORK",
    "status": null
}

axios上传图片302,前端必备,javascript,开发语言,ecmascript

情况3：

axios上传图片302,前端必备,javascript,开发语言,ecmascript

情况4：

axios上传图片302,前端必备,javascript,开发语言,ecmascript

结论

我们打印一下统一的返回数据

{
    "message": "Request failed with status code 500",
    "name": "AxiosError",
    "stack": "AxiosError: Request failed with status code 500\n    at settle (http://localhost:5173/node_modules/.vite/deps/axios.js?v=e7c1b0b9:1204:12)\n    at XMLHttpRequest.onloadend (http://localhost:5173/node_modules/.vite/deps/axios.js?v=e7c1b0b9:1421:7)",
    "config": {
        "transitional": {
            "silentJSONParsing": true,
            "forcedJSONParsing": true,
            "clarifyTimeoutError": false
        },
        "adapter": [
            "xhr",
            "http"
        ],
        "transformRequest": [
            null
        ],
        "transformResponse": [
            null
        ],
        "timeout": 0,
        "xsrfCookieName": "XSRF-TOKEN",
        "xsrfHeaderName": "X-XSRF-TOKEN",
        "maxContentLength": -1,
        "maxBodyLength": -1,
        "env": {},
        "headers": {
            "Accept": "application/json, text/plain, */*",
            "Content-Type": "application/json"
        },
        "method": "post",
        "url": "http://localhost:3002/redirect-error",
        "data": "{\"method\":\"post\"}"
    },
    "code": "ERR_BAD_RESPONSE",
    "status": 500
}
  • 使用Axios，302重定向的目标URL跨域的情况下，我们无法获取此时的请求具体信息，只能在catch里拿到报错结果,报错显示信息
  • 使用Axios, 302重定向的目标URL返回状态码200的情况下，我们可以通过res.request.responseURL与res.config.url进行比对来准确得知此时接口是否重定向，以及通过后端接口返回的res.request.responseURL,以及如果重定向的url是html页面的话，我们加上判断headers[“content-type”]类型是否包含text/html得到准确的重定向URL
  • 使用Axios, 302重定向的目标URL返回状态码404,500的情况下，我们可以通过catch 里 捕获 error.request.responseURL与error.config.url进行比对来准确得知此时接口是否重定向，以及通过后端接口返回的error.request.responseURL,以及如果重定向的url是html页面的话，我们加上判断headers[“content-type”]类型是否包含text/html得到准确的重定向URL
  • 综上所述，重定向目标URL正常的情况下，我们使用Axios可以成功响应拦截 302 状态码，以及做后续的逻辑处理，因为cors的情况非常容易处理，使用代理等其他配置完全可以避免此种情况。
分析图示

axios上传图片302,前端必备,javascript,开发语言,ecmascript

代码
<script setup>
import axios from 'axios';
const urlInfo = {
    success: 'http://localhost:3002/redirect-success',
    baidu: 'http://localhost:3002/redirect-baidu',
    error: 'http://localhost:3002/redirect-error',
    notFound: 'http://localhost:3002/redirect-not-found',
}
const currentUrl = urlInfo.success
const consoleLog = (_, type) => {
   //  请注意下面仅限于重定向和原有url不会包含关系
    if(_.request.responseURL && _.request.responseURL.indexOf(_.config.url) === -1) {
        console.log(`------------------${type} --- 拦截302 ${_.config.method} 请求------------------`)
        console.log('请求URL：', _.config.url)
        console.log('重定向URL：', _.request.responseURL)
    }
    // 如果重定向的url是html页面的话，我们还可以加上判断headers["content-type"]类型是否包含text/html
}
const axiosGet = (url) => {
    axios.get(url).then(_ => {
        consoleLog(_, 'Then')
    }).catch(e => {
        consoleLog(e, 'Error')
    })
}
const axiosPost = (url) => {
    axios.post(url, { method: 'post' }).then(_ => {
        consoleLog(_, 'Then')
    }).catch(e => {
        consoleLog(e, 'Error')
    })
}

</script>

<template>
    <main class="main">
        <button @click="axiosGet(urlInfo.success)">Axios-Get-302-success</button>
        <button @click="axiosPost(urlInfo.success)">Axios-Post-302-success</button>

        <button @click="axiosGet(urlInfo.baidu)">Axios-Get-302-baidu</button>
        <button @click="axiosPost(urlInfo.baidu)">Axios-Post-302-baidu</button>

        <button @click="axiosGet(urlInfo.error)">Axios-Get-302-error</button>
        <button @click="axiosPost(urlInfo.error)">Axios-Post-302-error</button>

        <button @click="axiosGet(urlInfo.notFound)">Axios-Get-302-notFound</button>
        <button @click="axiosPost(urlInfo.notFound)">Axios-Post-302-notFound</button>
    </main>
</template>
<style scoped>
.main {
    display: flex;
    align-items: center;
    justify-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 20px;
}

button {
    font-size: 16px;
    display: block;
    margin-bottom: 15px;
    cursor: pointer;
    border: none;
    color: hsla(160, 100%, 37%, 1);
    padding: 10px;
    width: 300px;
}
</style>

代码仓库

今天就写到这里啦~
  • 小伙伴们，(￣ω￣(￣ω￣〃 (￣ω￣〃)ゝ我们明天再见啦~~
  • 大家要天天开心哦

欢迎大家指出文章需要改正之处~
学无止境，合作共赢

axios上传图片302,前端必备,javascript,开发语言,ecmascript文章来源地址https://www.toymoban.com/news/detail-828050.html

欢迎路过的小哥哥小姐姐们提出更好的意见哇~~

到了这里，关于图文并茂教你模拟302接口，实现js中axios,fetch遇到302状态码后跳转的多种方案axios,fetch成功响应拦截302的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：
领支付宝红包 赞助服务器费用

相关文章

  • C语言递归+DFS（深度优先搜索算法）详解 图文并茂，手把手教你画树状图

    C语言递归+DFS（深度优先搜索算法）详解 图文并茂，手把手教你画树状图

    目录 一.标准定义 二.跳台阶（典型递归题目） 三.递归实现指数型枚举 四.递归实现排列型枚举 五.递归实现组合型枚举 六.DFS算法模板 深度优先搜索算法（Depth First Search，简称DFS）： 一种用于遍历或搜索树或图的算法 。 沿着树的深度遍历树的节点， 尽可能深的搜索树的分

    2024年02月04日
    浏览(71)
  • Java中抽象类和接口的区别，一文弄懂，图文并茂

    Java中抽象类和接口的区别，一文弄懂，图文并茂

    前言 1. 抽象类 1.1 定义 1.2 示例 1.3 使用 1.3.1代码-抽象类 1.3.2代码-抽象类继承类使用 1.3.3输出结果为： 1.4UML类图展示类间的关系 2. 接口 2.1 定义 2.2 示例 2.2.1代码-接口 2.3 使用 2.3.1代码-接口实现 2.3.2代码-接口实现类使用 2.3.3输出结果为： 2.4UML类图展示类间的关系 3. 抽象类和

    2024年02月04日
    浏览(46)
  • 手把手教你games101环境搭建（图文并茂）——Visual Studio安装，Eigen库，Opencv配置

    手把手教你games101环境搭建（图文并茂）——Visual Studio安装，Eigen库，Opencv配置

      本文主要内容是games101在本机下的环境搭建，主要有VS的下载与安装，Eigen库的下载与配置，OpenCV的下载与配置，主要解决的bug是LNK2019 无法解析的外部符号 “public: __thiscall cv::Mat::Mat(void)” ，希望能给各位想做games101作业的带来帮助，减少环境配置上的困难，后续也会陆续

    2024年04月12日
    浏览(61)
  • 二叉搜索树（查找、插入、删除的讲解实现+图文并茂）

    二叉搜索树（查找、插入、删除的讲解实现+图文并茂）

    目录 1. 二叉搜索树（BST）   1.1 二叉搜索树概念   1.2 二叉搜索树操作         1.2.1 二叉搜索树的查找         1.2.2 二叉搜索树的插入          1.2.3 二叉搜索树的删除 2. 二叉搜索树的实现   2.1BST基本结构   2.2 BST操作成员函数(非递归）   2.3 BST操作成员函数（递归） 3. 二

    2024年02月06日
    浏览(59)
  • 看代码神器：vscode+clangd轻松实现linux内核代码跳转（图文并茂）

    看代码神器：vscode+clangd轻松实现linux内核代码跳转（图文并茂）

    一点感悟 还是那句老话：工欲善其事必先利其器。在做代码开发之前，先准备好开发过程帮助提效的工具，能起到事半功倍的效果。比如本文要讲的vscode下进行linux内核代码开发或者阅读就是很好例子，如果没有先把代码跳转等基础环境搭建好，对后续的代码阅读和开发都可

    2024年01月23日
    浏览(51)
  • Activiti7（图文并茂）

    Activiti7（图文并茂）

    Activiti 是由 jBPM （BPM，Business Process Management 即业务流程管理） 的创建者 Tom Baeyens 离开 JBoss 之后建立的项目，构建在开发 jBPM 版本 1 到 4 时积累的多年经验的基础之上，旨在创建下一代的 BPM 解 决方案。 Activiti 作为一个开源的工作流引擎，它实现了BPMN 2.0规范，可以发布设计

    2024年02月06日
    浏览(55)
  • secureCRT安装和使用教程【图文并茂】

    secureCRT安装和使用教程【图文并茂】

    简介 一般而言，嵌入式开发板使用串口来监控后台。可以使用串口线连接开发板和电脑，对于没有串口的笔记本电脑来说，一般还需要一根USB转串口线。 串口线 串口软件多种多样，比如secureCRT、Xshell、超级终端、miniCom、putty等，它们的功能大同小异，因此只需安装用的顺手

    2024年02月03日
    浏览(89)
  • RabbitMQ入门篇【图文并茂，超级详细】

    RabbitMQ入门篇【图文并茂，超级详细】

    接下来看看由辉辉所写的关于RabbitMQ的相关操作吧 目录 🥳🥳Welcome 的Huihui\\\'s Code World ! !🥳🥳 前言 1.什么是MQ 2.理解MQ 3.生活案例分析与理解 4.MQ的使用场景 （1）解耦 传统模式 中间件模式 （2）削峰 传统模式 中间件模式 （3）异步  传统模式 中间件模式 5.常见的MQ 一. Rab

    2024年01月20日
    浏览(48)

  • 归并排序Java版（图文并茂思路分析）

    工作原理是将一个大问题分解成小问题，再将小问题分解成更小的。（乍一看就觉得是像一个递归）就像下图这样。然后不断的将其一份为二，分解成更小的排序。 我们设一个函数叫MergeSort（arr，l，r）意思就是将arr数组下标为[ l ，r ]之间的数进行排序。 那么就开始不断的

    2024年02月06日
    浏览(42)
  • 发送图文并茂的html格式的邮件

    发送图文并茂的html格式的邮件

    本文介绍如何生成和发送包含图表和表格的邮件，涉及echarts图表转换为图片、图片内嵌到html邮件内容中、html邮件内容生成、邮件发送方法等 因为html格式的邮件不支持echarts,也不支持js执行，所以图表需要转换为图片内嵌在邮件内容中 因为平台首页相关统计都是使用echarts渲

    2024年02月11日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包，优惠每天领

二维码1

领取红包

二维码2

领红包