【ASP.NET MVC】视图 -控制器

这里写目录标题

• ASP.NET MVC V-C 数据传递
• • 三种数据传输对象
  • • ViewData
    • ViewBag
    • TempData
    • 三者的异同
  • 数据传输
  • • 控制器向视图传递数据
    • 视图向控制器传递数据
    • • Request对象
      • 模型绑定
      • • 对象绑定
        • 参数绑定
        • 文件上传

ASP.NET MVC V-C 数据传递 三种数据传输对象

控制器( C )和视图(V)之间传递少量数据，三者都定义为 ControllerBase 类 的属性，常见三种为：

1. ViewData
2. ViewBag
3. TempData

ViewData

ViewData的类型为 ViewDataDictionary 用以获取或设置视图（V）数据的字典。

public System.Web.Mvc.ViewDataDictionary ViewData { get; set; }

ViewBag

ViewBag的类型为 dynamic ,该类型的变量都会编译为object类型的变量。dynamic 是.net4.0开始引入的动态类型，只存在于编译时，最终会被编译为Object

public dynamic ViewBag { get; }

TempData

TempData的类型为TempDataDictionary 表示仅从一个请求保持到下一个请求的数据集。

TempData 保存在session中，Controller每次执行请求时，会从session中获取tempdata，而后清空session，字典中每个条目访问一次后就从字典中删除。因此TempData生命周期可以持续到下一次请求

三者的异同

对象	数据类型	生命周期
ViewData	key/value 字典集合	只在当次请求中有效
ViewBag	dynamic 动态类型	只在当次请求中有效
TempData	key/value 字典集合	存活至下一次请求

数据传输 控制器向视图传递数据

控制器可以通过ViewData、ViewBag、TempData 向视图传递数据

Controllers/XXXController.cs：

[HttpGet]
public ActionResult Index()
{
    ViewBag.Data1 = "Data1";
    ViewData["Data2"] = "Data2";
    TempData["Data3"] = "Data3";
    return View();
}

View/xxx/xxx.cshtml：

<h2>Hello Worldh2>
<h3> @ViewBag.Data1 h3>
<h3> @ViewData["Data2"] h3>
<h3> @TempData["Data3"] h3>

视图向控制器传递数据 Request对象

Request 是 Controller类的一个属性，可以在控制器中读取前端发来的HTTP请求信息

<a href="GetInfo?Id=1">点击一下a>

[HttpGet]
public string GetInfo()
{
    string Id = Request.QueryString["Id"];
    //或者 Id = Request["Id"];
    return $"你的Id为{Id}";
}

模型绑定

ASP.NET有一个默认模型绑定机制，当点击表单中submit按钮或a标签时，会将相应表单的数据提交并跳转到到action内指定的网址或href属性内指定的网址，当跳转到指定网址前，首先会执行这个网址的相应 *** 作方法，执行 *** 作方法时，ASP.NET 的默认模型绑定机制会进行数据绑定，当action方法里的形参列表属性和表单元素的name属性一致时，就会动态给形参属性绑定表单元素数据。 *** 作方法的形参列表可以是数据类型变量，对象，集合等等的复杂数据类型

对象绑定

• 建立一个名为Hello的控制器 并在其内部写一个名为PostInfo的Action ，方法接收一个UserInfo类型的参数:

[HttpPost] 
public ActionResult PostInfo(UserInfo p)
{
    ViewBag.Id = p.Id;
    ViewBag.Name = p.Name;
    ViewBag.Sex = p.Sex;
    return View();
}

public class UserInfo
{
    public int Id { get; set; }
    public string Name { get; set; }
    public string Sex { get; set; }
}

• 上方Action 对应的视图页PostInfo.cshtml :

<h2>PostInfoh2>
<h3>id = @ViewBag.Idh3>
<h3>name = @ViewBag.Nameh3>
<h3>sex = @ViewBag.Sexh3>

• 创建对应名称为index的视图，键入以下内容。此视图为请求的发起方，即表单的发起页。

    

    

    
        男
        女
    

    

填写好内容后提交可以发现index视图发起的POST表单成功命中了PostInfo 的 Action

参数绑定

将PostInfo 改写为下面的形式，也可以成功命中 PostInfo 的 Action

[HttpPost]
public ActionResult PostInfo(int Id,string Name,string Sex)
{
    ViewBag.Id = Id;
    ViewBag.Name = Name;
    ViewBag.Sex = Sex;
    return View();
}

文件上传

<form action="/Hello/Upload" method="post" enctype="multipart/form-data">
    <text>选择上传文件：text>
    <input name="file" type="file" id="file" />
    <br /><br />
    <input type="submit" name="submit1" value="上传" />
form>

form标签的enctype属性必须为 “multipart/form-data” ，否则点击submit提交按钮时只会发送文件名而不是文件对象本身

[HttpPost]
public string Upload(HttpPostedFileBase file)
{
    if (file == null || file.ContentLength <= 0)
        return "请选择文件";

    if (file.ContentLength == 0)
        return "文件大小错误";

    //判断文件的后缀名，是否符合条件
    string backFix = Path.GetExtension(file.FileName);
    if (backFix != ".gif" && backFix != ".png" && backFix != ".jpg" && backFix != ".jpeg")
        return "文件不是图片！";
    if (!Directory.Exists("~/UploadFile"))
        Directory.CreateDirectory("~/UploadFile");
    file.SaveAs(Server.MapPath("~/UploadFile/" + file.FileName));
    return "上传成功";
}