struts 2におけるjspページ上の検証コードの生成

22193 ワード
職場 レジャー 認証コードピクチャ生成
jspページに認証コードを表示する方法:
  

  
  
  
  
    
   
   
   
   
  1.    ：<img class="yzm_img" align="middle" id="validateImage" src="imageCode.action" width="150" height="40" onclick=""http://blog.51cto.com/viewpic.php?refimg=" + this.src='imageCode.action?time-'+(new Date()).getTime();"/> 
    2.

imageCode.actionリクエストを自動的に送信します.struts 2プロファイルは次のとおりです.
  

  
  
  
  
    
   
   
   
   
  1. <!--       --> 
    2. 
   
   
   
   
  2.         <action name="imageCode" class="org.tarena.action.user.ImageAction"> 
    3. 
   
   
   
   
  3.             <result name="success" type="stream"> 
    4. 
   
   
   
   
  4.                 <param name="inputName">imageStream</param> 
    5. 
   
   
   
   
  5.                 <param name="bufferSize">2048</param> 
    6. 
   
   
   
   
  6.             </result> 
    7. 
   
   
   
   
  7.         </action> 
    8.

対応するアクションは次のとおりです.
  

  
  
  
  
    
   
   
   
   
  1. public class ImageAction {  
    2. 
   
   
   
   
  2.     private InputStream imageStream;  
    3. 
   
   
   
   
  3.       
    4. 
   
   
   
   
  4.     public InputStream getImageStream() {  
    5. 
   
   
   
   
  5.         return imageStream;  
    6. 
   
   
   
   
  6.     }  
    7. 
   
   
   
   
  7.  
    8. 
   
   
   
   
  8.     public void setImageStream(InputStream imageStream) {  
    9. 
   
   
   
   
  9.         this.imageStream = imageStream;  
    10. 
   
   
   
   
  10.     }  
    11. 
   
   
   
   
  11.  
    12. 
   
   
   
   
  12.     public String execute(){  
    13. 
   
   
   
   
  13.         Map<String,BufferedImage> map = ImageUtil.getImage();  
    14. 
   
   
   
   
  14.         //          ，   session  
    15. 
   
   
   
   
  15.         String key = map.keySet().iterator().next();  
    16. 
   
   
   
   
  16.         Map<String,Object> session = ActionContext.getContext().getSession();  
    17. 
   
   
   
   
  17.         session.put("code", key);  
    18. 
   
   
   
   
  18.         //      ， stream      
    19. 
   
   
   
   
  19.         BufferedImage image = map.get(key);  
    20. 
   
   
   
   
  20.         ByteArrayOutputStream bos = new ByteArrayOutputStream();  
    21. 
   
   
   
   
  21.         JPEGImageEncoder jpeg = JPEGCodec.createJPEGEncoder(bos);  
    22. 
   
   
   
   
  22.         try {  
    23. 
   
   
   
   
  23.             jpeg.encode(image);  
    24. 
   
   
   
   
  24.             byte[] bts = bos.toByteArray();  
    25. 
   
   
   
   
  25.             imageStream = new ByteArrayInputStream(bts);  
    26. 
   
   
   
   
  26.             return "success";  
    27. 
   
   
   
   
  27.         } catch (IOException e) {  
    28. 
   
   
   
   
  28.             e.printStackTrace();  
    29. 
   
   
   
   
  29.             return "error";  
    30. 
   
   
   
   
  30.         }  
    31. 
   
   
   
   
  31.     }  
    32. 
   
   
   
   
  32. } 
    33.

ImageUtilクラスは次のとおりです.
  

  
  
  
  
    
   
   
   
   
  1. public final class ImageUtil {  
    2. 
   
   
   
   
  2.     private static final String[] chars = { "2", "3", "4", "5", "6",  
    3. 
   
   
   
   
  3.             "7", "8", "9", "a", "b", "c", "d", "e", "f", "g", "h" };  
    4. 
   
   
   
   
  4.     private static final int SIZE = 5;  
    5. 
   
   
   
   
  5.     private static final int LINES = 20;  
    6. 
   
   
   
   
  6.     private static final int WIDTH = 200;  
    7. 
   
   
   
   
  7.     private static final int HEIGHT = 100;  
    8. 
   
   
   
   
  8.     private static final int FONT_SIZE = 60;  
    9. 
   
   
   
   
  9.       
    10. 
   
   
   
   
  10.     public static Map<String,BufferedImage> getImage() {  
    11. 
   
   
   
   
  11.         StringBuffer sb = new StringBuffer();  
    12. 
   
   
   
   
  12.         BufferedImage image = new BufferedImage(WIDTH, HEIGHT,  
    13. 
   
   
   
   
  13.                 BufferedImage.TYPE_INT_RGB);  
    14. 
   
   
   
   
  14.         Graphics graphic = image.getGraphics();  
    15. 
   
   
   
   
  15.         graphic.setColor(Color.LIGHT_GRAY);  
    16. 
   
   
   
   
  16.         graphic.fillRect(0, 0, WIDTH, HEIGHT);  
    17. 
   
   
   
   
  17.         Random ran = new Random();  
    18. 
   
   
   
   
  18.         //������ַ�  
    19. 
   
   
   
   
  19.         for(int i=1;i<=SIZE;i++){  
    20. 
   
   
   
   
  20.               
    21. 
   
   
   
   
  21.             int r = ran.nextInt(chars.length);  
    22. 
   
   
   
   
  22.             graphic.setColor(getRandomColor());  
    23. 
   
   
   
   
  23.             graphic.setFont(new Font(null,Font.BOLD+Font.ITALIC,FONT_SIZE));  
    24. 
   
   
   
   
  24.             graphic.drawString(chars[r],(i-1)*WIDTH/SIZE , HEIGHT/2);  
    25. 
   
   
   
   
  25.             sb.append(chars[r]);//���ַ�������Session  
    26. 
   
   
   
   
  26.         }  
    27. 
   
   
   
   
  27.         //��������  
    28. 
   
   
   
   
  28.         for(int i=1;i<=LINES;i++){  
    29. 
   
   
   
   
  29.             graphic.setColor(getRandomColor());  
    30. 
   
   
   
   
  30.             graphic.drawLine(ran.nextInt(WIDTH), ran.nextInt(HEIGHT), ran.nextInt(WIDTH),ran.nextInt(HEIGHT));  
    31. 
   
   
   
   
  31.         }  
    32. 
   
   
   
   
  32.         Map<String,BufferedImage> map = new HashMap<String,BufferedImage>();  
    33. 
   
   
   
   
  33.         map.put(sb.toString(), image);  
    34. 
   
   
   
   
  34.         return map;  
    35. 
   
   
   
   
  35.     }  
    36. 
   
   
   
   
  36.       
    37. 
   
   
   
   
  37.     private static Color getRandomColor(){  
    38. 
   
   
   
   
  38.         Random ran = new Random();  
    39. 
   
   
   
   
  39.         Color color = new Color(ran.nextInt(256),ran.nextInt(256),ran.nextInt(256));  
    40. 
   
   
   
   
  40.         return color;  
    41. 
   
   
   
   
  41.     }  
    42. 
   
   
   
   
  42. }  
    43.

これによりactionは、imgラベルがある場所にストリームファイルを返し、直接表示します.
「交換がはっきり見えない機能」を追加したい場合は、actionをもう一度やり直し、生成された検証コードピクチャを歩くたびにランダムにします.
記入した検証コードが正しいことをどのように検証しますか?次のようになります.
ページでのjqueryの使用
  

  
  
  
  
    
   
   
   
   
  1. $(function(){  
    2. 
   
   
   
   
  2.    //       
    3. 
   
   
   
   
  3.         $("#validateCode").blur(function(){  
    4. 
   
   
   
   
  4.             flag.validateCode=false;  
    5. 
   
   
   
   
  5.             var txt = $(this).val();  
    6. 
   
   
   
   
  6.             if(txt==""){  
    7. 
   
   
   
   
  7.                 $("#msg").html("<img src='../images/right.gif'/>    !");//        
    8. 
   
   
   
   
  8.             }else{  
    9. 
   
   
   
   
  9.                 $.post(  
    10. 
   
   
   
   
  10.                     "valid.action?dt="+new Date().getTime(),  
    11. 
   
   
   
   
  11.                     {"code":txt},  
    12. 
   
   
   
   
  12.                     function(data){  
    13. 
   
   
   
   
  13.                         if(data.ok){  
    14. 
   
   
   
   
  14.                             $("#numberInfo").html("<img src='../images/right.gif'/>     !");  
    15. 
   
   
   
   
  15.                             flag.validateCode=true;  
    16. 
   
   
   
   
  16.                         }else{  
    17. 
   
   
   
   
  17.                             $("#numberInfo").html("<img src='../images/wrong.gif'/>      !");  
    18. 
   
   
   
   
  18.                         }  
    19. 
   
   
   
   
  19.                     },  
    20. 
   
   
   
   
  20.                     "json" 
    21. 
   
   
   
   
  21.                 );  
    22. 
   
   
   
   
  22.             }  
    23. 
   
   
   
   
  23.         });  
    24. 
   
   
   
   
  24.  
    25. 
   
   
   
   
  25. }); 
    26.

ajaxローカルリフレッシュを使用し、中の#msg、#numberInfoはdivブロックのidです.これは言うまでもなく、valid.actionが指すactionを次に書きます.
struts 2プロファイルには次のように書かれています.
  

  
  
  
  
    
   
   
   
   
  1. <!-- Ajax        --> 
    2. 
   
   
   
   
  2.     <action name="valid" class="org.tarena.action.user.ValidImageAction"> 
    3. 
   
   
   
   
  3.         <result name="success" type="json"></result> 
    4. 
   
   
   
   
  4.     </action> 
    5.

は、ValidImageActionを指します.
  

  
  
  
  
    
   
   
   
   
  1. public class ValidImageAction {  
    2. 
   
   
   
   
  2.     private String code = "";  
    3. 
   
   
   
   
  3.     private boolean ok = false;  
    4. 
   
   
   
   
  4.       
    5. 
   
   
   
   
  5.     public boolean isOk() {  
    6. 
   
   
   
   
  6.         return ok;  
    7. 
   
   
   
   
  7.     }  
    8. 
   
   
   
   
  8.  
    9. 
   
   
   
   
  9.     public void setOk(boolean ok) {  
    10. 
   
   
   
   
  10.         this.ok = ok;  
    11. 
   
   
   
   
  11.     }  
    12. 
   
   
   
   
  12.  
    13. 
   
   
   
   
  13.     public String execute(){  
    14. 
   
   
   
   
  14.         Map<String,Object> session = ActionContext.getContext().getSession();  
    15. 
   
   
   
   
  15.         //HttpServletRequest request=ServletActionContext.getRequest();  
    16. 
   
   
   
   
  16.         String scode = (String)session.get("code");  
    17. 
   
   
   
   
  17.         if(code.equals(scode)){  
    18. 
   
   
   
   
  18.             ok = true;  
    19. 
   
   
   
   
  19.         }else{  
    20. 
   
   
   
   
  20.             ok = false;  
    21. 
   
   
   
   
  21.         }  
    22. 
   
   
   
   
  22.         return "success";  
    23. 
   
   
   
   
  23.     }  
    24. 
   
   
   
   
  24.  
    25. 
   
   
   
   
  25.     @JSON(serialize=false)//  code   json       
    26. 
   
   
   
   
  26.     public String getCode() {  
    27. 
   
   
   
   
  27.         return code;  
    28. 
   
   
   
   
  28.     }  
    29. 
   
   
   
   
  29.  
    30. 
   
   
   
   
  30.     public void setCode(String code) {  
    31. 
   
   
   
   
  31.         this.code = code;  
    32. 
   
   
   
   
  32.     }  
    33. 
   
   
   
   
  33.       
    34. 
   
   
   
   
  34. } 
    35.

以上struts 2を使用してコントローラを作りましたが、servletやstrutsであれば少し変更します
コンパイルファイルを削除するバッチを書きました
echarts-凡例をクリックしてジャンプしますが、凡例は閉じられません.