鸿蒙应用开发项目式教程（AI助学）（微课版）-教案 项目1 第一个ArkTS应用（Stage模型）、项目2 中国汽车销量排行榜应用

《鸿蒙应用开发项目式教程》课程教学单元设计第1页共7页《鸿蒙应用开发项目式教程》课程教学单元设计项目1第一个ArkTS应用（Stage模型）授课教师：授课班级:学时：4教学条件计算机实训室、DevEcoStudio、鸿蒙模拟器、投影设备、广播教学软件、可联网计算机教学素材教材讲义、教学PPT、项目源码、配套微课视频、HarmonyOS官方开发文档、实训任务单教学目标设计知识目标：1.了解鸿蒙操作系统2.掌握DevEcoStudio的使用3.了解AI辅助编程工具4.熟悉工程目录及配置文件5.了解ArkTS语言6.了解Stage模型技能目标：1.能够熟练使用DevEcoStudio创建鸿蒙项目2.能够熟练使用模拟器测试鸿蒙应用素质目标：1.具有良好的软件编程规范素养2.树立技术自信，培养精益求精的工匠精神任务描述基于DevEcoStudio创建Stage模型ArkTS应用，包含主界面、界面二两个界面；主界面展示指定诗词文案+跳转按钮，第二界面展示对应诗词+返回按钮；借助Router组件实现双向界面跳转，完成预览器、模拟器全流程测试；熟悉鸿蒙开发环境、项目结构、界面路由基础开发流程教学内容1.鸿蒙系统知识：OpenHarmony开源项目、HarmonyOS商用系统、HarmonyOSNEXT介绍2.项目结构：Stage模型工程目录、app.json5与module.json5配置文件说明3.基础理论：ArkTS语言简介、Stage模型架构（UIAbility、WindowStage、Context）4.开发环境：DevEcoStudio安装、工程创建、模拟器创建启动、预览器使用5.开发实操：新建界面、ArkUI文本/Button组件、Router路由pushUrl/back实现界面跳转6.AI辅助：CodeGenie智能编程工具登录与基础问答使用重点：DevEcoStudio环境搭建与项目创建、界面创建、Router界面跳转实现、预览器与模拟器调试难点：Stage模型架构理解、工程配置文件作用区分、pushUrl与replaceUrl两种路由方式区别任务分析与实现1.需求梳理：双界面布局、文字展示、按钮跳转返回2.开发流程：安装IDE→新建EmptyAbility项目→修改首页UI→新建SecondPage界面→编写路由跳转代码→预览调试→模拟器运行测试→体验CodeGenie工具3.运行效果：点击按钮可在主界面、界面二互相切换，应用正常在模拟器运行

教学过程设计主要步骤教学内容教学方法教学手段师生活动问题引入展示手机APP界面切换效果，抛出问题：APP多个界面如何创建、界面之间怎么跳转？引入鸿蒙Stage模型应用开发，引出本项目双界面跳转案例讲授法、情景提问法课件、成品APP演示、运行效果图教师：案例演示，提出思考问题；学生：观察效果、思考讨论知识讲解1.国产鸿蒙系统：OpenHarmony与HarmonyOS区别、技术自主创新科普2.Stage模型整体架构、工程目录与两个核心配置文件3.ArkTS基础介绍、Router路由两种跳转方式区别4.DevEcoStudio界面分区、模拟器原理、CodeGenie工具简介启发式讲授、对比讲解PPT课件、目录结构图、架构原理图投屏教师：知识点拆解讲解；学生：课堂记录，疑问举手提问示范操作1.分步演示DevEcoStudio安装、模拟器创建启动2.演示EmptyAbility项目创建，修改Index首页文本与按钮3.演示新建SecondPage界面、修改界面文案4.导入router模块，编写跳转、返回代码，预览+模拟器运行调试分步实操演示、边写边讲投屏、DevEco实时代码编写教师：分步实操演示，强调易错点；学生：跟随记录关键代码步骤实战训练学生独立完成项目全流程：环境校验→新建项目→双界面布局开发→路由跳转代码编写→预览自测→模拟器运行；遇到bug自主排错，教师巡回答疑项目驱动教学、自主实操实训室开发环境、实训指导书学生：独立编码开发、调试程序；教师：巡回巡查，针对性答疑纠错评估讨论1.功能验收：检查界面文字、跳转返回功能是否正常2.查看代码规范性、项目目录结构是否规范3.挑选优秀学生作品投屏展示，小组互相点评作品点评、学生互评、过程考核模拟器投屏、评分记录表学生：演示自己项目、互评优缺点；教师：总结共性错误，优化指导课堂总结1.梳理鸿蒙系统、Stage模型、项目目录核心知识点2.总结界面创建、Router跳转开发步骤3.归纳开发环境、预览器/模拟器使用要点、AI辅助编程作用框架梳理、归纳复盘思维导图课件学生：整理课堂笔记；教师：提炼知识重难点课后作业完善本次元服务项目代码，独立完成AI赋能拓展任务：初识DevEcoAI辅助编程工具。任务驱动、自主拓展多媒体发布作业学生：课下完成拓展任务、提交材料；教师：明确作业评分标准《鸿蒙应用开发项目式教程》课程教学单元设计项目2中国汽车销量排行榜应用授课教师：授课班级:学时：12教学条件计算机实训室、DevEcoStudio、模拟器、投影、广播教学软件、网络环境教学素材教材、课件、实训单、源码库、微课、教学网站、ArkTS官方文档教学目标设计知识目标：1.熟悉ArkTS基础语法2.熟悉@Builder用法3.熟悉装饰器@State、@Prop、@Link用法4.熟悉自定义组件生命周期函数技能目标：能够使用ArkTS实现应用简单功能素质目标：1.培养使用ArkTS装饰器进行组件化开发和数据传递的规范编程习惯2.提升通过预览器与模拟器测试UI布局及数据展示准确性的质量保障意识任务描述基于DevEcoStudio开发汽车销量排行应用，完成项目结构、模拟数据、自定义组件、主界面、数据切换、返回退出、销量总和统计功能，在预览器/模拟器正常运行，掌握ArkTS、组件化、状态管理核心技能。教学内容1.ArkTS：变量常量、类型、运算符、流程控制、函数、面向对象、模块化2.装饰器：@Entry、@Component、@Builder、@State、@Prop、@Link3.生命周期：aboutToAppear、aboutToDisappear等4.项目分层：数据模型、视图模型、组件5.模拟数据、列表渲染、数据切换重点：ArkTS装饰器、自定义组件、列表渲染、数据切换与状态管理难点：@State/@Prop/@Link数据绑定、@Builder复用、父子通信、生命周期任务分析与实现1.需求：排行展示、数据切换、退出、销量总和2.流程：新建项目→目录→数据模型→模拟数据→组件开发→主界面→测试→AI拓展3.效果：列表展示、切换数据、退出、底部显示销量总和

教学过程设计主要步骤教学内容教学方法教学手段师生活动问题引入展示汽车销量数据，提问：如何实现排行展示、数据切换、组件复用？讲授、引导提问课件、效果演示教师：演示引导；学生：思考作答知识讲解1.ArkTS基础语法2.核心装饰器用法3.组件生命周期4.项目分层结构5.列表与数据逻辑启发讲解、案例对比课件、代码投屏学生：听讲记录；教师：答疑梳理示范操作1.新建项目与结构搭建2.数据模型与模拟数据3.三大组件开发4.主界面与逻辑实现5.预览/模拟器调试分步演示、实操讲解投屏、DevEco演示学生：观摩记录；教师：强调重难点实战训练独立完成项目开发：结构、数据、组件、界面、切换、退出、销量总和项目驱动、动手实践开发环境、实训书学生：实操排错；教师：巡回指导评估讨论1.功能检查：界面、切换、退出、总和2.代码规范检查3.优秀作品展示点评4.综合考核点评、互评、激励作品投屏、评分表学生：演示互评；教师：点评优化课堂总结1.Ar