【知识要点】
(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",单击右键选择"从浏览器中查看……"。