无废话MVC入门教程九[实战一：用户注册与登陆]

本文目标

一、独立开发用户注册与登陆

本文目录

一、在视图中使用验证码

二、在视图中使用下拉列表

三、使用FormCollection接收客户端发送的数据

四、效果预览与代码下载

一、在视图中使用验证码

　　MVC中的验证码即是在Control中输出一张图片显示在View上

在View的img标签中添加验证码地址“/Image/GetCheckCode/(输入验证码的地址)”，页面代码如下：

  <img id="check_img" alt="验证码" src="/Image/GetCheckCode/" height="30" width="80" onclick="App.refreshCheckCode('check_img')" /><span><a
            href="javascript:App.refreshCheckCode('check_img');">换一换</a></span>

Control中的接口代码方法如下：

  public class ImageController : Controller
    {
        public void GetCheckCode()
        {
            CreateCheckCodeImage(GenerateCheckCode());
        }
    }

二、在视图中使用下拉列表

页面代码如下：

   @Html.LabelFor(user => user.Residential)
        @Html.DropDownListFor(user => user.Residential, (SelectList)ViewBag.Residential)

Control代码如下：

  //取出数据，并通过Helper把数据分解
   AddressHelper addressHelper = AddressHelper.GetInstance();
   addressHelper.GetResidetialItem(GetList());
   //使用ViewBag传到View
   ViewBag.Residential = addressHelper.ResidetialItem;
   ViewBag.FloorNo = addressHelper.FloorNoItem;
   ViewBag.UnitNo = addressHelper.UnitNoItem;
   ViewBag.DoorplateNo = addressHelper.DoorplateNoItem;



   public class AddressHelper
    {
        //单例
        private AddressHelper() { }
        private static AddressHelper Instance = new AddressHelper();
        public static AddressHelper GetInstance()
        {
            return Instance;
        }

        public SelectList ResidetialItem { get; private set; }
        public SelectList FloorNoItem { get; private set; }
        public SelectList UnitNoItem { get; private set; }
        public SelectList DoorplateNoItem { get; private set; }

        //获取小区列表
        public void GetResidetialItem(List<Model.Address> AddressItem)
        {
            List<SelectListItem> ResidetialItem = new List<SelectListItem>();
            List<SelectListItem> FloorNoItem = new List<SelectListItem>();
            List<SelectListItem> UnitNoItem = new List<SelectListItem>();
            List<SelectListItem> DoorplateNoItem = new List<SelectListItem>();
            foreach (Model.Address address in AddressItem)
            {
                if (address.Type == 1)
                {
                    ResidetialItem.Add(new SelectListItem { Value = address.AddressID.ToString(), Text = address.Name });
                }
                if (address.Type == 2)
                {
                    FloorNoItem.Add(new SelectListItem { Value = address.AddressID.ToString(), Text = address.Name });
                }
                if (address.Type == 3)
                {
                    UnitNoItem.Add(new SelectListItem { Value = address.AddressID.ToString(), Text = address.Name });
                }
                if (address.Type == 4)
                {
                    DoorplateNoItem.Add(new SelectListItem { Value = address.AddressID.ToString(), Text = address.Name });
                }
            }
            this.ResidetialItem = new SelectList(ResidetialItem.AsEnumerable(), "Value", "Text");
            this.FloorNoItem = new SelectList(FloorNoItem.AsEnumerable(), "Value", "Text");
            this.UnitNoItem = new SelectList(UnitNoItem.AsEnumerable(), "Value", "Text");
            this.DoorplateNoItem = new SelectList(DoorplateNoItem.AsEnumerable(), "Value", "Text");
        }
    }

ViewBag.Residential：在Control与View中传递数据

@Html.DropDownListFor：接收SelectList类型的数据，取到数据后要把List转换成该类型，此例在AddressHelper进行的转换

三、使用FormCollection接收客户端发送的数据

MVC中可以使用强类型在Control与View中进行数据传递、也可以使用FormCollection接收数据

此例中我们把验证码用FormCollection向后台传递，View代码如下：

<input type="text" name="checkCode" />

Control中的代码如下：

        [HttpPost]//注册时处理回发
        public ActionResult Regedit(Model.User user, FormCollection form)
        {
            //取出数据，并通过Helper把数据分解
            AddressHelper addressHelper = AddressHelper.GetInstance();
            addressHelper.GetResidetialItem(GetList());
            //使用ViewBag传到View
            ViewBag.Residential = addressHelper.ResidetialItem;
            ViewBag.FloorNo = addressHelper.FloorNoItem;
            ViewBag.UnitNo = addressHelper.UnitNoItem;
            ViewBag.DoorplateNo = addressHelper.DoorplateNoItem;

            //校验验证码
            if (form["checkCode"] != null && form["checkCode"].ToString() == Session["CheckCode"].ToString())
            {
                //校验其他表单元素
                if (ModelState.IsValid)
                {
                    DemoRepository.User.Add(user);
                    MessageBox.ShowAndRedirect(this, "注册成功，请登陆！", "/User/Login");
                }
            }
            else
            {
                MessageBox.Show(this, "验证码不正确！");
            }
            return View();
        }

四、效果预览与代码下载

1.注册

2.登陆

3.代码下载

数据文件在文件夹根目录下，一切尽在不言中，直接看代码吧

[点击下载] 

五、补：Cookies的使用

登陆的时候注册Cookies

        [HttpPost]//登陆时回发处理
        public ActionResult Login(Model.User user)
        {
            if (ModelState.IsValid)
            {
                Model.User newUser = Repository.User.UserLogin(user);
                //检测用户名和密码
                if (newUser != null)
                {
                    DateTime Expires = DateTime.Now;
                    if (user.Remember == true)
                        Expires = DateTime.Now.AddDays(365);

                    Dictionary<string, string> CookieValues = new Dictionary<string, string>();
                    CookieValues.Add("UserID", newUser.UserID.ToString());
                    CookieValues.Add("UserName", newUser.UserName);
                    CookieHelper cookieHelper = new CookieHelper();

                    cookieHelper.SetCookie(CookieValues, Expires);
                    Response.Redirect("/Manage/Main");
                }
                else
                {
                    MessageBox.Show(this, "用户名或密码不正确！");
                }
            }
            //客户端显示
            return View();
        }

此处使用cookieHelper帮助类管理Cookies，类代码如下：

    public class CookieHelper
    {
        private string name = "User";   //Cookie名称

        //是否已经被创建
        public bool IsCreate
        {
            get
            {
                HttpCookie Cookie = HttpContext.Current.Request.Cookies[this.name];
                if (Cookie != null)
                    return true;
                else
                    return false;
            }
        }

        //设置Cookies
        public void SetCookie(Dictionary<string, string> Values, DateTime Expires)
        {
            HttpCookie Cookie = new HttpCookie(this.name);
            foreach (string key in Values.Keys)
            {
                Cookie.Values.Add(key, Values[key]);
            }
            Cookie.Expires = Expires;
            HttpContext.Current.Response.Cookies.Add(Cookie);
        }

        //获取Cookie
        public HttpCookie GetCookie()
        {
            return HttpContext.Current.Request.Cookies[this.name];
        }

        //清空Cookie
        public void ClearCookie()
        {
            HttpCookie Cookie = HttpContext.Current.Request.Cookies[this.name];
            Cookie.Expires = DateTime.Now.AddDays(-1);
            HttpContext.Current.Response.Cookies.Add(Cookie);
        }
    }

 鉴于@BangQ 的回复提出的疑问，关于Cookies安全问题，请具体查阅资料。

六、这个例子代码比较多，具体请下载代码查看。

版权：http://www.cnblogs.com/iamlilinfeng