如何在view-a中同时显示view-b？不使用viewModel（多action多模型）

嘿，我懂你想要的效果——不用ViewModel，还得在View A里同时展示自身和View B的内容，对吧？这里有几个实用的方案，都是我在项目里验证过的，你可以根据自己的.NET版本选：

方案1：Partial视图 + ViewData/ViewBag（通用所有MVC/Core版本） #

这个方法最直接，核心是把View B的内容抽成可复用的Partial视图，再把View B的模型数据传递到View A中渲染。

1. 在Action A中获取两个模型的数据
   先拿到View A和View B各自对应的模型数据，把View B的模型存入ViewData或ViewBag：

   public IActionResult A()
   {
       // 获取View A的模型数据
       var modelA = _yourRepository.GetModelAData();
       // 获取View B的模型数据
       var modelB = _yourRepository.GetModelBData();
       
       // 把ModelB存入ViewData（ViewBag用法：ViewBag.ModelB = modelB）
       ViewData["ModelB"] = modelB;
       
       return View(modelA);
   }
   

2. 将View B改造为Partial视图
   把原来View B的核心内容抽出来，新建一个Partial视图（比如命名为_B.cshtml），这样它可以被多个地方复用。原来的完整View B可以保留，只需要调用这个Partial：

   <!-- 原View B（保持原有独立访问功能） -->
   @{
       ViewData["Title"] = "View B";
   }
   <partial name="_B" model="@Model" />
   

3. 在View A中渲染自身和Partial视图
   先渲染View A自己的模型内容，再调用Partial视图并传入ViewData里的ModelB：

   <!-- View A的内容 -->
   <h1>View A 内容</h1>
   <!-- 渲染View A自身的模型数据 -->
   <div>@Model.AProperty</div>
   
   <!-- 嵌入View B的内容 -->
   <h2>View B 内容</h2>
   <partial name="_B" model="@ViewData["ModelB"]" />
   

方案2：Html.RenderAction（仅适用于传统ASP.NET MVC，非Core） #

如果用的是旧版ASP.NET MVC（不是Core），可以直接在View A里调用Action B，让Action B自己处理数据并返回View B的内容，完全不用在Action A里碰ModelB：

<!-- View A中直接添加这段代码 -->
<h2>View B 内容（通过RenderAction嵌入）</h2>
@{ Html.RenderAction("B", "YourControllerName"); }

Html.RenderAction会直接执行Action B的逻辑，把它返回的View B内容嵌入到当前View A的对应位置，非常省事。

方案3：ViewComponent（适用于ASP.NET Core） #

ASP.NET Core移除了Html.RenderAction，推荐用ViewComponent来封装可复用的视图逻辑，同样不需要ViewModel：

1. 创建ViewComponent类
   新建一个ViewComponent来处理View B的数据获取和视图返回：

   public class BViewComponent : ViewComponent
   {
       private readonly IYourRepository _repository;
   
       // 依赖注入你的仓储服务
       public BViewComponent(IYourRepository repository)
       {
           _repository = repository;
       }
   
       public IViewComponentResult Invoke()
       {
           // 获取View B的模型数据
           var modelB = _repository.GetModelBData();
           // 返回对应的Partial视图（默认路径：Views/Shared/Components/B/Default.cshtml）
           return View(modelB);
       }
   }
   

2. 创建ViewComponent对应的视图
   在Views/Shared/Components/B/目录下新建Default.cshtml，放入View B的核心内容：

   @model YourNamespace.ModelB
   <!-- View B的内容 -->
   <div>@Model.BProperty</div>
   

3. 在View A中调用ViewComponent
   直接在View A里调用这个组件，它会自动执行逻辑并渲染内容：

   <!-- View A的内容 -->
   <h1>View A 内容</h1>
   <div>@Model.AProperty</div>
   
   <h2>View B 内容（通过ViewComponent嵌入）</h2>
   @await Component.InvokeAsync("B")
   

这几个方案都完全不需要ViewModel，你可以根据自己的项目版本和复杂度选择最合适的~

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