Razor页面中如何通过表单填充数据模型并提交至控制器？

你当前手动逐个赋值模型字段的方式确实不够高效，ASP.NET Core提供的强类型模型绑定是解决这个问题的最优方案，完全不需要手动读取表单字段再赋值。以下是具体实现步骤：

1. 定义强类型模型 #

首先确保你的模型类规范定义（示例以Person为例）：

public class Person
{
    public string Name { get; set; }
    // 可添加其他字段，如Age、Email等
}

2. 使用强类型视图与Tag Helper生成表单 #

在Razor视图中指定模型类型，利用asp-for Tag Helper自动生成匹配模型属性的表单元素，无需手动编写name属性：

@model Person

<form method="post" asp-action="CreateUsingForm">
    <!-- asp-for会自动生成name="Name"，还支持验证属性 -->
    <input asp-for="Name" />
    <input type="submit" value="submit" />
</form>

3. 控制器通过模型绑定接收数据 #

控制器的Post方法直接将模型作为参数，ASP.NET Core会自动完成表单数据到模型实例的绑定：

[HttpPost("some_action")]
public IActionResult CreateUsingForm(Person person)
{
    // 先验证模型数据是否合法（配合数据注解使用更完善）
    if (ModelState.IsValid)
    {
        // 直接使用绑定好的person对象，比如保存到数据库
        // _context.People.Add(person);
        // _context.SaveChanges();
        return RedirectToAction("Index");
    }
    // 验证失败时返回原视图，保留用户输入的数据
    return View(person);
}

额外优化：添加模型验证 #

配合数据注解给模型添加验证规则，让绑定过程自动完成数据校验：

public class Person
{
    [Required(ErrorMessage = "请输入姓名")]
    [StringLength(50, ErrorMessage = "姓名长度不能超过50个字符")]
    public string Name { get; set; }
}

视图中添加验证提示：

<div asp-validation-summary="All"></div>
<input asp-for="Name" />
<!-- 显示单个字段的验证错误 -->
<span asp-validation-for="Name"></span>

常见疑问解答 #

• 能否直接在Razor页面中实例化并提交模型？
  可以在视图中实例化模型（如@model Person = new Person();），但视图属于客户端渲染代码，无法直接完成服务器端的业务操作（如数据库存储）。提交后仍需控制器接收绑定后的模型，因此控制器接收模型是标准流程。
• 模型绑定的原理是什么？
  ASP.NET Core会自动匹配表单字段名（大小写不敏感）与模型属性名，将表单数据填充到模型实例中，支持复杂类型、集合等场景，大幅减少手动编码量。

内容的提问来源于stack exchange，提问作者Chrklo