ASP.NET Core递归复杂模型表单提交至控制器的实现方案问询

ASP.NET Core默认模型绑定无法处理无限递归的树形结构，因为表单字段的命名规则会陷入循环，导致绑定失败或栈溢出。针对你的TowerMeasureModel递归模型提交问题，以下是几种可行的解决思路：

1. 用扁平化DTO替代递归模型 #

直接放弃把递归模型用于表单绑定，创建扁平化的数据传输对象（DTO），将树形的TVItem结构转换成带层级标识的列表。比如给每个TVItem添加ParentId（父节点ID）、Level（层级）字段，提交时以列表形式传递所有节点，控制器接收后再重构为递归结构。

示例DTO代码：

public class TowerMeasureDto
{
    // 保留原TowerMeasureModel的非递归字段
    public string MeasureName { get; set; }
    // 扁平化的TVItem列表
    public List<TVItemDto> Items { get; set; } = new List<TVItemDto>();
}

public class TVItemDto
{
    public int Id { get; set; }
    public string Name { get; set; }
    public int? ParentId { get; set; } // 根节点设为null
    public int Level { get; set; } // 根节点层级为0，子节点依次递增
    // 原TVItem的其他字段
}

2. 前端生成带明确索引的表单字段 #

前端提交时，给每个TVItem的字段添加清晰的列表索引，比如用Items[0].Name、Items[0].ParentId的命名格式，确保模型绑定能识别列表结构。如果需要动态添加子节点，用JavaScript生成带正确索引的表单元素。

示例HTML表单片段：

<div class="tv-item">
    <!-- 根节点 -->
    <input type="text" name="Items[0].Name" placeholder="根节点名称">
    <input type="hidden" name="Items[0].ParentId" value="">
    <input type="hidden" name="Items[0].Level" value="0">
    
    <!-- 子节点容器 -->
    <div class="children">
        <!-- 第一个子节点 -->
        <input type="text" name="Items[1].Name" placeholder="子节点1名称">
        <input type="hidden" name="Items[1].ParentId" value="0">
        <input type="hidden" name="Items[1].Level" value="1">
    </div>
</div>

3. 自定义模型绑定器处理递归结构 #

如果必须直接使用原递归模型，可以自定义IModelBinder手动解析表单数据，构建树形结构。核心逻辑是先把所有表单中的TVItem数据读取到临时集合，再通过ParentId关联构建递归树。

示例自定义绑定器核心代码：

public class TowerMeasureModelBinder : IModelBinder
{
    public Task BindModelAsync(ModelBindingContext bindingContext)
    {
        if (bindingContext == null)
            throw new ArgumentNullException(nameof(bindingContext));

        var form = bindingContext.HttpContext.Request.Form;
        var allItems = new List<TVItem>();
        int index = 0;

        // 遍历表单中的所有TVItem条目
        while (form.ContainsKey($"Items[{index}].Name"))
        {
            var item = new TVItem
            {
                Id = int.Parse(form[$"Items[{index}].Id"]),
                Name = form[$"Items[{index}].Name"],
                ParentId = string.IsNullOrEmpty(form[$"Items[{index}].ParentId"]) 
                    ? null 
                    : int.Parse(form[$"Items[{index}].ParentId"])
                // 其他字段赋值
            };
            allItems.Add(item);
            index++;
        }

        // 构建递归树形结构
        var rootItems = allItems.Where(i => !i.ParentId.HasValue).ToList();
        BuildTree(rootItems, allItems);

        // 绑定到原模型
        var model = new TowerMeasureModel
        {
            // 其他字段赋值
            Items = rootItems
        };

        bindingContext.Result = ModelBindingResult.Success(model);
        return Task.CompletedTask;
    }

    private void BuildTree(List<TVItem> parents, List<TVItem> allItems)
    {
        foreach (var parent in parents)
        {
            parent.Children = allItems.Where(i => i.ParentId == parent.Id).ToList();
            BuildTree(parent.Children, allItems);
        }
    }
}

然后在原模型上标记使用该绑定器：

[ModelBinder(BinderType = typeof(TowerMeasureModelBinder))]
public class TowerMeasureModel
{
    public List<TVItem> Items { get; set; }
    // 其他字段
}

4. 改用JSON格式提交 #

放弃传统表单提交，用AJAX提交JSON数据，JSON天然支持递归结构，能完美适配你的模型。前端把表单数据组装成递归JSON对象，控制器用[FromBody]接收。

示例前端AJAX代码：

// 组装递归结构的JSON数据
const towerData = {
    MeasureName: document.getElementById('measureName').value,
    Items: [
        {
            Name: "根节点",
            Children: [
                {
                    Name: "子节点1",
                    Children: []
                }
            ]
        }
    ]
};

// 提交请求
fetch('/TowerMeasure/Save', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(towerData)
});

控制器接收代码：

[HttpPost]
public IActionResult Save([FromBody] TowerMeasureModel model)
{
    // 执行存储逻辑
    return Ok();
}

内容的提问来源于stack exchange，提问作者Roger Almirall Jou