HarmonyOS应用实战-启示散页-81-题库排序别写死在页面：把排序策略交给 DeckSortService

HarmonyOS 应用实战 81：题库排序别写死在页面：把排序策略交给 DeckSortService

如果不同页面各自排序，首页、列表、选择器会出现顺序不一致。这个问题不能只靠页面上补一个提示解决，因为真正的断点在libraryHSP/src/main/ets/services/DeckService.ets、状态字段和服务 owner 之间。下面按现有工程事实展开：先看源码，再说明风险链路，最后给出可以落地的补强方式。

这篇解决什么：排序规则

对排序规则来说，这张表先把边界固定住：当前事实来自libraryHSP/src/main/ets/services/DeckService.ets，风险落在排序规则要集中在服务层，并用稳定字段解释每一次位置变化。，补强方案只围绕DeckSortPolicy展开，不把问题扩散成泛泛的 HarmonyOS 状态管理讨论。

现有代码锚点：排序规则 对应 libraryHSP/src/main/ets/services/DeckService.ets

下面这段来自The_Book_of_Answers当前工程，锚点是summaries.sort。它不是装饰性引用，而是判断这篇文章能不能落地的依据。

0038name:d.name,0039count:d.answers.length,0040builtIn:d.builtIn,0041colorKey:d.colorKey,0042updatedAt:d.updatedAt0043};0044returnsummary;0045});0046summaries.sort((a:DeckSummary,b:DeckSummary):number=>{0047if(a.builtIn!==b.builtIn){0048returna.builtIn?-1:1;0049}0050returnb.updatedAt-a.updatedAt;0051});0052returnsummaries;0053}0054

这段代码说明：牌组服务已经把内置牌组排在前面，自建牌组按 updatedAt 倒序排列。 所以后续补强不能绕开这个事实；如果把排序规则直接写成页面局部变量，第一次交互可能看起来没问题，跨页面、重进或发布回归时就会暴露。

失败链路：问题通常不是突然出现

如果不同页面各自排序，首页、列表、选择器会出现顺序不一致。

这张断点表是给排序规则做回归时用的。先复现触发点，再检查排序规则要集中在服务层，并用稳定字段解释每一次位置变化。是否存在，最后看用户能不能从两个页面顺序不同这种现象里得到下一步动作。

先排除误区：排序规则 不是页面补丁

遇到排序规则，最容易犯的错是先在页面里加一个局部状态，让当前场景看起来正常。这个做法短期能遮住现象，但不会处理两个页面顺序不同这类断点。

functionunsafeHandleArticle81(reason:string):void{if(!reason){return;}promptAction.showToast({message:reason});// 只提示不收口，下一次进入仍可能遇到同一个 排序规则 问题。}

这段反例的目的不是讲语法，而是提醒边界：排序规则的根因要回到DeckService.list 应返回已经排序的 DeckSummary[]，调用方不能再重排。，页面只能表达反馈，不能替服务层决定数据是否已经可靠。

按照图里的顺序看，真正要拦住的是这一句：排序规则要集中在服务层，并用稳定字段解释每一次位置变化。 只要这个点没有收口，用户看到的现象就会在刷新、保存、返回、导入或发布时反复变化。

责任边界：排序规则 不该由谁兜底

DeckService 输出统一顺序，页面只负责展示，不追加第二套排序。

排查排序规则时先问 owner，再问信号，最后才看样式。像两个页面顺序不同，通常不是单纯的 UI 细节，而是页面层有额外 sort没被服务层收住。

状态模型：DeckSortPolicy

建议把这件事压成一个明确模型。下面代码是建议补强，不表示当前工程已经存在同名接口。

interfaceDeckSortPolicy{builtInFirst:boolean;// 内置牌组是否固定靠前primaryKey:'updatedAt';// 自建牌组排序字段direction:'desc';// 最近更新靠前tieBreaker:'name'|'id';// 时间相同时的稳定排序}functioncreateDeckSortPolicy(input:Partial<DeckSortPolicy>):DeckSortPolicy{return{builtInFirst:typeofinput.builtInFirst==='boolean'?input.builtInFirst:false,primaryKey:input.primaryKey||'',direction:input.direction||'',tieBreaker:input.tieBreaker||'name',};}

DeckSortPolicy至少要能回答三个问题：输入从哪里来、失败怎么表达、成功之后谁刷新。字段少一点没关系，但不能让页面靠猜来决定页面如果需要搜索，也只过滤服务层顺序，不重新 sort。。

提交顺序：排序规则 要先有提交点

把状态模型写出来以后，还要约束提交顺序。否则接口名字很好看，实际调用仍可能在页面、服务和仓储之间来回绕。

1. 页面先收集用户动作，只生成DeckSortPolicy或等价输入。
2. 服务读取必要的当前状态，执行DeckService.list 应返回已经排序的 DeckSummary[]，调用方不能再重排。。
3. 通过边界后再写仓储、Preferences 或运行时信号。
4. 页面根据结果展示成功、失败、刷新或恢复入口。

asyncfunctionsubmitArticle81(state:DeckSortPolicy):Promise<void>{constresult:DeckSortPolicyResult=awaitcommitDeckSortPolicy(state);if(!result.ok){DeckSortPolicyNotice(result.reason);return;}AppStorage.setOrCreate('article81ChangedAt',result.changedAt);}

这个顺序的价值在失败分支。只要排序规则没通过服务闸门，就不应该提前写入运行时信号，也不应该让页面表现得像已经保存成功。

服务闸门：先判断能不能提交

排序规则的服务层应该先判断边界，再执行写入或刷新。下面的写法把reason返回给页面，是为了让同一秒内顺序跳动能被解释，而不是只弹一个“失败”。

interfaceDeckSortPolicyResult{ok:boolean;reason:string;changedAt:number;}functionexplainDeckSortPolicy(state:DeckSortPolicy):string{if(!state.builtInFirst){return'builtInFirst 还没有确认';}return'';}asyncfunctioncommitDeckSortPolicy(state:DeckSortPolicy):Promise<DeckSortPolicyResult>{constreason:string=explainDeckSortPolicy(state);if(reason){return{ok:false,reason,changedAt:Date.now()};}return{ok:true,reason:'ready',changedAt:Date.now()};}

这里的关键是：排序规则不满足边界时不要写仓储，也不要悄悄修改运行时状态。先返回原因，页面再决定展示刷新、重试、回退还是放弃入口。

页面接入：提示可以清楚，规则不要搬到 UI

页面要做的是把用户动作表达清楚。比如页面如果需要搜索，也只过滤服务层顺序，不重新 sort。，这类信息适合放到 UI；但真正的校验和写入顺序仍然应该在服务层。

@BuilderfunctionDeckSortPolicyNotice(reason:string){if(reason){Column({space:8}){Text('排序规则').fontSize(16).fontWeight(FontWeight.Medium)Text(reason).fontSize(13).fontColor(AppColor.danger)}.padding(12).border({width:1,color:AppColor.danger}).borderRadius(AppRadius.md)}}

这种接入方式对排序规则有一个好处：页面可以保持轻量，服务仍然是规则 owner。以后再加列表页、设置页、恢复页或发布回归，也不用围绕DeckSortPolicy复制判断条件。

结构收口：从源码到验证只走一条线

排序规则的结构图要能互相对应：源码锚点证明当前事实，DeckSortPolicy描述新增边界，服务规则决定提交方式，验证点证明内置牌组始终在自建牌组之前。没有被吞掉。

验证路径：成功和失败都要跑

Write-Host"查看 排序规则 的源码锚点"rg-n"summaries\.sort|DeckSortPolicy""D:\ProgramData\huawei\lesson\The_Book_of_Answers\libraryHSP\src\main\ets\services\DeckService.ets"Write-Host"查看相关状态字段"rg-n"builtInFirst|primaryKey|direction|AppStorageKey|AppPrefKey|StorageLink|updatedAt""D:\ProgramData\huawei\lesson\The_Book_of_Answers"

这些命令只能检查排序规则的源码落点和关键字段，不代表已经完成真机交互。涉及内置牌组始终在自建牌组之前。这种场景时，还需要在 DevEco/设备侧补完整流程验证。

负向回归：排序规则 要故意跑坏一次

只跑成功路径很容易误判。排序规则至少要准备一组负向样本，让服务层证明它会拒绝错误输入，而不是靠页面刚好没有触发问题。

asyncfunctionrunNegativeArticle81(state:DeckSortPolicy):Promise<string>{constresult:DeckSortPolicyResult=awaitcommitDeckSortPolicy(state);if(result.ok){return'unexpected success';}returnresult.reason;}

这组负向样本能把排序规则从“看起来能用”推进到“失败时也能解释”。写文章时把这部分放出来，读者才能按自己的工程复现。

常见问题：先定位断点

遇到排序规则的异常时不要先改样式。先确认是哪一层没有交接：页面是否保留builtInFirst，服务是否统一处理规则，仓储或配置是否留下旧值，运行时信号是否发出。

落地顺序：先最小闭环，再补体验

1. 在libraryHSP/src/main/ets/services/DeckService.ets附近确认当前链路，避免改错文件。
2. 增加DeckSortPolicy或等价状态模型，字段只保留能解释失败的部分。
3. 把排序规则的规则放到服务层，页面只展示原因和下一步动作。
4. 跑成功路径和失败路径，特别是内置牌组始终在自建牌组之前。。

constregressionForArticle81:string[]=['内置牌组始终在自建牌组之前。','重命名自建牌组后，该牌组更新到自建区前面。','时间相同的两副牌顺序稳定，不因刷新抖动。'];

收口

排序规则 的处理方法可以压成一句话：DeckService 输出统一顺序，页面只负责展示，不追加第二套排序。 当前工程已经有可依赖的源码基础，文章里的新增接口和函数属于建议补强；真正落地时，优先保持 owner 清楚，再补页面反馈。