OctoberCMS前端：如何基于非数据库页面变量排序用户列表？

作为刚接触OctoberCMS和Twig的开发者，你遇到的这个问题很常见——要基于页面计算的非数据库字段排序用户列表。下面给你两种可行的解决方案，优先推荐第一种（后端处理），性能更优：

方法一：在组件后端预处理排序（推荐） #

既然是在OctoberCMS生态里，最好的做法是在组件的PHP代码中先完成总分计算和排序，再把处理好的用户集合传给Twig模板。这样能避免前端循环中做重复计算和排序，尤其是用户数量较多时，性能优势会很明显。

假设你使用的是自定义开发的组件，在组件的onRun方法（或者你用来获取用户列表的方法）中添加逻辑：

public function onRun()
{
    // 替换成你实际获取激活用户列表的代码
    $activatedUsers = User::where('is_activated', true)->get();
    
    // 为每个用户计算总分，然后按总分降序排序
    $sortedUsers = $activatedUsers->map(function ($user) {
        // 注意：如果totalPoints是用户专属字段，要改成$user->totalPoints
        $user->totalScore = $this->page['totalPoints'] + $user->xp + $user->progress;
        return $user;
    })->sortByDesc('totalScore');
    
    // 将排序后的用户列表传递给模板
    $this->page['activatedUsers'] = $sortedUsers;
}

之后在Twig模板里直接循环已排序的activatedUsers即可，无需再处理排序逻辑：

{% for user in activatedUsers %}
    <div class="card">
        <p class="name"><span class="rank-title">NAME</span><br>{{ user.name }}</p>
        <p>总分：{{ user.totalScore }}</p>
        <!-- 其他页面内容 -->
    </div>
{% endfor %}

方法二：在Twig模板中直接处理 #

如果因为业务限制必须在Twig层面处理，你可以先构建包含用户和对应总分的数组，再用Twig的排序过滤器实现需求：

{# 初始化空数组存储带总分的用户数据 #}
{% set scoredUsers = [] %}

{% for user in activatedUsers %}
    {# 计算当前用户的总分 #}
    {% set userTotal = totalPoints + user.xp + user.progress %}
    {# 将用户信息和总分合并到数组中 #}
    {% set scoredUsers = scoredUsers|merge([{
        user: user,
        totalScore: userTotal
    }]) %}
{% endfor %}

{# 按总分降序排序数组（需要Twig 2.10+支持，OctoberCMS新版本已兼容） #}
{% set sortedUsers = scoredUsers|sort((a, b) => b.totalScore <=> a.totalScore) %}

{# 循环展示排序后的用户数据 #}
{% for item in sortedUsers %}
    <div class="card">
        <p class="name"><span class="rank-title">NAME</span><br>{{ item.user.name }}</p>
        <p>总分：{{ item.totalScore }}</p>
        <!-- 其他页面内容 -->
    </div>
{% endfor %}

这里用到了Twig的merge过滤器构建新数组，以及sort过滤器的箭头函数语法，<=>（太空船运算符）用来快速比较两个值的大小，实现降序排序逻辑。

注意：如果totalPoints是每个用户的专属字段，记得把代码中的totalPoints改成user.totalPoints，确保计算逻辑正确。

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