企业官网建设流程全解析

HarmonyOS 应用实战 75：导入大题库别卡住首页：把预检、进度和取消拆成任务

大段文本一次性解析会卡住弹窗，用户也无法知道哪些行被忽略。这个问题不能只靠页面上补一个提示解决，因为真正的断点在libraryHSP/src/main/ets/components/ImportDeckDialog.ets、状态字段和服务 owner 之间。下面按现有工程事实展开：先看源码，再说明风险链路，最后给出可以落地的补强方式。

这篇解决什么：大段导入

对大段导入来说，这张表先把边界固定住：当前事实来自libraryHSP/src/main/ets/components/ImportDeckDialog.ets，风险落在解析应该产出结构化报告：有效答案、重复行、超长行、空行数量和最终牌组名。，补强方案只围绕DeckImportReport展开，不把问题扩散成泛泛的 HarmonyOS 状态管理讨论。

现有代码锚点：大段导入 对应 libraryHSP/src/main/ets/components/ImportDeckDialog.ets

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

0012controller:CustomDialogController=newCustomDialogController({0013builder:ImportDeckDialog({})0014});0015onConfirm:(name:string,answers:string[])=>void=()=>{};0016@Stateprivatetext:string='';0017@Stateprivatehint:string='示例：恋爱指南#在一起#再观察#暂时分开';00180019privateconfirm():void{0020constresult:ParseResult=parseDeckImport(this.text);0021if(!result.ok||!result.deck){0022this.hint=result.error??'解析失败';0023return;0024}0025constname:string=result.deck.name;0026constanswers:string[]=result.deck.answers;0027this.controller.close();0028this.onConfirm(name,answers);

这段代码说明：导入弹窗会在确认时解析文本，再把结果交给上层保存。 所以后续补强不能绕开这个事实；如果把大段导入直接写成页面局部变量，第一次交互可能看起来没问题，跨页面、重进或发布回归时就会暴露。

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

大段文本一次性解析会卡住弹窗，用户也无法知道哪些行被忽略。

这张断点表是给大段导入做回归时用的。先复现触发点，再检查解析应该产出结构化报告：有效答案、重复行、超长行、空行数量和最终牌组名。是否存在，最后看用户能不能从导入后少了很多答案这种现象里得到下一步动作。

先排除误区：大段导入 不是页面补丁

遇到大段导入，最容易犯的错是先在页面里加一个局部状态，让当前场景看起来正常。这个做法短期能遮住现象，但不会处理导入后少了很多答案这类断点。

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

这段反例的目的不是讲语法，而是提醒边界：大段导入的根因要回到解析函数只返回报告，不直接 Toast；保存前由页面确认报告。，页面只能表达反馈，不能替服务层决定数据是否已经可靠。

按照图里的顺序看，真正要拦住的是这一句：解析应该产出结构化报告：有效答案、重复行、超长行、空行数量和最终牌组名。 只要这个点没有收口，用户看到的现象就会在刷新、保存、返回、导入或发布时反复变化。

责任边界：大段导入 不该由谁兜底

ImportDeckDialog 负责输入和预览，DeckImport 负责解析规则，DeckService 负责保存。

排查大段导入时先问 owner，再问信号，最后才看样式。像导入后少了很多答案，通常不是单纯的 UI 细节，而是重复或超长被过滤但没有报告没被服务层收住。

状态模型：DeckImportReport

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

interfaceDeckImportReport{name:string;// 解析出的牌组名answers:string[];// 可保存答案duplicateCount:number;// 重复答案数量overflowCount:number;// 超过长度限制的数量blankCount:number;// 空行数量}functioncreateDeckImportReport(input:Partial<DeckImportReport>):DeckImportReport{return{name:input.name||'',answers:Array.isArray(input.answers)?input.answers:[],duplicateCount:typeofinput.duplicateCount==='number'?input.duplicateCount:0,overflowCount:typeofinput.overflowCount==='number'?input.overflowCount:0,blankCount:typeofinput.blankCount==='number'?input.blankCount:0,};}

DeckImportReport至少要能回答三个问题：输入从哪里来、失败怎么表达、成功之后谁刷新。字段少一点没关系，但不能让页面靠猜来决定弹窗先展示摘要，再启用保存，避免用户误以为全文都被写入。。

提交顺序：大段导入 要先有提交点

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

1. 页面先收集用户动作，只生成DeckImportReport或等价输入。
2. 服务读取必要的当前状态，执行解析函数只返回报告，不直接 Toast；保存前由页面确认报告。。
3. 通过边界后再写仓储、Preferences 或运行时信号。
4. 页面根据结果展示成功、失败、刷新或恢复入口。

asyncfunctionsubmitArticle75(state:DeckImportReport):Promise<void>{constresult:DeckImportReportResult=awaitcommitDeckImportReport(state);if(!result.ok){DeckImportReportNotice(result.reason);return;}AppStorage.setOrCreate('article75ChangedAt',result.changedAt);}

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

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

大段导入的服务层应该先判断边界，再执行写入或刷新。下面的写法把reason返回给页面，是为了让弹窗卡住能被解释，而不是只弹一个“失败”。

interfaceDeckImportReportResult{ok:boolean;reason:string;changedAt:number;}functionexplainDeckImportReport(state:DeckImportReport):string{if(!state.name){return'name 不能为空';}return'';}asyncfunctioncommitDeckImportReport(state:DeckImportReport):Promise<DeckImportReportResult>{constreason:string=explainDeckImportReport(state);if(reason){return{ok:false,reason,changedAt:Date.now()};}return{ok:true,reason:'ready',changedAt:Date.now()};}

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

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

页面要做的是把用户动作表达清楚。比如弹窗先展示摘要，再启用保存，避免用户误以为全文都被写入。，这类信息适合放到 UI；但真正的校验和写入顺序仍然应该在服务层。

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

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

大段导入的结构图要能互相对应：源码锚点证明当前事实，DeckImportReport描述新增边界，服务规则决定提交方式，验证点证明包含空行、重复行、超长行时，报告里的数量应可解释。没有被吞掉。

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

Write-Host"查看 大段导入 的源码锚点"rg-n"parseDeckImport\(this\.text\)|DeckImportReport""D:\ProgramData\huawei\lesson\The_Book_of_Answers\libraryHSP\src\main\ets\components\ImportDeckDialog.ets"Write-Host"查看相关状态字段"rg-n"name|answers|duplicateCount|AppStorageKey|AppPrefKey|StorageLink|updatedAt""D:\ProgramData\huawei\lesson\The_Book_of_Answers"

这些命令只能检查大段导入的源码落点和关键字段，不代表已经完成真机交互。涉及包含空行、重复行、超长行时，报告里的数量应可解释。这种场景时，还需要在 DevEco/设备侧补完整流程验证。

负向回归：大段导入 要故意跑坏一次

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

asyncfunctionrunNegativeArticle75(state:DeckImportReport):Promise<string>{constresult:DeckImportReportResult=awaitcommitDeckImportReport(state);if(result.ok){return'unexpected success';}returnresult.reason;}

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

常见问题：先定位断点

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

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

1. 在libraryHSP/src/main/ets/components/ImportDeckDialog.ets附近确认当前链路，避免改错文件。
2. 增加DeckImportReport或等价状态模型，字段只保留能解释失败的部分。
3. 把大段导入的规则放到服务层，页面只展示原因和下一步动作。
4. 跑成功路径和失败路径，特别是包含空行、重复行、超长行时，报告里的数量应可解释。。

constregressionForArticle75:string[]=['包含空行、重复行、超长行时，报告里的数量应可解释。','有效答案少于最小数量时，保存入口不可用。','牌组名为空时使用文件或首行兜底，不能写空名字。'];

收口

大段导入 的处理方法可以压成一句话：ImportDeckDialog 负责输入和预览，DeckImport 负责解析规则，DeckService 负责保存。 当前工程已经有可依赖的源码基础，文章里的新增接口和函数属于建议补强；真正落地时，优先保持 owner 清楚，再补页面反馈。