c# - 在 cshtml 中重用编辑和新建 View 内容的 ASP.NET Core 特定方法

Question

我有一个新建和编辑 View ，基本上包含重复的 cshtml。什么是最有效的重构方式，以便我可以保持 DRY？

我已经浏览过 Stack Overflow，我能找到的所有答案都是针对 .NET Framework 的。我想看看现在是否有更有效的方法来重用代码，使用 ASP.NET Core。

使用局部 View 或 View 组件是最有效的方法吗？还是有另一种 ASP.NET Core 特定的方法来处理这个问题？

Answer 1

部分 View 和 View 组件都允许您集中 View ，并且在方面是可以互换的。然而，部分 View 专门包含 View 信息(即 cshtml 文件)。相比之下， View 组件另外允许您定义预处理逻辑(类似于 [HttpGet] Controller 操作)。

数据访问和参数化

请务必注意，分部 View 和 View 组件都可以将参数或值传递给它们。

• 在局部 View 中，这是通过中继 ViewDataDictionary 来完成的或局部 View 的自定义 View 模型(reference)；这可以使用 PartialAsync() HTML Helper 来完成或者使用 <partial /> tag helper's model 或 view-data 属性。

• 在 View 组件中，这是通过在 InvokeAsync() 上定义参数来完成的方法，然后通过 InvokeAsync() HTML Helper 将它们作为匿名对象进行中继或作为 <vc:[view-component-name] /> tag helper 上的属性.

因此，这两种方法都可以参数化和/或数据绑定(bind)，从而允许它们响应当前状态。

查看组件特定功能

View Components 的与众不同之处在于能够通过 InvokeAsync() 定义预处理逻辑。在将 View 模型返回到 View 之前的方法，可能包括访问通过依赖注入(inject)注册的类(例如，通过组合根或依赖注入(inject)容器)。

如果您的 View 需要访问父 View 中不(方便)可用的数据，例如通过依赖项、数据库或网络服务，这将特别有用。因此，例如，如果你的 View 组件被许多不同的 View 使用，但总是需要访问相似的数据，这可以让你集中那个逻辑，这样你就不需要在每个 Controller 中查找它。

Examples: Given the ability to lookup data as part of a view component, I frequently use them for site navigation. That way, I don't need to lookup the navigation data in every single [HttpGet] action, nor include it in every single view model; it can be self-contained. Similarly, I use it for views containing common lookup data, such as dropdown boxes bound to data retrieved from an API or database call.

最有效的方法

至于哪个最“有效”，这是一个相当主观的问题，如果没有关于您的用例的更多信息，我们无法回答。

但是，如果分部 View 满足您的需求，它肯定是最简单和最容易的方法: View 组件需要创建和注册一个额外的类以支持您的 View 。

不过，这里的问题可能与效率无关，而与您的要求有关。如果您的 View 需要额外的预处理，例如修改 View 数据，构建新的 View 模型，或者收集额外的数据，那么你应该使用 View 组件；否则，更喜欢局部 View 。

就是说，鉴于您希望将标记集中在新建 View 和编辑 View 之间，我期望部分 View 可以满足您的要求。两个 View 可能会共享一个现有的 View 和绑定(bind)模型，并且填充的数据将特定于每个 View ，因此可能不需要集中任何预处理逻辑。

一个潜在的异常(exception)是，如果您的新建和编辑表单包含来自数据库的查找数据(例如下拉列表)。也就是说，由于这些 View 几乎肯定是从同一个 Controller 返回的，因此您可以轻松地在 Controller 本身中集中查找该数据，而无需依赖 View 组件来为您执行此操作。