移动应用开发技术与实战（ArkTS）-课程教案

PAGEXXXX学院《移动应用开发技术与实战（ArkTS）》课程教案__________学年第__________学期授课教师：____________________________授课专业：____________________________授课班级：____________________________课程性质：____________________________使用教材：移动应用开发技术与实战（ArkTS）

课程整体设计课程名称移动应用开发技术与实战（ArkTS）总课时64课时课程内容全书共12个项目，依次涵盖开发环境、ArkTS与ArkUI、UI组件与布局、复用、状态管理、导航路由、网络与存储、Stage模型、应用发布和“考研通”综合项目。总体目标使学生能够完成鸿蒙应用创建、界面设计、状态与路由管理、网络和数据处理、工程配置、构建发布及综合项目开发；形成规范编码、主动调试、协作开发和数据安全意识。教学组织以项目任务为载体，按“课前准备—示范讲解—学生操作—阶段验收—项目拓展”组织教学；项目12按工程里程碑实施综合开发。教学资源教材及配套课件、示例代码与项目资源包；DevEcoStudio、Previewer/模拟器；多媒体教学设备；HarmonyOS开发者官方文档。教学评价形成性评价关注课前任务、课堂操作、实训作品、代码规范和问题记录；结果性评价关注阶段项目、综合项目、测试记录、成果展示与答辩。具体比例按课程考核方案执行。课时分配项目项目名称课时项目1认识鸿蒙4课时项目2ArkTS快速入门6课时项目3常用UI组件（上）6课时项目4常用UI组件（下）4课时项目5样式复用和UI结构复用4课时项目6常用UI布局6课时项目7状态管理6课时项目8导航组件与页面路由4课时项目9网络请求与数据持久化4课时项目10鸿蒙应用模型4课时项目11鸿蒙应用发布4课时项目12考研通App开发12课时合计64课时

项目1认识鸿蒙教案项目/模块

名称项目1认识鸿蒙授课课时4课时任务名称任务1认识HarmonyOS及其核心技术理念

任务2搭建鸿蒙开发环境

任务3创建并运行HelloWorld项目

任务4完成架构与生态调研授课日期__________教学

目标知识目标：了解HarmonyOS“1+8+N”全场景战略和发展历程；理解“一次开发，多端部署”“可分可合，自由流转”“统一生态，原生智能”等技术理念；熟悉ArkTS、ArkUI、HarmonyOSSDK和DevEcoStudio的基本作用。能力目标：能够完成华为开发者账号注册与开发环境准备；能够创建HelloWorld项目，使用Previewer或模拟器运行应用；能够依据资料梳理HarmonyOS架构、分布式特性及生态应用案例。素质目标：形成规范使用开发工具和主动查阅技术文档的习惯；增强自主技术学习意识、团队协作意识和信息安全意识。教学重点HarmonyOS三大技术理念及其与多设备应用开发的关系；DevEcoStudio项目创建、工程配置和运行流程；学生能够独立完成基础项目的创建与验证。教学难点学生容易把HarmonyOS简单理解为手机操作系统，对分布式能力和多端部署缺少整体认识；首次接触开发环境时，容易在SDK、工程路径、设备选择和运行方式之间混淆。学情分析知识技能基础：多数学生使用过智能手机和移动应用，但对操作系统架构与应用开发流程了解较少。

认知实践能力：具备基本计算机操作能力，能够按步骤安装软件，但独立排查环境问题的经验不足。

学习特点：对国产操作系统和新设备体验兴趣较高，适合通过实物案例、流程演示和动手验证建立认识。

专业特性：本项目是后续ArkTS编程和应用开发的起点，应重点培养工具使用规范与问题记录意识。教学方法案例导入、演示教学、任务驱动、小组调研、操作练习。教师先用多设备协同场景建立整体认识，再示范开发环境和项目运行流程，学生按任务单完成操作。教学资源教材及配套课件、示例代码与项目资源包；DevEcoStudio、Previewer/模拟器；多媒体教学设备；HarmonyOS开发者官方文档。教学评价检查环境准备清单、HelloWorld运行结果和实训调研报告；结合课堂提问、操作过程记录、问题排查说明和小组汇报进行评价。【教学过程】教学环节教学内容教师活动学生活动课前活动观看课程导学微课，了解HarmonyOS应用场景；检查计算机系统、磁盘空间和网络条件；在学习平台提交“我使用过的多设备协同功能”简短记录。发布学习任务与资源；查看学生提交情况，梳理共性问题，调整课堂示范重点。按要求预习、检查环境或准备资料；提交课前任务，并记录疑问。【课中】教学环节教学内容教师活动学生活动环节1：情境导入与系统认知

【45分钟】从手机、平板、穿戴设备协同场景引出HarmonyOS；介绍“1+8+N”全场景战略、发展历程和学习本课程的任务。展示典型场景并提出“一个应用如何适配多种设备”的问题；梳理版本演进与课程结构；纠正把鸿蒙等同于单一手机系统的认识。结合个人使用经验描述多设备协同场景；记录关键词；完成随堂判断题并提出疑问。环节2：核心理念与开发体系

【45分钟】HarmonyOS三大技术理念；ArkTS、ArkUI、应用框架、SDK、DevEcoStudio和测试工具之间的关系。借助结构图讲解各技术要素的作用；以一个跨设备应用为例说明开发、部署和流转过程；组织小组绘制技术关系图。阅读教材并完成技术关系图；小组交流“一次开发”不等于“无需适配”的理解；代表汇报。环节3：环境搭建与项目创建

【45分钟】华为开发者账号与开发工具准备；DevEcoStudio安装检查；创建HelloWorld项目并认识工程配置项。演示账号登录、工程模板选择、工程名与包名设置；强调路径命名和版本选择；巡视并处理常见问题。按任务单完成环境检查和项目创建；记录遇到的问题与解决方法；互查工程配置。环节4：运行验证与项目实训

【45分钟】使用Previewer或模拟器运行HelloWorld；完成HarmonyOS架构与生态建设调研，进行知识巩固。示范设备选择、编译运行和日志观察；发布调研任务与评价标准；组织运行验收和简短交流。完成运行截图和操作说明；分组整理架构、分布式技术或生态案例；完成知识巩固题。【课后】教学环节教学内容教师活动学生活动课后拓展完善环境安装与项目运行记录；任选一个多设备协同案例，按“使用场景—参与设备—协同能力—用户价值”四项整理成一页调研卡。批阅任务成果，针对共性问题发布补充说明；选取典型作品在下一次课简评。完善代码和学习记录；按要求提交成果；根据反馈修正并形成个人问题清单。教学反思（授课后填写）

项目2ArkTS快速入门教案项目/模块

名称项目2ArkTS快速入门授课课时6课时任务名称任务1编写并运行第一个ArkTS程序

任务2掌握ArkTS基础语法

任务3使用类、泛型和模块组织代码

任务4认识ArkUI组件与渲染控制

任务5完成自动售货机和新闻列表实训授课日期__________教学

目标知识目标：掌握变量、常量、数据类型、分支与循环、函数、类、泛型和模块等基础语法；理解ArkTS的静态类型特点；了解系统组件、自定义组件、条件渲染和循环渲染的基本用法。能力目标：能够编写、运行和调试简单ArkTS程序；能够使用类和接口描述数据，使用函数和模块组织代码；能够使用ArkUI组件、if和ForEach构建简单动态界面。素质目标：养成先分析数据和流程、再编写代码的习惯；重视命名、缩进、注释和类型约束，形成规范编码与主动调试意识。教学重点变量与类型、分支循环、函数和类的基本用法；接口与数组的数据建模；@Entry、@Component、build、if和ForEach在声明式UI中的作用。教学难点学生容易沿用弱类型语言的思维，忽视类型约束；对“类负责业务逻辑、组件负责界面呈现”缺乏区分；条件渲染和循环渲染需要从命令式思维转换到状态驱动的声明式思维。学情分析知识技能基础：已完成开发环境搭建，部分学生学过Python或Java，编程基础差异较大。

认知实践能力：能够模仿示例，但对变量作用域、参数传递和对象建模的理解不够稳定。

学习特点：对可立即看到运行结果的代码兴趣较高，需要通过短例子、即时反馈和分层任务保持节奏。

专业特性：本项目为后续UI开发和综合项目提供语言基础，要兼顾语法理解与代码规范。教学方法讲练结合、代码走读、错误驱动教学、任务分层、结对调试。每个语法点采用“观察代码—预测结果—运行验证—修改扩展”的方式组织。教学资源教材及配套课件、示例代码与项目资源包；DevEcoStudio、Previewer/模拟器；多媒体教学设备；HarmonyOS开发者官方文档。教学评价通过随堂代码、自动售货机类、新闻列表界面、调试记录和知识巩固题评价；重点关注代码能否运行、类型是否清晰、命名和缩进是否规范。【教学过程】教学环节教学内容教师活动学生活动课前活动复习项目创建与日志查看方法；阅读ArkTS概述，标出与已有编程语言相似和不同的语法；完成开发环境自检。发布学习任务与资源；查看学生提交情况，梳理共性问题，调整课堂示范重点。按要求预习、检查环境或准备资料；提交课前任务，并记录疑问。【课中】教学环节教学内容教师活动学生活动环节1：ArkTS认知与首个程序

【45分钟】ArkTS定位、静态检查特点、.ets文件；编写计算与条件判断程序，在日志中查看结果。用错误示例说明类型检查的价值；示范代码输入、保存、运行和日志定位；引导学生先预测后验证。完成首个程序；修改变量和判断条件观察输出；记录一处编译错误及修正方法。环节2：声明、数据类型与语句

【45分钟】let、const、类型推断；number、string、boolean、数组和对象；if、switch、for、while。通过成绩判断和数组遍历示例讲解；设置易错代码让学生找错；强调条件表达式和循环边界。完成数据类型练习；修改分支条件与循环范围；结对检查数组索引和循环结果。环节3：函数与类

【45分钟】函数声明、参数、返回值、箭头函数；类、字段、构造函数、方法和继承。从“计算总价”需求提炼函数；从自动售货机需求抽象类；板书数据、行为与对象之间的关系。编写金额计算函数和简单类；调用方法验证结果；说明构造函数的作用。环节4：接口、泛型与模块

【45分钟】接口描述对象结构；泛型函数与泛型类；export和import；联合类型等补充类型。对比重复函数与泛型函数；演示模块拆分；设置“数据模型—业务类—入口文件”整理任务。完成数组首元素泛型函数；拆分并导入模块；检查导出名称和路径。环节5：ArkUI组件与渲染控制

【45分钟】系统组件和自定义组件；@Entry、@Component、struct与build；条件渲染和ForEach循环渲染。从静态Text逐步改造成数据驱动列表；演示if与ForEach；解释UI结构随状态变化而重新构建。创建自定义组件；使用if控制显示；使用ForEach渲染数组；观察修改数据后的界面变化。环节6：综合实训与评价

【45分钟】实训2.1饮品自动售货机；实训2.2新闻列表；知识巩固。公布分层验收要求；指导学生完成数据模型、业务逻辑和界面展示；组织代码讲解与互评。独立或结对完成实训；运行测试用例；提交代码和简短说明；完成知识巩固题。【课后】教学环节教学内容教师活动学生活动课后拓展整理ArkTS语法知识图；在新闻列表中增加一条数据，并尝试为新闻条目增加类别字段或已读状态。批阅任务成果，针对共性问题发布补充说明；选取典型作品在下一次课简评。完善代码和学习记录；按要求提交成果；根据反馈修正并形成个人问题清单。教学反思（授课后填写）

项目3常用UI组件（上）教案项目/模块

名称项目3常用UI组件（上）授课课时6课时任务名称任务1使用Image组件显示图片

任务2设置Text组件文本样式

任务3使用Button组件处理交互

任务4使用Radio和Toggle完成选择与开关

任务5完成在线问卷和个人健康管理实训授课日期__________教学

目标知识目标：理解Image、Text、Button、Radio、Toggle组件的功能和适用场景；掌握常用属性、事件及资源引用方法；了解组件组合与交互设计的基本原则。能力目标：能够加载本地与网络图片，设置文本和按钮样式；能够处理单击、选择和状态切换事件；能够组合基础组件完成问卷和健康管理界面。素质目标：养成按界面需求选择组件、按规范引用资源的习惯；关注信息表达、交互反馈、隐私提示和界面可用性。教学重点组件创建语法、资源引用、链式属性设置；Button的onClick事件；Radio分组和Toggle状态变化；组件组合形成完整交互界面。教学难点学生容易把组件属性、构造参数和事件混用；对Radio的分组关系和Toggle状态同步理解不牢；界面实现时容易只追求“能显示”，忽视布局、可读性和反馈。学情分析知识技能基础：学生已掌握ArkTS基础语法和简单ArkUI结构，能够运行自定义组件。

认知实践能力：能够照例设置属性，但根据效果图自主选择组件和属性的能力尚需训练。

学习特点：视觉反馈直观，适合采用效果对比、局部改造和小步验收。

专业特性：基础组件是后续表单、导航和综合项目的直接工具，要强化组件选型和交互规范。教学方法效果对比、示范操作、任务驱动、同伴互评、界面改造。围绕“展示—交互—组合”逐层推进。教学资源教材及配套课件、示例代码与项目资源包；DevEcoStudio、Previewer/模拟器；多媒体教学设备；HarmonyOS开发者官方文档。教学评价以图片展示、文本卡片、按钮交互、单选与开关功能、两个项目实训成果为主要证据；评价运行效果、代码规范、界面可读性和操作反馈。【教学过程】教学环节教学内容教师活动学生活动课前活动收集一个常见App页面截图，标注其中的图片、文本、按钮、单选项和开关；准备本地图片资源并按英文小写方式命名。发布学习任务与资源；查看学生提交情况，梳理共性问题，调整课堂示范重点。按要求预习、检查环境或准备资料；提交课前任务，并记录疑问。【课中】教学环节教学内容教师活动学生活动环节1：Image组件

【45分钟】本地资源、网络图片和资源引用；width、height、objectFit、alt等常用属性。展示不同图片适配效果；示范资源导入和$r引用；设置路径或资源名错误让学生排查。导入图片并完成本地显示；比较Contain与Cover；为图片设置占位图和圆角。环节2：Text组件

【45分钟】文本创建；fontSize、fontColor、fontWeight、textAlign、maxLines、textOverflow等属性。通过标题、正文和提示语三类文本讲解层级；演示超长文本处理；组织样式对比。完成多行文本卡片；设置最大行数与省略号；根据用途调整字号和颜色。环节3：Button组件

【45分钟】Button两种创建方式；类型、尺寸、背景、圆角；onClick等事件。演示文本按钮和包含图标的按钮；讲解事件回调；强调可点击区域和操作反馈。制作“提交”“重置”和图标按钮；绑定单击事件；通过日志或状态变化验证。环节4：Radio与Toggle

【45分钟】Radio单选分组、选中状态与onChange；Toggle开关类型、isOn与事件。用“性别/选项选择”和“通知开关”场景讲解；分析互斥选择与布尔状态的区别。完成三项单选和一个开关；显示当前选择结果；互测异常操作。环节5：实训3.1在线问卷

【45分钟】题目数据结构、题型切换、答案收集、上一题/下一题和提交。分解问卷流程；提供基本骨架和验收点；指导ForEach、状态变量与组件组合。按任务完成问卷；测试边界情况；说明数据结构和交互流程。环节6：实训3.2与知识巩固

【45分钟】个人健康管理系统界面；基础组件综合应用；知识巩固与展示。组织学生按效果图完成界面并进行展示；从可读性、反馈和规范性提出修改建议。完成健康信息展示与开关交互；同伴互评；修正代码并完成练习。【课后】教学环节教学内容教师活动学生活动课后拓展选择一个已有界面，使用本项目五类组件完成简化复刻；在说明中写明每个组件的选用理由。批阅任务成果，针对共性问题发布补充说明；选取典型作品在下一次课简评。完善代码和学习记录；按要求提交成果；根据反馈修正并形成个人问题清单。教学反思（授课后填写）

项目4常用UI组件（下）教案项目/模块

名称项目4常用UI组件（下）授课课时4课时任务名称任务1使用TextInput组件采集信息

任务2使用Progress组件显示任务进度

任务3创建警告、选择和自定义弹窗

任务4完成在线银行与健身追踪实训授课日期__________教学

目标知识目标：掌握TextInput的输入类型、常用样式和事件；了解Progress不同类型及样式设置；理解警告弹窗、选择器弹窗和自定义弹窗的使用场景。能力目标：能够制作用户名、密码、数字等输入框并处理输入事件；能够根据任务状态设置进度条；能够创建具有确认、取消或自定义内容的弹窗，并完成基本表单交互。素质目标：形成输入校验、敏感信息保护和重要操作二次确认意识；关注用户操作的可预期性与错误提示。教学重点TextInput的type、onChange、onSubmit及状态绑定；Progress的value、total和类型；AlertDialog与CustomDialog的创建和交互逻辑。教学难点学生容易把输入框显示值与状态变量割裂；对进度值、总值和视觉类型之间的关系理解不够；自定义弹窗关闭控制器和页面状态的配合较难。学情分析知识技能基础：学生能够使用基础组件并处理简单单击事件。

认知实践能力：能完成单一组件示例，但对表单数据、状态和业务校验之间的联系掌握不够。

学习特点：对登录、转账、下载等真实场景容易形成代入感，适合从错误输入和风险操作切入。

专业特性：本项目直接支撑登录、设置和交互提示页面，应突出数据校验与安全规范。教学方法场景教学、演示练习、错误案例分析、任务驱动、结对测试。教学资源教材及配套课件、示例代码与项目资源包；DevEcoStudio、Previewer/模拟器；多媒体教学设备；HarmonyOS开发者官方文档。教学评价检查登录表单、进度展示、弹窗交互和项目实训；重点评价输入校验、事件处理、状态更新、敏感操作提示及界面反馈。【教学过程】教学环节教学内容教师活动学生活动课前活动观察两个App中的登录输入框和确认弹窗，记录占位提示、密码显示方式、错误提示和按钮排列；复习@State及onClick。发布学习任务与资源；查看学生提交情况，梳理共性问题，调整课堂示范重点。按要求预习、检查环境或准备资料；提交课前任务，并记录疑问。【课中】教学环节教学内容教师活动学生活动环节1：TextInput组件

【45分钟】TextInput创建、placeholder、type、maxLength、输入样式；onChange、onSubmit和编辑状态。用账号登录场景示范输入与状态同步；展示错误提示设计；强调密码输入和长度限制。完成用户名和密码输入框；实时显示输入长度；实现非空校验和提交事件。环节2：Progress组件

【45分钟】Progress的value、total和Linear、Ring、Capsule等类型；颜色与线宽设置。通过下载和健身目标场景解释确定进度；演示状态变化驱动进度更新；比较不同类型。制作三种进度条；修改进度值观察效果；为进度增加百分比文本。环节3：弹窗组件

【45分钟】AlertDialog、选择器弹窗和CustomDialog；确认、取消、遮罩关闭和控制器。从删除记录场景讲解二次确认；演示自定义内容和关闭方法；设置误删风险讨论。完成删除确认弹窗和一个自定义弹窗；测试确认、取消及遮罩操作。环节4：综合实训与评价

【45分钟】在线银行应用或健身追踪应用：输入、进度、弹窗综合使用；知识巩固。给出核心功能清单和分层任务；组织互测登录、金额输入、进度显示和风险提示。完成实训核心功能；编写测试用例；互测并修正；完成知识巩固题。【课后】教学环节教学内容教师活动学生活动课后拓展在实训页面中增加一项输入校验和一条明确的错误提示；整理“普通提示、确认操作、自定义内容”三类弹窗的适用场景。批阅任务成果，针对共性问题发布补充说明；选取典型作品在下一次课简评。完善代码和学习记录；按要求提交成果；根据反馈修正并形成个人问题清单。教学反思（授课后填写）

项目5样式复用和UI结构复用教案项目/模块

名称项目5样式复用和UI结构复用授课课时4课时任务名称任务1使用@Extend复用组件样式

任务2使用@Styles管理通用样式

任务3使用@Builder封装UI结构

任务4使用@BuilderParam注入动态内容并完成组件复用实训授课日期__________教学

目标知识目标：理解样式复用和UI结构复用的价值；掌握@Extend、@Styles、@Builder和@BuilderParam的基本语法、作用域及适用场景。能力目标：能够提取重复样式和界面结构，构建可复用的样式函数与构建函数；能够通过参数和@BuilderParam实现内容可配置的组件。素质目标：形成减少重复代码、保持视觉一致和模块化设计的意识；在团队开发中遵守组件命名和复用边界。教学重点@Extend与@Styles的区别和调用方式；@Builder对结构的封装；@BuilderParam用于将不同内容注入统一结构。教学难点学生容易把“样式复用”和“结构复用”混为一谈；对作用域、参数传递和@BuilderParam初始化方式容易混淆；过度抽象或抽象不足都可能影响可维护性。学情分析知识技能基础：学生已经编写多个组件页面，能够感受到重复属性和重复布局带来的维护问题。

认知实践能力：具备复制修改代码的能力，但从重复代码中提取共性的经验不足。

学习特点：适合先观察重复代码，再通过重构对比体会复用价值。

专业特性：本项目连接基础UI与工程化开发，应强调命名、边界和可维护性。教学方法代码重构、对比教学、任务驱动、结对评审、案例迁移。教学资源教材及配套课件、示例代码与项目资源包；DevEcoStudio、Previewer/模拟器；多媒体教学设备；HarmonyOS开发者官方文档。教学评价以重构前后代码对比、商品卡片和评论组件复用成果为依据；评价重复代码减少程度、接口清晰度、样式一致性和可读性。【教学过程】教学环节教学内容教师活动学生活动课前活动从项目3或项目4代码中找出三处重复样式或重复结构，标注“完全相同”和“部分相同”；思考哪些内容应作为参数。发布学习任务与资源；查看学生提交情况，梳理共性问题，调整课堂示范重点。按要求预习、检查环境或准备资料；提交课前任务，并记录疑问。【课中】教学环节教学内容教师活动学生活动环节1：复用需求与@Extend

【45分钟】重复样式问题；@Extend的组件类型绑定、参数与链式调用；组件级样式复用。展示三个相似按钮的重复代码；演示提取统一样式；引导判断哪些属性属于稳定规范。重构按钮和文本样式；比较重构前后代码；说明@Extend适用的组件类型。环节2：@Styles与样式管理

【45分钟】@Styles作用域、通用样式集合、样式覆盖和调用顺序；与@Extend对比。通过页面内卡片样式讲解；设置冲突属性观察覆盖结果；组织填写对比表。完成页面级样式复用；验证覆盖顺序；选择合适装饰器解决指定问题。环节3：@Builder与@BuilderParam

【45分钟】@Builder封装UI结构；参数传递；@BuilderParam将动态内容注入通用容器。从商品卡片结构抽取构建函数；演示固定结构与可变内容分离；讲解调用方式。封装卡片标题区和操作区；使用不同参数生成多个实例；完成内容注入。环节4：项目实训与代码评审

【45分钟】电商商品卡片样式复用；社交评论组件复用；知识巩固。给出评审清单：重复、命名、参数、边界、效果；组织同伴代码走查和修正。完成一项实训并展示复用效果；根据清单互评；提交重构说明和代码。【课后】教学环节教学内容教师活动学生活动课后拓展将一个已有页面至少重构出一个样式函数和一个构建函数；用100字说明重构后维护成本如何降低。批阅任务成果，针对共性问题发布补充说明；选取典型作品在下一次课简评。完善代码和学习记录；按要求提交成果；根据反馈修正并形成个人问题清单。教学反思（授课后填写）

项目6常用UI布局教案项目/模块

名称项目6常用UI布局授课课时6课时任务名称任务1使用Row和Column完成线性布局

任务2使用Stack和zIndex完成层叠布局

任务3使用Flex完成弹性布局

任务4使用RelativeContainer完成相对布局

任务5使用Grid和List完成栅格与列表布局

任务6完成个人中心和天气页面实训授课日期__________教学

目标知识目标：掌握线性、层叠、弹性、相对、栅格和列表布局的特点、核心组件及常用属性；理解主轴、交叉轴、对齐、尺寸分配和滚动列表等概念。能力目标：能够根据界面结构选择合适布局，组合多种容器实现页面；能够处理对齐、间距、重叠、自适应、网格分栏和列表滚动问题。素质目标：形成先分析界面层级再编码的习惯；关注多尺寸适配、可读性、整洁度和界面一致性。教学重点Row/Column的主轴和交叉轴；Stack层叠顺序；Flex伸缩与换行；RelativeContainer锚点关系；Grid与List的典型场景。教学难点学生容易依赖固定宽高和大量边距“凑界面”；对主轴、交叉轴和相对约束的理解不够稳定；复杂页面中布局嵌套层次容易混乱。学情分析知识技能基础：学生已能创建和设置组件，但页面布局多依赖简单Column或Row。

认知实践能力：能模仿效果图，缺少从界面结构反推容器层级的系统方法。

学习特点：需要通过草图、布局框和颜色辅助观察容器边界。

专业特性：布局能力决定综合项目页面质量，应强化适配而非只满足单一屏幕。教学方法界面拆解、草图设计、演示教学、任务驱动、对比实验、作品讲评。教学资源教材及配套课件、示例代码与项目资源包；DevEcoStudio、Previewer/模拟器；多媒体教学设备；HarmonyOS开发者官方文档。教学评价通过六类布局小任务和两个页面实训评价；关注布局选择是否合理、层级是否清晰、不同尺寸下是否稳定、代码是否简洁。【教学过程】教学环节教学内容教师活动学生活动课前活动选取一个个人中心或天气页面，使用方框标出主要容器和子组件；复习width、height、padding、margin。发布学习任务与资源；查看学生提交情况，梳理共性问题，调整课堂示范重点。按要求预习、检查环境或准备资料；提交课前任务，并记录疑问。【课中】教学环节教学内容教师活动学生活动环节1：线性布局

【45分钟】Row、Column、space、justifyContent、alignItems、Blank和百分比尺寸。用登录界面拆解主轴与交叉轴；示范容器边界调试；比较Blank与固定间距。完成登录表单布局；调整横竖屏宽度；标注主轴和交叉轴。环节2：层叠布局

【45分钟】Stack、alignContent、zIndex、透明度和背景叠加。以背景图加登录卡片、角标和悬浮按钮为例；说明添加顺序与zIndex。完成背景与表单层叠；调整前后层级；排查遮挡和点击区域。环节3：弹性布局

【45分钟】Flex方向、换行、对齐与空间分配；子组件伸缩。用标签流和自适应按钮组示范；改变容器宽度观察换行；强调适配场景。制作可换行标签区；比较Flex与Row；记录不同宽度下的效果。环节4：相对布局

【45分钟】RelativeContainer、锚点、alignRules和组件间约束。从“头像—姓名—编辑按钮”关系图建立约束；示范ID和依赖关系；分析循环依赖。绘制约束关系；实现相对布局；修改一个组件位置验证联动。环节5：栅格与列表布局

【45分钟】Grid/GridItem分栏；List/ListItem滚动；间距、方向和数据渲染。展示功能宫格与信息列表；说明固定宫格和长列表的差异；示范ForEach结合。完成九宫格和新闻列表；设置间距与滚动；检查数据项复用。环节6：综合页面实训

【45分钟】个人中心页面或天气预报主界面；多布局组合、适配检查和知识巩固。组织先画结构草图再编码；提供横竖屏验收清单；进行作品讲评。完成页面；在不同窗口尺寸下测试；说明所选布局及理由；修改不稳定位置。【课后】教学环节教学内容教师活动学生活动课后拓展完善实训页面的横竖屏适配；提交一张“界面结构图”，标明使用的布局组件及其职责。批阅任务成果，针对共性问题发布补充说明；选取典型作品在下一次课简评。完善代码和学习记录；按要求提交成果；根据反馈修正并形成个人问题清单。教学反思（授课后填写）

项目7状态管理教案项目/模块

名称项目7状态管理授课课时6课时任务名称任务1使用@State管理组件内部状态

任务2使用@Prop和@Link完成父子组件通信

任务3使用@Provide、@Consume实现跨层级共享

任务4使用@Observed、@ObjectLink管理对象状态

任务5使用LocalStorage、AppStorage和PersistentStorage管理应用状态

任务6完成购物网欢迎页面和粉丝回关App实训授课日期__________教学

目标知识目标：理解状态驱动UI更新的基本机制；掌握@State、@Prop、@Link、@Provide、@Consume、@Observed和@ObjectLink的作用；了解LocalStorage、AppStorage和PersistentStorage的作用域及适用场景。能力目标：能够根据状态范围和数据流方向选择装饰器；能够实现组件内部更新、父子单向与双向同步、跨层级共享、对象属性联动和应用级状态保存。素质目标：形成清晰的数据源意识，避免随意共享和重复维护状态；重视数据流可追踪性、命名规范和持久化边界。教学重点状态变量变化与UI更新；@Prop单向同步、@Link双向同步；@Provide/@Consume跨层级传递；应用级状态工具的区别。教学难点学生容易只记装饰器语法而不会根据场景选择；对值、副本、引用和对象深层属性更新理解困难；组件级状态、全局共享和持久化存储的边界容易混淆。学情分析知识技能基础：学生已经使用过@State控制简单交互，但对父子组件通信和应用级状态缺少系统认识。

认知实践能力：能够跟随示例完成绑定，遇到界面不更新时排查思路不足。

学习特点：需要借助数据流箭头图和操作前后对比建立理解。

专业特性：状态管理贯穿登录、Tabs、列表和设置功能，是综合项目的关键能力。教学方法数据流图示、对比教学、问题驱动、代码调试、任务分层、结对讲解。教学资源教材及配套课件、示例代码与项目资源包；DevEcoStudio、Previewer/模拟器；多媒体教学设备；HarmonyOS开发者官方文档。教学评价以计数器、父子组件通信、跨层级主题、对象联动、应用状态保存和两个实训为评价证据；重点考查装饰器选择理由和状态更新结果。【教学过程】教学环节教学内容教师活动学生活动课前活动复习@State示例；用箭头画出“父组件把计数传给子组件，子组件能否修改父组件”的两种需求；阅读教材状态管理概述。发布学习任务与资源；查看学生提交情况，梳理共性问题，调整课堂示范重点。按要求预习、检查环境或准备资料；提交课前任务，并记录疑问。【课中】教学环节教学内容教师活动学生活动环节1：状态管理与@State

【45分钟】状态、状态变量和UI更新；@State基本类型、数组和对象的使用。通过普通变量与@State对比演示；引导观察界面是否更新；讲解状态最小化。完成计数器和名单增删；修改数组与对象属性；记录更新结果。环节2：@Prop与单向数据流

【45分钟】父组件数据源；@Prop接收与单向同步；子组件本地修改的影响。画出父到子的同步箭头；设置父子分别修改的实验；强调可追踪性。完成父子计数显示；分别修改父、子数据并观察；说明单向同步。环节3：@Link及跨层级共享

【45分钟】@Link双向同步；$引用传递；@Provide和@Consume跨层级共享。对比@Prop与@Link；用祖先—中间—后代组件讲解跨层级传递。完成双向滑块或开关；实现祖先提供主题、后代消费主题。环节4：对象状态管理

【45分钟】@Observed和@ObjectLink；对象属性变化、嵌套对象与组件拆分。用学生对象卡片演示深层属性更新；指导定位“数据变了但界面未更新”的原因。完成对象详情与编辑子组件；修改属性并验证父子联动。环节5：应用状态管理

【45分钟】LocalStorage、AppStorage、PersistentStorage的作用域、生命周期和典型场景。用“页面局部—全应用登录状态—重启后主题”三种需求对比；演示读写和持久化。为登录状态或主题选择工具；实现保存与恢复；填写场景选择表。环节6：综合实训与评价

【45分钟】购物网欢迎页面、粉丝列表回关App；装饰器综合使用与知识巩固。提供功能验收点；组织学生讲解数据源、传递方向和更新路径；进行针对性纠错。完成实训；用数据流图说明代码；互测关注状态；完成知识巩固题。【课后】教学环节教学内容教师活动学生活动课后拓展为项目12预先设计“用户信息、当前页签、已读状态、主题设置”四类状态，标明使用范围和拟采用的管理方式。批阅任务成果，针对共性问题发布补充说明；选取典型作品在下一次课简评。完善代码和学习记录；按要求提交成果；根据反馈修正并形成个人问题清单。教学反思（授课后填写）

项目8导航组件与页面路由教案项目/模块

名称项目8导航组件与页面路由授课课时4课时任务名称任务1使用Navigation构建页面导航区域

任务2配置导航栏标题与操作项

任务3使用router完成页面跳转、返回和传参

任务4完成电商购物与社交应用导航实训授课日期__________教学

目标知识目标：了解导航组件的作用和常见结构；掌握页面跳转、页面返回、页面栈、路由模式、参数传递以及组件和页面生命周期的基本概念。能力目标：能够使用Navigation组织页面标题和内容；能够使用router进行跳转、返回和传参；能够根据页面栈和生命周期处理页面进入、离开和数据刷新。素质目标：形成清晰的导航层级和返回路径意识；关注误操作确认、参数安全、页面一致性和无障碍提示。教学重点Navigation基本结构和标题区域；router.pushUrl、replaceUrl、back等操作；页面栈、路由参数和生命周期之间的关系。教学难点学生容易混淆导航组件与页面路由的职责；对push和replace造成的页面栈差异认识不直观；路由参数类型和页面重新进入时的数据刷新容易出错。学情分析知识技能基础：学生已具备组件、布局和状态管理基础，能够创建多个页面文件。

认知实践能力：能完成单次跳转，但缺乏对完整导航链路、返回行为和数据传递的整体设计。

学习特点：适合通过页面栈卡片模拟和多页面操作验证。

专业特性：导航路由直接支撑电商、社交和项目12多页面应用，应强调用户路径。教学方法场景演示、页面栈可视化、任务驱动、结对测试、流程图设计。教学资源教材及配套课件、示例代码与项目资源包；DevEcoStudio、Previewer/模拟器；多媒体教学设备；HarmonyOS开发者官方文档。教学评价检查导航栏、页面跳转、返回、参数接收和生命周期日志；以电商或社交应用的完整导航链路作为综合评价。【教学过程】教学环节教学内容教师活动学生活动课前活动画出一个三页面App的跳转关系，标明首页、详情页和个人中心的进入与返回路径；复习多页面文件创建。发布学习任务与资源；查看学生提交情况，梳理共性问题，调整课堂示范重点。按要求预习、检查环境或准备资料；提交课前任务，并记录疑问。【课中】教学环节教学内容教师活动学生活动环节1：导航结构与Navigation

【45分钟】导航组件作用；Navigation标题、返回区域和页面内容；基本样式与操作项。对比单页标题和多页导航；示范基本Navigation结构；强调导航标题和内容职责。创建带标题和操作按钮的页面；调整标题模式；检查返回和内容区域。环节2：导航交互与页面体验

【45分钟】导航栏自定义、操作按钮、提示与确认；页面层级和无障碍描述。从搜索、更多和删除操作讲解；组织分析哪些操作应直接执行、哪些需要确认。完善导航栏；为操作项增加反馈；依据清单检查可理解性。环节3：页面路由与生命周期

【45分钟】页面跳转、返回、push/replace、页面栈、参数传递；aboutToAppear等生命周期。用卡片模拟页面栈；演示传递商品ID并接收；观察生命周期日志。完成列表到详情跳转和返回；传递参数；说明不同路由模式的栈变化。环节4：综合实训与评价

【45分钟】电商购物应用或社交应用导航；路由链路测试和知识巩固。发布用户路径和验收要求；组织结对测试“进入—传参—返回—再次进入”。完成多页面导航；绘制页面栈变化；互测并修正；完成知识巩固题。【课后】教学环节教学内容教师活动学生活动课后拓展在实训中增加一个详情页面，并实现参数传递与返回；提交页面关系图和一次完整操作路径。批阅任务成果，针对共性问题发布补充说明；选取典型作品在下一次课简评。完善代码和学习记录；按要求提交成果；根据反馈修正并形成个人问题清单。教学反思（授课后填写）

项目9网络请求与数据持久化教案项目/模块

名称项目9网络请求与数据持久化授课课时4课时任务名称任务1认识HTTP及常用请求方法

任务2配置网络权限并发起HTTP请求

任务3选择并使用数据持久化方案

任务4完成新闻数据获取和用户首选项实训授课日期__________教学

目标知识目标：理解HTTP请求/响应、URL、JSON及常用请求方法；掌握网络权限声明和HTTP请求基本步骤；了解用户首选项、键值数据库和关系数据库的特点及适用场景。能力目标：能够配置网络权限、创建请求对象、发起请求并处理成功和异常结果；能够根据数据规模与关系选择存储方式，并实现简单数据保存与读取。素质目标：形成合法合规访问网络、保护用户数据、及时释放资源和处理异常的意识；重视数据准确性与最小必要权限。教学重点HTTP请求流程、权限配置、Promise响应处理；JSON解析；Preferences、键值数据库和关系数据库的选择依据。教学难点学生容易把网络请求写成只处理成功情况；对异步结果、错误捕获和请求对象释放理解不足；三种持久化方案的使用边界容易混淆。学情分析知识技能基础：学生掌握ArkTS函数、对象、模块、状态和列表渲染，可理解JSON数据结构。

认知实践能力：对浏览器访问网络有生活经验，但对客户端请求流程和异步处理缺少编程经验。

学习特点：真实接口受网络和数据格式影响较大，需要准备稳定的模拟数据和降级方案。

专业特性：网络与存储是应用业务能力的基础，应突出异常处理、权限与数据安全。教学方法流程图讲解、代码演示、接口调试、对比选择、任务驱动、故障排查。教学资源教材及配套课件、示例代码与项目资源包；DevEcoStudio、Previewer/模拟器；多媒体教学设备；HarmonyOS开发者官方文档。教学评价检查权限配置、请求日志、JSON解析、列表更新、首选项保存与恢复；评价异常处理、资源释放、数据方案选择说明和实训结果。【教学过程】教学环节教学内容教师活动学生活动课前活动复习JSON对象与数组；使用浏览器开发者工具或示例数据观察一段JSON；阅读HTTPGET和POST的用途。发布学习任务与资源；查看学生提交情况，梳理共性问题，调整课堂示范重点。按要求预习、检查环境或准备资料；提交课前任务，并记录疑问。【课中】教学环节教学内容教师活动学生活动环节1：HTTP与权限

【45分钟】HTTP请求/响应、URL、JSON、GET与POST；网络权限声明。用新闻获取场景绘制客户端—服务器流程；讲解状态码和权限最小化；检查module.json5位置。识别URL组成；比较GET与POST；完成网络权限配置并说明用途。环节2：发起请求与处理响应

【45分钟】导入NetworkKithttp模块；createHttp、request、then/catch、状态码、JSON解析与destroy。从可运行示例逐步拆解；模拟断网、非200和JSON错误；强调请求对象不可复用及释放。发起测试请求；打印状态码和结果；补充异常处理；将数据转换为对象数组。环节3：数据持久化方案

【45分钟】Preferences、键值数据库和关系数据库的特点；数据量、结构、查询和生命周期。给出主题设置、购物车、学生表三种需求组织选型；演示首选项保存与读取。完成存储方案选择表；实现字体大小或夜间模式保存与恢复。环节4：综合实训与评价

【45分钟】新闻资讯应用数据获取；用户首选项持久化实践；知识巩固。提供在线接口和本地模拟数据两套方案；组织运行验收和异常测试。完成至少一项实训；提交请求/存储结果、异常处理说明；完成知识巩固题。【课后】教学环节教学内容教师活动学生活动课后拓展在项目12中设计一项可持久化的用户设置；写出键名、数据类型、默认值、保存时机和读取时机。批阅任务成果，针对共性问题发布补充说明；选取典型作品在下一次课简评。完善代码和学习记录；按要求提交成果；根据反馈修正并形成个人问题清单。教学反思（授课后填写）

项目10鸿蒙应用模型教案项目/模块

名称项目10鸿蒙应用模型授课课时4课时任务名称任务1认识FA模型和Stage模型

任务2分析Stage模型工程目录与配置文件

任务3掌握UIAbility生命周期

任务4实现跨UIAbility交互并完成配置实训授课日期__________教学

目标知识目标：了解应用模型的作用以及Stage模型的特点；掌握工程目录、app.json5和module.json5的关键配置；理解AbilityStage、UIAbility、ExtensionAbility、WindowStage和Context的职责；掌握UIAbility生命周期。能力目标：能够阅读Stage模型工程结构和配置文件；能够根据需求修改应用与模块配置；能够观察并处理UIAbility生命周期事件，使用Want完成基本跨UIAbility交互。素质目标：形成按模型和配置规范组织工程的意识；重视组件职责、生命周期资源管理和配置项准确性。教学重点Stage模型组件关系；app.json5与module.json5的作用和关键字段；UIAbility的Create、Foreground、Background、Destroy阶段；Want传递。教学难点学生容易把页面生命周期、组件生命周期和UIAbility生命周期混为一谈；配置文件字段多且作用范围不同；跨UIAbility交互涉及Context、Want和目标配置，排查链路较长。学情分析知识技能基础：学生已创建多个Stage模型项目，使用过pages和module.json5，但对工程背后的运行模型认识不系统。

认知实践能力：能够修改示例配置，缺少根据错误日志定位配置问题的经验。

学习特点：抽象概念较多，应结合当前工程目录、生命周期日志和具体配置操作。

专业特性：理解应用模型有助于规范工程结构、资源管理和后续发布。教学方法工程解剖、图示讲解、日志观察、配置对照、任务驱动、问题排查。教学资源教材及配套课件、示例代码与项目资源包；DevEcoStudio、Previewer/模拟器；多媒体教学设备；HarmonyOS开发者官方文档。教学评价通过目录标注、配置文件修改、生命周期日志、跨UIAbility操作和实训成果评价；重点检查字段作用理解与配置准确性。【教学过程】教学环节教学内容教师活动学生活动课前活动打开一个已有项目，标出AppScope、entry、ets、resources、app.json5和module.json5；记录不理解的目录或字段。发布学习任务与资源；查看学生提交情况，梳理共性问题，调整课堂示范重点。按要求预习、检查环境或准备资料；提交课前任务，并记录疑问。【课中】教学环节教学内容教师活动学生活动环节1：应用模型与Stage架构

【45分钟】应用模型作用；FA与Stage；AbilityStage、UIAbility、ExtensionAbility、WindowStage、Context关系。结合工程和运行过程绘制组件关系图；区分页面与UIAbility；设置角色卡片匹配任务。完成组件职责匹配；在工程中定位相关文件；用自己的话说明UIAbility职责。环节2：目录与配置文件

【45分钟】Stage工程目录；app.json5全局配置；module.json5模块、页面、Ability与权限配置。逐项对照当前项目；演示修改应用名称、图标和设备类型；分析常见JSON5格式错误。标注目录；修改测试项目标签和图标；检查配置格式并运行验证。环节3：UIAbility生命周期

【45分钟】onCreate、onForeground、onBackground、onDestroy；WindowStage加载页面；资源初始化与释放。加入日志并演示前后台切换；讨论各阶段适合执行的任务；区分页面aboutToAppear。运行并记录生命周期顺序；为不同操作选择合适阶段；解释日志结果。环节4：跨UIAbility与综合实训

【45分钟】Want、startAbility、目标Ability配置；应用图标标签配置和多功能购物应用实训。示范从主Ability拉起目标Ability并传参；提供配置排查清单；组织验收。完成跨UIAbility启动或配置实训；核对目标名称和bundleName；完成知识巩固。【课后】教学环节教学内容教师活动学生活动课后拓展整理“页面生命周期—组件生命周期—UIAbility生命周期”对比表；检查项目12的app.json5和module.json5配置。批阅任务成果，针对共性问题发布补充说明；选取典型作品在下一次课简评。完善代码和学习记录；按要求提交成果；根据反馈修正并形成个人问题清单。教学反思（授课后填写）

项目11鸿蒙应用发布教案项目/模块

名称项目11鸿蒙应用发布授课课时4课时任务名称任务1梳理鸿蒙应用发布流程并创建AppID

任务2生成密钥、CSR、数字证书和Profile文件

任务3配置发布签名并构建.app文件

任务4上传应用、完善资料并了解审核要求授课日期__________教学

目标知识目标：了解应用从实名认证、AppID、签名材料、发布构建到上传审核的完整流程；理解密钥库、CSR、数字证书、Profile和发布包之间的关系；了解应用市场资料和审核要求。能力目标：能够按流程创建应用标识和签名材料；能够配置release签名并构建发布包；能够准备应用信息、上传软件包并检查提交材料。素质目标：形成谨慎保管密钥和密码、逐项核对配置、遵守隐私与应用市场规范的职业意识；理解发布不仅是技术操作，也包含合规和质量责任。教学重点AppID、包名与工程bundleName的一致性；密钥库、证书和Profile的关系；release签名配置、构建及上传流程；审核材料完整性。教学难点发布流程跨DevEcoStudio和AGC两个环境，步骤多且前后依赖强；学生容易混淆调试签名与发布签名，或出现包名、证书、Profile不匹配；真实账号权限和平台界面可能存在差异。学情分析知识技能基础：学生已完成应用开发、配置文件和Stage模型学习，能够构建并运行项目。

认知实践能力：具备按步骤操作能力，但对签名链路和发布材料之间的关系缺少经验。

学习特点：操作不可逆或涉及账号信息，适合教师示范、学生使用训练项目和流程单进行模拟或实操。

专业特性：本项目对应真实岗位发布流程，应强化凭证安全、版本管理、隐私合规和审核意识。教学方法流程演示、凭证关系图、任务清单、案例分析、模拟发布、风险提示。教学资源教材及配套课件、示例代码与项目资源包；DevEcoStudio、Previewer/模拟器；多媒体教学设备；HarmonyOS开发者官方文档。教学评价评价发布流程图、AppID与签名配置检查表、构建结果、发布材料清单和审核案例分析；涉及真实平台时以规范操作和过程记录为主。【教学过程】教学环节教学内容教师活动学生活动课前活动复习bundleName、app.json5和build-profile.json5；准备一个可正常构建的训练项目；阅读发布流程图并标出不理解的凭证。发布学习任务与资源；查看学生提交情况，梳理共性问题，调整课堂示范重点。按要求预习、检查环境或准备资料；提交课前任务，并记录疑问。【课中】教学环节教学内容教师活动学生活动环节1：发布流程与开发准备

【45分钟】实名认证、AGC、AppID、应用包名和发布流程；调试包与发布包的区别。用全流程图串联各环节；演示创建应用和AppID；强调包名唯一性和一致性。填写发布流程卡；核对训练项目bundleName；完成AppID创建模拟记录。环节2：签名材料准备

【45分钟】密钥库.p12、CSR、数字证书.cer和Profile；生成、申请、下载和安全保管。画出私钥—公钥—证书—Profile关系；示范GenerateKeyandCSR；提示密码和文件备份。按任务单生成或模拟生成材料；填写材料用途与保管要求；互查文件清单。环节3：发布签名与构建

【45分钟】release构建模式；SigningConfigs；build-profile.json5；构建.app文件和结果检查。演示签名配置和构建；设置包名或Profile不匹配案例进行排错；讲解版本信息检查。配置训练项目；构建发布包；根据日志排查问题；记录输出路径和文件信息。环节4：上传、审核与推广

【45分钟】上传应用、填写基本信息、隐私与权限说明、截图和版权材料；审核标准、常见拒绝原因及发布后推广。展示材料清单和审核案例；组织小组从安全、功能、体验、合规四方面检查。完成模拟发布材料表；分析一个拒绝案例；提出整改措施；完成知识巩固。【课后】教学环节教学内容教师活动学生活动课后拓展为项目12制作“发布前检查清单”，至少包含包名、版本、权限、隐私说明、图标截图、签名和功能测试七项。批阅任务成果，针对共性问题发布补充说明；选取典型作品在下一次课简评。完善代码和学习记录；按要求提交成果；根据反馈修正并形成个人问题清单。教学反思（授课后填写）

项目12考研通App开发教案项目/模块

名称项目12考研通App开发授课课时12课时任务名称任务1创建项目并规划工程目录

任务2配置颜色、图片、测试数据和应用信息

任务3实现登录页面与登录逻辑

任务4实现Tabs主框架和页面切换

任务5实现“我的”页面

任务6实现“首页”资讯展示

任务7实现“研经”页面

任务8完成联调、测试、展示与拓展授课日期__________教学

目标知识目标：了解一个鸿蒙应用从项目创建、目录规划、资源配置到页面实现、状态共享、导航和数据展示的完整过程；掌握考研通登录、Tabs、“我的”“首页”和“研经”等模块的组成及实现思路。能力目标：能够按照模块划分工程目录，使用资源文件、数据模型、测试数据和可复用组件；能够完成登录校验、AppStorage用户信息共享、Tabs切换、列表渲染和页面整合；能够调试并展示完整项目。素质目标：培养按需求分析、分工协作、版本迭代和测试验收开展项目的职业习惯；重视用户体验、代码规范、数据安全和成果表达。教学重点项目目录与模块职责；登录数据和App