继上一篇为大家补充过滤器类后，本篇为大家简单介绍一下如何实现验证码效果。验证码的作用是什么呢？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. 数据库SQL语句中根据当前日期计算其他日期小结

    问题描述:我们在写存储过程和函数的时候经常会碰到利用当前日期计算出上周开始日期.结束日期,或者计算上个月的开始日期结束日期等问题.最近写了几个存储过程和函数,其中都涉及到了日期计算问题,在这里简单做一 ...

  2. coalesce函数用法

    COALESCE函数会依次检查输入的参数,返回第一个不是NULL的参数,只有当传入COALESCE函数的所有的参数都是NULL的时候,函数才会返回NULL

  3. 第51讲：Scala中链式调用风格的实现代码实战及其在Spark编程中的广泛运用

    今天学习了下scala中的链式调用风格的实现,在spark编程中,我们经常会看到如下一段代码: sc.textFile("hdfs://......").flatMap(_.spl ...

  4. Linux命令行小插曲

    当命令行出错活出现<时,可使用 ctrl+c强制退出

  5. Linux内核--网络栈实现分析（十一）--驱动程序层（下）

    本文分析基于Linux Kernel 1.2.13 原创作品,转载请标明http://blog.csdn.net/yming0221/article/details/7555870 更多请查看专栏,地 ...

  6. webview使用总结及注意事项

    1 网页 调用后台java代码 ,后台处理 一 网页上click事件 <a href="javascript:;" onclick="window.JsNative ...

  7. 利用IIS应用请求转发ARR实现IIS和tomcat整合共用80端口

    现在网上流传的实现iis和tomcat共享80端口的方法是基于isapi_redirect插件实现的, 我的实现方法不同, 原理相似,具有更好的优点. 先说下基于isapi_redirect缺点,ja ...

  8. [Asp.net 开发系列之SignalR篇]专题四：使用SignalR实现发送图片

    一.引言 在前一篇博文已经介绍了如何使用SignalR来实现聊天室的功能,在这篇文章中,将实现如何使用SignalR来实现发送图片的功能. 二.实现发送图片的思路 我还是按照之前的方式来讲述这篇文章, ...

  9. flume 1.4的介绍及使用示例

    flume 1.4的介绍及使用示例 本文将介绍关于flume 1.4的使用示例,如果还没有安装flume的话可以参考:http://blog.csdn.net/zhu_xun/article/deta ...

  10. 基于正则的INI读写工具类，支持加密解密

    看到这个标题,有人会问,现在都用xml做配置文件了,谁还用INI文件啊!下面来简单对比一下xml和ini: 1.XML功能强大表达能力强,同时扩展性好. 2.它的主要优势是异构平台的整合.通讯. 3. ...