ASP.NET Core中foreach循环HTML渲染在RenderBody()之后问题排查

首先明确：正常情况下，你Index.cshtml视图里的所有内容（包括foreach循环生成的表格）都应该被渲染到_Layout.cshtml的@RenderBody()所在位置。现在出现循环内容跑到RenderBody之后的情况，大概率是以下几个原因之一，咱们一个个排查：

1. 视图中误用了直接输出方法（绕过Razor渲染管道） #

如果你的foreach循环里用了Response.Write()、Response.Output.Write()这类直接向响应流写内容的方法，而非Razor的@语法输出，就会出现这种情况。因为Razor会先收集所有视图内容再注入到Layout的RenderBody位置，但直接写响应流会跳过这个过程，直接把内容追加到响应末尾（也就是RenderBody之后）。

错误写法示例：

@foreach (var item in Model)
{
    Response.Write("<tr><td>" + item.Name + "</td></tr>");
}

正确写法（用Razor原生语法）：

@foreach (var item in Model)
{
    <tr>
        <td>@item.Name</td>
        <td>@item.Price</td>
    </tr>
}

2. 视图的布局页设置异常 #

检查Index.cshtml顶部是否正确指定了布局：

@{
    Layout = "_Layout"; // 确保指向Shared文件夹内的布局页
}

如果未指定，ASP.NET Core会使用默认布局，但脚手架生成的视图若不小心用了空布局或路径写错，可能导致渲染顺序混乱。另外也可以检查_ViewStart.cshtml里的默认布局设置是否正确：

@{
    Layout = "_Layout";
}

3. Razor语法错误导致渲染顺序错乱 #

Razor语法闭合错误（比如缺}、@符号使用不当）会让引擎误解析视图内容，导致部分内容被渲染到Layout的RenderBody之外。比如未闭合的代码块：

@{
    var items = Model;
    // 此处缺少闭合的}
@foreach (var item in items)
{
    <tr><td>@item.Name</td></tr>
}

这种情况下，Razor会误解析，导致部分内容直接输出到响应流。

4. .NET Core 2.1预览版的脚手架小Bug #

你使用的是2.1.200-preview-007474早期预览版本，这类版本的脚手架可能存在渲染顺序的小问题。如果以上排查都没问题，可以尝试：

• 更新到2.1正式版（或后续稳定预览版），预览版的Bug通常会在正式版修复；
• 手动重新编写控制器和视图，跳过脚手架生成，验证问题是否依然存在。

快速验证方法 #

你可以在_Layout.cshtml的@RenderBody()前后添加标记，方便查看渲染位置：

<div class="render-body-marker">--- RenderBody 开始 ---</div>
@RenderBody()
<div class="render-body-marker">--- RenderBody 结束 ---</div>

然后查看浏览器页面的HTML源码，确认表格内容是否在这两个标记之间。如果在标记之后，说明内容绕过了Razor正常渲染管道；如果在标记之间，可能是你对Layout其他元素的位置理解有误（比如Layout中RenderBody之后还有其他元素，让你误以为表格在RenderBody之后）。

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