【ASP.NET MVC】视图 -控制器(V-C) 数据交互

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 World</h2>
<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为<strong>{Id}</strong>";
}

模型绑定

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>PostInfo</h2>
<h3>id = @ViewBag.Id</h3>
<h3>name = @ViewBag.Name</h3>
<h3>sex = @ViewBag.Sex</h3>

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

<form action="/Hello/PostInfo" method="post">
    <input type="text" name="id" value="1" /><br/>
    <input type="text" name="name" value="张三" /><br />
    <select name="sex">
        <option value="男">男</option>
        <option value="女">女</option>
    </select><br />
    <input type="submit" value="提 交" />
</form>

填写好内容后提交可以发现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 "上传成功";
}