Spring框架生成图片验证码实例课案.doc
文本预览下载声明
Spring框架生成图片验证码实例
验证码在很多地方都会遇到,实现的方法和形式也有很多,主要的目的就是为了安全,防止一些恶意的攻击等。今天在之前搭建好的一个spring框架上写了一个验证码的生成demo,我会贴出细节代码,但是spring的配置就不在介绍了,有需要的可以参考借鉴。
这篇文章会从前台页面到后台实现完整的讲解,下面跟着小编一起来看看。
1、前台的代码,image.jsp
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59 %@ page language=java contentType=text/html; charset=UTF-8
pageEncoding=UTF-8%
!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html
head
meta http-equiv=Content-Type content=text/html; charset=UTF-8
title获取图片验证码/title
script type=text/javascript src=${pageContext.request.contextPath }/static/js/jquery-1.10.2.min.js/script
/head
body
form action=## method=post
input type=hidden id=userId name=userId value=
div class=form-group
div class=email controls
input type=text name=loginName id=loginName placeholder=用户名 value= class=form-control/
/div
/div
div class=form-group
div class=pw controls
input type=password autocomplete=off id=pwd name=pwd placeholder=密码 class=form-control/
/div
/div
div class=form-group
div class=email controls
input id=validateCode onblur=checkImg(this.value) name=validateCode type=text class=form-control placeholder=输入验证码/
/div
span class=y_yzimgimg id=codeValidateImg onClick=javascript:flushValidateCode();//span
p class=y_changea href=javascript:flushValidateCode(); 换一张/a/p
/div
div class=form-group
span class=text-danger/span
/div
div class=submit
div class=remember
input type=checkbox name=remember value=1 class=icheck-me data-skin=square data-color=blue id=remember
label for=remember记住我/label
/div
input type=button value=登录 onclick=javascript:submitForm(); class=btn btn-primary
/div
/form
script type=text/javascript
$(document).ready(function() {
flushValidateCode();//进入页面就刷新生成验证码
});
/* 刷新生成验证码 */
function flushValidateCode(){
var validateImgObject = document.getElementById(codeValidateImg);
validateImgObject.src = ${pageContext.request.contextPath }/getSysManageLoginCode
显示全部