.NET MVC第四章、模型绑定获取表单数据
【摘要】 编辑.NET MVC第四章、模型绑定获取表单数据目录.NET MVC第四章、模型绑定获取表单数据模型绑定概述获取值demo模型获取值文件获取，必须使用post接收可空int参数文件上传模型绑定概述模型绑定就是将浏览器发送的HTTP请求数据转换为.NET对象的过程。模型绑定使得在控制器中可以直接获取视图、或URL传递来的数据，且这些数据可以自动转换为模型对象，以便调用。模型绑定机制省略了...
.NET MVC第四章、模型绑定获取表单数据
目录
模型绑定概述
模型绑定就是将浏览器发送的HTTP请求数据转换为.NET对象的过程。
模型绑定使得在控制器中可以直接获取视图、或URL传递来的数据，且这些数据可以自动转换为模型对象，以便调用。
模型绑定机制省略了常见Request.QueryString手动传值和类型转换的步骤，这样可以专注地处理模型对象。
获取值demo
获取方法1、参数获取
获取方法2、Request.QueryString["userName"]
控制器
public ActionResult Index(string pwd)
{
ViewBag.userName = Request.QueryString["userName"];
ViewBag.pwd = pwd;
return View();
}
视图层
<h2>表单传值</h2>
<hr />
<form action="~/Test/Index" method="get">
<p>账号<input type="text" name="userName" placeholder="请输入账号" /></p>
<p>密码<input type="password" name="pwd" placeholder="请输入密码" /></p>
<p><input type="submit" value="提交" class="btn btn-block btn-primary" /></p>
</form>
<hr />
@ViewBag.userName
<br />
@ViewBag.pwd效果：
模型获取值
在Models下创建User.cs作为模型
创建Users对象
控制器
public ActionResult Index(Users users)
{
ViewBag.userName = users.userName;
ViewBag.pwd = users.pwd;
return View();
}
视图层不变。
效果：
共计尝试了三种获取值的方法，还有一种获取文件的方法。
文件获取，必须使用post接收
控制器
[HttpPost]
public ActionResult GetImg(HttpPostedFileBase file)
{
string fileName = file.FileName;
ViewBag.fileName = "上传文件的名称:"+fileName;
// 保存到测试目录
file.SaveAs("D:\\"+fileName);
return Redirect("~/Test/Index");
}
视图层
表单提交图片，必须是post提交，并且添加enctype="multipart/form-data"上传图片
<h2>获取图片</h2>
<hr />
<form action="~/Test/GetImg" method="post" enctype="multipart/form-data">
<p><input type="file" name="file"/></p>
<p><input type="submit" value="提交" class="btn btn-block btn-primary" /></p>
</form>
上传图片
D盘查看文件：
可空int参数
在“ Index(string gname, int? gid)”方法的参数声明中，gid参数需要设定为int?类型，这种类型称为“可空 int类型”。 当文本框输入的内容包含“非int类型”或“空数据”时，模型绑定器将无法正确实现int类型转换，默认的绑定随之失效。为避免出现这类异常，需要为控制器的相关参数设定“可空类型”或“参数默认值”。
控制器
public ActionResult Index(string userName,int? age=2)
{
ViewBag.userName = userName;
ViewBag.age = age;
return View();
}
视图层
<h2>int?</h2>
<hr />
<form action="~/Test/Index" method="get">
<p><input type="text" name="userName" placeholder="请输入用户名" /></p>
<p><input type="text" name="age" placeholder="请输入用年龄" /></p>
<p><input type="submit" value="提交" class="btn btn-block btn-primary" /></p>
</form>
<hr />
@ViewBag.userName
<br />
@ViewBag.age未传参效果：
传参效果
文件上传
控制器
[HttpPost]
public ActionResult GetImg(HttpPostedFileBase file)
{
//文件名
string fileName = file.FileName;
//文件后缀需要引入using System.IO;
string Ext = Path.GetExtension(fileName);
//获取服务路径
string serverPath = Server.MapPath("/");
//生成随机不重复图片名称UUID
string uuid = System.Guid.NewGuid().ToString("N");
//拼接保存位置
string saveUrl=serverPath + uuid + Ext;
// 保存到测试目录
file.SaveAs(saveUrl);
TempData["saveUrl"] = uuid+Ext;
return Redirect("~/Test/Index");
}
视图层
<h2>获取图片</h2>
<hr />
<form action="~/Test/GetImg" method="post" enctype="multipart/form-data">
<p><input type="file" name="file"/></p>
<p><input type="submit" value="提交" class="btn btn-block btn-primary" /></p>
</form>
<hr/>
显示图片路径:
@TempData["saveUrl"]
<hr/>
<img src="~/@TempData["saveUrl"]" width="500"/>效果：
保存位置
图片这里必须要会，很重要。
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）