将页面拆分成小页面的好方法

Question

我是ASP.NET MVC3的初学者，我想确保我的工作方式很好。让我们说我有一个包含不同内容的页面，例如顶部的一些标题信息和底部的一些详细信息（页脚）。我更喜欢创建部分页面，将所有这些内容拆分成小页面（易于管理）。

以下是示例页面：

这是我将页面剪成小页面的方式。

这种做法（至少对我而言）易于理解和管理。

这是我的Detail.cshtml页面

@model DocumentManager.ViewModels.SuiteDetailViewModel
<div class="detail-header-toolbar">     @Html.Partial("DetailHeaderToolbar")            </div>
<div class="detail-header-affaire">     @Html.Partial("DetailHeaderAffaire")            </div>
<div class="detail-footer-suite">       @Html.Partial("DetailFooterTabs", Model.Suite)  </div>
<div class="detail-script">             @Html.Partial("DetailScript", Model.Suite)      </div>

为方便起见，我将所有脚本放在一个页面中（DetailScript.cshtml）。

我想要你的意见。谢谢。

Answer 1

在我看来，将页面拆分成较小的部分是组织代码的好方法。

您应该查看Layouts - 使用布局可以帮助您最大限度地减少重复代码并应用一致的外观和感觉。

将较小的模型传递给部分视图是正确的。

我要做的唯一改变是在部分视图中移动带有类（<div class="detail-header-toolbar">）的div - 它们实际上是部分视图的一部分。