如何从特定视图向_Layout.cshtml传参并优化关联工具布局？

一、实现关联工具排除当前页面工具的具体步骤 #

你可以直接在_Layout.cshtml的col-md-5区域调用已创建的局部视图，核心是传递当前工具的唯一标识给局部视图，让视图逻辑过滤掉自身：

1. 传递当前工具标识
   在每个工具页面对应的Controller Action中，把当前工具的ID（或slug等唯一标识）存入ViewData：

   public IActionResult ToolDetail(int id)
   {
       var tool = _toolService.GetToolById(id);
       ViewData["CurrentToolId"] = id;
       return View(tool);
   }
   

   也可以直接在工具视图页面顶部设置：

   @{
       ViewData["CurrentToolId"] = Model.Id;
   }
   

2. 在_Layout中调用局部视图并传参
   修改_Layout.cshtml里的col-md-5区域代码：

   <div class="col-md-5">
       @Html.Partial("_RelatedTools", new { CurrentToolId = ViewData["CurrentToolId"] })
   </div>
   

3. 在局部视图中过滤当前工具
   在_RelatedTools.cshtml里接收参数，查询关联工具时排除当前工具：

   @model dynamic
   @{
       int currentToolId = Convert.ToInt32(Model.CurrentToolId);
       var relatedTools = _toolService.GetRelatedToolsExcludingCurrent(currentToolId);
   }
   <div class="related-tools-widget">
       <h3>关联工具</h3>
       <ul>
           @foreach(var tool in relatedTools)
           {
               <li><a href="@Url.Action("ToolDetail", "Tool", new { id = tool.Id })">@tool.Name</a></li>
           }
       </ul>
   </div>
   

二、当前布局结构的合理性判断 #

如果你的所有工具页面都需要右侧关联工具栏，当前布局是合理的：

• 优势：避免重复编写col-md-7/col-md-5的布局代码，保持工具页面布局一致性，降低维护成本。
• 优化点：如果存在不需要右侧栏的页面（如首页、关于页），可以通过ViewData控制右侧栏的显示：

  <div class="row">
      <div class="@(ViewData["ShowRelatedTools"] != null && (bool)ViewData["ShowRelatedTools"] ? "col-md-7" : "col-md-12")">
          <main role="main" class="pb-3">
              @RenderBody()
          </main>
      </div>
      @if(ViewData["ShowRelatedTools"] != null && (bool)ViewData["ShowRelatedTools"])
      {
          <div class="col-md-5">
              @Html.Partial("_RelatedTools", new { CurrentToolId = ViewData["CurrentToolId"] })
          </div>
      }
  </div>
  

  需要显示右侧栏的工具页面设置ViewData["ShowRelatedTools"] = true;即可。

三、是否需要改用RenderSection结构？ #

是否切换取决于你的业务场景：

• 仅部分工具页面需要右侧栏：推荐用RenderSection方案，灵活性更高，可让视图自主决定是否渲染右侧栏。建议把required设为false，避免强制所有视图实现Section：

  <div class="row">
      <div class="col-md-7">
          <main role="main" class="pb-3">
              @RenderBody()
          </main>
      </div>
      @if (IsSectionDefined("RelatedTools"))
      {
          <div class="col-md-5">
              @RenderSection("RelatedTools", required: false)
          </div>
      }
  </div>
  

  然后在需要显示关联工具的视图里实现Section：

  @section RelatedTools {
      @Html.Partial("_RelatedTools", new { CurrentToolId = Model.Id })
  }
  

• 所有工具页面都需要右侧栏：没必要改用RenderSection，直接在_Layout里调用局部视图更高效，不用每个视图重复编写@section代码。

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