C# MVC中如何对模型对象列表实现数据透视？

针对你遇到的SQL透视维护成本高的问题，推荐以下两种灵活的实现方式，根据业务复杂度选择：

一、后端C#动态转换（推荐用于含复杂计算字段的场景） #

核心思路是：后端先获取原始模型列表，通过反射或LINQ动态构建透视结构，无需修改SQL和新增专用模型，新增计算字段仅需在原始模型或转换逻辑中添加。

1. 定义原始模型（含计算字段） #

public class OriginalModel
{
    public string Prop1 { get; set; }
    public int Prop2 { get; set; }
    public int Prop3 { get; set; }
    public string Prop4 { get; set; }
    public string Prop5 { get; set; }
    // 新增计算字段直接在这里添加，无需改SQL
    public string CalculatedProp => $"${Prop2 * 0.8m:N2}"; // 示例：Prop2打8折后的金额
}

2. 控制器中完成透视转换 #

public ActionResult PivotView()
{
    // 从数据库获取原始数据（可包含计算字段）
    var originalData = _dbContext.OriginalModels.ToList();
    
    // 提取所有作为表头的Prop1值（AAA、BBB等）
    var columnHeaders = originalData.Select(x => x.Prop1).Distinct().ToList();
    
    // 定义需要展示的行（包括原始字段和新增计算字段）
    var rowNames = new List<string> { "Prop2", "Prop3", "Prop4", "Prop5", "CalculatedProp" };
    
    // 构建透视数据结构
    var pivotData = rowNames.Select(rowName => new
    {
        RowName = rowName.ToLower(),
        ColumnValues = columnHeaders.Select(col => 
        {
            var targetItem = originalData.FirstOrDefault(x => x.Prop1 == col);
            return targetItem?.GetType().GetProperty(rowName)?.GetValue(targetItem) ?? "-";
        }).ToList()
    }).ToList();
    
    // 将表头和透视数据传给视图
    ViewBag.ColumnHeaders = columnHeaders;
    return View(pivotData);
}

3. 视图中渲染透视表格 #

<div class="s-table-container">
    <table class="s-table">
        <thead>
            <tr>
                <th>prop1</th>
                @foreach (var header in ViewBag.ColumnHeaders)
                {
                    <th>@header</th>
                }
            </tr>
        </thead>
        <tbody>
            @foreach (var row in Model)
            {
                <tr>
                    <td>@row.RowName</td>
                    @foreach (var val in row.ColumnValues)
                    {
                        <td>@val</td>
                    }
                </tr>
            }
        </tbody>
    </table>
</div>

二、前端JavaScript转换（适合简单展示场景） #

如果计算逻辑简单、无需后端业务参与，可直接让后端返回原始JSON数据，前端通过JS动态转换为透视结构，后端无需任何额外修改。

前端示例代码 #

// 假设后端返回的原始数据
const originalData = [
    { Prop1: "AAA", Prop2: 1123, Prop3: 400, Prop4: "35%", Prop5: "$600" },
    { Prop1: "BBB", Prop2: 3444, Prop3: 23, Prop4: "45%", Prop5: "$235" },
    { Prop1: "CCC", Prop2: 5000, Prop3: 55, Prop4: "15%", Prop5: "$555" },
    { Prop1: "DDD", Prop2: 2500, Prop3: 264, Prop4: "70%", Prop5: "$243" }
];

// 提取表头和行名
const columnHeaders = originalData.map(item => item.Prop1);
const rowNames = Object.keys(originalData[0]).filter(key => key !== "Prop1");

// 构建透视行数据
const pivotRows = rowNames.map(rowKey => {
    const row = { rowName: rowKey.toLowerCase() };
    columnHeaders.forEach(col => {
        const item = originalData.find(i => i.Prop1 === col);
        row[col] = item ? item[rowKey] : "-";
    });
    return row;
});

// 渲染表格
const tableContainer = document.querySelector('.s-table-container');
const table = document.createElement('table');
table.className = 's-table';

// 渲染表头
const thead = document.createElement('thead');
const headerRow = document.createElement('tr');
const firstTh = document.createElement('th');
firstTh.textContent = 'prop1';
headerRow.appendChild(firstTh);
columnHeaders.forEach(header => {
    const th = document.createElement('th');
    th.textContent = header;
    headerRow.appendChild(th);
});
thead.appendChild(headerRow);
table.appendChild(thead);

// 渲染表体
const tbody = document.createElement('tbody');
pivotRows.forEach(row => {
    const tr = document.createElement('tr');
    const rowNameTd = document.createElement('td');
    rowNameTd.textContent = row.rowName;
    tr.appendChild(rowNameTd);
    columnHeaders.forEach(col => {
        const td = document.createElement('td');
        td.textContent = row[col];
        tr.appendChild(td);
    });
    tbody.appendChild(tr);
});
table.appendChild(tbody);
tableContainer.appendChild(table);

方案选择建议 #

• 若需频繁新增含业务逻辑的计算字段，优先选后端C#转换，业务逻辑集中维护，避免前端逻辑混乱；
• 若仅为纯展示型透视，前端JS转换更轻量，后端无需改动。

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