MVC站点全局实现连续行号计数器的技术求助

这个问题很常见——当你用分页展示数据时，页面内的局部计数器会在切换页面后重置，导致序号从1重新开始。要实现全局连续的编号，我们可以利用分页的元数据（当前页码、每页条数）来计算每条数据的正确序号，有两种简单的方案：

方案1：直接在View中计算序号（最快实现） #

不需要修改后端Action，只需要调整View里的序号生成逻辑。利用你ViewModel中已经有的StronaInfo（包含当前页、每页条数）来计算起始序号，然后逐条递增即可：

修改View中的代码：

@{ 
    // 计算当前页的起始序号：(当前页-1)*每页条数 +1
    var startNumber = (Model.StronaInfo.AktualnaStrona - 1) * Model.StronaInfo.PozycjeNaStrone + 1;
    var currentNumber = startNumber;
}
@foreach (var item in Model.ListaZlecenUzytkownika) {
    <tr class="panel panel-primary">
        <!-- 直接使用计算好的连续序号 -->
        <td> @currentNumber </td>
        <td> <h5><strong>Zlecenie nr: @Html.DisplayFor(modeItem => item.IdZlecenia)</strong></h5> </td>
        <!-- 其他列保持不变 -->
        ...
    </tr>
    <!-- 每条数据后序号+1 -->
    @{ currentNumber++; }
    
    <!-- 后面的订单附件行保持不变 -->
    ...
}

这样第一页的起始序号是(1-1)*3+1=1，第二页是(2-1)*3+1=4，完美实现连续编号。

方案2：在后端Action中预计算序号（更清晰的架构） #

如果希望把序号计算逻辑放在后端，避免View里的复杂计算，可以创建一个带序号的ViewModel，然后在Action中为每条数据赋值序号：

步骤1：创建带序号的订单ViewModel #

public class ZlecenieZNumeremViewModel
{
    public Zlecenia Zlecenie { get; set; } // 你的原始订单实体
    public int Numer { get; set; } // 全局连续序号
}

步骤2：修改Action中的查询逻辑 #

public ActionResult ListaZlecen(int? IdStatusZlecenia, int strona = 1) { 
    var ListaZlecenWszystkich = db.Zlecenia.ToList(); 
    var userId = User.Identity.GetUserId(); 

    // 使用Select的重载，获取每条数据的索引，计算全局序号
    var ListaZlecen = db.Zlecenia.OrderBy(w => w.IdZlecenia)
        .Skip((strona - 1) * WielkoscStrony)
        .Take(WielkoscStrony)
        .Select((z, index) => new ZlecenieZNumeremViewModel {
            Zlecenie = z,
            Numer = (strona -1)*WielkoscStrony + index + 1
        })
        .ToList(); 

    var viewodel = new ListaZlecenUzytkownikaViewModel() { 
        StronaInfo = new StronaInfo { 
            AktualnaStrona = strona, 
            PozycjeNaStrone = WielkoscStrony, 
            WszystkiePozycje = ListaZlecenWszystkich.Count() 
        }, 
        // 注意这里要修改ViewModel的属性类型为ZlecenieZNumeremViewModel的列表
        ListaZlecenUzytkownika = ListaZlecen 
    }; 
    return View(viewodel); 
}

步骤3：修改View中的序号展示 #

@model AplikacjaHelpDesk.ViewModels.ListaZlecenUzytkownikaViewModel 
@using AplikacjaHelpDesk.Infrastructure; 
@{ ViewBag.Title = "Lista Zlecen Użytkownika"; Layout = "~/Views/Shared/_LayoutAdministracja.cshtml"; } 

<!-- 其他代码不变 -->

@foreach (var item in Model.ListaZlecenUzytkownika) {
    <tr class="panel panel-primary">
        <!-- 直接使用预计算好的序号 -->
        <td> @item.Numer </td>
        <!-- 访问订单实体的属性时要通过Zlecenie -->
        <td> <h5><strong>Zlecenie nr: @Html.DisplayFor(modeItem => item.Zlecenie.IdZlecenia)</strong></h5> </td>
        <td> @Html.DisplayFor(modelItem => item.Zlecenie.DataPrzyjeciaZlecenia) </td>
        <!-- 其他列同理修改 -->
        ...
    </tr>
    <!-- 后面的行保持不变 -->
    ...
}

为什么原来的方法不行？ #

你之前用的@{ var i = 0;} @{i++;} @i是在单个页面的局部作用域中计数，每次切换页面时，服务器会重新渲染整个View，i会被重新初始化为0，所以序号会从1开始。而上面的两种方案都是基于分页的全局信息（当前页、每页条数）来计算序号，所以能保持跨页面的连续性。

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