一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建输出验证码图片的控制器

登录窗口完成后，还需要几个步骤才能完成登录。现在先来完成输出验证码图片的控制器。要完成这个，需要使用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所示的结果（图中的验证码会不同），表示控制器已经完成了。