@await Html.PartialAsync

@await Html.PartialAsync 是 ASP.NET Core MVC 中的一个 Razor 视图语法，用于异步加载一个视图片段（Partial View）。

作用

• 视图复用：可以将一些通用的 UI 组件或内容封装成视图片段，然后在不同的页面或视图中通过 @await Html.PartialAsync 来引入，避免代码重复，提高开发效率和代码的可维护性。比如一个网站的导航栏、页脚等部分就可以做成视图片段，在各个页面中复用。
• 异步加载：使用 @await 关键字可以异步地加载视图片段，这样可以提高页面的响应速度和性能，尤其是在视图片段中包含一些耗时操作（如数据库查询、网络请求等）时，不会阻塞主线程，用户可以更快地看到页面的其他内容。

使用方法

• 基本语法：@await Html.PartialAsync("视图片段名称")，其中“视图片段名称”是不带扩展名的视图片段文件名。例如，有一个名为 _Header.cshtml 的视图片段文件，就可以在其他视图中使用 @await Html.PartialAsync("_Header") 来加载它。
• 传递模型：如果需要向视图片段传递数据，可以使用 ViewData、ViewBag 或通过方法的参数传递模型。例如，@await Html.PartialAsync("_ProductList", Model.Products)，这里将 Model.Products 这个模型传递给 _ProductList 视图片段。
• 指定视图位置：默认情况下，会按照一定的顺序在项目的视图文件夹中查找视图片段，但如果视图片段位置比较特殊，可以使用相对路径或绝对路径来指定。比如 @await Html.PartialAsync("~/Views/Shared/CustomPartial.cshtml")，这样就可以精确地加载位于 Views/Shared 目录下的 CustomPartial.cshtml 视图片段。

示例

假设有一个 MVC 项目，其中有一个 _Sidebar.cshtml 视图片段，用于显示侧边栏的内容，内容如下：

html

<div class="sidebar">
    <h3>热门文章</h3>
    <ul>
        @foreach (var article in Model.HotArticles)
        {
            <li>@article.Title</li>
        }
    </ul>
</div>

在主视图 Index.cshtml 中，想要加载这个侧边栏视图片段，并传递热门文章的数据，可以这样写：

html

@model IndexViewModel

<div class="main-content">
    <!-- 主内容区域 -->
</div>

<div class="sidebar-container">
    @await Html.PartialAsync("_Sidebar", Model.HotArticles)
</div>

其中 IndexViewModel 是主视图的模型类，包含一个 HotArticles 属性，用于存储热门文章的数据。通过这种方式，就可以在 Index 页面中异步加载并显示侧边栏的内容了。