IHttphandler之“验证码”服务器控件

同样，先看下我们的web.config文件：

<httpHandlers>
      <add verb="*" path="*.yy" type="Identify.LandpyHttpHander,Identify"/>
 </httpHandlers>

首先提个问题大家见过后缀名为“yy”的文件吗，呵呵，这里实际上是使用了一个小技巧。利用IHttphandler来实现服务器端控件的事件，当点击控件时，发送一个“*.yy”路径的请求，从而实现Identify.LandpyHttpHander处理并返回客户端。

下面上代码：

using  System;
using  System.Collections.Generic;
using  System.ComponentModel;
using  System.Text;
using  System.Web;
using  System.Web.UI;
using  System.Web.UI.WebControls;

using  System.Web.SessionState;

namespace  Identify
{
    [DefaultProperty( " Text " )]
    [ToolboxData( " <{0}:LandpyIdentityControl runat=server></{0}:LandpyIdentityControl> " )]
     public   class  LandpyIdentityControl : WebControl
    {
        [Bindable( true )]
        [Category( " Appearance " )]
        [DefaultValue( "" )]
        [Localizable( true )]
         public   string  Text
        {
             get
            {
                String s  =  (String)ViewState[ " Text " ];
                 return  ((s  ==   null )  ?  String.Empty : s);
            }

             set
            {
                ViewState[ " Text " ]  =  value;
            }
        }

         internal   static   int  _wordLength;

        [Description( " 验证码长度 " )]
         public   int  WordLength
        {
             get  {  return  LandpyIdentityControl._wordLength; }
             set
            {
                LandpyIdentityControl._wordLength  =  value;

            }
        }

         internal   static   string  _value;

        [Description( " 验证码内容 " )]
         public   string  Value
        {
             get  {  return  LandpyIdentityControl._value; }
        }

         protected   override   void  RenderContents(HtmlTextWriter output)
        {
             // output.Write(Text);           
        }

         public  LandpyIdentityControl()
            :  base (HtmlTextWriterTag.Img) // 重写父类的构造（输出流的HTML标记设置为图像类型）
        { }

         protected   override   void  AddAttributesToRender(HtmlTextWriter writer)
        {
             base .AddAttributesToRender(writer);
            writer.AddStyleAttribute(HtmlTextWriterStyle.Cursor,  " pointer " );
            writer.AddAttribute( " onclick " ,  " this.src='img.yy?id='+Math.random() " );
            writer.AddAttribute(HtmlTextWriterAttribute.Src,  " img.yy " );
            writer.AddAttribute( " alt " ,  " 点击刷新 " );
        }
    }
}

下面是处理类：

using  System;
using  System.Collections.Generic;
using  System.Text;
using  System.Web;
using  System.Web.UI.WebControls;
using  System.Web.UI;
using  System.Web.SessionState;
using  System.Drawing;
using  System.IO;

namespace  Identify
{
     public   class  LandpyHttpHander : IHttpHandler, IRequiresSessionState
    {
         ///   <summary>
         ///  返回验证码字符
         ///   </summary>
         ///   <param name="codeCount"> 验证码长度 </param>
         ///   <returns></returns>
         private   string  GetRandomNumberString( int  codeCount)
        {
             string  strChoice  =   " 2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,H,J,K,L,M,N,P,Q,R,S,T,U,V,W,X,Y,Z " ;
             string [] strResult  =  strChoice.Split( new  Char[] {  ' , '  });
             string  strReturn  =   "" ;
            Random rnd  =   new  Random();
             for  ( int  i  =   0 ; i  <  codeCount; i ++ )
            {
                 int  j  =  rnd.Next(strResult.Length);
                strReturn  =  strReturn  +  strResult[j].ToString();
            }
             return  strReturn;
        }

         private  Color GetColor()
        {
             return  Color.Black;
        }

         private  Bitmap CreateImage( string  str_AuthCode)
        {
             int  width  =  str_AuthCode.Length  *   21 ;
             int  height  =   30 ;
            Random rad  =   new  Random();
            Bitmap bmp  =   new  Bitmap(width, height);
            Graphics grp  =  Graphics.FromImage(bmp); //  在图片上绘制图形
            grp.Clear(Color.LightGreen);
            grp.DrawRectangle( new  Pen(Color.DarkGreen,  1 ),  0 ,  0 , width  -   1 , height  -   1 );
             // 画图片的背景噪音线
             for  ( int  i  =   0 ; i  <   15 ; i ++ )
            {
                 int  x1  =  rad.Next(width);
                 int  x2  =  rad.Next(width);
                 int  y1  =  rad.Next(height);
                 int  y2  =  rad.Next(height);

                grp.DrawLine( new  Pen(Color.Black), x1, y1, x2, y2);
            }
             // 画图片的前景噪音点
             for  ( int  i  =   0 ; i  <   100 ; i ++ )
            {
                 int  x  =  rad.Next(width);
                 int  y  =  rad.Next(height);

                bmp.SetPixel(x, y, Color.Black);
            }
            Font f  =   new  Font( " 宋体 " ,  20 , FontStyle.Bold);
            Brush br  =   new  SolidBrush(Color.Black);
             for  ( int  i  =   0 ; i  <  str_AuthCode.Length; i ++ )
            {
                 string  s  =  str_AuthCode.Substring(i,  1 );
                Point p  =   new  Point(i  *   20   +  rad.Next( 3 ), rad.Next( 3 )  +   1 );
                grp.DrawString(s, f, br, p);
            }
            grp.Dispose();
             return  bmp;

        }

         ///   <summary>
         ///  是否可以处理远程的HTTP请求
         ///   </summary>
         public   bool  IsReusable
        {
             get  {  return   true ; }
        }

         ///   <summary>
         ///  将验证码图片发送给WEB浏览器
         ///   </summary>
         ///   <param name="context"></param>
         public   void  ProcessRequest(HttpContext context)
        {
             int  size  =  LandpyIdentityControl._wordLength;  // Int32.Parse((String)context.Session["Size"]);
            MemoryStream ms  =   new  MemoryStream();
             string  NumStr  =  GetRandomNumberString(size);
            LandpyIdentityControl._value  =  NumStr;
             // context.Session.Add("value", NumStr); // 将验证码字符保存到session里面
            Bitmap theBitmap  =  CreateImage(NumStr);
            theBitmap.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
            context.Response.ClearContent();
            context.Response.ContentType  =   " image/jpeg " ;  // 需要输出图象信息 要修改HTTP头为jpeg类型 
            context.Response.BinaryWrite(ms.ToArray()); 
            theBitmap.Dispose();
            ms.Close();
            ms.Dispose();
            context.Response.End();
        }

    }
}

其中验证码图片的生成随便copy了下，实际就是GDI+实现DrawString方法。如果对GDI+有了解相信会很容易理解的。

这样“验证码”服务器控件就OK了，如果要使用，引入相应的Dll，设置下web.config，设置下控件的字符个数就可以使用了，很简单。

在设计视图中，自定义服务器控件的属性可以赋初始值。比如我们的控件属性：

[Description("验证码长度")]
        public int WordLength
        {
            get { return LandpyIdentityControl._wordLength; }
            set
            {
                LandpyIdentityControl._wordLength = value;

            }
        }

可以设置验证码的长度。

另外，自定义控件是从WebControl继承，可以重写很多方法，比如RenderControl，RenderContents，AddAttributesToRender等，各个方法的作用可以查阅相关资料，本文不再说明。其中，对于UI来说RenderXXXX一系列方法是很重要的，如同Winfrom程序中的OnPrint方法一样。

快去做自己喜欢的控件吧：）