matrixlzp的博客

图形验证码是一种广泛应用于互联网领域的安全验证机制，它通过向用户展示包含字符、数字、图形等信息的图片，要求用户正确识别并输入其中的内容，以此来区分用户是人类还是机器程序。今天，我们来分析一下 vue3-element-admin 前后端代码，以便抽离出一套通用的图形验证码实现。vue3-element-admin 的前后端环境搭建，可以看。让我们致敬开源的力量！

点击验证码，能进入后端 com.youlai.boot.shared.auth.controller.AuthController#getCaptcha 断点中，就证明前后端启动成功，可以愉快地玩耍拉~~脚本完成数据库创建、表结构和基础数据的初始化。修改MySQL、Redis连接为本地配置；的 main 方法完成后端项目启动；验证项目启动是否成功。

一张简单的秒杀商品SKU表。使用 version 字段做乐观锁。使用 unsigned 关键字，限制 int 类型非负，防止库存超卖。该方法的目的，是为了进行库存更新，当乐观锁版本号有冲突时，对方法进行休眠重试。该方法在测试环境还能正常跑，到了生产环境，却频繁报"请刷新后重新取消!仔细分析后发现，测试环境的MYSQL数据库全局隔离级别是，READ-COMMITTED（读已提交）。而生产环境是 REPEATABLE_READ（可重复读）。

假设有如下一个对象，它的三个属性全部大写。在使用 SpringMVC 进行接口调用的时候，会发现入参 member 的属性并没有正确绑定。像这种属性全部大写的情况，也是我们平常可能会遇到的场景。比如，这个接口是开放给第三方回调的，第三方回调的 JSON 报文 的对象属性并不一定都是严格的首字母小写驼峰格式。有时候跨语言系统的相互调用，这种情况就更常见了。