如何在MVC5中创建可适配多视图的通用Partial View（局部视图）

在MVC5里，我们可以通过表达式树和传递视图数据的方式，轻松创建能适配不同模型属性的通用局部视图，完美解决你重复写LabelFor的问题。下面是具体的实现步骤：

1. 创建通用局部视图 #

首先，在Views/Shared文件夹下新建一个名为GenericLabel.cshtml的局部视图，代码如下：

@model System.Linq.Expressions.Expression<Func<dynamic, object>>
@{
    // 从ViewData中获取HTML属性，默认空字典
    var htmlAttributes = ViewData["HtmlAttributes"] as IDictionary<string, object> 
                         ?? new Dictionary<string, object>();
}

@Html.LabelFor(model, htmlAttributes)

这个视图接收一个动态表达式（适配任意模型的属性），并从ViewData中读取你需要传递的HTML属性，最后调用LabelFor生成对应的标签。

2. 在业务视图中调用局部视图 #

现在你就可以在不同的视图里复用这个局部视图了：

视图1（针对Category.Img）： #

@Html.Partial("GenericLabel", 
              model => model.Category.Img, 
              new ViewDataDictionary { { "HtmlAttributes", new { @class = "a" } } })

视图2（针对Car.ImgOne）： #

@Html.Partial("GenericLabel", 
              model => model.Car.ImgOne, 
              new ViewDataDictionary { { "HtmlAttributes", new { @class = "a" } } })

可选优化：用ViewModel封装参数 #

如果觉得直接传ViewData不够直观，你也可以创建一个ViewModel来统一封装参数，让代码更清晰：

首先定义ViewModel类（放在Models文件夹下）：

public class GenericLabelViewModel
{
    public Expression<Func<dynamic, object>> PropertyExpression { get; set; }
    public object HtmlAttributes { get; set; }
}

然后修改局部视图的模型：

@model YourProjectName.Models.GenericLabelViewModel

@Html.LabelFor(model.PropertyExpression, model.HtmlAttributes)

调用方式就变成了：

@Html.Partial("GenericLabel", new GenericLabelViewModel
{
    PropertyExpression = model => model.Category.Img,
    HtmlAttributes = new { @class = "a" }
})

这样代码的可读性会更好，后续如果需要扩展其他参数（比如标签文本）也更方便。

注意事项 #

• 如果追求严格的类型安全，可以把ViewModel和局部视图做成泛型的，但会增加调用时的复杂度，在你的场景下用dynamic已经足够灵活。
• 确保局部视图放在Shared文件夹下，这样所有视图都能直接访问到它。

这样就能在多个视图里复用同一个局部视图，避免重复代码啦！

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