【实战】用户模块，验证码程序-CSDN博客

点击上方“程序员大咖”，选择“置顶公众号”

关键时刻，第一时间送达！

想必小伙伴们对于输入验证码一事是在熟悉不过了，在你注册的时候都需要输入验证码，而最近的一些注册用的验证码也是越来越奇葩了。

为什么几乎所有需要用户注册的地方，都要有验证码这一项呢？

验证码是一种区分用户是计算机还是人的公共全自动程序，可以防止，恶意破解密码，刷票，论坛灌水，有效防止某个黑客对某一个特定注册用户用特定程序包里破解方式进行不断的登录尝试，实际上用验证码是现在很多网站通行的方式，我们利用比较简易的方式实现了这个功能，这个问题可以由计算机生成并评判，但是必须只有人类才能解答，由于计算机无法解答验证码的问题，所有回答出问题的用户就可以被认为是人类。

我们利用比较简易的方式实现了这个功能。虽然登录麻烦一点，但是对网友的密码安全来说这个功能还是很有必要，也很重要。但我们还是提醒大家要保护好自己的密码，尽量使用混杂了数字、字母、符号在内的6位以上密码，不要使用诸如1234之类的简单密码或者与用户名相同、类似的密码，免得你的账号被人盗用给自己带来不必要的麻烦。验证码通常使用一些线条和一些不规则的字符组成，主要作用是为了防止一些黑客把密码数据化盗取。原来验证码有着如此牛掰的作用，so，这篇博文，小编就和小伙伴们分享一下，如何在自己的项目中添加验证码，希望对有需要的小伙伴有帮助，不足之处，请小伙伴们多多指教。该博文，以注册时需要输入验证码为例：

第一步、在Action中编写一个类，命名为CheckImgAction，编写相关代码，如下所示：

package cn.itcast.shop.user.action;import java.awt.Color;import java.awt.Font;import java.awt.Graphics;import java.awt.Graphics2D;import java.awt.image.BufferedImage;import java.util.Random;import javax.imageio.ImageIO;import org.apache.struts2.ServletActionContext;import com.opensymphony.xwork2.ActionSupport;/** * 验证码Action类 *@Author 丁国华 */public class CheckImgAction extends ActionSupport {@Overridepublic String execute() throws Exception {int width = 120;int height = 30;// 步骤一 绘制一张内存中图片BufferedImage bufferedImage = new BufferedImage(width, height,BufferedImage.TYPE_INT_RGB);// 步骤二 图片绘制背景颜色 ---通过绘图对象Graphics graphics = bufferedImage.getGraphics();// 得到画图对象 --- 画笔// 绘制任何图形之前 都必须指定一个颜色graphics.setColor(getRandColor(200, 250));graphics.fillRect(0, 0, width, height);// 步骤三 绘制边框graphics.setColor(Color.WHITE);graphics.drawRect(0, 0, width - 1, height - 1);// 步骤四 四个随机数字Graphics2D graphics2d = (Graphics2D) graphics;// 设置输出字体graphics2d.setFont(new Font("宋体", Font.BOLD, 18));String words = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890";// String words =// "的一了是我不在人们有来他这上着个地到大里说就去子得也和那要下看天时过出小么起你都把好还多没为又可家学只以主会样年想生同老中十从自面前头道它后然走很像见两用她国动进成回什边作对开而己些现山民候经发工向事命给长水几义三声于高手知理眼志点心战二问但身方实吃做叫当住听革打呢真全才四已所敌之最光产情路分总条白话东席次亲如被花口放儿常气五第使写军吧文运再果怎定许快明行因别飞外树物活部门无往船望新带队先力完却站代员机更九您每风级跟笑啊孩万少直意夜比阶连车重便斗马哪化太指变社似士者干石满日决百原拿群究各六本思解立河村八难早论吗根共让相研今其书坐接应关信觉步反处记将千找争领或师结块跑谁草越字加脚紧爱等习阵怕月青半火法题建赶位唱海七女任件感准张团屋离色脸片科倒睛利世刚且由送切星导晚表够整认响雪流未场该并底深刻平伟忙提确近亮轻讲农古黑告界拉名呀土清阳照办史改历转画造嘴此治北必服雨穿内识验传业菜爬睡兴形量咱观苦体众通冲合破友度术饭公旁房极南枪读沙岁线野坚空收算至政城劳落钱特围弟胜教热展包歌类渐强数乡呼性音答哥际旧神座章帮啦受系令跳非何牛取入岸敢掉忽种装顶急林停息句区衣般报叶压慢叔背细";Random random = new Random();// 生成随机数// 定义StringBufferStringBuffer sb = new StringBuffer();// 定义x坐标int x = 10;for (int i = 0; i < 4; i++) {// 随机颜色graphics2d.setColor(new Color(20 + random.nextInt(110), 20 + random.nextInt(110), 20 + random.nextInt(110)));// 旋转 -30 --- 30度int jiaodu = random.nextInt(60) - 30;// 换算弧度double theta = jiaodu * Math.PI / 180;// 生成一个随机数字int index = random.nextInt(words.length()); // 生成随机数 0 到 length - 1// 获得字母数字char c = words.charAt(index);sb.append(c);// 将c 输出到图片graphics2d.rotate(theta, x, 20);graphics2d.drawString(String.valueOf(c), x, 20);graphics2d.rotate(-theta, x, 20);x += 30;}// 将生成的字母存入到session中ServletActionContext.getRequest().getSession().setAttribute("checkcode", sb.toString());// 步骤五 绘制干扰线graphics.setColor(getRandColor(160, 200));int x1;int x2;int y1;int y2;for (int i = 0; i < 30; i++) {x1 = random.nextInt(width);x2 = random.nextInt(12);y1 = random.nextInt(height);y2 = random.nextInt(12);graphics.drawLine(x1, y1, x1 + x2, x2 + y2);}// 将上面图片输出到浏览器 ImageIOgraphics.dispose();// 释放资源ImageIO.write(bufferedImage, "jpg", ServletActionContext.getResponse().getOutputStream());return NONE;}/** * 取其某一范围的color *  * @param fc *            int 范围参数1 * @param bc *            int 范围参数2 * @return Color */private Color getRandColor(int fc, int bc) {// 取其随机颜色Random random = new Random();if (fc > 255) {fc = 255;}if (bc > 255) {bc = 255;}int r = fc + random.nextInt(bc - fc);int g = fc + random.nextInt(bc - fc);int b = fc + random.nextInt(bc - fc);return new Color(r, g, b);}}

第二步、在applicationContext中配置验证码的Action，代码如下所示：

<!-- 配置验证码的Action --><bean id="checkImgAction" class="cn.itcast.shop.user.action.CheckImgAction" scope="prototype"></bean>

第三步、在struts.xml中编写验证码的Action，代码如下所示：

<!-- 验证码Action --><action name="checkImg" class="checkImgAction"></action>

第四步、在jsp页面中编写js方法，代码如下所示：

function change(){var img1 = document.getElementById("checkImg");img1.src="${pageContext.request.contextPath}/checkImg.action?"+new Date().getTime();}

第五步、在UserAction中接收验证码，代码如下所示：

//接收验证码private String checkcode;public void setCheckcode(String checkcode) {this.checkcode = checkcode;}

第六步、在用户注册的方法里面判断验证码程序，代码如下所示：

/** * 用户注册的方法 * @author 丁国华 * @return */public String regist() {// 判断验证码程序://从session中获得验证码的随机值String checkcode1 =(String) ServletActionContext.getRequest().getSession().getAttribute("checkcode");if(!checkcode.equalsIgnoreCase(checkcode1)){this.addActionError("验证码输入错误！");return "checkcodeFail";}userService.save(user);this.addActionMessage("恭喜，注册成功，快去邮箱激活吧");return "msg";}

第七步、在struts.xml页面进行配置，代码如下所示：

<!-- 配置用户模块的Action -->    <action name="user_*" class="userAction" method="{1}">    <result name="registPage">/WEB-INF/jsp/regist.jsp</result>    <result name="input">/WEB-INF/jsp/regist.jsp</result>    <result name="loginPage">/WEB-INF/jsp/login.jsp</result>    <result name="login">/WEB-INF/jsp/login.jsp</result>    <result name="loginSuccess" type="redirectAction">index</result>    <result name="quit" type="redirectAction">index</result>    <result name="checkcodeFail">/WEB-INF/jsp/regist.jsp</result>        </action>

最后，我们来看一下运行的效果：

在这里，简单的介绍了如何在项目中使用验证码，总的来说，编写验证码分为4个步骤：首先，需要编写Action，即验证码的Action，其次，在applicationContext以及struts中完成相关的配置，紧接着，我们需要编写js，如果图片上的验证码看不清楚，我们需要进行变换验证码，最后提交Action，在Action中进行比较，如果用户填写的验证码和图片的一致，则提交完成注册，如果不一致需要回到注册页面。