鴻蒙應用開發項目式教程（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