ASP.NET Core MVC中如何存储下拉多选值（如技能字段）

你当前模型里直接定义List<int> SkillsID的写法无法直接被EF Core持久化，因为EF Core默认无法将原生值集合直接映射为单字段，也不会自动识别无实体配置的集合关联。根据业务场景可选以下两种主流实现：

方案1：多对多关联表存储（生产环境推荐，符合数据库范式） #

如果技能是独立维护的可复用数据（比如后续需要按技能筛选项目、统计技能使用频次、维护技能的分类/描述等附加信息），用多对多关联是标准实现，EF Core 5.0及以上版本可自动生成中间关联表，无需手动编写中间实体。

第一步：修正模型定义 #

public class Skill
{
    [Key]
    public int Id { get; set; }
    [Required]
    public string Name { get; set; } // 存储技能名称，例如"C#"、"EF Core"、"Vue"
    // 反向导航属性，标记关联的项目集合
    public List<Project> Projects { get; set; } = [];
}

public class Project
{
    [Key]
    public int Id { get; set; }
    [Required]
    public string Title { get; set; }
    public string? Description { get; set; }

    // 多对多导航属性，EF Core会自动生成名为ProjectSkill的中间表，存储ProjectId、SkillId关联关系
    public List<Skill> Skills { get; set; } = [];

    // 加NotMapped标记，不映射到数据库，仅用于接收前端多选下拉框提交的ID数组
    [NotMapped]
    public int[] SelectedSkillIds { get; set; } = [];
}

你原来代码里的List<int> SkillsID可以删掉，这个字段没有配置的话会被EF Core识别为错误的导航属性，抛出映射异常。

第二步：控制器处理逻辑 #

POST提交时根据前端传来的选中ID加载关联的技能实体，再持久化即可：

[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Create(Project project)
{
    if (ModelState.IsValid)
    {
        // 根据提交的选中ID，查询对应的技能实体挂载到导航属性
        project.Skills = await _context.Skills
            .Where(s => project.SelectedSkillIds.Contains(s.Id))
            .ToListAsync();
        
        _context.Projects.Add(project);
        await _context.SaveChangesAsync();
        return RedirectToAction(nameof(Index));
    }
    // 传递技能列表给视图，渲染多选下拉，编辑场景需要传入已选中的ID作为选中值
    ViewBag.SkillSelectList = new MultiSelectList(
        await _context.Skills.ToListAsync(), 
        nameof(Skill.Id), 
        nameof(Skill.Name), 
        project.SelectedSkillIds
    );
    return View(project);
}

第三步：视图渲染多选下拉 #

用MVC自带的Tag Helper即可实现多选绑定：

<div class="mb-3">
    <label asp-for="SelectedSkillIds" class="form-label">关联技能</label>
    <select asp-for="SelectedSkillIds" 
            asp-items="ViewBag.SkillSelectList" 
            multiple 
            class="form-select">
    </select>
    <span asp-validation-for="SelectedSkillIds" class="text-danger"></span>
</div>

查询项目数据时用Include(p => p.Skills)即可预加载关联的所有技能数据。

方案2：JSON序列化单字段存储（轻量场景适用） #

如果技能不需要独立维护、不需要做跨表关联查询，只是单纯存储多选的ID值，可以用EF Core的值转换功能，把List<int>序列化为JSON字符串存入单表字段，不需要建关联表，实现更简单。

配置方式 #

保留你原来的List<int> SkillsID字段，在DbContext中配置值转换，同时标记不映射无关联的Skill导航属性：

public class AppDbContext : DbContext
{
    public DbSet<Project> Projects { get; set; }
    public DbSet<Skill> Skills { get; set; } // 如果不需要单独维护技能表可以删掉

    protected override void OnModelCreating(ModelBuilder modelBuilder)
    {
        modelBuilder.Entity<Project>()
            .Property(p => p.SkillsID)
            .HasConversion(
                // 写入数据库时将int列表序列化为JSON字符串
                idList => JsonSerializer.Serialize(idList, JsonSerializerOptions.Default),
                // 从数据库读取时将JSON字符串反序列化为int列表
                jsonString => JsonSerializer.Deserialize<List<int>>(jsonString, JsonSerializerOptions.Default) ?? new List<int>()
            );
        
        // 标记Skills属性不映射到数据库，避免EF Core找关联配置
        modelBuilder.Entity<Project>()
            .Ignore(p => p.skills);
    }
}

这个方案的缺点是无法用SQL直接做关联查询、外键约束，删除技能时无法自动校验已存的ID有效性，只适合固定选项、无关联需求的简单场景。

旧版本EF Core兼容说明 #

如果你用的是EF Core 3.x及更早版本，没有自动多对多支持，需要手动定义中间实体ProjectSkill，配置ProjectId和SkillId为联合主键，分别映射两个多对一导航属性即可，目前新版本不推荐使用这种写法。

内容的提问来源于stack exchange，提问作者Ghazwan Al-Qubtan