ext+struts登陆验证（包括验证码）

最新推荐文章于 2017-08-22 10:22:19 发布

woshisunxiangfu

最新推荐文章于 2017-08-22 10:22:19 发布

阅读量2.6k

点赞数

分类专栏： ajax 文章标签： struts ext string stylesheet random function

本文链接：https://blog.csdn.net/woshisunxiangfu/article/details/3605892

版权

ajax 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1）前台四个文件

logon. jsp:

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
    <title>My JSP 'logon.jsp' starting page</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<link rel="stylesheet" type="text/css" href="logon.css" />
     <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/js/ext-2.2/resources/css/ext-all.css" />
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/ext-2.2/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/ext-2.2/ext-all.js"></script>
    <script type="text/javascript" src="logon.js"></script>
</head>
<script>
</script>
</html>

logon.js:

      LoginWindow=Ext.extend(Ext.Window,{
title : '登陆系统',
width : 265,
height : 170,
collapsible : true,
defaults : {
border : false
},
buttonAlign : 'center',
createFormPanel :function() {
return new Ext.form.FormPanel( {
bodyStyle : 'padding-top:6px',
defaultType : 'textfield',
labelAlign : 'right',
labelWidth : 55,
labelPad : 0,
frame : true,
defaults : {
allowBlank : false,
width : 158
},
items : [{
cls : 'user',
name : 'username',
fieldLabel : '帐号',
blankText : '帐号不能为空'
}, {
cls : 'key',
name : 'password',
fieldLabel : '密码',
blankText : '密码不能为空',
inputType : 'password'
}, {
cls : 'key',
name:'randCode',
id:'randCode',
fieldLabel:'验证码',
width:80,
blankText : '验证码不能为空'
}]
});
},

login:function() {
this.fp.form.submit({
waitMsg : '正在登录......',
url : 'logon.do?method=log',
success : function(form, action) {
window.location.href = 'dynRowColAction.do?method=doDyn';
},
failure : function(form, action) {
form.reset();
if (action.failureType == Ext.form.Action.SERVER_INVALID)
Ext.MessageBox.alert('警告', action.result.errors);
}
});
},
initComponent : function(){
LoginWindow.superclass.initComponent.call(this);
this.fp=this.createFormPanel();
this.add(this.fp);
this.addButton('登陆',this.login,this);
this.addButton('重置', function(){this.fp.form.reset();},this);

}
});
Ext.onReady(function()
{
// 开启表单提示
    Ext.QuickTips.init();
    // 设置提示信息位置为边上
    Ext.form.Field.prototype.msgTarget = 'side';
var win=new LoginWindow();
win.show();
var bd = Ext.getDom('randCode');
var bd2 = Ext.get(bd.parentNode);
bd2.createChild({tag: 'img', src: 'image.jsp',align:'absbottom'});
}
);

logon.css

@CHARSET "UTF-8";
.user{ background:url(images/user.gif) no-repeat 1px 2px; }
.key{ background:url(images/key.gif) no-repeat 1px 2px; }
.rand{ background:url(images/rand.gif) no-repeat 1px 2px; }
.key,.user,.rand{
background-color:#FFFFFF;
padding-left:20px;
font-weight:bold;
color:#000033;
}

image.jsp

      <%@ page contentType="image/jpeg" import="java.awt.*,
java.awt.image.*,java.util.*,javax.imageio.*"%>
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<%!
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);
        }
%>
<%
//设置页面不缓存
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);

// 在内存中创建图象
int width=60, height=20;
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);

// 获取图形上下文
Graphics g = image.getGraphics();

//生成随机类
Random random = new Random();

// 设定背景色
g.setColor(getRandColor(200,250));
g.fillRect(0, 0, width, height);

//设定字体
g.setFont(new Font("Times New Roman",Font.PLAIN,18));

//画边框
//g.setColor(new Color());
//g.drawRect(0,0,width-1,height-1);

// 随机产生155条干扰线，使图象中的认证码不易被其它程序探测到
g.setColor(getRandColor(160,200));
for (int i=0;i<155;i++)
{
int x = random.nextInt(width);
int y = random.nextInt(height);
int xl = random.nextInt(12);
int yl = random.nextInt(12);
g.drawLine(x,y,x+xl,y+yl);
}

// 取随机产生的认证码(4位数字)
String sRand="";
for (int i=0;i<4;i++){
    String rand=String.valueOf(random.nextInt(10));
    sRand+=rand;
    // 将认证码显示到图象中
    g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));
//调用函数出来的颜色相同，可能是因为种子太接近，所以只能直接生成
    g.drawString(rand,13*i+6,16);
}

// 将认证码存入SESSION
session.setAttribute("rand",sRand);

// 图象生效
g.dispose();

// 输出图象到页面
ImageIO.write(image, "JPEG", response.getOutputStream());
//out.flush();
out.clear();
out = pageContext.pushBody();
%>

2) 一个struts action java 文件

package logon;

import java.io.UnsupportedEncodingException;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.actions.DispatchAction;

public class logon extends DispatchAction{

    public ActionForward log(ActionMapping mapping, ActionForm form,
            HttpServletRequest request, HttpServletResponse response) throws UnsupportedEncodingException {
     response.setContentType("text/html;charset=GB2312");//一定要放在开头
    request.setCharacterEncoding("GB2312");
   response.setHeader("Charset","GB2312");
        String username = (String) request.getParameter("username");
        String password = (String) request.getParameter("password");
        String rand = (String)request.getSession(true).getAttribute("rand");
        String randCode = (String) request.getParameter("randCode");
        String result = "{success: true,msg:/'ok/'}";
        String result1 = "{ success: false, errors: /'用户帐号或密码不正确！/'}";
        String result2 = "{ success: false, errors: /'验证码不正确！/'}";
        if(randCode.equals(rand)){
        if(username.equals("1")&& password.equals("1"))
        {
         try{
                response.getWriter().write(result);
            }
            catch(Exception e){
            }
        }
        else{
            try{
                response.getWriter().write(result1);
            }
            catch(Exception e){
            } } }
        else{
         try{
                response.getWriter().write(result2);
            }
            catch(Exception e){
            }
        }
        return null;
    }
}