小程序如何实现简单的生成随机验证码

2023-06-26 08:06:05 720人浏览泡泡鱼

摘要

本文小编为大家详细介绍“小程序如何实现简单的生成随机验证码”，内容详细，步骤清晰，细节处理妥当，希望这篇“小程序如何实现简单的生成随机验证码”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。 //随机生成验

本文小编为大家详细介绍“小程序如何实现简单的生成随机验证码”，内容详细，步骤清晰，细节处理妥当，希望这篇“小程序如何实现简单的生成随机验证码”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

小程序如何实现简单的生成随机验证码

 //随机生成验证码//第一步：    public void doGet(httpservletRequest request, HttpServletResponse response)            throws ServletException, IOException {                 test(response);            }    private void test(HttpServletResponse response) throws IOException {        int width = 120,height=25;        //生成一张图片  此时得到一张宽120，长25的一张黑色图片        BufferedImage  img = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);                Graphics grap = img.getGraphics();//得到一个画笔            //填充背景色        grap.setColor(Color.pink);        //设置填充的区域        grap.fillRect(1, 1, width-2, height-2);                //设置边框的颜色  同填充背景颜色 靠近谁是设置哪个属性的颜色        grap.setColor(Color.red);        grap.drawRect(0, 0, width-1, height-1);                //设置字体        grap.setFont(new Font("黑体", Font.BOLD|Font.ITALIC, 18));                        //向图片上写字 嘿嘿随机生成了字符串        Random r = new Random();        int p = 15;        for(int i=1;i<=4;i++)        {            grap.drawString(r.nextInt(10)+"", p,20);            p+=15;        }                //向图片上画线        for(int i=1;i<=10;i++)        {            grap.drawLine(r.nextInt(width), r.nextInt(height), r.nextInt(width), r.nextInt(height));        }            //把图片发送给客户端        ImageIO.write(img, "jpg", response.getOutputStream());    }//第二部：新建login.html<!DOCTYPE html><html>  <head><title>login.html</title>   <script type="text/javascript">         function ff(){             var img = document.getElementById("image");             img.src="/day33_response/demo4?user=1"+new Date().getTime();            // img.setAttribute("src","/day33_response/demo4?user="+new Date().getTime());      }      </script>  </head>    <body> <fORM action="#" method="get"> 用户名<input type="text" name="uname"><br/><br/>  密&nbsp;码<input type="passWord" name="pwd"><br/><br/>  验证码<input type="text" name="code">  <!-- 如果image没有写src页面刚加载时没有东西，刷新之后才会显示验证码图片 -->  <img id="image" src='/day33_response/demo4'>  <!-- 换两行 --> <a href="javascript：ff()">换一张</a><br/> <br/>           <input type="submit" value="提交">      </form>       </body></html>// 大功告成就可以发布到Tomcat上浏览了//此处介绍一种懒人方法，在doGet方法中，其中ValidateCode四个函数分别是矩形的宽、高以及验证码的个数和干扰线的条数，然后第一步的函数就可统统省略了            ValidateCode code = new ValidateCode(320, 25, 4, 8);        code.write(response.getOutputStream());//注：导相应的ValidateCode的jar包喔。