前后端实现:行为验证码---文字点选

最近接到一个新的需求,由于客户是内网,你能使用腾讯的验证码了,需要改为前后端实现。
具体的代码已经提交git

项目效果图:
请添加图片描述

使用的技术栈:vite+vue3+ts
git地址:https://github.com/susanliy/point_captcha
前端的使用方法请看git README.md 文件

交互流程
① 用户访问应用页面,请求显示图片(图片时又后端提供的)
② 用户按照提示要求完成验证码拼图/点击
③ 用户提交表单,前端将第二步的输出一同提交到后台
④ 验证数据随表单提交到后台后,后台需要调用captchaService.verification做二次校验。
⑤ 第4步返回校验通过/失败到产品应用后端,再返回到前端。

后端代码逻辑:https://gitee.com/anji-plus/captcha

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/520.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

VSCode自定义个性化console.log,快捷打印

最终效果,通过Ctrl Alt l快捷键打印选中值 如何自定义Console.log样式? 可以使用 %c 为打印内容定义样式: console.log("This is %cMy stylish message", "color: yellow; font-style: italic; background-color: blue;pa…

seaborn柱状图显示数值

文章目录 问题结局 问题 画柱状图希望显示每个柱的具体数值 结局 增加这个函数 # orient"v"是纵向,h是横向, space是字离柱的距离 def show_values(axs, orient"v", space.01):def _single(ax):# 精度acc {:.2f}if orient "v":…

Oculus创始人谈Vision Pro:苹果在硬件设计、营销都做对了选择

早在Vision Pro正式发布之前,Oculus创始人Palmer Luckey就已经体验过早期版本,并给出了极高的评价。Luckey指出,苹果在XR头显上的策略是明智的,先打造出每个人预期中的头显,然后再去考虑如何让大家买得起。 Vision Pro…

ModaHub魔搭社区:Milvus 监控指标和使用 Grafana 展示 Milvus 监控指标

目录 Milvus 监控指标 Milvus 性能指标 系统运行指标 硬件存储指标 Milvus 监控指标 Milvus 会生成关于系统运行状态的详细时序 metrics。你可以通过 Prometheus、Grafana 或任何可视化工具展现以下指标: Milvus 性能指标系统运行指标:CPU/GPU 使用…

Python+ddt+Excel实现接口自动化测试生成完美测试报告

接口自动化测试是指通过编写代码或使用工具,模拟用户发送请求,验证接口是否符合设计规范和功能需求的过程。” 如何用 python ddtexcel 实现接口自动化测试 接口自动化测试可以提高测试效率和质量,节省测试成本和时间,保证测试覆…

【前端工程化】Verdaccio搭建本地npm仓库

背景 Verdaccio 是一个 Node.js创建的轻量的私有npm proxy registry 我们在开发npm包的时候,经常需要验证发包流程,或者开发的npm包仅局限于公司内部使用时,就可以借助Verdaccio搭建一个npm仓库,搭建完之后,只要更改np…

【微服务】微服务架构设计

文章目录 背景一、流量入口Nginx二、网关三、业务组件四、服务注册中心五、缓存和分布式锁六、数据持久层七、结构型数据存储八、消息中间件九、日志收集十、任务调度中心十一、分布式对象存储 背景 当前,微服务架构在很多公司都已经落地实施了,下面用一…

C++学习 程序控制结构

程序控制结构 以某种顺序执行的一系列动作,用于解决某个问题。包括 顺序结构、选择结构、循环结构。 顺序结构 按照顺序正常执行。前几篇文章的代码都是顺序结构的体现。 选择结构 执行满足条件的语句。 if 结构:if (表达式){} 表达式为真则执行&…

python接口自动化(三)--如何设计接口测试用例(详解)

简介 上篇我们已经介绍了什么是接口测试和接口测试的意义。在开始接口测试之前,我们来想一下,如何进行接口测试的准备工作。或者说,接口测试的流程是什么?有些人就很好奇,接口测试要流程干嘛?不就是拿着接口…

【kubernetes系列】Kubernetes之pod、lable和annotation

本章节将继续分享关于kubernetes中的一些重要概念。 一、Pod Pod 是 Kubernetes 的最小工作单元。每个 Pod 包含一个或多个容器。Pod 中的容器会作为一个整体被 Master 调度到某个 Node 上运行。(可以把pod想象成豌豆荚,里面的豌豆就是容器,可以有一个…

C++多态

面向对象语言存在三大特性,即:继承,封装和多态。C这一门面向对象语言当然也具有如此的特性,并且对于其中的继承和封装(类和对象),我们在之前的博客中已经有所讨论过了。于是,在本篇博…

Altium Designer 使用总结

文章目录 1.1 原理图模式下1.1.1 元件统一命名1.1.2 原理图右下方信息框更改1.1.3 快速复制元件1.1.4 查找元器件1.1.5 垂直、水平镜像翻转元件1.1.6 查找相同的网络标号 1.2 PCB模式下1.2.1 mil 与 mm之间的单位转换1.2.2 测量1.2.3 批量修改丝印层文字大小1.2.4 属性更改1.2.…