代碼實現(xiàn)簡單的生成隨機驗證碼小程序

—— 2020 ——

09/27

00:00

來源：

作者：未知

欄目：小程序開發(fā)

2020/9/27 0:00:00 來源：不詳作者：未知

在小程序應(yīng)用中，我們會遇到隨機驗證碼圖片，那么如何使用代碼實現(xiàn)一個簡單的生成隨機驗證碼的小程序

代碼實現(xiàn)簡單的生成隨機驗證碼小程序

 //隨機生成驗證碼

//第一步：

    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);
        //設(shè)置填充的區(qū)域
        grap.fillRect(1, 1, width-2, height-2);
        
        //設(shè)置邊框的顏色  同填充背景顏色 靠近誰是設(shè)置哪個屬性的顏色
        grap.setColor(Color.red);
        grap.drawRect(0, 0, width-1, height-1);
        
        //設(shè)置字體
        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));
        }
    
        //把圖片發(fā)送給客戶端
        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>



// 大功告成就可以發(fā)布到tomcat上瀏覽了

//此處介紹一種懶人方法，在doGet方法中，其中ValidateCode四個函數(shù)分別是矩形的寬、高以及驗證碼的個數(shù)和干擾線的條數(shù)，然后第一步的函數(shù)就可統(tǒng)統(tǒng)省略了

    

        ValidateCode code = new ValidateCode(320, 25, 4, 8);
        code.write(response.getOutputStream());



//注：導(dǎo)相應(yīng)的ValidateCode的JAR包喔。

代碼實現(xiàn)簡單的生成隨機驗證碼小程序

【本站聲明】
1、本站文章中所選用的圖片及文字來源于網(wǎng)絡(luò)以及用戶投稿，由于未聯(lián)系到知識產(chǎn)權(quán)人或未發(fā)現(xiàn)有關(guān)知識產(chǎn)權(quán)的登記，如有知識產(chǎn)權(quán)人并不愿意我們使用，如果有侵權(quán)請立即聯(lián)系。
2、本網(wǎng)站不對文章中所涉及的內(nèi)容真實性、準(zhǔn)確性、可靠性負(fù)責(zé)，僅系客觀性描述，如您需要了解該類商品/服務(wù)詳細(xì)的資訊，請您直接與該類商品/服務(wù)的提供者聯(lián)系。

KESION 科汛軟件
KESION 科汛軟件是國內(nèi)領(lǐng)先的在線教育軟件及私域社交電商軟件服務(wù)提供商，長期專注于為企業(yè)提供在線教育軟件及社交電商SaaS平臺解決方案。
公司核心產(chǎn)品云開店SaaS社交電商服務(wù)平臺、在線教育SaaS服務(wù)平臺、教育企業(yè)數(shù)字化SaaS云平臺、企微營銷助手、私有化獨立部署品牌網(wǎng)校和在線教育咨詢等。
KESION 不斷通過技術(shù)創(chuàng)新，提供產(chǎn)品和服務(wù)，助力企業(yè)向數(shù)字化轉(zhuǎn)型，通過科技驅(qū)動商業(yè)革新，讓商業(yè)變得更智慧！

▼點擊進(jìn)入科汛官網(wǎng)了解更多

熱門標(biāo)簽

SaaS

上/下篇

微信小程序日歷簽到如何實現(xiàn)

日歷簽到是小程序中常用的技巧，下面為大家介紹如何實現(xiàn)小程序日歷簽到。...

微信小程序SaaS 2020/9/27 0:00:00
2018年小程序違規(guī)新規(guī),小程序封了還能解封嗎

微信發(fā)布公告稱，將持續(xù)清理違規(guī)小程序。將重點關(guān)注四大類違規(guī)小程序：“假貨、高仿” 類、“色情、低俗”類、違規(guī)“現(xiàn)金貸”小程序以及違規(guī)門店小程序。...

SaaS 2020/9/27 0:00:00