11

所以我有一个案例，布局已经变得更加复杂。有一些常见的东西，比如@section styleIncludes{ ... }，然后其他部分定义了每个页面可以选择（但几乎总是）指定的各种东西，比如当前页面面包屑的结构。所有这些东西都是部分的原因是因为它们嵌入在布局的结构中。

我发现自己在复制前几页，因为有 8 个左右不同的部分，而不是尝试记住它们的确切拼写，或者拼凑副本/粘贴。

我认为最好为这些创建一个流利的 API，这样我就有一些具有 8 个函数的对象，每个函数都返回对象本身，所以你可以做类似 Sections.Style(some MVC text template or razor delgate ?).Breadcrumb(等)

主要目的是能够以指导的方式对这些部分进行编码并强烈键入名称，而不是依赖完美的键入或复制/粘贴。

但是，razor 中的扩展程序/帮助程序返回 MvcHtmlString，我想@section 由完全不同的东西表示。

不是要求你为我写一个完整的解决方案，而只是关于如何先行的一些想法。

助手应该返回什么对象来表示@section声明？ 即一个MvcHtmlString 的类比。

您对 fluent 方法（如 Style 或 Breadcrumb）的参数类型有何建议？ 我希望传递的剃刀与在部分声明的花括号中编写剃刀的能力相似。例如，能够访问在 razor 页面上声明的局部变量，就像您可以使用常规部分声明一样。我不想要像字符串连接这样的东西.SomeSection("<div...>Bunch of html stuffed in a string</div>")

换句话说，如果我的许多 cshtml 页面以类似的开头

@{
  string title = "Edit Person"
  ViewBag.Title = title;
}
@section styles{
  .someOneOffPageSpecificStyle { width:59px }
}
@section javascript{
  //javascript includes which the layout will place at the bottom...
}
@section breadcrumb{
  <a ...>Parent Page</a> &gt; <a ...>Sub Page</a> &gt; @title
}

我宁愿拥有像这样的 seom 流利的 API，而不是真正用于生成的代码样式，而是因为它更容易编写代码并且不会出现拼写错误等问题，因为智能感知会提供帮助：

@{
  string title = "Edit Person"
  ViewBag.Title = title;
}
@Sections
.Styles(@<text>
  .someOneOffPageSpecificStyle { width:59px }
</text>)
.Javascript(@<text>
  //javascript includes which the layout will place at the bottom...
</text>)
.Breadcrumb(@<text>
  <a ...>Parent Page</a> &gt; <a ...>Sub Page</a> &gt; @title
</text>)
4

3 回答 3

2

很可能这是不可能的（使用部分）。

首先，我们必须了解 MVC 在底层是如何工作的。我们编写 cshtml 文件，但这些文件最终将被编译成一个实例化的.Net 类，然后执行方法（至少Execute()），这些方法（大部分时间）写入响应缓冲区以供 IIS 返回（如果与RenderAction的工作方式不完全相同，则非常相似-调用子操作方法并将结果内联呈现在父视图中）。HtmlHelpers（或任何自定义助手）只是从实例化类（作为委托）中调用，因此它们只能在编译 cshtml 文件中的代码后执行。

System.Web.Razor.Generator.SectionCodeGenerator 需要一个字符串定义来创建部分。因此，当您定义一个 Section 时，该字符串必须在文件编译之前存在于 cshtml 文件中，因为在文件编译之前不会执行 HtmlHelper 或/和自定义帮助程序，因此无法编写一个类或对象可以在编译之前更新 cshtml 文件。

您可以做的是编写自己的 HtmlHelper 或其他自定义助手来执行类似于 Sections 提供的操作（而不实际使用任何部分）。例如，我写这个是因为我需要从部分视图和/或模板（你不能用部分来做）编写 Javascript。如果您需要使用部分，那么这可能无济于事。

下面的代码只是示例，它不是 razor 的实际工作方式（在查看了一些代码之后）。但是为了使这个例子有意义，我将使用类似剃须刀的代码和命名约定。

布局.cshtml

<html>
<body>
@RenderSection("MySectionName")

@RenderBody();
</body>
</html>

索引.cshtml

@{
  _layout = "layout";
}

@section MySection {
  <div>MySection</div>
}

<div>My Body</div>

也许被编译成一个类似的类：

public class app_aspnet_layout : System.Web.Mvc.WebViewPage
{

  public Execute()
  {
    throw new NotImplementedException();
  }

  public void ExecutePageHierarchy(WebPageContext pageContext, 
                                   TextWriter writer)
  {
    writer.Write("<html>")
    writer.Write("<body>")

    var section = pageContext.SectionWriters["MySectionName"];
    section();

    pageContext.View.ExecutePageHierarchy(null, writer)

    writer.Write("</body>")
    writer.Write("</html>")
  }
}

public class app_aspnet_index : System.Web.Mvc.WebViewPage
{ 
  // generated from the _layout Definition
  private WebViewPage startPage = new app_aspnet_layout();

  public Execute()
  {
     WebPageContext pageContext = new WebPageContext();
     pageContext.View = this;

     pageContext.SectionWriters.Add("MySectionName", 
                                    this.Section_MySectionName);

     var writer = HttpContext.Current.Response.Stream.AsTextWriter();

     if (startPage != null)
     {
       startPage.ExecutePageHierarchy(pageContext, writer);
     }
     else
     {
       this.ExecutePageHierarchy(pageContext, writer);
     }
  }

  // html generated from non-section html
  public void ExecutePageHierarchy(WebPageContext pageContext, 
                                   TextWriter writer)
  {
    writer.Write("<div>My Body</div>");
  }

  public void Section_MySectionName(TextWriter writer)
  {
    writer.Write("<div>MySection</div>");
  }
}
于 2013-07-25T00:51:03.817 回答
1

如果您有resharper，那么我建议您使用实时代码模板（功能强大的代码段）。

您可以使用单个参数创建模板。此参数的宏源可以是逗号分隔的值列表。当您使用模板/片段时，它会向您显示一个智能框，其中包含可供选择的部分名称。

假设您使用的部分的名称不会发生太大变化，那么您不必经常编辑模板以包含新的部分名称。

于 2013-07-30T12:21:56.450 回答
0

您可以从不同的方向解决问题 - 使用 t4 模板。

如果您的布局结构现在相当稳定（即您不经常添加和删除部分）并且您想要的只是在创建新视图时不必复制和粘贴内容 - 这可能会很好。它将根据您的规范为您创建视图 - 您可以通过反射和其他逻辑在其中做一些非常聪明的事情

有一个加载代码模板的 nuget - 搜索“codetemplates” - 它们使用起来非常简单。

于 2013-07-30T02:57:12.200 回答