继上一篇为大家补充过滤器类后，本篇为大家简单介绍一下如何实现验证码效果。验证码的作用是什么呢？1、防止恶意注册2、防止恶意提交3、防止盗取账户等等，总的来说验证码的存在就是为了，防止非人为的操作，不过需要指出的是验证码是一种影响用户体验的功能，所以一些网站通过设置参数，当用户第一次操作失败后，才会提示用户输入验证码，这可以说是验证码的一种提高。不说这没有用的了，下面我们开始实现我们的验证码效果。

　1、实现效果图：

　　

　2、index.jsp:

　　在这个界面设计时添加了一些JavaScript的操作，如有疑问，可以留言。

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title>验证码</title>

    <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="styles.css">

    -->

    <script type="text/javascript">

        function reloadCode(){

            var time = new Date().getTime();//通过这个来保证浏览器刷新界面

            document.getElementById("img").src="<%=request.getContextPath() %>/servlet/ImgSelect?time="+time;//验证更新操作

            document.getElementById("code").value="";

            document.getElementById("code").focus();

        }

    </script>

  </head>

  <body>

    <center>

        <h1>验证码</h1>

        <form action="<%=request.getContextPath() %>/servlet/loginSelect" method="post">

            <input type="text" id="code" name="code"/><img alt="验证码" id="img" src="<%=request.getContextPath() %>/servlet/ImgSelect">

            <a href="javascript:reloadCode()" >看不清</a><br/>

            <input type="submit" value="提交">

        </form>

    </center>

  </body>

</html>

　3、生成验证码select：

public void doPost(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        BufferedImage bi = new BufferedImage(68, 22, BufferedImage.TYPE_INT_RGB);

        Graphics g = bi.getGraphics();

        Color color = new Color(200, 130, 255);

        g.setColor(color);

        g.fillRect(0, 0, 68, 22);

        char [] ch = "QWERTYUIOPASDFGHJKLZXCVBNM1234567890zxcvbnmlkjhgfdsaqwertyuiop".toCharArray();

        Random r = new Random();

        StringBuffer buf = new StringBuffer();

        int len = 0;

        for(int i=0; i<4; i++){

            len = r.nextInt(ch.length);

            g.setColor(new Color(r.nextInt(150), r.nextInt(255), r.nextInt(200)));

            g.drawString(ch[len]+"", (i*15)+3, 18);

            buf.append(ch[len]);

        }

        String code = buf.toString();

        request.getSession().setAttribute("code", code);

        ImageIO.write(bi, "JPG", response.getOutputStream());

    }

　4、验证selelct:

public void doPost(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        request.setCharacterEncoding("utf-8");

        response.setCharacterEncoding("utf-8");

        response.setContentType("text/html");

        PrintWriter out = response.getWriter();

        String code = request.getParameter("code");

        String imgCode = (String) request.getSession().getAttribute("code");

        if(imgCode.equalsIgnoreCase(code)){

            out.println("登录成功");

        }else{

            out.println("登录失败");

        }

    }

　　到这里我们的验证码效果就实现了，对于生成汉字验证码、数学算式表达式的验证码效果大家就自行研究吧，思想已经为大家介绍完毕，对于JSP的总结，目前就差关于文件的上传和下载了，估计会在随后的日子里为大家分享，当然如果你能实现，还望多多指点。

JSP网站开发基础总结《十三》的更多相关文章

  1. JSP网站开发基础总结《二》

    有了上一篇的学习,我相信大家对于JSP一定有了一定的认识,从今天开始我们真正开启JSP模式,如果你有HTML的基础,那学起JSP来也就方便了很多了,首先JSP做为网站开发语言,它与HTML有很多相似的 ...

  2. JSP网站开发基础总结《一》

    经过JAVASE的学习相信大家对JAVA已经不再陌生,那么JAVA都可以干什么呢?做算法.应用程序.网站开发都可以,从今天开始为大家奉上JAVAEE之JSP动态网站开发基础总结. 既然是动态网站开发, ...

  3. JSP网站开发基础总结《八》

    JSP的学习总结到本篇已经八篇了,内容比较多,但都是实战,本篇最后为大家介绍一个小效果:百度分页.就是当我们遍历的数据对象较多时,这时我们就会看到了这个效果了,那他是如何实现的呢?下面我们就一起学习一 ...

  4. JSP网站开发基础总结《七》

    按照计划本篇将为大家总结搜索功能的两种实现:确定搜索与模糊搜索.所谓精确搜索便是指,根据用户的输入的搜索内容,在数据库中寻找具有一一对应的关系的数据,一般都是用户在数据库中的主键值.而模糊搜索,是一种 ...

  5. JSP网站开发基础总结《十二》

    前两篇已经简单为大家介绍了一下,有关Filter接口的知识,本篇就让我们以一个登录小功能,来具体实现一下过滤器的作用,便于大家掌握.具体为大家介绍一下如何使用Filter对访问进行过滤,及如何防止中文 ...

  6. JSP网站开发基础总结《四》

    经过前几篇的摸爬滚打,下面我们就开始我们真正的数据库操作了,本篇重点在于如何在网站端编写数据库操作语句,内容不多,就是我们常见的增删改查. 0.数据库对象创建: 在JAVASE基础知识总结时,就为大家 ...

  7. JSP网站开发基础总结《九》

    本篇属于附加篇,在之前的总结中给大家提到过一个关于登录状态验证的效果,当时是通过Session对象完成的,今天我查了一下,JSP为我们封装了一个用于过滤用的过滤器类Filter,通过它我们就可以非常轻 ...

  8. JSP网站开发基础总结《六》

    对于本篇需要总结的内容,量估计有点大,大家好好看哈,绝对全是干货,代码的已经运行测试,不存在问题,大家可以参考学习,下面开始本篇的内容. 1.添加数据到数据库: 如何用户在JSP页面的填写的信息输入到 ...

  9. JSP网站开发基础总结《九》(转)

    本篇属于附加篇,在之前的总结中给大家提到过一个关于登录状态验证的效果,当时是通过Session对象完成的,今天我查了一下,JSP为我们封装了一个用于过滤用的过滤器类Filter,通过它我们就可以非常轻 ...

随机推荐

  1. 基于VC的ACM音频编程接口压缩Wave音频（二）

    (二)获取CODECs 的 信 息  ACM 的API 函 数 定 义 在 头 文 件msacm.h 中, 除 此 之 外, 对ACM 编 程 还 必 须 包 含 头 文 件mmsystem.h,mm ...

  2. oracle 读书笔记

    1 动态sql即拼接字符串的sql,使用变量代替具体值,10万条语句可以被hash陈一个SQL_ID,可以只解析一次 for i in 1..100000 loop execute immediate ...

  3. Zookeeper会话

    Zookeeper会话的状态可以分为以下四种:CONNECTING,CONNECTED,CLOSED和NOT_CONNECTED.下图展示了会话的状态和状态之间的转移过程: 会话的初始状态为NOT_C ...

  4. 数据库Date类型和JavaDate类型的转换

    问题:     java.lang.ClassCastException : java.util.Date cannot be cast to java.sql.Date 1.若是想将字符串装换成sq ...

  5. Select for update/lock in share mode 对事务并发性影响

    select for update/lock in share mode 对事务并发性影响 事务并发性理解 事务并发性,粗略的理解就是单位时间内能够执行的事务数量,常见的单位是 TPS( transa ...

  6. javascript定时函数

    setTimeout(表达式,延迟时间)是定时程序,也就是在什么时间以后干什么,只做一次,就不做了.表达式为字符串函数或其它表达式,时间单位为毫秒 例子:setTimeout("f()&qu ...

  7. java 多线程（ReadWriteLock）

    package com.example; public class App { public static void main(String[] args) { Info info = new Inf ...

  8. DeviceOne接受了DevStore的专访

    DevStore隶属深圳尺子科技有限公司,DevStore所有内容(资讯.数据.工具|服务.资源文章.问答……)都贯穿整个项目的生命周期,无论你是设计人员.开发人员.推广人员还是运营人员都可在此找到你 ...

  9. TW2015技术雷达中文版发布

    今天thoughtworks 2015新版技术雷达pdf发布了,你可以从这里下载http://engage.thoughtworks.com/HQ0000Q0QOf5pE70nbD00GP,在这里你可 ...

  10. 跟我一起云计算（1）——storm

    概述 最近要做一个实时分析的项目,所以需要深入一下storm. 为什么storm 综合下来,有以下几点: 1. 生逢其时 MapReduce 计算模型打开了分布式计算的另一扇大门,极大的降低了实现分布 ...