接口请求的后台发起确认

场景讲解

做业务开发时经常遇到这些场景,在后端代码执行命中了些业务规则,需要前端用户确认一下再往下执行。

示例1:后端判断申请1笔超过5万的资金时会发起监管流程,告诉前端操作用户风险并询问是否确认执行。

示例2:数据并发控制,后端校验到数据已被其它用户修改,询问用户是否覆盖数据。

处理过程原理

  1. 前端发起接口调用

  2. 后端判定不是强制提交,校验后台规则,如果命中引发前端确认导常

  3. 前端捕捉到确认异常,弹窗询问,确认后采用首次请求参数并设置为强制提交,再发起接口调用

  4. 后端判定是强制提交,忽略后台规则校验,往下执行

框架封装简化使用

如果每次都按照上面的原理流程进行代码编写会比较繁琐,所以需要框架级的封装,简化使用。

后端封装提供一个判定是否强制调用的变量,控制代码执行

示例1:后端的处理脚本

示例2:后端的处理脚本

前端把异常捕捉,设置强制提交,再次发起接口请求进行封装,让前端代码只写1次接口调用

示例1:前端的调用脚本

示例2:前端的调用脚本

总结

myBuilder的强大就体现在这些细节,这是主设计师20多年的技术底缊,匝心打造的IDE级别低代码平台。

相关推荐
Overboom18 小时前
[C++] --- 常用设计模式
开发语言·c++·设计模式
@大迁世界21 小时前
Vue 设计模式 实战指南
前端·javascript·vue.js·设计模式·ecmascript
大模型真好玩1 天前
低代码Agent开发框架使用指南(一)—主流开发框架对比介绍
人工智能·低代码·agent
数据智能老司机1 天前
数据工程设计模式——冷热数据存储
大数据·设计模式·架构
爱学习的小熊猫_1 天前
设计模式之责任链模式
设计模式·责任链模式
闲不住的李先森1 天前
乐观更新
前端·react.js·设计模式
数据智能老司机1 天前
数据工程设计模式——实时摄取与处理
大数据·设计模式·架构
Asort1 天前
JavaScript设计模式(七)——桥接模式:解耦抽象与实现的优雅之道
前端·javascript·设计模式
原则猫1 天前
单例模式工程运用
前端·设计模式
charlie1145141912 天前
精读C++20设计模式:行为型设计模式:中介者模式
c++·学习·设计模式·c++20·中介者模式