使用带有两个参数的视图模型处理控制器中的表单

在Web开发中，视图模型（ViewModel）是一种设计模式，用于将数据从控制器传递到视图，并且通常包含一些逻辑来处理用户输入。当处理带有两个参数的表单时，视图模型可以帮助我们更好地组织代码，提高可维护性和可读性。

基础概念

视图模型：它是一个简单的对象，通常包含一组属性，这些属性用于在视图和控制器之间传递数据。视图模型可以包含数据验证逻辑、业务逻辑等。

控制器：在MVC（Model-View-Controller）架构中，控制器负责处理用户输入，更新模型，并选择合适的视图来显示数据。

表单参数：表单参数通常是从用户界面收集的数据，这些数据通过HTTP请求发送到服务器。

类型

视图模型可以根据具体需求设计为不同的类型，例如：

简单数据传输对象（DTO）：仅包含数据属性。
复杂视图模型：包含业务逻辑和数据验证。

应用场景

表单提交：处理用户提交的表单数据。
数据展示：将数据从控制器传递到视图进行展示。
复杂业务逻辑：处理涉及多个数据源或复杂计算的场景。

示例代码

假设我们有一个简单的表单，用户需要输入他们的名字和年龄。我们可以创建一个视图模型来处理这些数据。

视图模型

public class UserViewModel
{
    [Required(ErrorMessage = "Name is required")]
    public string Name { get; set; }

    [Required(ErrorMessage = "Age is required")]
    [Range(1, 120, ErrorMessage = "Age must be between 1 and 120")]
    public int Age { get; set; }
}

控制器

public class UserController : Controller
{
    [HttpGet]
    public IActionResult Create()
    {
        return View(new UserViewModel());
    }

    [HttpPost]
    public IActionResult Create(UserViewModel model)
    {
        if (ModelState.IsValid)
        {
            // 处理有效的表单数据
            // 例如，保存到数据库
            return RedirectToAction("Success");
        }

        // 如果模型状态无效，重新显示表单
        return View(model);
    }

    public IActionResult Success()
    {
        return View();
    }
}

视图

@model UserViewModel

<form asp-action="Create" method="post">
    <div>
        <label asp-for="Name"></label>
        <input asp-for="Name" />
        <span asp-validation-for="Name"></span>
    </div>
    <div>
        <label asp-for="Age"></label>
        <input asp-for="Age" />
        <span asp-validation-for="Age"></span>
    </div>
    <button type="submit">Submit</button>
</form>