ASP.NET Core MVC+EF单视图多父子模型Web应用开发问询

嘿，我来帮你搞定在ASP.NET Core MVC视图里实现多模型（父子模型）的问题！

首先得明确：ASP.NET Core MVC的视图只能直接绑定一个模型，所以要展示多个模型（比如Blog和Tag），最规范的做法是创建一个「视图模型（ViewModel）」，把你需要的所有数据都打包进去。下面是具体步骤：

在你的项目Models文件夹下新建一个类，比如BlogTagViewModel.cs，把需要的父子模型（或者集合）都包含进来。举个例子：

namespace urlapp12.Models
{
    // 如果是展示博客列表+标签列表
    public class BlogTagViewModel
    {
        // 父模型集合：博客列表
        public IEnumerable<Blog> Blogs { get; set; }
        // 子模型集合：标签列表
        public IEnumerable<Tag> Tags { get; set; }
    }

    // 如果是展示单个博客及其关联的标签（父子关联场景）
    public class BlogWithTagsViewModel
    {
        public Blog Blog { get; set; }
        public IEnumerable<Tag> RelatedTags { get; set; }
    }
}

在BlogsController的Index方法里，查询数据库数据并填充到视图模型中，再传递给视图：

public IActionResult Index()
{
    // 示例1：填充博客+标签列表
    var viewModel = new BlogTagViewModel
    {
        Blogs = _context.Blogs.ToList(), // 假设你有Blog的DbSet
        Tags = _context.Tags.ToList()    // 假设你有Tag的DbSet
    };

    // 示例2：填充单个博客及其关联标签（如果是按ID查询的场景）
    // var blogId = 1; // 可以从路由/参数获取
    // var viewModel = new BlogWithTagsViewModel
    // {
    //     Blog = _context.Blogs.Find(blogId),
    //     RelatedTags = _context.Tags.Where(t => t.BlogId == blogId).ToList()
    // };

    return View(viewModel);
}

把视图的模型改成你刚创建的ViewModel，然后分别渲染不同模型的内容：

示例1：展示博客列表+标签列表 #

@model urlapp12.Models.BlogTagViewModel
@{
    ViewData["Title"] = "博客与标签";
}

<h2>博客列表</h2>
<table class="table table-striped">
    <thead>
        <tr>
            <th>标题</th>
            <th>发布时间</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var blog in Model.Blogs)
        {
            <tr>
                <td>@blog.Title</td>
                <td>@blog.CreatedAt.ToString("yyyy-MM-dd")</td>
            </tr>
        }
    </tbody>
</table>

<h2>标签云</h2>
<div class="d-flex flex-wrap gap-2 mt-4">
    @foreach (var tag in Model.Tags)
    {
        <span class="badge bg-secondary">@tag.Name</span>
    }
</div>

示例2：展示单个博客及其关联标签（父子场景） #

@model urlapp12.Models.BlogWithTagsViewModel
@{
    ViewData["Title"] = Model.Blog.Title;
}

<div class="card">
    <div class="card-header">
        <h3>@Model.Blog.Title</h3>
        <small class="text-muted">发布于 @Model.Blog.CreatedAt.ToString("yyyy-MM-dd HH:mm")</small>
    </div>
    <div class="card-body">
        <p class="card-text">@Model.Blog.Content</p>
        
        <div class="mt-3">
            <strong>关联标签：</strong>
            @foreach (var tag in Model.RelatedTags)
            {
                <span class="badge bg-primary me-1">@tag.Name</span>
            }
        </div>
    </div>
</div>

ViewModel是类型安全的，编译时就能发现错误，而且代码可读性和可维护性比ViewBag/ViewData高得多，这也是ASP.NET Core MVC推荐的最佳实践哦！

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