Spring Security——添加验证码

目录

项目总结

新建一个SpringBoot项目

VerifyCode（生成验证码的工具类）

WebSecurityController控制器

VerifyCodeFilter（自定义过滤器）

WebSecurityConfig配置类

login.html登录页面

项目测试

  • 本项目是以上一篇文章的项目为基础，添加了验证码部分的，故此文只贴出添加验证码的核心代码部分，两个项目相同部分代码则省略，详请查阅另一篇文章：http://t.csdnimg.cn/v0vnY
  • 项目的功能要逐个添加，慢慢调试代码，先保证项目能成功使用用户名和密码登录，再添加验证码模块，否则一团上，报错后，不容易找到问题所在
  • 如果实在找不到错误，不妨推翻重来一遍
  • 在Spring Boot项目中添加验证码是一种常见的安全措施，尤其是在登录过程或其他需要身份验证的操作时

项目总结

  • 用户请求页面：用户访问登录页面login.html。
  • 生成验证码：服务器生成验证码并将其展示在登录页面上，同时将验证码存储在用户会话中以便后续验证。
  • 用户提交表单：用户输入用户名、密码以及验证码，并提交登录表单。
  • 验证验证码：服务器接收登录请求，首先验证用户输入的验证码是否正确。
  • 验证用户名和密码：如果验证码正确，则继续验证用户名和密码；如果验证码错误，则返回错误信息并阻止登录过程。
  • 完成认证：如果用户名和密码也正确，则用户登录成功，进入系统；否则，返回错误提示。

新建一个SpringBoot项目

项目结构：

VerifyCode（生成验证码的工具类）

package com.study.security_verifyCode.utils;import javax.imageio.ImageIO;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;/*** 生成验证码的工具类*/
public class VerifyCode {private int width = 100;// 生成验证码图片的宽度private int height = 50;// 生成验证码图片的高度private String[] fontNames = { "宋体", "楷体", "隶书", "微软雅黑" };private Color bgColor = new Color(255, 255, 255);// 定义验证码图片的背景颜色为白色private Random random = new Random();private String codes = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";private String text;// 记录随机字符串/*** 获取一个随意颜色** @return*/private Color randomColor() {int red = random.nextInt(150);int green = random.nextInt(150);int blue = random.nextInt(150);return new Color(red, green, blue);}/*** 获取一个随机字体** @return*/private Font randomFont() {String name = fontNames[random.nextInt(fontNames.length)];int style = random.nextInt(4);int size = random.nextInt(5) + 24;return new Font(name, style, size);}/*** 获取一个随机字符** @return*/private char randomChar() {return codes.charAt(random.nextInt(codes.length()));}/*** 创建一个空白的BufferedImage对象** @return*/private BufferedImage createImage() {BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);Graphics2D g2 = (Graphics2D) image.getGraphics();g2.setColor(bgColor);// 设置验证码图片的背景颜色g2.fillRect(0, 0, width, height);return image;}public BufferedImage getImage() {BufferedImage image = createImage();Graphics2D g2 = (Graphics2D) image.getGraphics();StringBuffer sb = new StringBuffer();for (int i = 0; i < 4; i++) {String s = randomChar() + "";sb.append(s);g2.setColor(randomColor());g2.setFont(randomFont());float x = i * width * 1.0f / 4;g2.drawString(s, x, height - 15);}this.text = sb.toString();drawLine(image);return image;}/*** 绘制干扰线** @param image*/private void drawLine(BufferedImage image) {Graphics2D g2 = (Graphics2D) image.getGraphics();int num = 5;for (int i = 0; i < num; i++) {int x1 = random.nextInt(width);int y1 = random.nextInt(height);int x2 = random.nextInt(width);int y2 = random.nextInt(height);g2.setColor(randomColor());g2.setStroke(new BasicStroke(1.5f));g2.drawLine(x1, y1, x2, y2);}}public String getText() {return text;}/*** 绘制验证码图片*/public static void output(BufferedImage image, OutputStream out) throws IOException {ImageIO.write(image, "JPEG", out);}
}

WebSecurityController控制器

package com.study.security_verifyCode.controller;import com.study.security_verifyCode.utils.VerifyCode;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.Mapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.ResponseBody;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.awt.image.BufferedImage;
import java.io.IOException;/*** 1.将configure(HttpSecurity http)方法中设置的不同的URL映射到不同的页面* 2.方法返回的是视图名称,需要视图解析器将视图名称解析成实际的HTML文件* 然后访问url就可以跳转到HTML页面了,否则返回的只是一个字符串* 3.在application.properties配置文件中配置视图解析器,springboot已经默认配置好了,你不用写了*/
@Controller
public class WebSecurityController {/*** 登录后跳转到home.html页面*/@GetMapping("/home")public String home(){return "home";}/*** 登录页面*/@GetMapping("/login")public String login(){return "login";//login.html}/*** 当访问/resource时,会重定向到/login,登录后才可以访问受保护的页面resource.html*/@GetMapping("/resource")public String resource(){return "resource";//resource.html}@GetMapping("/verifyCode")public void code(HttpServletRequest req, HttpServletResponse resp) throws IOException {// 创建验证码工具类实例VerifyCode vc = new VerifyCode();// 生成验证码图片BufferedImage image = vc.getImage();// 获取验证码文本String text = vc.getText();// 获取当前HTTP会话对象HttpSession session = req.getSession();// 将验证码文本存储到会话中，用于后续验证session.setAttribute("verify_code",text);// 将验证码图片写入HTTP响应流,返回给客户端VerifyCode.output(image,resp.getOutputStream());}
}

VerifyCodeFilter（自定义过滤器）

package com.study.security_verifyCode.filter;import org.springframework.security.authentication.AuthenticationServiceException;
import org.springframework.stereotype.Component;
import org.springframework.util.StringUtils;
import org.springframework.web.filter.GenericFilterBean;import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;/*** VerifyCodeFilter 是一个自定义过滤器，用于在用户登录时验证验证码的正确性。*/
@Component
public class VerifyCodeFilter extends GenericFilterBean {// 默认处理登录请求的URLprivate String defaultFilterProcessUrl = "/login";/*** 过滤器的核心方法，用于拦截和处理请求。*/@Overridepublic void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {// 将ServletRequest和ServletResponse转换为HttpServletRequest和HttpServletResponseHttpServletRequest request = (HttpServletRequest) req;HttpServletResponse response = (HttpServletResponse) res;// 检查请求是否是POST方法，并且请求路径是否匹配登录路径if ("POST".equalsIgnoreCase(request.getMethod()) && defaultFilterProcessUrl.equals(request.getServletPath())) {// 获取请求中的验证码和会话中生成的验证码String requestCaptcha = request.getParameter("code");String genCaptcha = (String) request.getSession().getAttribute("verify_code");// 验证验证码是否为空if (StringUtils.isEmpty(requestCaptcha)) {throw new AuthenticationServiceException("验证码不能为空!");}// 验证验证码是否匹配（忽略大小写）if (!genCaptcha.toLowerCase().equals(requestCaptcha.toLowerCase())) {throw new AuthenticationServiceException("验证码错误!");}}// 如果验证码正确，则使请求继续往下走chain.doFilter(request, response);}
}

WebSecurityConfig配置类

package com.study.security_verifyCode.config;import com.study.security_verifyCode.config.handler.MyAuthenticationFailureHandler;
import com.study.security_verifyCode.config.handler.MyAuthenticationSuccessHandler;
import com.study.security_verifyCode.filter.VerifyCodeFilter;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean;
import org.springframework.security.config.annotation.web.builders.HttpSecurity;
import org.springframework.security.config.annotation.web.builders.WebSecurity;
import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter;
import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
import org.springframework.security.crypto.password.PasswordEncoder;
import org.springframework.security.web.authentication.AuthenticationFailureHandler;
import org.springframework.security.web.authentication.AuthenticationSuccessHandler;
import org.springframework.security.web.authentication.UsernamePasswordAuthenticationFilter;@EnableWebSecurity//声明这是一个Spring Security安全配置类,无需再另加注解@Configuration
public class WebSecurityConfig extends WebSecurityConfigurerAdapter {@Autowiredprivate MyAuthenticationSuccessHandler authenticationSuccessHandler;@Autowiredprivate MyAuthenticationFailureHandler authenticationFailureHandler;@Autowiredprivate VerifyCodeFilter verifyCodeFilter;//配置当前项目的登录和拦截信息@Overrideprotected void configure(HttpSecurity http) throws Exception {//确保在用户尝试进行用户名和密码验证之前，先进行验证码的验证,如果验证码不对,就不需要再验证用户名和密码了http.addFilterBefore(verifyCodeFilter, UsernamePasswordAuthenticationFilter.class);http.authorizeRequests()//允许所有用户访问.antMatchers("/home","/login","/verifyCode").permitAll().anyRequest().authenticated().and().formLogin().loginPage("/login")//指定登录页面.loginProcessingUrl("/login").successHandler(authenticationSuccessHandler)//验证成功的处理器.failureHandler(authenticationFailureHandler)//验证失败的处理器//身份验证成功后默认重定向的页面.defaultSuccessUrl("/home",true).permitAll().and().logout().permitAll().and().csrf().disable();}/*** 密码编码器*/@Beanpublic PasswordEncoder passwordEncoder(){return new BCryptPasswordEncoder();}
}

login.html登录页面

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>登录页面</title><script>//点击图片就能更新验证码function updateVerifyCode() {// 获取当前时间戳，防止浏览器缓存const timestamp = new Date().getTime();// 获取验证码图片元素const vcImage = document.getElementById('vcImage');// 更新图片的 src 属性，添加时间戳参数vcImage.src = `/verifyCode?time=${timestamp}`;}</script>
</head>
<body><div><!-- 当Spring Security验证失败时,会在URL上附加error查询参数,形式为:http://localhost:8080/login?error --><div class="error" th:if="${param.error}">用户名或密码错误</div><form th:action="@{/login}" method="post"><div class="form-group"><label for="username">用户名：</label><inputid="username"name="username"placeholder="请输入用户名"type="text"required/></div><div class="form-group"><label for="password">密码：</label><inputid="password"name="password"placeholder="请输入密码"type="password"required/></div><div class="form-group"><label for="code">验证码：</label><inputid="code"name="code"type="text"placeholder="点击图片更换验证码"required/><imgid="vcImage"src="/verifyCode?time="alt="验证码"onclick="updateVerifyCode()"></div><div class="submit"><input type="submit" value="登录"/></div></form>
</div>
</body>
</html>

项目测试

  • 访问网址：http://localhost:8080/login
  • 正确登录：
  • 验证码错误，控制台会打印出错误信息

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

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

相关文章

由GetSymbol说起，安全研究员定向水坑技战法梳理

由GetSymbol说起，安全研究员定向水坑技战法梳理

0x00 概述 最近&#xff0c;一款开源的调试符号下载工具GetSymbol被发现存在后门&#xff0c;允许攻击者下发执行恶意代码。谷歌TAG声称&#xff0c;攻击者目前正在积极利用至少一个0Day漏洞来针对安全研究人员。 近年来&#xff0c;针对安全研究人员的定向水坑和社工攻击屡见…
阅读更多...
为什么动态代理接口中可以不加@Mapper注解

为什么动态代理接口中可以不加@Mapper注解

为什么动态代理接口中可以不加Mapper注解 如下图&#xff1a; 我们上面的UserMapper上面没有加Mapper注解&#xff0c;按道理来说UserMapper这个类应该是注入不到IOC容器里面的&#xff0c;但是为什么我们程序的运行效果仍然是正常的呢&#xff1f;这是因为你的启动类上加了m…
阅读更多...
Excel 组内多列明细拼成一行

Excel 组内多列明细拼成一行

某表格有 1 个分组列和 2 个明细列。 ABC1ObjectNameInfo212AGggtz44456312AGggtr99987412AKkkio66543512ABbvgf66643612AVvvhg888765712AFffgt8786FGggtf23232596FXxxde44321610P23Cccvb554328711P23Vvvbj565656412P23Sswec898976413P23Llloiu343432 现在要把组内的多列明细…
阅读更多...
七大黄金原油短线操作技巧与方法

七大黄金原油短线操作技巧与方法

1、研究K线组合 K线组合是几个交易日K线的衔接和联系&#xff0c;它无法掩饰地透露着黄金价格运行趋势的某种征兆。研究K线组合的深刻蕴含&#xff0c;感知其内在动意&#xff0c;把握黄金价格上涨征兆&#xff0c;可以大大提高上涨的概率。其实对许多诸如“强势整理”、“突破…
阅读更多...
基于VTK9.3.0+Visual Studio2017 c++实现DICOM影像MPR多平面重建

基于VTK9.3.0+Visual Studio2017 c++实现DICOM影像MPR多平面重建

开源库&#xff1a;VTK9.3.0 开发工具&#xff1a;Visual Studio2017 开发语言&#xff1a;C 实现过程&#xff1a; void initImageActor(double* Matrix, double* center, vtkSmartPointer<vtkImageCast> pImageCast,vtkSmartPointer<vtkImageReslice> imageRe…
阅读更多...
Unity引擎UGUI上特效处理重叠和裁剪问题的多种解决办法

Unity引擎UGUI上特效处理重叠和裁剪问题的多种解决办法

大家好&#xff0c;我是阿赵。   使用Unity引擎开发项目&#xff0c;使用UGUI做界面&#xff0c;经常会遇到需要把特效放在UI上&#xff0c;但UI本身和特效又需要有遮挡关系和裁剪效果。   之前我介绍了一下使用MaskableGraphic的方式把粒子特效渲染在UI上&#xff0c;把粒…
阅读更多...
自定义表单系统源码 独家支持设置收费表单在线提交 带完整的安装代码包以及搭建教程

自定义表单系统源码 独家支持设置收费表单在线提交 带完整的安装代码包以及搭建教程

系统概述 自定义表单系统源码是一款功能强大的工具&#xff0c;它为用户提供了创建、管理和处理各种表单的能力。该系统源码不仅具备灵活性和可扩展性&#xff0c;还能满足不同场景下的需求。 代码示例 系统特色功能一览 1.收费表单设置&#xff1a;这是该系统的独家特色功能…
阅读更多...
读论文“MARformer”——牙齿CBCT金属伪影去除

读论文“MARformer”——牙齿CBCT金属伪影去除

题目&#xff1a;MARformer: An Efficient Metal Artifact Reduction Transformer for Dental CBCT Images 一种有效的牙科CBCT图像金属伪影还原变压器 论文地址&#xff1a;arxiv 不重要的地方尽量一句话一段&#xff0c;减轻大家阅读压力 摘要 锥形束计算机断层扫描(CBC…
阅读更多...
闲鱼平台与宝藏详情API接口

闲鱼平台与宝藏详情API接口

一、闲鱼平台简介 闲鱼&#xff0c;是我国知名二手交易平台&#xff0c;成立于2015年&#xff0c;隶属于阿里巴巴集团。联讯数据用户可以在闲鱼上买卖二手商品&#xff0c;实现闲置物品的流通与再利用。随着我国互联网经济的快速发展&#xff0c;闲鱼平台用户规模不断扩大&…
阅读更多...
Python内置debug库: pdb用法详解

Python内置debug库: pdb用法详解

文章目录 0. 引言1. 基本用法1.1 设置断点1.2 通过命令行启动 pdb 2. 常用命令2.1 n (next)2.2 s (step)2.3 c (continue)2.4 l (list)2.5 p (print)2.6 h (help)2.7 b (break)2.8 cl (clear)2.9 q (quit) 3. 例子 0. 引言 pdb&#xff08;Python Debugger&#xff09;是Pytho…
阅读更多...
如何使用 Midjourney换脸，将一个人面部复制并粘贴到任意人身上

如何使用 Midjourney换脸，将一个人面部复制并粘贴到任意人身上

嘿&#xff0c;想不想将一个人的面部随意粘贴到任意人身上&#xff1f;现在开始教学如何使用 Discord 中的Midjourney Bot 实现&#xff0c;这就是“COPY A FACE”这个超酷的功能&#xff0c;它能帮你一键把脸贴到任何图片上。用到的是一个叫“InsightFace”的开源Discord机器人…
阅读更多...
压缩列表（ziplist）

压缩列表（ziplist）

压缩列表&#xff08;ziplist&#xff09;&#xff1a; ziplist是列表键和哈希键的底层实现之一 当一个列表键只包含少量列表项&#xff0c;并且每个列表项要么是小整数或者短字符串&#xff0c;那么redis会使用ziplist来做列表键的实现当一个哈希键只包含少量键值对&#xff0…
阅读更多...
java入门1.4.0

java入门1.4.0

前言&#xff1a; 在1.4.0版本中&#xff0c;更新了对语言三大要素的理解 红字为更新&#xff0c;绿字为迭代 这时我们目前拥有的知识 正片&#xff1a; 有了这些内容&#xff0c;我们就可以顺利进入到Spring Boot阶段了 Q&#xff1a;有人就会问&#xff0c;面向对象的特性…
阅读更多...
09-Spark架构

09-Spark架构

相比MapReduce僵化的Map与Reduce分阶段计算&#xff0c;Spark计算框架更有弹性和灵活性&#xff0c;运行性能更佳。 1 Spark的计算阶段 MapReduce一个应用一次只运行一个map和一个reduceSpark可根据应用复杂度&#xff0c;分割成更多的计算阶段&#xff08;stage&#xff09;…
阅读更多...
如何正确操作工业高温烤箱

如何正确操作工业高温烤箱

高温烤箱广泛应用于陶瓷、丝印、汽车配件、电子、机电、通讯、化工、器材、印刷、制药、工业、橡胶、油漆、食品之烘烤、水份干燥、预热等用途。那么要想工业高温烤箱在使用的过程中能够正常运行&#xff0c;那么正确的操作是必不可少的&#xff0c; 1、防止触电&#xff1a;高…
阅读更多...
教你一招，一键学会NAS磁盘“净身出户”的好方法！

教你一招，一键学会NAS磁盘“净身出户”的好方法！

在毕业季这个充满离别与新的开始的时刻&#xff0c;空气中似乎也弥漫着一种“断舍离”的氛围。就在这个特殊的季节里&#xff0c;我们迎来了618购物节&#xff0c;各种诱人的优惠活动如雨后春笋般涌现。铁威马618优惠不断&#xff01;T系列部分低至六折&#xff01; 在这个热闹…
阅读更多...
超级会员卡积分收银小程序源码系统，在线充值+商家核销+在线下单 附带源代码+搭建部署教程

超级会员卡积分收银小程序源码系统，在线充值+商家核销+在线下单 附带源代码+搭建部署教程

系统概述 在当今数字化快速发展的时代&#xff0c;移动支付已经成为人们生活中不可或缺的一部分。为了满足商家和消费者对于便捷、高效支付体验的需求&#xff0c;超级会员卡积分收银小程序源码系统应运而生。本文将深入介绍该源码系统的开发背景及其特色功能&#xff0c;附带…
阅读更多...
录制视频软件哪个好？录制视频，4款好软件推荐

录制视频软件哪个好？录制视频，4款好软件推荐

随着网络技术的飞速发展和社交媒体的普及&#xff0c;录制视频已经成为人们记录生活、分享知识和展示才华的重要方式。在众多录制视频软件中&#xff0c;如何挑选一款功能强大、操作简便的工具&#xff0c;成为了许多用户的难题。本文将为您推荐4款优秀的录制视频软件&#xff…
阅读更多...
SpringMVC系列九: 数据格式化与验证及国际化

SpringMVC系列九: 数据格式化与验证及国际化

SpringMVC 数据格式化基本介绍基本数据类型和字符串自动转换应用实例-页面演示方式Postman完成测试 特殊数据类型和字符串自动转换应用实例-页面演示方式Postman完成测试 验证及国际化概述应用实例代码实现注意事项和使用细节 注解的结合使用先看一个问题解决问题 数据类型转换…
阅读更多...
LearnOpenGL 及 ShaderToy 的 CMake 构建框架

LearnOpenGL 及 ShaderToy 的 CMake 构建框架

文章目录 构建目标具体框架根目录src 目录app 目录import.cmake其他 CMake 函数 使用框架实际效果摄像机坐标变换使用 assimp 库加载模型shadertoy 测试 framebuffer 离屏渲染 其他 为了复习 OpenGL&#xff08;主要是看到 shadertoy 上有好玩的着色器&#xff09;&#xff0c;…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023