现在的位置: 首页 > 综合 > 正文

第55章、验证码如何实现?

2013年10月10日 ⁄ 综合 ⁄ 共 1872字 ⁄ 字号 评论关闭

 

【知识要点】
  (1)验证码在登录中的应用

【问题提出】
  现在众多网站用户登录,“验证码”成为不可或缺的一项,那么如何在登录窗口加上验证码呢?

  

【在线指导】

  我们的思路是先生成一个“验证码”页面,然后在需要的地方应用就可以了。

一、创建“验证码”

1、设计界面

  (1)打开Hello项目,单击“启动页>最近使用的项目>Hello”。

  (2)在“解决方案资源管理器”中添加“CAPTCHA.aspx”。  

2、添加代码

  (1)双击CAPTCHA.aspx空白处,在页面的Page_Load()处输入以下代码:

protected void Page_Load(object sender, EventArgs e)
{
  string tmp = RndNum(4);
  HttpCookie a = new HttpCookie("ImageV", tmp);
  Response.Cookies.Add(a);
  this.ValidateCode(tmp);
}

private void ValidateCode(string VNum)
{
  Bitmap Img = null;
  Graphics g = null;
  MemoryStream ms = null;

  int gheight = VNum.Length * 15;
  //Img = new Bitmap(gheight, 20);
  Img = new Bitmap(55, 25);
  g = Graphics.FromImage(Img);
  //背景颜色
  g.Clear(Color.LightSteelBlue);
  //文字字体
  Font f = new Font("Arial Black", 12);
  //文字颜色
  SolidBrush s = new SolidBrush(Color.Black);
  g.DrawString(VNum, f, s, 3, 3);

  ms = new MemoryStream();
  Img.Save(ms, ImageFormat.Jpeg);
  Response.ClearContent();
  Response.ContentType = "images/Jpeg";
  Response.BinaryWrite(ms.ToArray());
  g.Dispose();
  Img.Dispose();
  Response.End();
}

private string RndNum(int VcodeNum)
{
  string Vchar = "0,1,2,3,4,5,6,7,8,9,#,*,@,$,%,a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p" +
",q,r,s,t,u,v,w,x,y,z";
  string[] VcArray = Vchar.Split(new Char[] { ',' });
  string VNum = "";
  int temp = -1;

  Random rand = new Random();

  for (int i = 1; i < VcodeNum + 1; i++)
  {
    if (temp != -1)
    {
      rand = new Random(i * temp * unchecked((int)DateTime.Now.Ticks));
    }

    int t = rand.Next(35);
    if (temp != -1 && temp == t)
    {
      return RndNum(VcodeNum);
    }
    temp = t;
    VNum += VcArray[t];
  }
  return VNum;
}

  

二、添加登录窗口

  1、添加“Login-Captcha.aspx”页面。

  (1)打开Hello项目,单击“启动页>最近使用的项目>Hello”。

  (2)在“解决方案资源管理器”中添加“Login-Captcha.aspx”。  

  (3)从工具箱中拖3个文本框、1个按钮Button到Login-Captcha.aspx页面。      

  

  

  A、文本框控件的ID属性分别为:tbUserName、tbPassword、tbCaptcha。
  B、控件“保存”按钮:ID属性为“btnSave”;   

  2、打开“Login-Captcha.aspx”源代码

  

  在验证码文本框之后添加代码“<img src="CAPTCHA.aspx">”。

3、浏览页面

  在“解决方案资源管理器”,选择"Login-Captcha.aspx",单击右键选择"从浏览器中查看……"。  
  

抱歉!评论已关闭.