MVC 登录验证码

从今天开始正式开始进入MVC项目的代码练习,第一个实现的功能是验证码。验证码实现过程不必一一去说,网上有很多的代码可以去参考,下面介绍一下步骤。
1、添加一个基本的MVC模板
MVC 登录验证码_第1张图片
2、创建控制器
MVC 登录验证码_第2张图片
3、创建视图,在View文件夹中出现一个对应的*.cshtml文件
MVC 登录验证码_第3张图片

4、进行HTML代码编写

                    <div style="width: 110px; float: right; padding-top: 14px; padding-left: 14px;">
                        看不清?<a id="switchCode" href="javascript:void();" style="text-decoration: none;">换一张a>
                        <img id="imgcode" class="authcode" src="~/Login/GetAuthCode" width="80" height="25" />
                    div>

其中,~/Login/GetAuthCode路径是请求验证码的Aciton
5、编写GetAuthCode

    public class VerifyCode
    {
        private static string verifyCode = System.Configuration.ConfigurationManager.AppSettings["VerifyCode"].ToString();
        public byte[] GetVerifyCode()
        {
            int codeW = 80;
            int codeH = 30;
            int fontSize = 16;
            string chkCode = string.Empty;
            Color[] color = { Color.Black, Color.Red, Color.Blue, Color.Green, Color.Orange, Color.Brown, Color.DarkBlue };
            string[] font = { "Times New Roman" };
            char[] character = { '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'd', 'e', 'f', 'h', 'k', 'm', 'n', 'r', 'x', 'y', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'R', 'S', 'T', 'W', 'X', 'Y' };
            //生成验证码字符串
            Random rnd = new Random();
            for (int i = 0; i < 4; i++)
            {
                chkCode += character[rnd.Next(character.Length)];
            }
            //写入Session用于验证码校验,可以对校验码进行加密,提高安全性
            HttpContext.Current.Session["verifyCode"] = chkCode;

            //创建画布
            Bitmap bmp = new Bitmap(codeW, codeH);
            Graphics g = Graphics.FromImage(bmp);
            g.Clear(Color.White);

            //画噪线
            for (int i = 0; i < 3; i++)
            {
                int x1 = rnd.Next(codeW);
                int y1 = rnd.Next(codeH);
                int x2 = rnd.Next(codeW);
                int y2 = rnd.Next(codeH);

                Color clr = color[rnd.Next(color.Length)];
                g.DrawLine(new Pen(clr), x1, y1, x2, y2);
            }
            //画验证码
            for (int i = 0; i < chkCode.Length; i++)
            {
                string fnt = font[rnd.Next(font.Length)];
                Font ft = new Font(fnt, fontSize);
                Color clr = color[rnd.Next(color.Length)];
                g.DrawString(chkCode[i].ToString(), ft, new SolidBrush(clr), (float)i * 18, (float)0);
            }
            //将验证码写入图片内存流中,以image/png格式输出
            MemoryStream ms = new MemoryStream();
            try
            {
                bmp.Save(ms, ImageFormat.Png);
                return ms.ToArray();
            }
            catch (Exception ex)
            {
                return null;
            }
            finally
            {
                g.Dispose();
                bmp.Dispose();
            }
        }
    }

实现效果
这里写图片描述

你可能感兴趣的:(MVC学习笔记)