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

—— 2020 ——

09/27

00:00

来源：

作者：未知

栏目：小程序开发

2020/9/27 0:00:00 来源：不详作者：未知

在小程序应用中，我们会遇到随机验证码图片，那么如何使用代码实现一个简单的生成随机验证码的小程序

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

 //随机生成验证码

//第一步：

    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包喔。

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

【本站声明】
1、本站文章中所选用的图片及文字来源于网络以及用户投稿，由于未联系到知识产权人或未发现有关知识产权的登记，如有知识产权人并不愿意我们使用，如果有侵权请立即联系。
2、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责，仅系客观性描述，如您需要了解该类商品/服务详细的资讯，请您直接与该类商品/服务的提供者联系。

KESION 科汛软件
KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商，长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。
KESION 不断通过技术创新，提供产品和服务，助力企业向数字化转型，通过科技驱动商业革新，让商业变得更智慧！

▼点击进入科汛官网了解更多

热门标签

SaaS

上/下篇

微信小程序日历签到如何实现

日历签到是小程序中常用的技巧，下面为大家介绍如何实现小程序日历签到。...

微信小程序SaaS 2020/9/27 0:00:00
2018年小程序违规新规,小程序封了还能解封吗

微信发布公告称，将持续清理违规小程序。将重点关注四大类违规小程序：“假货、高仿” 类、“色情、低俗”类、违规“现金贷”小程序以及违规门店小程序。...

SaaS 2020/9/27 0:00:00

换一换相关推荐

精选内容

热点精选

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

微信小程序日历签到如何实现

2018年小程序违规新规,小程序封了还能解封吗