ASP.NET MVC：用户控件的良好替代品？

Question

我发现用户控件在使用 ASP.NET 网络表单时非常有用。通过使用标记封装显示控件所需的代码，可重用组件的创建非常简单且非常有用。

虽然 MVC 提供了方便的关注点分离，但这似乎破坏了封装（即，您可以在不添加或使用其支持代码的情况下添加控件，从而导致运行时错误）。每次向视图添加控件时都必须修改控制器，在我看来似乎是为了整合关注点，而不是分离它们。我宁愿打破纯粹的 MVC 意识形态，也不愿放弃可重用的打包控件的好处。

我需要能够在整个站点中包含类似于 webforms 用户控件的组件，但不是针对整个站点，也不是在属于母版页的级别。这些组件应该有自己的代码，而不仅仅是标记（与业务层交互），如果页面控制器不需要了解控件，那就太好了。由于 MVC 用户控件没有代码隐藏，我看不出有什么好的方法。

更新 最后，一个很好的（回想起来，很明显）方法来实现这一点。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace K.ObjectModel.Controls
{
    public class TestControl : ViewUserControl
    {
        protected override void Render(System.Web.UI.HtmlTextWriter writer)
        {
            writer.Write("Hello World");
            base.Render(writer);
        }
    }
}

创建一个继承ViewUserControl的新类

如上所示覆盖.Render() 方法。

通过关联的 ASCX 注册控件，就像在 webForm 中一样：

<%@ Register TagName="tn" TagPrefix="k" Src="~/Views/Navigation/LeftBar.ascx"%>

在您需要的任何视图或母版页中使用相应的标签：

<k:tn runat="server"/>

确保您的 .ascx 继承您的新控件：

<%@ Control Language="C#" Inherits="K.ObjectModel.Controls.TestControl" %>

瞧，你已经启动并运行了。这是使用 ASP.NET MVC 2、VS 2010 和 .NET 4.0 测试的。

您的自定义标记引用 ascx 部分视图，该视图继承自 TestControl 类。然后，该控件将覆盖 Render() 方法，该方法被调用以呈现视图，让您完全控制从标记到输出的过程。

使用这种方法与调用 Html.RenderPartial() 或 `Html.RenderAction()' 的区别在于将控件添加到视图是使用类似 webforms 的标签完成的，这不仅对设计师来说更舒适，而且可以保留他们不必知道控制器名称和方法。控件类的名称与 ASCX 隔离，这也使得将它们放入程序集中并在不同的项目中重用它们变得更容易。

有些人可能会说这违反了 SoC，但我相信这种方法在功能上等同于将部分视图和控制器捆绑在一起，同时保持清晰的标记。然而，应该清楚的是，在控制中只保留与表示相关的逻辑仍然取决于开发人员。业务和数据访问逻辑仍然属于各自的层。

Answer 1

我有点困惑。

首先，与用户控件等效的 .NET MVC 是 Partial Views。部分视图是将常用视图功能封装在单个位置的便捷方式。然后，您可以从另一个 View 中调用 Partial View。

其次，修改视图不应该意味着也修改控制器。如果仅仅因为您的视图发生了更改（而不是基础数据）就需要对两者进行更改，那么可能存在代码问题。

Answer 2

乍一看，MVC 很容易被认为没有可重用组件的功能。

一旦你了解了 ASP.NET MVC，你会发现有 several techniques for creating rich controls and components 和封装方面的 MVC 遵循 along the same pathways 作为封装 WebForms 应用程序。

我认为您正在做的只是查看 MVC 的视图方面，而不是如何将所有底层 M 和 C 封装和捆绑在一起。 Partial Views、Render Action/Partial 只是 MVC 底层组件功能的一小部分。幕后有更多的丰富。

Answer 3

一个用户控件只是一些渲染html的东西，在mvc中你有html助手和部分视图和普通视图（你可以用renderaction渲染它们） p>

Html.Helper("someStuff")
Html.RenderPartial("viewname")
Html.RenderAction<Controller>(o => o.Action());

所以基本上它只是帮手

您实际上可以轻松地替换调用

Html.TextBoxFor(o => o.Name);

与

Html.RenderPartial("textbox", Model.Name);

Answer 4

考虑以下示例：

• 我的视图 (CustomerDetail.ascx) 绑定到 ICustomerDetail 视图模型，如下所示：

  接口 ICustomerDetail {
  字符串名称 { 获取； }
  地址 CurrentAddress { get; }
  }

• 我可以创建一个绑定到 IAddress 视图模型的局部视图 Address.ascx

• 当我创建 CustomerDetail.ascx 时，我可以将 Address.ascx 放在同一个表面并将其绑定到 oCustomerDetail.Address 字段

• IMO - 我们应该在 MVC 中从多个此类较小的局部视图组合视图，在这里您将看到用户控件的可重用性和强大功能（局部视图）

• 现在，如果我的控制器返回 ICustomerDetail，我将能够毫无问题地重新使用 Address.ascx

HTH。

Answer 5

我们以电子商务网站的注册页面为例。您提示用户输入他们的姓名、密码、邮政信息、最喜欢的犬种等。在应用程序的其他地方，您还需要收集帐单地址和送货地址。要强制执行 DRY，您需要创建一个用户控件来管理地址信息的输入。

因此，为了进一步说明，您的地址类如下所示：

public class Address
{
    public string StreetAddress { get; set; }
    public string City { get; set; }
    ...
}

您的注册班级：

public class UserReg
{
    public string UserName { get; set; }
    public Address MailingAddress { get; set; }
    ...
}

您的帐单和送货地址可能来自 Address 类：

public class BillingAddress : Address
{ 
    ...
}

public class ShippingAddress : Address
{ 
    ...
}

对于以下示例，我假设您已将 System.Web.Mvc 添加到 web.config 的 namespaces 部分。基于此类层次结构，您的用户控件将有一个仅引用 Address 类的控件标记：

<%@ Control Language="C#" Inherits="ViewUserControl<Address>" %>

既然您已经这样做了，您只需从页面传递适当的模型引用。在用户注册页面：

<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="ViewPage<UserReg>" %>
    ...
    <% Html.RenderPartial("AddressControl", Model.MailingAddress); %>

在帐单地址页面中：

<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="ViewPage<BillingAddress>" %>
    ...
    <% Html.RenderPartial("AddressControl", Model); %>

在送货地址页面中：

<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="ViewPage<ShippingAddress>" %>
    ...
    <% Html.RenderPartial("AddressControl", Model); %>

我可以直接从计费和运输页面传递模型，因为该类直接来自 Address。只要有正确处理地址的逻辑，您就不必对控制器进行很多更改（如果有的话）。