一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建输出验证码图片的控制器
登录窗口完成后,还需要几个步骤才能完成登录。现在先来完成输出验证码图片的控制器。要完成这个,需要使用VerifyCode类,该类是在网上找的,因为年代久远,出处都忘记了,在此向作者说声抱歉。 先在项目下创建一个Helper目录,该目录将用来放置一些辅助性的类,包括一些自定义的实用方法。然后把VerifyCode.cs文件复制到该目录下,打开该文件,为其添加命名空间“SimpleCMS.H
登录窗口完成后,还需要几个步骤才能完成登录。现在先来完成输出验证码图片的控制器。要完成这个,需要使用VerifyCode类,该类是在网上找的,因为年代久远,出处都忘记了,在此向作者说声抱歉。
先在项目下创建一个Helper目录,该目录将用来放置一些辅助性的类,包括一些自定义的实用方法。然后把VerifyCode.cs文件复制到该目录下,打开该文件,为其添加命名空间“SimpleCMS.Helper”,这样做的目的是为了方便控制器访问该类。
接着在控制器目录(Controllers)添加一个名为VerifyCodeController的控制器,控制器的代码如下:
usingSystem;
usingSystem.Collections.Generic;
usingSystem.Linq;
usingSystem.Web;
usingSystem.Web.Mvc;
namespace SimpleCMS.Controllers
{
public class VerifyCodeController :Controller
{
//
//GET: /VerifyCode/
public ActionResult Index()
{
return View();
}
}
}
因为输出的是文件格式的图片,不是视图,因而需要将返回类型ActionResult修改为FileContentResult。
接着添加对VerifyCode类的引用:
usingSimpleCMS.Helper;
在VerifyCode类中,CreateVerifyCode方法可生成一个6位的验证码,而调用CreateImages方法则可返回图片的字节数组,通过这两个就可以生成图片文件了,代码如下:
public FileContentResultIndex()
{
VerifyCode v = new VerifyCode();
string code =v.CreateVerifyCode(); //取随机码
Session["vcode"] = code;
v.Padding = 10;
byte[] bytes =v.CreateImage(code);
return File(bytes, @"image/jpeg");
}
Session中的关键字可以根据自己喜欢的名字定义,不一定是vcode。Padding属性与页面中使用CSS定义内补丁的作用一样的。最后返回一个由CreateImage返回的字节数组构成的文件,文件类型为jpeg格式。
控制器的编码已经完成了,现在来测试一下是否能正常显示图片。可直接按Ctra+F5,或在主菜单中选择调试,开始执行(不调试),在浏览器中打开网站,然后修改地址访问VerifyCode控制器,如果能显示如图8所示的结果(图中的验证码会不同),表示控制器已经完成了。
更多推荐
所有评论(0)