ASP.NET Core如何实现按多ID批量删除记录的接口以匹配Angular请求

问题根因 #

你当前的实现存在3个核心不匹配点：

1. 后端批量删除接口路由为[HttpDelete("{ids}")]，要求ID参数放在URL路径中，但前端是将ID数组拼接在查询字符串中，路径和参数来源完全不匹配
2. 两个删除接口的路由没有明确区分，会触发ASP.NET Core路由匹配冲突，系统无法自动判断该调用单删还是批量删除接口
3. 前端用ids.toString()生成的是逗号拼接的数字字符串，后端默认不会自动将该格式转换为int[]类型

解决方案（推荐两种常用实现，按需选择） #

方案1：查询字符串传参（前端改动最小）

该方案适合ID数量较少的场景，仅需调整后端代码即可兼容你现有前端传参逻辑：

1. 先删除原有的批量删除方法，替换为如下实现，单独指定路由避免冲突，显式指定参数从查询字符串绑定：

[HttpDelete("batch")]
public async Task<ActionResult> DeleteBatch([FromQuery] string id, DeleteRoomsCommand command)
{
    // 手动拆分前端传的逗号分隔ID串为int数组
    var ids = id.Split(',', StringSplitOptions.RemoveEmptyEntries).Select(int.Parse).ToArray();
    command.Ids = ids;
    await Mediator.Send(command).ConfigureAwait(false);
    return NoContent();
}

2. （可选优化）前端可以调整为更规范的数组传参方式，不需要手动拼接字符串，HttpClient会自动生成?id=1&id=2&id=3格式的查询参数，后端可以直接绑定为int[]无需手动拆分：

deleteRoom(ids: number[]) {
  return this.httpClient.delete(`${this.actionUrl}/batch`, { 
    params: { id: ids } 
  });
}

对应后端简化实现：

[HttpDelete("batch")]
public async Task<ActionResult> DeleteBatch([FromQuery] int[] id, DeleteRoomsCommand command)
{
    command.Ids = id;
    await Mediator.Send(command).ConfigureAwait(false);
    return NoContent();
}

方案2：请求体传参（更符合REST规范，适合ID数量多的场景）

该方式不受URL长度限制，适合批量删除ID数量较多的场景：

1. 前端调整为将ID数组放在请求体中：

deleteRoom(ids: number[]) {
  return this.httpClient.delete(`${this.actionUrl}/batch`, { 
    body: ids 
  });
}

2. 后端对应调整为从请求体绑定参数：

[HttpDelete("batch")]
public async Task<ActionResult> DeleteBatch([FromBody] int[] ids, DeleteRoomsCommand command)
{
    command.Ids = ids;
    await Mediator.Send(command).ConfigureAwait(false);
    return NoContent();
}

注意事项 #

原有单删除接口[HttpDelete("{id:int}")]保留即可，因为加了int路由约束，和/batch路由不会产生匹配冲突。

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