鸿蒙基础应用及开发 7

教案首页课程名称鸿蒙移动应用开发基础授课日期授课班级本节课题项目6用户首选项存储-完成导航栏页面的布局授课方式理实一体教学参考及教具1、多媒体教学及电脑；2、（1）通过演示讲解基础知识，讲解结束后通过课后练习巩固所学知识；（2）对于重点内容着重讲解。教学目标及基本要求知识目标：1.理解用户首选项（Preferences）存储的核心概念与适用场景；2.掌握Preferences数据存储（put、flush）与读取（get）的实现方法；3.熟悉“我的”页面的布局逻辑与数据联动机制。能力目标：1.能够独立使用Preferences实现轻量级数据持久化（如用户登录状态、用户名）；2.能够完成“我的”页面的布局搭建与数据绑定；3.能够排查数据存储与读取过程中的常见错误（如上下文获取失败、键名不匹配）；4.能够在DevEcoStudio中调试数据存储相关功能。素质目标：培养数据持久化的开发思维；提升本地存储逻辑的规范化意识；增强复杂页面中数据与UI联动的实战能力。教学重点教学难点重点：1.Preferences存储的核心流程（实例获取、数据存储、持久化、数据读取）；2.“我的”页面的布局搭建与数据绑定；3.用户登录状态与用户名的存储及页面联动。难点：1.应用上下文（context）的正确获取与使用；2.数据持久化（flush）的异步逻辑处理；3.存储数据与页面UI的实时联动更新。教学小结本节课围绕用户首选项存储与“我的”页面实现展开教学，通过理论讲解、案例演示与分组实操，学生理解了Preferences存储的核心概念与适用场景，掌握了数据存储、持久化与读取的核心方法，成功实现了“我的”页面布局与数据联动，提升了鸿蒙应用本地数据持久化的实战能力。作业及要求在DevEcoStudio中完成以下任务：1.基于“我的”页面，添加“退出登录”功能（清除存储的用户名与登录状态）；2.扩展存储功能，新增“保存用户头像路径”并在页面展示；3.处理存储异常场景（如获取实例失败时显示默认提示）；4.提交完整代码文件、运行效果截图与存储数据调试日志。教后反思

教案用纸教学内容、方法和过程附记一、导入新课（10分钟）1.情景引入：展示“我的”页面效果（未登录时显示“点击登录”，登录后显示用户名），提问：“如何让应用记住用户登录状态和用户名，下次打开时自动显示？轻量级数据该如何存储？”引导学生明确学习目标。2.核心铺垫：通过PPT对比不同存储方案（Preferences、数据库、文件存储）的适用场景，强调Preferences适合存储轻量级键值对数据（如登录状态、个性化设置），为实战奠定理论基础。3.环境准备：确保学生项目已包含底部导航栏基础结构，发放“我的”页面所需图片资源（头像、功能图标等），为实操做好准备。 以实际页面功能差异激发兴趣，明确Preferences的实用价值二、用户首选项存储核心知识讲解（25分钟）（一）Preferences核心概念与适用场景（5分钟）1.定义讲解：用户首选项（Preferences）是鸿蒙提供的轻量级键值对存储方案，用于持久化存储小体量数据（单条≤4KB，总量≤3MB）。2.适用场景：列举典型场景（存储登录状态、用户名、默认主题、最近操作记录），明确其不适合存储大量结构化数据或大文件。（二）Preferences核心操作流程（10分钟）1.核心流程拆解：通过PPT梳理“获取实例→存储数据→持久化→读取数据”四步流程，强调每一步的关键操作。2.关键API讲解：获取实例：preferences.getPreferences(context,name)，说明context（应用上下文）和name（存储文件名）的作用；存储数据：put(key,value)，说明key（键名）和value（支持boolean/number/string/Uint8Array）的要求；持久化：flush()，强调put仅存于内存，需调用flush写入磁盘；读取数据：get(key,defaultValue)，说明默认值的作用（避免键不存在时报错）。（三）代码演示：基础数据存储与读取（10分钟）1.演示步骤：导入模块：importpreferencesfrom'@ohos.data.preferences'；获取上下文：constcontext=getContext(this)ascommon.UIAbilityContext；存储数据：创建实例→put存储用户名→flush持久化；读取数据：获取实例→get读取用户名（设置默认值）。2.关键说明：强调键名统一管理（避免拼写错误）、flush异步回调处理结果，以及异常捕获（try/catch）的重要性。 按“概念→流程→API→演示”逻辑递进，配套代码强化理解三、“我的”页面实现（35分钟）###（一）页面布局搭建（15分钟）1.布局框架：演示使用Column构建“我的”页面根布局，分为顶部用户信息区（头像+用户名+个人信息入口）、中间功能区（已投简历、面试通知等）、底部导航栏三部分。2.核心模块实现：顶部用户信息区：使用Row布局组合Image（头像）、Text（用户名），设置蓝色背景与圆角样式；中间功能区：通过Flex+ForEach循环渲染功能图标与文字，实现“已投简历”“面试通知”等入口；底部导航栏：复用之前实现的TabsMenu组件，设置当前选中索引为“我的”页面。（二）数据联动实现（20分钟）1.状态变量定义：声明@State变量（username:string='点击登录'，isLoggedIn:boolean=false）绑定页面UI。2.页面加载时读取数据：在aboutToAppear生命周期中调用读取方法，将存储的用户名和登录状态赋值给状态变量，实现页面初始化时的数据展示。3.登录状态联动：演示“点击登录”文本的onClick事件，跳转至登录页，模拟登录成功后存储用户名和登录状态，返回“我的”页面时自动刷新数据。4.常见问题解决：指导学生排查“上下文获取失败”“键名不匹配”“未调用flush导致数据丢失”等常见错误。 复用已有组件结构，重点讲解数据与UI联动逻辑，提升知识迁移能力四、分组实操与难点突破（15分钟）1.分组任务：将学生分为4-5人小组，每组完成：（1）完善“我的”页面布局，确保功能入口与样式统一；（2）实现用户名存储与读取，登录后页面自动更新用户名；（3）排查小组内出现的存储/读取相关问题（如数据不持久化、默认值无效）。2.教师指导：巡回查看各组进度，针对共性问题（如上下文转换错误、flush未回调处理）集中讲解，对个别问题单独辅导。3.成果预览：邀请1-2组展示“我的”页面效果，验证登录状态存储与读取功能是否正常。 分组实操强化实战能力，针对性指导突破重难点五、课堂总结与作业布置（5分钟）1.总结回顾：（1）核心流程：Prefe