ASP.NET MVC中如何从视图向Action传递嵌套模型数据（MongoDB）

嘿，这个问题我之前也碰到过！核心是ASP.NET Core的模型绑定器需要特定的表单字段命名规则才能正确识别嵌套的集合属性，再结合MongoDB的存储特性，咱们一步步搞定：

1. 调整视图表单字段，让模型绑定器识别Skills集合 #

ASP.NET Core的模型绑定器对集合类型的嵌套属性，需要带索引的命名格式才能正确绑定，比如Skills[0].Name、Skills[0].Rate，对应集合中第0个Skills对象的属性。

首先，你需要在Get请求的Create方法里初始化Persons的Skills集合，不然视图里循环会报错：

public IActionResult Create()
{
    // 初始化至少一个空的Skills对象，方便用户输入，也让模型绑定器能识别字段格式
    var model = new Persons
    {
        Skills = new List<Skills> { new Skills() }
    };
    return View(model);
}

然后在Razor视图里，用循环生成符合规则的输入框，同时别忘了表单要加enctype="multipart/form-data"（因为有文件上传，必须加这个！）：

@model Persons

<form asp-action="Create" enctype="multipart/form-data">
    <!-- 基础信息字段 -->
    <div class="form-group">
        <label asp-for="Name"></label>
        <input asp-for="Name" class="form-control" />
    </div>

    <!-- 技能信息区域 -->
    <h4>技能列表</h4>
    @for (int i = 0; i < Model.Skills.Count; i++)
    {
        <div class="border p-3 mb-3">
            <div class="form-group">
                <label>技能名称 @(i+1)</label>
                <input type="text" name="Skills[@i].Name" class="form-control" placeholder="比如：C#" />
            </div>
            <div class="form-group">
                <label>技能评分 @(i+1)</label>
                <input type="number" name="Skills[@i].Rate" min="1" max="10" class="form-control" placeholder="1-10分" />
            </div>
        </div>
    }

    <!-- 文件上传区域 -->
    <div class="form-group">
        <label>附件上传</label>
        <input type="file" name="files" multiple class="form-control-file" />
    </div>

    <button type="submit" class="btn btn-primary">提交</button>
</form>

如果需要用户动态添加更多技能，可以用JavaScript实现：点击按钮时复制现有技能输入框，把索引递增，保证命名格式正确。

2. 控制器Post方法的调整与MongoDB存储 #

你的Post方法参数已经没问题，只需要处理文件上传和MongoDB的存储逻辑：

private readonly IMongoCollection<Persons> _personsCollection;

// 通过构造函数注入MongoDB客户端
public YourController(IMongoClient mongoClient)
{
    var db = mongoClient.GetDatabase("YourDatabaseName"); // 替换成你的数据库名
    _personsCollection = db.GetCollection<Persons>("Persons"); // 替换成你的集合名
}

[HttpPost]
public async Task<IActionResult> Create(Persons objpersons, List<IFormFile> files)
{
    // 处理文件上传：保存到服务器，把路径存到attachment字段
    if (files != null && files.Any())
    {
        var targetFile = files.First(); // 如果允许多文件，可循环处理
        var uploadPath = Path.Combine("wwwroot/uploads", Guid.NewGuid() + Path.GetExtension(targetFile.FileName));
        
        using (var stream = new FileStream(uploadPath, FileMode.Create))
        {
            await targetFile.CopyToAsync(stream);
        }
        
        // 存储相对路径，方便后续页面访问
        objpersons.attachment = "/uploads/" + Path.GetFileName(uploadPath);
    }

    // 直接插入MongoDB，驱动会自动把List<Skills>序列化为文档数组
    await _personsCollection.InsertOneAsync(objpersons);
    
    return RedirectToAction("Index");
}

3. 常见问题排查 #

• 必须加enctype="multipart/form-data"：没有这个属性，表单无法正确传递文件和嵌套模型数据，模型绑定器会直接忽略Skills集合。
• 字段命名严格匹配：虽然ASP.NET Core模型绑定不区分大小写，但建议严格按照Skills[索引].属性名的格式写，避免不必要的问题。
• Skills属性必须可读写：你的实体类里已经是get; set;，没问题；如果是只读属性，模型绑定器无法赋值。

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