ASP.NET中从Action返回元组列表并在视图中渲染的问题

我明白你现在的困扰——这种嵌套了多层列表的元组结构确实会让View渲染变得非常棘手，而且Tuple的Item1、Item2这种无意义命名也很容易搞混。咱们一步步来解决这个问题：

第一步：用自定义ViewModel替换复杂Tuple #

首先，强烈建议你放弃使用这种多层嵌套的Tuple，转而创建一个语义化的ViewModel类，这会让后续的存储和渲染工作清晰很多。比如根据你的Tuple结构，创建这样的ViewModel：

public class StatsViewModel
{
    // 给每个属性起符合业务逻辑的名字，这里暂时用示例名，你可以替换成实际含义的名称
    public List<string> StudentNames { get; set; }
    public List<TimeSpan> AttendanceDurations { get; set; }
    public List<TimeSpan> BreakDurations { get; set; }
    public List<int> ScoreList { get; set; }
    public List<int> RankList { get; set; }
    public List<TimeSpan> TaskCompletionTimes { get; set; }
    public List<TimeSpan> LateArrivalTimes { get; set; }
}

第二步：修改控制器方法的返回类型 #

把原来返回List<Tuple<...>>的方法，改成返回List<StatsViewModel>：

public List<StatsViewModel> CompleteStats(int enrollNumber, DateTime startDate, DateTime endDate)
{
    var statsList = new List<StatsViewModel>();
    
    // 替换原来创建Tuple的逻辑，改为实例化StatsViewModel并赋值
    // 示例：假设你从业务逻辑中获取到了各个列表的数据
    var newStats = new StatsViewModel
    {
        StudentNames = GetStudentNames(enrollNumber, startDate, endDate),
        AttendanceDurations = CalculateAttendanceDurations(enrollNumber, startDate, endDate),
        // 其他属性同理完成赋值
    };
    
    statsList.Add(newStats);
    return statsList;
}

第三步：将数据存入列表并传递给View #

在你的控制器Action中，调用这个方法获取数据，然后可以直接作为View的Model传递，或者存入另一个列表（如果需要合并其他数据）：

public IActionResult StatsPage(int enrollNumber, DateTime startDate, DateTime endDate)
{
    // 获取统计数据
    var statsData = CompleteStats(enrollNumber, startDate, endDate);
    
    // 如果需要存入另一个列表（比如合并历史统计数据）
    var combinedStatsList = new List<StatsViewModel>();
    combinedStatsList.AddRange(statsData);
    // 可以继续添加其他统计数据到combinedStatsList中
    
    // 将数据传递给View
    return View(combinedStatsList);
}

第四步：在View中渲染数据 #

现在在Razor View里，你可以清晰地遍历数据并渲染每个列表的内容：

@model List<StatsViewModel>

<h1>学生完整统计数据</h1>

@foreach (var stats in Model)
{
    <div class="stats-card">
        <h3>学生名单</h3>
        <ul>
            @foreach (var name in stats.StudentNames)
            {
                <li>@name</li>
            }
        </ul>
        
        <h3>出勤时长</h3>
        <ul>
            @foreach (var duration in stats.AttendanceDurations)
            {
                <li>@duration.ToString("hh\\:mm\\:ss")</li>
            }
        </ul>
        
        <!-- 其他列表按照同样的方式渲染即可 -->
    </div>
}

为什么不直接用Tuple？ #

如果坚持用原来的Tuple结构，你在View里只能通过Item1、Item2...来访问，不仅可读性极差，而且很容易搞混各个列表的含义，比如：

@foreach (var tuple in Model)
{
    <ul>
        @foreach (var str in tuple.Item1)
        {
            <li>@str</li>
        }
    </ul>
}

这种代码后续维护起来简直是噩梦，所以自定义ViewModel是更优的选择。

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