文章目录
kaptcha会员注册和登录：
第一步，在Maven仓库中引入Kaptcha依赖（注意将新的jar，进行发布)
第二步，在applicationContext.xml文件中配置Kaptcha
第三步，创建Controller类，生成Kaptcha代码，并输出到前端
kaptcha会员注册和登录：
一、kaptcha是什么？二、使用步骤第一步，在Maven仓库中引入Kaptcha依赖（注意将新的jar，进行发布)
第二步，在applicationContext.xml文件中配置Kaptcha
第三步，创建Controller类，生成Kaptcha代码，并输出到前端
三.注册和登录：第一步，复制注册页，并将其改为ftl--freemarker脚本，将其中的验证码的src设置为验证码controller中的验证码的url
第二步，创建用于会员注册和登记的Controller
第三步，完成点击验证码刷新的功能
第四步：对前台提交的验证码在后台进行校验在SpringMVC 框架中，当需需要request、response 原生servlet参数时，直接放在@Controller的方法参数中，使用就可以了。
提示：以下是本篇文章正文内容，下面案例可供参考
一、kaptcha是什么？
使用kaptcha生成验证码的作用：进行人机校验--防止机器脚本，自动大量注册用户。
1.Kaptcha是谷歌开源的可高度配置的实用验证码生成工具。
2.通过Kaptcha可阻拦大多数机器人脚本操作。
3.kaptcha典型殷勇于注册、登录、重要信息提交等用户交互
二、Kaptcha使用步骤
1.第一步，引入Kaptcha依赖（注意将新的jar，进行发布）
<!-- Kaptcha验证码组件 --><dependency><groupId>com.github.penggle</groupId><artifactId>kaptcha</artifactId><version>2.3.2</version></dependency>
2.第二步，在applicationContext.xml文件中配置Kaptcha
<!--配置kaptcha--><!-- 配置Kaptcha --><bean id="kaptchaProducer" class="com.google.code.kaptcha.impl.DefaultKaptcha"><property name="config"><bean class="com.google.code.kaptcha.util.Config"><constructor-arg><props><!--验证码图片不生成边框--><prop key="kaptcha.border">no</prop><!-- 验证码图片宽度为120像素 --><prop key="kaptcha.image.width">120</prop><!-- 验证码图片字体颜色为蓝色 --><prop key="kaptcha.textproducer.font.color">blue</prop><!-- 每个字符最大占用40像素 --><prop key="kaptcha.textproducer.font.size">40</prop><!-- 验证码包含4个字符 --><prop key="kaptcha.textproducer.char.length">4</prop></props></constructor-arg></bean></property></bean>
3.第三步，创建Controller类，生成Kaptcha代码，并输出到前端
@Controllerpublic class KaptchaController {@Resourceprivate Producer kaptchaProducer;//Producer是一个接口，属性名和applicationContext.xml里面的配置文件里面一致@GetMapping("/verify_code")public void createVerifyCode(HttpServletRequest request, HttpServletResponse response) throws IOException {//响应立即过期response.setDateHeader("Expires",0);//不缓存任何图片数据response.setHeader("Cache-Control" , "no-store,no-cache,must-revalidate");response.setHeader("Cache-Control" , "post-check=0,pre-check=0");response.setHeader("Pragma" , "no-cache");response.setContentType("image/png");//生成验证码字符文本String verifyCode = kaptchaProducer.createText();request.getSession().setAttribute("kaptchaVerifyCode",verifyCode);System.out.println(request.getSession().getAttribute("kaptchaVerifyCode"));BufferedImage image = kaptchaProducer.createImage(verifyCode);//创建验证码图片ServletOutputStream out = response.getOutputStream();//二进制的图片，用getOutputStream()方法ImageIO.write(image,"png",out);out.flush();//立即输出out.close();//关闭输出}}
注册与登录：
第一步：复制注册页，并将其改为ftl--freemarker脚本，将其中的验证码的src设置为验证码controller中的验证码的url
第二步：创建用于会员注册和登记的Controller，其中的url最好以.html结尾，有利于其他搜索引擎对本地址进行搜索
package com.imooc.reader.controller;import com.imooc.reader.service.MemberService;import com.imooc.reader.service.exception.BussinessException;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.PostMapping;import org.springframework.web.bind.annotation.ResponseBody;import org.springframework.web.servlet.ModelAndView;import javax.annotation.Resource;import javax.servlet.http.HttpServletRequest;import java.util.HashMap;import java.util.Map;@Controllerpublic class MemberController {@Resourceprivate MemberService memberService;@GetMapping("/register.html")public ModelAndView showRegister(){return new ModelAndView("/register");}@PostMapping("/registe")@ResponseBodypublic Map registe(String vc, String username, String password , String nickname , HttpServletRequest request){//正确验证码String verifyCode = (String)request.getSession().getAttribute("kaptchaVerifyCode");//与KaptchaController里面的request.getSession().setAttribute("kaptchaVerifyCode",verifyCode)类似//验证码对比Map result = new HashMap();if(vc == null || verifyCode == null || !vc.equalsIgnoreCase(verifyCode)){result.put("code", "VC01");result.put("msg", "验证码错误");}else{try {memberService.createMember(username, password, nickname);result.put("code", "0");result.put("msg", "success");}catch (BussinessException ex){ex.printStackTrace();result.put("code", ex.getCode());result.put("msg", ex.getMsg());}}return result;}}
第三步：点击验证码刷新，jquery中使用.attr来设置组件的属性，为了时每次发送的请求不一样，避免对图片进行缓存，采用ts时间戳参数来解决缓存问题。
第四步：发送ajax请求，将验证码、用户名、密码、昵称等序列化发送给后台
第五步：验证controller方法，判断验证码的准确性
@PostMapping("/registe")@ResponseBodypublic Map registe(String vc, String username, String password , String nickname , HttpServletRequest request){//正确验证码String verifyCode = (String)request.getSession().getAttribute("kaptchaVerifyCode");//与KaptchaController里面的request.getSession().setAttribute("kaptchaVerifyCode",verifyCode)类似//验证码对比Map result = new HashMap();if(vc == null || verifyCode == null || !vc.equalsIgnoreCase(verifyCode)){result.put("code", "VC01");result.put("msg", "验证码错误");}else{try {memberService.createMember(username, password, nickname);result.put("code", "0");result.put("msg", "success");}catch (BussinessException ex){ex.printStackTrace();result.put("code", ex.getCode());result.put("msg", ex.getMsg());}}return result;}
