我应该把我的视图分成很多小视图还是只把它变成一个大视图？

Question

我目前正在开发一个 MVC 3 Web 应用程序项目，我需要在首页上显示大量信息。我在网页布局和设计方面相对较新，所以我在如何构建此页面背后的代码方面遇到了困难。

我的第一个想法是将页面（视图）拆分为尽可能多的页面（小视图），以便视图模型更小且更易于管理。虽然我不确定这是否是正确的方法。或者我应该尝试将页面的所有需求融入到一个视图中，以显示我需要的所有信息？

Answer 1

将大视图对象拆分为小视图会有很多好处，主要是可重用性、可测试性以及两个月后您将不必（不可避免地）这样做。

使用较小的视图将首先使您能够在项目的其他部分重用这些视图（应该有一个“如果需要”，但您这样做的机会相当高）。使用单一视图没有这样的灵活性。

较小的视图也更易于概念化（简洁、正确命名的视图将节省您阅读其一百行代码的时间）、维护（您可以隔离错误，并在不影响每个视图的情况下更改功能）其他）和测试（在时间、复杂性和依赖注入方面）。

使用单一的、巨大的视图（嗯，可能需要几分钟的开发时间）不会获得任何好处，但是在长期（和短期）期间你错过的东西是可观的。

要在 MVC3 中使用几个较小的视图，您可以在主视图中使用部分视图，

<div>
  @Html.Partial("_PartialView", new PartialViewModel)
</div>

Answer 2

是的，将大视图拆分为部分视图可能是积极的，即使您确定部分视图不会被重用。如果您的大视图在概念上被划分为多个部分，那么相应地拆分视图是有意义的。在包含大量嵌套 div 标签的大型视图文件中，这些部分可能不明显。当然，找到合适的平衡点。每个 div 标签的部分视图将是矫枉过正。 :)

@{
    Layout = "~/Views/Shared/_Layout.cshtml"
}

<div id="page">
    @Html.Partial("Top")
    @Html.Partial("Middle")    
    @Html.Partial("Bottom")        
</div>

Answer 3

这得到了“它取决于”的好旧答案:)

如果首页的不同部分可以在其他地方使用，那么将其分成几个逻辑部分视图是有意义的。但是，如果不是，就没有理由将其全部分解。您应该简单地构建一个设计精美的视图模型。

不知道更多细节，也许像这个非常粗略的例子：

public class FrontPageViewModel
{
    public Section1Model section1 { get; set; }
    public Section2Model section2 { get; set; }
    public Section3Model section3 { get; set; }
    public Section4Model section4 { get; set; }
}

...您的剖面模型是使用逻辑属性构建的

public class Section1Model
{
    public string Property1 { get; set; }
    public string Property2 { get; set; }
    public string Property3 { get; set; }
}

public class Section2Model
{
    public string Property1 { get; set; }
    public string Property2 { get; set; }
    public string Property3 { get; set; }
    public string Property4 { get; set; }
    public string Property5 { get; set; }
}
// etc.

那么在你看来你可以这样做：

<div id="section1Content">
    @Html.DisplayFor(m => m.section1)
</div>
<div id="section2Content">
    @Html.DisplayFor(m => m.section2)
</div>
<!-- etc. -->