首页 > 其他分享 >《优化接口设计的思路》系列:第六篇—接口防抖(防重复提交)的一些方式

《优化接口设计的思路》系列:第六篇—接口防抖(防重复提交)的一些方式

时间:2023-12-06 10:00:37浏览次数:36  
标签:lang 防抖 java 接口 org import annotation 第六篇

一、前言

大家好!我是sum墨,一个一线的底层码农,平时喜欢研究和思考一些技术相关的问题并整理成文,限于本人水平,如果文章和代码有表述不当之处,还请不吝赐教。

作为一名从业已达六年的老码农,我的工作主要是开发后端Java业务系统,包括各种管理后台和小程序等。在这些项目中,我设计过单/多租户体系系统,对接过许多开放平台,也搞过消息中心这类较为复杂的应用,但幸运的是,我至今还没有遇到过线上系统由于代码崩溃导致资损的情况。这其中的原因有三点:一是业务系统本身并不复杂;二是我一直遵循某大厂代码规约,在开发过程中尽可能按规约编写代码;三是经过多年的开发经验积累,我成为了一名熟练工,掌握了一些实用的技巧。

本文参考项目源码地址:summo-springboot-interface-demo

二、啥是防抖

所谓防抖,一是防用户手抖,二是防网络抖动。在Web系统中,表单提交是一个非常常见的功能,如果不加控制,容易因为用户的误操作或网络延迟导致同一请求被发送多次,进而生成重复的数据记录。要针对用户的误操作,前端通常会实现按钮的loading状态,阻止用户进行多次点击。而对于网络波动造成的请求重发问题,仅靠前端是不行的。为此,后端也应实施相应的防抖逻辑,确保在网络波动的情况下不会接收并处理同一请求多次。

一个理想的防抖组件或机制,我觉得应该具备以下特点:

  1. 逻辑正确,也就是不能误判;
  2. 响应迅速,不能太慢;
  3. 易于集成,逻辑与业务解耦;
  4. 良好的用户反馈机制,比如提示“您点击的太快了”

三、思路解析

前面讲了那么多,我们已经知道接口的防抖是很有必要的了,但是在开发之前,我们需要捋清楚几个问题。

1. 哪一类接口需要防抖?

接口防抖也不是每个接口都需要加,一般需要加防抖的接口有这几类:

  • 用户输入类接口:比如搜索框输入、表单输入等,用户输入往往会频繁触发接口请求,但是每次触发并不一定需要立即发送请求,可以等待用户完成输入一段时间后再发送请求。

  • 按钮点击类接口:比如提交表单、保存设置等,用户可能会频繁点击按钮,但是每次点击并不一定需要立即发送请求,可以等待用户停止点击一段时间后再发送请求。

  • 滚动加载类接口:比如下拉刷新、上拉加载更多等,用户可能在滚动过程中频繁触发接口请求,但是每次触发并不一定需要立即发送请求,可以等待用户停止滚动一段时间后再发送请求。

2. 如何确定接口是重复的?

防抖也即防重复提交,那么如何确定两次接口就是重复的呢?首先,我们需要给这两次接口的调用加一个时间间隔,大于这个时间间隔的一定不是重复提交;其次,两次请求提交的参数比对,不一定要全部参数,选择标识性强的参数即可;最后,如果想做的更好一点,还可以加一个请求地址的对比。

3. 分布式部署下如何做接口防抖?

有两个方案:

(1)使用共享缓存

流程图如下:

(2)使用分布式锁

流程图如下:

常见的分布式组件有Redis、Zookeeper等,但结合实际业务来看,一般都会选择Redis,因为Redis一般都是Web系统必备的组件,不需要额外搭建。

四、具体实现

现在有一个保存用户的接口

@PostMapping("/add")
@RequiresPermissions(value = "add")
@Log(methodDesc = "添加用户")
public ResponseEntity<String> add(@RequestBody AddReq addReq) {
        return userService.add(addReq);
}

**AddReq.java **

package com.summo.demo.model.request;

import java.util.List;

import lombok.Data;

@Data
public class AddReq {

    /**
     * 用户名称
     */
    private String userName;

    /**
     * 用户手机号
     */
    private String userPhone;

    /**
     * 角色ID列表
     */
    private List<Long> roleIdList;
}

目前数据库表中没有对userPhone字段做UK索引,这就会导致每调用一次add就会创建一个用户,即使userPhone相同。

1.

标签:lang,防抖,java,接口,org,import,annotation,第六篇
From: https://blog.51cto.com/u_16309327/8699805

相关文章

  • 一篇文章理清什么是防抖、节流
    防抖和节流是两种常见的前端优化技术,用于限制函数的执行次数。防抖是指在事件被触发后,等待一段时间后执行函数。如果在这段时间内事件再次被触发,那么计时器会被重置,重新等待一段时间后执行函数。这可以防止函数被频繁调用,特别是一些高频事件(如窗口调整大小、滚动等)。functiondebou......
  • 《优化接口设计的思路》系列:第六篇—接口防抖(防重复提交)的一些方式
    一、前言大家好!我是sum墨,一个一线的底层码农,平时喜欢研究和思考一些技术相关的问题并整理成文,限于本人水平,如果文章和代码有表述不当之处,还请不吝赐教。作为一名从业已达六年的老码农,我的工作主要是开发后端Java业务系统,包括各种管理后台和小程序等。在这些项目中,我设计过单/多......
  • 硬件开发笔记(十四):RK3568底板电路LVDS模块、MIPI模块电路分析、LVDS硬件接口、MIPI硬件
    前言  本篇继续分析底板原理图mipi/lvds屏幕电路原理图、硬件接口详解。 LVDS与MIPI的区别  液晶屏有RGBTTL、LVDS、MIPI、HDMI接口,这些接口区别于信号的类型(种类),也区别于信号内容。RGBTTL接口信号类型是TTL电平,信号的内容是RGB666或者RGB888还有行场同步和......
  • idea 集成接口测试插件
    ideaapi集成接口测试日常逼逼叨相信很多后端开发接口的小伙伴们在开发完成后也会进行简单的测试,可能会用到apifox,postman之类的测试工具,但是up近期发现了一个比较好用的idea插件,它可以在不下载上述软件的情况下直接在idea中进行测试,下面就一起看看吧安装&更新在IDEA编辑器......
  • CAN总线接口保护电路设计指南
    CAN总线的应用范围广,应用环境相当复杂,一些静电、浪涌等干扰很容易耦合到总线上,并直接作用于CAN总线接口。为了满足一些高等级EMC的要求,有必要添加额外的外围保护电路。 为什么需要保护电路一般的CAN收发器芯片ESD、浪涌防护等级较低,如SM1500隔离CAN收发器虽隔离耐压为3500VDC,......
  • @Transactional事务注解及请求接口的定义先后执行顺序设计
    @Transactional事务注解及请求接口的定义先后执行顺序设计1.事务内查询,可能存在事务没有提交,导致查询数据查不出来。2.或者可能跟请求参数作为查询条件,在某个条件下,请求参数发生变化,也会导致查询不出来。可以将在一个事务内的操作(定义为一个组,Group_ID),根据组号来查询。根据接口......
  • 6、接口
    接口的作用:在面向对象的编程中,接口是一种规范的定义,它定义了行为和动作的规范,在程序设计里面,接口起到一种限制和规范的作用。接口之定义了方法,但没有实现,具体的实现有继承它的类来完成。typescript中的接口主要有以下:属性类接口函数类型接口可索引接口类类型接口属性类接......
  • go接口多态性
    浅谈Golang接口:作用、应用场景及实际应用马哥Linux运维 2023-12-0418:42 发表于江苏引言:    Golang(Go)作为一门现代的静态类型编程语言,提供了许多强大的特性,其中之一便是接口(interface)。接口是Golang中的一个核心概念,它具有广泛的应用场景,可以帮助开发者实现代码的......
  • 其它——接口文档规范
    7.1接口文档规范文章目录7.1接口文档规范HTTP携带信息的方式分离通用信息路径中的参数表达式4数据模型定义请求示例路径与查询字符串参数模型请求体参数模型响应体参数模型异常处理文档提供的形式HTTP携带信息的方式urlheadersbody:包括请求体,响应体分离通用信息......
  • Day15 抽象类与接口
    1.抽象类格式关键字:abstract1.1抽象类:abstractclass类名{}publicabstractclassClassName{inta;publicabstractvoidfun();}除非该继承的子类也是抽象类,否则继承了抽象类的所有类都要重写抽象类的抽象方法不能new一个java抽象类,有点像c++中的......