最近的项目要求有验证码,从网上找了一些资料,有些很清楚,但是,那些例子都是用servlet做的,而此时我的项目是用struts框架做的,有点地方需要修改。
这次完成验证码有点小的教训,就像小叶说的,不能依赖性太大,我就是属于那种依赖性比较大的。因此,问了别人后,人家给解释后,后悔了……因为听人家一解释发现,自己也能咂摸过来这个道理呀……不过,还是很感谢csdn小鬼。
好了,言归正传,说说实现功能:
就是验证码的功能,首先,产生验证码是通过servlet实现,然后将生成的验证码放到一个session里面,之后,在jsp页面显示生成的图形,提交后,通过执行action,从session中提取出验证码,与输入的相比较,完成最后的验证。改进之处在于,查到的那些都是用的servlet,但是,我提交后不能用servlet了,要用struts2.
一、首先是servlet生成验证码并存储在session里面:(http://fayaa.com/code/view/8922/full/)
- package com.servlet;
- import java.awt.Color;
- import java.awt.Font;
- import java.awt.Graphics;
- import java.awt.image.BufferedImage;
- import java.io.IOException;
- import java.util.Random;
- import javax.imageio.ImageIO;
- import javax.servlet.ServletException;
- import javax.servlet.ServletOutputStream;
- import javax.servlet.http.HttpServlet;
- import javax.servlet.http.HttpServletRequest;
- import javax.servlet.http.HttpServletResponse;
- import javax.servlet.http.HttpSession;
- public class ImageServlet extends HttpServlet {
- private static final long serialVersionUID = 1L;
- public void doGet(HttpServletRequest request, HttpServletResponse response)
- throws ServletException, IOException {
- doPost(request, response);
- }
- public void doPost(HttpServletRequest request, HttpServletResponse response)
- throws ServletException, IOException {
- int width=80;//验证码图片宽度
- int height=30;//验证码图片高度
- BufferedImage image=new BufferedImage(width,height,BufferedImage.TYPE_3BYTE_BGR);
- Graphics g=image.getGraphics();
- Random random=new Random();//创建一个随机类
- g.setColor(getRandColor(200,250));//背景颜色要偏淡
- g.fillRect(0, 0, width, height);//画背景
- g.setColor(getRandColor(0,255));//边框颜色
- g.drawRect(0, 0, width-1, height-1);//画边框
- g.setColor(getRandColor(160,200));// 随机产生5条干扰线,使图象中的认证码不易被其它程序探测到
- for(int i=0;i<8;i++){
- int x=random.nextInt(width);
- int y=random.nextInt(height);
- int x1=random.nextInt(width);
- int y1=random.nextInt(height);
- g.drawLine(x, y, x1, y1);
- }
- g.setColor(getRandColor(160,200));// 随机产生100点,使图象中的认证码不易被其它程序探测到
- for(int i=0;i<100;i++){
- int x=random.nextInt(width);
- int y=random.nextInt(height);
- g.drawLine(x, y, x, y);
- }
- Font font = new Font("Times New Roman", Font.ITALIC,26); // 创建字体,字体的大小应该根据图片的高度来定。
- g.setFont(font);//设置字体
- int length = 4; // 设置默认生成4个验证码
- String s="abcdefghijklmnopqrstuvwxyz0123456789"; // 设置备选验证码:包括"a-z"和数字"0-9"
- String sRand="";
- // 用随机产生的颜色将验证码绘制到图像中。
- // 生成随机颜色(因为是做前景,所以偏深)
- //调用函数出来的颜色相同,可能是因为种子太接近,所以只能直接生成
- g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));
- for(int i=0;i<length;i++){
- String ch=String .valueOf(s.charAt(random.nextInt(s.length())));
- sRand+=ch;
- g.drawString(ch, 12*i+12, (random.nextInt(5)-2)*i+20);
- }
- //将生成的字符串存储在session中
- HttpSession session=request.getSession();
- session.setAttribute("checkCode", sRand);
- g.dispose();//图像生效
- //禁止图像缓存
- response.setHeader("Pragma", "No-cache");
- response.setHeader("Cache-Control", "no-cache");
- response.setDateHeader("Expires", 0);
- response.setContentType("image/jpeg");
- //创建二进制的输出流
- ServletOutputStream sos=response.getOutputStream();
- // 将图像输出到Servlet输出流中。
- ImageIO.write(image, "jpeg", sos);
- sos.flush();
- sos.close();
- }
- public Color getRandColor(int lower,int upper){
- Random random = new Random();
- if(upper>255)
- upper=255;
- if(upper<1)
- upper=1;
- if(lower<1)
- lower=1;
- if(lower>255)
- lower=255;
- int r=lower+random.nextInt(upper-lower);
- int g=lower+random.nextInt(upper-lower);
- int b=lower+random.nextInt(upper-lower);
- return new Color(r,g,b);
- }
- }
二、在jsp中显示,并添加js实现“看不清”操作
js的定义:
- <script language="javascript">
- function changeImg(){
- var a=document.getElementById("mySpan");
- a.innerHTML='<img align="middle" src="ImageServlet"/> <a href="#" onclick="changeImg();">看不清</a>';
- }
jsp显示:(用到了struts2里面的标签,如果不用的话,直接将“s:”去掉)
- <s:form action="Login.action" name="form1" method="post">
- <tr><td>
- <span style="color:black" >Yanzheng: </span>
- <input type="text" id= "verifyCode" name="txtyzm" size="6" />
- <span id="mySpan"><img align="middle" src="ImageServlet" /><a
- href="#" onclick="changeImg();">看不清</a> </span>
- <span style="color:red;"><s:property value="yanzheng"></s:property></span>
- </td>
- </tr>
- <s:/form>
三、struts.xml中的配置:
- <!-- 登录操作 -->
- <action name="Login" class="com.action.Login" >
- <result name="userslog">/weluser.jsp</result>
- <result name="usersout">/index.jsp</result>
- <result name="ff">/ff.jsp</result>
- </action>
四、在Login.java中完成验证码的判断(只显示验证码判断部分)
- public class Login extends ActionSupport{
- private String yanzheng;
- public String getYanzheng() {
- return yanzheng;
- }
- public void setYanzheng(String yanzheng) {
- this.yanzheng = yanzheng;
- }
- private String txtyzm = new String();
- public String getTxtyzm() {
- return txtyzm;
- }
- public void setTxtyzm(String txtyzm) {
- this.txtyzm = txtyzm;
- }
- public String getUstatus() {
- return ustatus;
- }
- public String execute() throws IOException{
- //验证码
- String validateC = new String ();
- HttpServletResponse response = null;
- //将session里面的验证码提取出来
- HttpSession sessions = ServletActionContext.getRequest().getSession();
- validateC = (String) sessions.getAttribute("checkCode");
- if (txtyzm.equals(validateC)){
- yanzheng="";
- }else{
- yanzheng="验证码有误";
- return "usersout";
- }
- }
这样的话,就可以在jsp页面返回验证码错误信息了。总的来时,产生验证码时用的servlet,验证的时候,放到了struts2框架。
记录一下啦~