Razor Pages中Partial View的等效实现方案咨询

1. 直接嵌入可复用片段：局部页面（Partial Pages） #

Razor Pages里对应MVC直接嵌入Partial View的就是局部页面，后缀.cshtml，通常放在Pages/Shared文件夹下（也可以自定义路径）。

• 直接嵌入用法和MVC几乎一致：@await Html.PartialAsync("_YourPartialName")，需要传模型就加参数：@await Html.PartialAsync("_UserCard", Model.CurrentUser)
• 局部页面可以写简单逻辑（比如@functions块或绑定模型），但复杂逻辑建议结合View Components。

2. AJAX 加载可复用片段：页面处理器 + 局部页面 #

不用额外加控制器，Razor Pages的页面模型（PageModel）就能处理AJAX请求并返回局部页面：

• 在PageModel中添加异步处理器方法：

public async Task<IActionResult> OnGetLoadUserCardAsync(int userId)
{
    var user = await _userService.GetUserByIdAsync(userId);
    return Partial("_UserCard", user);
}

• 前端AJAX调用示例：

fetch(`/YourPage?handler=LoadUserCard&userId=123`)
    .then(res => res.text())
    .then(html => document.getElementById('userCardContainer').innerHTML = html);

多个页面共用的话，把局部页面放在Shared目录，每个页面的PageModel里加对应的处理器即可（逻辑可以抽成公共服务，避免重复代码）。

3. 复杂逻辑的可复用组件：View Components #

如果你的复用片段需要独立的复杂业务逻辑（比如分页数据、统计卡片），View Components是更合适的选择，和MVC的View Component用法完全兼容：

• 创建View Component类：

public class UserStatsViewComponent : ViewComponent
{
    private readonly IUserService _userService;

    public UserStatsViewComponent(IUserService userService)
    {
        _userService = userService;
    }

    public async Task<IViewComponentResult> InvokeAsync(int userId)
    {
        var stats = await _userService.GetUserStatsAsync(userId);
        return View(stats);
    }
}

• 对应的视图放在Pages/Shared/Components/UserStats/Default.cshtml（或Views/Shared/Components目录）
• 在Razor Pages中调用：@await Component.InvokeAsync("UserStats", new { userId = Model.CurrentUserId })
• 也能通过AJAX加载：可以写一个页面处理器方法，内部调用View Component并返回结果，再用AJAX请求该处理器。

4. Razor Components（Blazor） #

如果你的项目是Blazor WebAssembly/Server，Razor Components适合做交互性强的组件（比如实时更新、复杂表单）。但纯Razor Pages项目引入Blazor需要额外配置，若只是简单的静态复用片段，没必要用这个。

5. 要不要用MVC实现Partial？ #

完全没必要。Razor Pages原生的局部页面、View Components已经能满足需求，单独加MVC控制器会增加项目复杂度，维护成本更高。

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