学习笔记结构化 —— AI 知识整理助手鸿蒙原生应用深度解析一、引言在学习过程中我们常常会积累大量零散的笔记——课堂随记、阅读摘抄、灵感碎片……这些笔记虽然有价值但相互之间缺乏关联难以形成系统的知识体系。学习笔记结构化这款鸿蒙原生 AI 应用正是为解决这一问题而生用户只需粘贴零散笔记输入学科名称AI 即可自动生成包含知识框架、重点内容和记忆锚点的结构化输出。本文将从架构设计、鸿蒙技术深度解析、AI 亮点、技术挑战与用户体验设计五个维度全面剖析这款应用的技术实现。二、应用架构设计2.1 整体架构应用采用MVSModel-View-Service三层架构Model 层NoteStructModel.ets定义FrameworkEntry框架条目、NoteData笔记结构化数据、NSMessage消息记录和NS_WELCOME欢迎语等。View 层NoteStructPage.ets基于Component的声明式 UI包含TextArea笔记输入区、TextInput学科输入区、Scroll结果展示区。Service 层NoteStructService.ets封装 AI 知识整理引擎根据笔记内容和学科返回结构化的知识框架。2.2 数据流用户粘贴零散笔记 → State bigText 更新 用户输入学科名称 → State subjectText 更新 点击生成框架 → 调用 service.getNoteStruct() Service 返回 NoteData → State currentData 更新 Builder 框架层级展示三、鸿蒙技术深度解析3.1 State TextInput 学科输入本应用与其他应用的不同之处在于使用了TextInput组件来接收学科输入StatesubjectText:stringRow(){Text( 学科名称可选).fontSize(14).fontColor(COLOR_TEXT_SEC)Blank()}.width(100%).padding({left:16,top:4})TextInput({text:this.subjectText,placeholder:输入学科名称如中国历史、高中数学...}).fontSize(14).fontColor(COLOR_TEXT).placeholderColor(COLOR_TEXT_SEC).backgroundColor(COLOR_CARD).borderRadius(12).border({width:1,color:COLOR_BORDER}).padding(12).margin({left:16,right:16,top:4,bottom:8}).onChange((val:string){this.subjectTextval})TextInput vs TextArea 的选择学科名称是单行输入使用 TextInput 更合适笔记内容是多行输入使用 TextArea两种输入组件的合理搭配体现了 ArkTS 组件选择的灵活性3.2 Builder 框架层级展示BuilderbuildResultCard(data:NoteData){Column(){// 知识框架 - 紫色if(data.framework.length0){Column(){Text(️ 知识框架).fontSize(14).fontWeight(FontWeight.Bold).fontColor(COLOR_PRIMARY)// #6366F1ForEach(data.framework,(entry:FrameworkEntry){Column(){Row(){Text().fontSize(16)Text(entry.topic).fontSize(15).fontWeight(FontWeight.Bold)}ForEach(entry.sub,(subItem:string){Row(){Text( ↳).fontSize(13).fontColor(COLOR_TEXT_SEC)Text(subItem).fontSize(13).fontColor(COLOR_TEXT_SEC)}})}.backgroundColor(#EEF2FF).borderRadius(12).margin({bottom:8})})}.border({width:1,color:COLOR_BORDER})}// 重点 - 黄色if(data.key_points.length0){Column(){Text(⭐ 重点).fontColor(#F59E0B)ForEach(data.key_points,(point:string){Row(){Text(•).fontColor(#F59E0B)Text(point)}})}.border({width:1,color:#FDE68A})}// 记忆锚点 - 绿色if(data.memory_hooks.length0){Column(){Text( 记忆锚点).fontColor(#16A34A)ForEach(data.memory_hooks,(hook:string){Row(){Text(•).fontColor(#16A34A)Text(hook)}})}.border({width:1,color:#BBF7D0})}}}框架层级展示设计框架条目使用了两层嵌套的ForEach渲染一级主题 (topic) ↳ 二级子项 (sub[0]) ↳ 二级子项 (sub[1]) ↳ 二级子项 (sub[2])这种树形结构的视觉呈现让用户一眼就能理解知识的层级关系。3.3 Flex ForEach 学科自适应本应用不使用Flex选项选择而是使用TextInput自由输入学科。Service 层通过关键词匹配实现学科自适应constkey(notes.toLowerCase() subject.toLowerCase()).trim()if(key.includes(历史)||key.includes(history)||key.includes(朝代)){// 返回历史学科的框架}if(key.includes(数学)||key.includes(math)||key.includes(函数)||key.includes(几何)){// 返回数学学科的框架}// 默认通用框架这种设计支持无限学科的扩展而不仅限于预设选项。3.4 Scroll 结果容器if(this.currentData!null){Scroll(){Column(){this.buildResultCard(this.currentData)}.padding({bottom:20})}.layoutWeight(1).scrollBar(BarState.Off)}3.5 条件渲染// 按钮条件仅需笔记非空学科可选if(this.bigText!){Text(生成框架).onClick((){this.onGenerate()})}与其他应用不同本应用的生成框架按钮只需要笔记内容非空学科名称是可选的。这种设计降低了使用门槛即使用户不输入学科名称AI 也能通过笔记内容推断学科并生成合适的框架。四、AI 应用亮点分析4.1 零散笔记 → 层级框架重构这是本应用最核心的 AI 能力。零散的笔记条目如独立的日期、事件、概念被自动归类整理为层级化的知识框架。以历史学科为例零散的笔记如夏朝建立于约公元前 2070 年、“秦始皇统一六国”、三省六部制等会被 AI 整理为一、朝代更迭主线 ↳ 夏商周→秦汉→三国两晋南北朝→隋唐→宋元明清 ↳ 重要转折点秦统一、隋统一、元统一 二、重要制度变革 ↳ 分封制→郡县制→三省六部制→行省制 ↳ 科举制度的发展演变 三、重大历史事件 ↳ 统一战争秦灭六国、隋灭陈 ↳ 改革变法商鞅变法、王安石变法4.2 记忆锚点 / 口诀生成AI 不仅能整理知识框架还能生成记忆锚点和口诀帮助用户更高效地记忆朝代歌“夏商与西周东周分两段春秋和战国一统秦两汉……”数学口诀“一半平方加减常数”配方法口诀首字母法将关键词首字母组成有意义的短语这些记忆技巧将抽象的知识转化为易记的形式大大提升了学习效率。4.3 学科自适应AI 能够根据笔记内容和学科名称自动判断学科类型并生成对应的知识框架学科框架结构重点内容记忆锚点风格历史朝代更迭、制度变革、重大事件朝代顺序、制度演变逻辑朝代歌、历史时间轴数学函数与方程、几何与图形、概率与统计核心公式、解题方法口诀记忆、手指记忆法通用核心概念、方法与应用、拓展延伸知识脉络、重点难点类比记忆、费曼学习法4.4 从信息到知识的转化AI 实现了从信息收集到知识建构的跃迁输入零散的、无序的笔记碎片处理AI 分析内容关联性按主题归类建立层级关系输出结构化的知识框架 重点标识 记忆方法这正是知识管理的核心——让离散的信息通过结构化转化为可用的知识。五、关键技术挑战与解决方案5.1 挑战一零散笔记的自动分类问题用户的笔记内容可能涉及多个主题AI 需要自动识别并分类。解决方案Service 层通过关键词匹配进行主题识别将相关内容归类到对应的框架条目下。真实场景中可接入大模型进行语义理解实现更精准的分类。5.2 挑战二层级深度的控制问题知识框架的层级深度需要适中太浅不够详细太深又显得冗余。解决方案统一采用两级层级主题 → 子项每个主题最多包含 3 个子项。这种结构既保证了足够的粒度又避免了信息过载。5.3 挑战三记忆锚点的个性化问题不同学科的记忆方法不同需要个性化的记忆锚点生成策略。解决方案针对不同学科类型预设不同的记忆锚点生成策略历史 → 时间轴记忆、朝代歌数学 → 口诀记忆、公式推导通用 → 首字母法、类比记忆、费曼学习法六、用户体验设计6.1 视觉设计沉稳紫色系以 #EEF2FF 为主背景色搭配 #6366F1 主色传达知识沉淀的品牌感受树形层级展示使用 标记主题、↳ 标记子项视觉上呈现树形结构三段式输出知识框架 → 重点 → 记忆锚点信息密度递减6.2 交互设计双输入设计TextArea笔记 TextInput学科满足不同输入需求学科可选降低使用门槛不输学科也能生成通用框架一键重置清空所有输入6.3 学习体验设计框架条目采用浅紫色背景 (#EEF2FF)在白色卡片中突出显示重点内容使用 ⭐ 标记便于复习时快速定位记忆锚点提供可直接使用的记忆方法七、总结学习笔记结构化应用通过鸿蒙原生技术栈实现了一款强大的 AI 知识整理工具。在技术层面StateTextInput的自由输入设计、Builder树形层级框架展示、ForEach嵌套渲染展现了鸿蒙 ArkTS 在处理复杂数据结构时的优势。在 AI 层面零散笔记 → 层级框架重构、记忆锚点/口诀生成、学科自适应体现了 AI 在教育学习领域的巨大潜力。这款应用的核心价值在于将学习从被动接收信息转变为主动建构知识。它不仅仅是笔记整理工具更是学习方法的赋能者帮助用户建立系统化的知识体系。技术栈HarmonyOS ArkTS · 声明式 UI · State · Builder · TextArea · TextInput · Flex · ForEach · Scroll
