构建ASP.NET Core表单应用程序的实践指南

最新推荐文章于 2025-10-15 14:10:13 发布

原创最新推荐文章于 2025-10-15 14:10:13 发布 · 264 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#ASP.NET Core #表单应用程序 #ViewModelFactory #模型绑定 #数据验证

构建ASP.NET Core表单应用程序的实践指南

ASP.NET Core提供了一个强大的框架来构建动态的web应用程序。在本篇博客中，我们将深入探讨如何使用ASP.NET Core创建和管理表单应用程序中的数据。我们将通过解析ViewModelFactory类的使用，以及如何在Home控制器中添加必要的动作方法，来展示如何生成和编辑表单数据。

创建和查看数据

首先，我们将看到如何通过ViewModelFactory类来创建ProductViewModel对象，这种对象被设计用来展示和编辑产品数据。代码示例31-9展示了ViewModelFactory类中的Details方法，该方法负责创建ProductViewModel对象，并配置其只读属性，以便用户可以查看详细信息而不能修改。

public static ProductViewModel Details(Product p) {
    return new ProductViewModel {
        Product = p, Action = "Details",
        ReadOnly = true, Theme = "info", ShowAction = false,
        // 其他属性设置...
    };
}

接下来，我们将在Home控制器中添加一个动作方法来使用ViewModelFactory的Details方法。这个动作方法将使用id参数来查询数据库，获取Product对象，并将其传递给ViewModelFactory的Details方法，最终通过ProductEditor视图以只读形式向用户展示。

public async Task<IActionResult> Details(long id) {
    Product? p = await context.Products
        .Include(p => p.Category).Include(p => p.Supplier)
        .FirstOrDefaultAsync(p => p.ProductId == id) ?? new Product();
    ProductViewModel model = ViewModelFactory.Details(p);
    return View("ProductEditor", model);
}

创建数据

创建数据的过程涉及两个步骤：首先需要从请求中获取表单数据，然后通过验证确保这些数据可以存储在数据库中。我们首先向ViewModelFactory添加了一个用于创建数据的工厂方法Create，如代码示例31-11所示。然后，我们在Home控制器中添加了相应的动作方法Create，这个动作方法处理HTTP GET和POST请求，分别用于显示ProductEditor视图和处理表单提交的数据。

public IActionResult Create() {
    return View("ProductEditor",
        ViewModelFactory.Create(new Product(), Categories, Suppliers));
}

[HttpPost]
public async Task<IActionResult> Create([FromForm] Product product) {
    if (ModelState.IsValid) {
        product.Category = default;
        product.Supplier = default;
        context.Products.Add(product);
        await context.SaveChangesAsync();
        return RedirectToAction(nameof(Index));
    }
    return View("ProductEditor",
        ViewModelFactory.Create(product, Categories, Suppliers));
}

编辑数据

编辑数据的过程与创建数据类似，也需要添加一个专门的工厂方法Edit到ViewModelFactory中，如代码示例31-13所示。编辑方法的实现与创建方法类似，不同的是编辑方法将包含额外的配置，如设置视图模型的主题为“warning”，并指定操作类型为“Edit”。

```csharp public static ProductViewModel Edit(Product product, IEnumerable categories, IEnumerable suppliers) { return new ProductViewModel { Product = product, Categories = categories, Suppliers = suppliers, Theme = "warning", Action = "Edit