ASP.NET MVC权限管理系实战之一验证码功能实现

本文主要是介绍ASP.NET MVC权限管理系实战之一验证码功能实现，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1，权限的管理系统：开发项目必备的一个的功能；该项目使用 ASP.NET MVC5 SqlServer EF6 IOC容器 BoostStrap

2，登录界面验证码功能实现，整体效果如下；

3，接下来就是代码部分实现，前端页面；

 

 <div class="input-icon"><i class="fa fa-lock"></i>@Html.PasswordFor(m => m.CheckCode, new { @class = "form-control placeholder-no-fix", @autocomplete = "off", @placeholder = "请输入验证码" })@Html.ValidationMessage("CheckCode", new { @style = "color: red" })</div></div><div class="form-group"><img style="border-radius: 7px; height: 40px;" alt="验证码图片" class="img" onclick="refresh(this)" src="/Account/VerifyCode" title="点击刷新"></div>

js代码在页面刷新或者点击验证码时自动生成新的验证码

 <script type="text/javascript">function refresh(obj) {$(obj).attr("src", "/Account/VerifyCode?random=" + Math.random());}</script>

4，控制器代码

  public void VerifyCode(){string code = string.Empty;Bitmap bitmap = VerifyCodeHelper.CreateVerifyCode(out code);base.HttpContext.Session["CheckCode"] = code;bitmap.Save(base.Response.OutputStream, ImageFormat.Gif);base.Response.ContentType = "image/gif";}

5，生成验证码的核心代码 CreateVerifyCode方法如下；

 public class VerifyCodeHelper{public static Bitmap CreateVerifyCode(out string code){//建立Bitmap对象，绘图Bitmap bitmap = new Bitmap(200, 60);Graphics graph = Graphics.FromImage(bitmap);graph.FillRectangle(new SolidBrush(Color.White), 0, 0, 200, 60);Font font = new Font(FontFamily.GenericSerif, 48, FontStyle.Bold, GraphicsUnit.Pixel);Random r = new Random();string letters = "ABCDEFGHIJKLMNPQRSTUVWXYZ0123456789";StringBuilder sb = new StringBuilder();//添加随机的五个字母for (int x = 0; x < 5; x++){string letter = letters.Substring(r.Next(0, letters.Length - 1), 1);sb.Append(letter);graph.DrawString(letter, font, new SolidBrush(Color.Black), x * 38, r.Next(0, 15));}code = sb.ToString();//混淆背景Pen linePen = new Pen(new SolidBrush(Color.Black), 2);for (int x = 0; x < 6; x++)graph.DrawLine(linePen, new Point(r.Next(0, 199), r.Next(0, 59)), new Point(r.Next(0, 199), r.Next(0, 59)));return bitmap;}}

以上就是实现验证码的全部，谢谢！

这篇关于ASP.NET MVC权限管理系实战之一验证码功能实现的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---