将页面拆分为小页面的好方法答案

【问题标题】：Good way for splitting a page into small pages将页面拆分为小页面的好方法
【发布时间】：2011-07-02 06:27:32
【问题描述】：

我是 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)。

我想听听你的意见。谢谢。

【问题讨论】：

标签： asp.net asp.net-mvc-3

【解决方案1】：

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

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

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

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

【讨论】：