ASP.NET Core MVC视图中如何使用无关SQL表？

针对你需要在视图中展示多个关联/无关SQL表数据的需求，以下是几种落地性强的实现方案，结合你的体育应用场景给出具体示例：

1. 使用ViewModel（推荐，强类型安全） #

ViewModel是专门为视图定制的数据模型，可以整合多个实体的数据，完美解决"传递多个Model"的需求。

实现步骤： #

• 创建ViewModel：定义包含所有需要展示数据的类，适配你的比赛、球员、教练关联场景：

public class GameDetailsViewModel
{
    // 主数据：当前比赛
    public Game Game { get; set; }
    // 关联数据：参与该比赛的球员列表
    public List<Player> Players { get; set; }
    // 关联数据：该比赛的教练信息
    public Coach Coach { get; set; }
    // 关联数据：所属球队
    public Team Team { get; set; }
}

• 控制器中填充ViewModel：从数据库查询所需数据，通过organizationId关联多表数据并整合到ViewModel：

public IActionResult GameDetails(int gameId)
{
    var game = _dbContext.Games.FirstOrDefault(g => g.Id == gameId);
    if (game == null) return NotFound();

    // 通过比赛的organizationId关联查询其他表数据
    var players = _dbContext.Players.Where(p => p.OrganizationId == game.OrganizationId).ToList();
    var coach = _dbContext.Coaches.FirstOrDefault(c => c.OrganizationId == game.OrganizationId);
    var team = _dbContext.Teams.FirstOrDefault(t => t.OrganizationId == game.OrganizationId);

    var viewModel = new GameDetailsViewModel
    {
        Game = game,
        Players = players,
        Coach = coach,
        Team = team
    };

    return View(viewModel);
}

• 视图中使用ViewModel：声明强类型模型后直接访问所有属性：

@model YourAppName.ViewModels.GameDetailsViewModel

<h1>@Model.Game.Title</h1>
<p>所属组织ID：@Model.Game.OrganizationId</p>

<h2>参赛球员</h2>
<ul>
    @foreach(var player in Model.Players)
    {
        <li>@player.Name - @player.Position</li>
    }
</ul>

<h2>教练信息</h2>
<p>@Model.Coach.Name - @Model.Coach.Email</p>

2. 使用ViewBag/ViewData（快速实现，弱类型） #

如果场景简单，不需要强类型校验，可以用ViewBag或ViewData临时传递额外数据，和主Model配合使用。

实现示例： #

• 控制器中传递数据：

public IActionResult GameDetails(int gameId)
{
    var game = _dbContext.Games.FirstOrDefault(g => g.Id == gameId);
    if (game == null) return NotFound();

    // 用ViewBag传递关联数据
    ViewBag.Players = _dbContext.Players.Where(p => p.OrganizationId == game.OrganizationId).ToList();
    ViewBag.Coach = _dbContext.Coaches.FirstOrDefault(c => c.OrganizationId == game.OrganizationId);

    return View(game);
}

• 视图中访问数据：

@model YourAppName.Models.Game

<h1>@Model.Title</h1>

<h2>参赛球员</h2>
@{
    var players = ViewBag.Players as List<YourAppName.Models.Player>;
}
<ul>
    @foreach(var player in players)
    {
        <li>@player.Name</li>
    }
</ul>

<h2>教练</h2>
@{
    var coach = ViewBag.Coach as YourAppName.Models.Coach;
}
<p>@coach.Name</p>

3. 使用ViewComponent（复用性强） #

如果某些数据（比如教练信息、球队列表）需要在多个视图中复用，可以用ViewComponent封装独立的数据查询和渲染逻辑。

实现步骤： #

• 创建ViewComponent：

public class CoachViewComponent : ViewComponent
{
    private readonly AppDbContext _dbContext;

    public CoachViewComponent(AppDbContext dbContext)
    {
        _dbContext = dbContext;
    }

    public async Task<IViewComponentResult> InvokeAsync(int organizationId)
    {
        var coach = await _dbContext.Coaches.FirstOrDefaultAsync(c => c.OrganizationId == organizationId);
        return View(coach);
    }
}

• 创建ViewComponent的视图：在Views/Shared/Components/Coach/Default.cshtml中编写渲染逻辑：

@model YourAppName.Models.Coach

@if(Model != null)
{
    <div class="coach-info">
        <h3>主教练：@Model.Name</h3>
        <p>联系方式：@Model.Phone</p>
    </div>
}

• 在主视图中调用ViewComponent：

@model YourAppName.Models.Game

<h1>@Model.Title</h1>

<!-- 传入比赛的organizationId，渲染教练信息 -->
@await Component.InvokeAsync("Coach", new { organizationId = Model.OrganizationId })

<!-- 其他比赛内容 -->

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