HarmonyOS 应用实战 93:重命名题库别丢来源:用 stableId 保持历史和收藏关联

如果收藏、历史或最近使用引用的是牌组名称,重命名后旧名称会残留在多个页面。这个问题不能只靠页面上补一个提示解决,因为真正的断点在 libraryHSP/src/main/ets/services/DeckService.ets、状态字段和服务 owner 之间。下面按现有工程事实展开:先看源码,再说明风险链路,最后给出可以落地的补强方式。

在这里插入图片描述

这篇解决什么:重命名与引用

角度 结论 落点
当前事实 DeckService.rename 保留 answers、builtIn、colorKey、createdAt,只更新 name 和 updatedAt。 libraryHSP/src/main/ets/services/DeckService.ets
主要风险 如果收藏、历史或最近使用引用的是牌组名称,重命名后旧名称会残留在多个页面。 跨页面引用必须用 deckId,名称只在展示时按需读取。
补强方向 DeckReference 保存引用时写 deckId,展示时通过 DeckService.get 获取最新名称。
页面责任 重命名与引用 重命名只更新牌组本体,不批量改写所有引用文案。

重命名与引用 来说,这张表先把边界固定住:当前事实来自 libraryHSP/src/main/ets/services/DeckService.ets,风险落在 跨页面引用必须用 deckId,名称只在展示时按需读取。,补强方案只围绕 DeckReference 展开,不把问题扩散成泛泛的 HarmonyOS 状态管理讨论。

现有代码锚点:重命名与引用 对应 libraryHSP/src/main/ets/services/DeckService.ets

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

0122     const summary: DeckSummary = {
0123       id: deck.id, name: deck.name, count: deck.answers.length,
0124       builtIn: deck.builtIn, colorKey: deck.colorKey, updatedAt: deck.updatedAt
0125     };
0126     return summary;
0127   }
0128 
0129   /** 仅修改题库名称,保留答案 id 与时间戳 */
0130   async rename(id: string, newName: string): Promise<void> {
0131     const trimmed: string = newName.trim();
0132     if (!trimmed) {
0133       throw new Error('题库名称不能为空');
0134     }
0135     if (trimmed.length > MAX_DECK_NAME_LEN) {
0136       throw new Error(`题库名称不能超过 ${MAX_DECK_NAME_LEN}`);
0137     }
0138     const deck: Deck | null = await DeckRepository.loadDeck(id);

这段代码说明:DeckService.rename 保留 answers、builtIn、colorKey、createdAt,只更新 name 和 updatedAt。 所以后续补强不能绕开这个事实;如果把 重命名与引用 直接写成页面局部变量,第一次交互可能看起来没问题,跨页面、重进或发布回归时就会暴露。

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

如果收藏、历史或最近使用引用的是牌组名称,重命名后旧名称会残留在多个页面。

环节 内容 排查动作
触发点 用户重命名牌组 确认输入来自哪里
断点 跨页面引用必须用 deckId,名称只在展示时按需读取。 确认服务层有没有拦住
外显现象 收藏显示旧名称 确认页面有没有清楚反馈

这张断点表是给 重命名与引用 做回归时用的。先复现触发点,再检查 跨页面引用必须用 deckId,名称只在展示时按需读取。 是否存在,最后看用户能不能从 收藏显示旧名称 这种现象里得到下一步动作。

先排除误区:重命名与引用 不是页面补丁

遇到 重命名与引用,最容易犯的错是先在页面里加一个局部状态,让当前场景看起来正常。这个做法短期能遮住现象,但不会处理 收藏显示旧名称 这类断点。

临时做法 看起来解决了什么 后续会留下什么
页面里直接改 @State 当前界面刷新了 服务和仓储没有真实状态
保存失败后直接返回 用户看不到报错 数据可能没有写入
每个入口各写一份判断 某个页面正常 其他入口继续出错
只看成功路径 操作流程很顺 失败分支无法复现
function unsafeHandleArticle93(reason: string): void {
  if (!reason) {
    return;
  }
  promptAction.showToast({ message: reason });
  // 只提示不收口,下一次进入仍可能遇到同一个 重命名与引用 问题。
}

这段反例的目的不是讲语法,而是提醒边界:重命名与引用 的根因要回到 保存引用时写 deckId,展示时通过 DeckService.get 获取最新名称。,页面只能表达反馈,不能替服务层决定数据是否已经可靠。

在这里插入图片描述

按照图里的顺序看,真正要拦住的是这一句:跨页面引用必须用 deckId,名称只在展示时按需读取。 只要这个点没有收口,用户看到的现象就会在刷新、保存、返回、导入或发布时反复变化。

责任边界:重命名与引用 不该由谁兜底

DeckService 维护牌组 id 和名称,FavoriteService 保存来源 id,页面展示时补齐最新名称。

层级 应该负责 不应该负责
页面 重命名只更新牌组本体,不批量改写所有引用文案。 直接改底层 key 或吞掉失败
服务 保存引用时写 deckId,展示时通过 DeckService.get 获取最新名称。 让每个页面复制一套规则
仓储/配置 只保存和读取真实数据 理解页面交互语义

排查 重命名与引用 时先问 owner,再问信号,最后才看样式。像 收藏显示旧名称,通常不是单纯的 UI 细节,而是 收藏只存 fromDeckName 没被服务层收住。

状态模型:DeckReference

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

interface DeckReference {
  deckId: string; // 稳定引用 id
  displayName: string; // 展示时读取的名称
  renamedAt: number; // 最近重命名时间
  source: 'favorite' | 'history' | 'recent'; // 引用来源
}

function createDeckReference(input: Partial<DeckReference>): DeckReference {
  return {
    deckId: input.deckId || '',
    displayName: input.displayName || '',
    renamedAt: typeof input.renamedAt === 'number' ? input.renamedAt : 0,
    source: input.source || 'favorite',
  };
}

DeckReference 至少要能回答三个问题:输入从哪里来、失败怎么表达、成功之后谁刷新。字段少一点没关系,但不能让页面靠猜来决定 重命名只更新牌组本体,不批量改写所有引用文案。

提交顺序:重命名与引用 要先有提交点

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

  1. 页面先收集用户动作,只生成 DeckReference 或等价输入。
  2. 服务读取必要的当前状态,执行 保存引用时写 deckId,展示时通过 DeckService.get 获取最新名称。
  3. 通过边界后再写仓储、Preferences 或运行时信号。
  4. 页面根据结果展示成功、失败、刷新或恢复入口。
async function submitArticle93(state: DeckReference): Promise<void> {
  const result: DeckReferenceResult = await commitDeckReference(state);
  if (!result.ok) {
    DeckReferenceNotice(result.reason);
    return;
  }
  AppStorage.setOrCreate('article93ChangedAt', result.changedAt);
}

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

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

重命名与引用 的服务层应该先判断边界,再执行写入或刷新。下面的写法把 reason 返回给页面,是为了让 重命名后找不到牌组 能被解释,而不是只弹一个“失败”。

interface DeckReferenceResult {
  ok: boolean;
  reason: string;
  changedAt: number;
}

function explainDeckReference(state: DeckReference): string {
  if (!state.deckId) {
    return 'deckId 不能为空';
  }
  return '';
}

async function commitDeckReference(state: DeckReference): Promise<DeckReferenceResult> {
  const reason: string = explainDeckReference(state);
  if (reason) {
    return { ok: false, reason, changedAt: Date.now() };
  }
  return { ok: true, reason: 'ready', changedAt: Date.now() };
}

这里的关键是:重命名与引用 不满足边界时不要写仓储,也不要悄悄修改运行时状态。先返回原因,页面再决定展示刷新、重试、回退还是放弃入口。

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

页面要做的是把用户动作表达清楚。比如 重命名只更新牌组本体,不批量改写所有引用文案。,这类信息适合放到 UI;但真正的校验和写入顺序仍然应该在服务层。

@Builder
function DeckReferenceNotice(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。以后再加列表页、设置页、恢复页或发布回归,也不用围绕 DeckReference 复制判断条件。

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

在这里插入图片描述

重命名与引用 的结构图要能互相对应:源码锚点证明当前事实,DeckReference 描述新增边界,服务规则决定提交方式,验证点证明 收藏详情里的来源名称跟随牌组重命名。 没有被吞掉。

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

序号 验证点
1 收藏详情里的来源名称跟随牌组重命名。
2 历史记录不因为牌组改名丢失。
3 删除牌组后,引用页面能显示已删除来源。
4 重命名不会改变 deckId。
Write-Host "查看 重命名与引用 的源码锚点"
rg -n "async\ rename|DeckReference" "D:\ProgramData\huawei\lesson\The_Book_of_Answers\libraryHSP\src\main\ets\services\DeckService.ets"

Write-Host "查看相关状态字段"
rg -n "deckId|displayName|renamedAt|AppStorageKey|AppPrefKey|StorageLink|updatedAt" "D:\ProgramData\huawei\lesson\The_Book_of_Answers"

这些命令只能检查 重命名与引用 的源码落点和关键字段,不代表已经完成真机交互。涉及 收藏详情里的来源名称跟随牌组重命名。 这种场景时,还需要在 DevEco/设备侧补完整流程验证。

负向回归:重命名与引用 要故意跑坏一次

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

负向样本 期望反应 说明
缺少 deckId 返回明确原因,不写仓储 验证主输入不是默认通过
触发 收藏显示旧名称 保留当前页面状态 验证失败分支不会静默返回
模拟 用名称当查询条件 页面显示下一步动作 验证用户能继续处理
重复执行提交 结果保持一致 验证服务闸门能承受重进
async function runNegativeArticle93(state: DeckReference): Promise<string> {
  const result: DeckReferenceResult = await commitDeckReference(state);
  if (result.ok) {
    return 'unexpected success';
  }
  return result.reason;
}

这组负向样本能把 重命名与引用 从“看起来能用”推进到“失败时也能解释”。写文章时把这部分放出来,读者才能按自己的工程复现。

常见问题:先定位断点

现象 常见原因 优先检查
收藏显示旧名称 收藏只存 fromDeckName 优先用 fromDeckId 补齐
重命名后找不到牌组 用名称当查询条件 改用 deckId
批量改引用很慢 重命名时扫描所有 owner 展示时解析名称

遇到 重命名与引用 的异常时不要先改样式。先确认是哪一层没有交接:页面是否保留 deckId,服务是否统一处理规则,仓储或配置是否留下旧值,运行时信号是否发出。

落地顺序:先最小闭环,再补体验

  1. libraryHSP/src/main/ets/services/DeckService.ets 附近确认当前链路,避免改错文件。
  2. 增加 DeckReference 或等价状态模型,字段只保留能解释失败的部分。
  3. 重命名与引用 的规则放到服务层,页面只展示原因和下一步动作。
  4. 跑成功路径和失败路径,特别是 收藏详情里的来源名称跟随牌组重命名。
const regressionForArticle93: string[] = [
  '收藏详情里的来源名称跟随牌组重命名。',
  '历史记录不因为牌组改名丢失。',
  '删除牌组后,引用页面能显示已删除来源。'
];

收口

重命名与引用 的处理方法可以压成一句话:DeckService 维护牌组 id 和名称,FavoriteService 保存来源 id,页面展示时补齐最新名称。 当前工程已经有可依赖的源码基础,文章里的新增接口和函数属于建议补强;真正落地时,优先保持 owner 清楚,再补页面反馈。

结论 内容 边界
可以直接复用 DeckService.rename 保留 answers、builtIn、colorKey、createdAt,只更新 name 和 updatedAt。 libraryHSP/src/main/ets/services/DeckService.ets
建议新增 DeckReference 保存引用时写 deckId,展示时通过 DeckService.get 获取最新名称。
暂不声明 真机行为、CSDN 上传、发布结果 没有实际执行就不写成已完成
可以直接复用 DeckService.rename 保留 answers、builtIn、colorKey、createdAt,只更新 name 和 updatedAt。 libraryHSP/src/main/ets/services/DeckService.ets
建议新增 DeckReference 保存引用时写 deckId,展示时通过 DeckService.get 获取最新名称。
暂不声明 真机行为、CSDN 上传、发布结果 没有实际执行就不写成已完成
Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐