鴻蒙應用開發項目式教程（AI助學）（微課版）-教案 項目3 樂購圈應用、項目4 手勢密碼應用

《鴻蒙應用開發項目式教程》課程教學單元設計第1頁共7頁《鴻蒙應用開發項目式教程》課程教學單元設計項目3樂購圈應用授課教師：授課班級:學時：12教學條件計算機實訓室、DevEcoStudio開發工具、投影設備、廣播教學軟件教學素材教材《鴻蒙應用開發項目式教程》、教學課件、實訓項目單、案例源碼庫、微課視頻、教學網站教學目標設計知識目標：

1.熟悉ArkUI基礎組件的類型和使用方法。

2.掌握容器組件的布局方式。

3.理解路由的基本原理。技能目標：

1.能夠使用基礎組件構建簡單界面。

2.能夠靈活使用容器組件進行布局。

素質目標：

1.具有良好的軟件編碼規范素養2.提升問題解決能力任務描述為滿足消費者在購物過程中對社交互動、分享體驗和獲取建議的需求，需要開發一款"樂購圈"社交購物App。該App主要包含三個核心頁面：登錄頁面（提供賬號密碼登錄、短信驗證碼登錄和第三方登錄選項）、首頁（展示輪播商品推廣和好物推薦）、我的頁面（顯示用戶賬號信息，提供訂單、資訊、關注等功能）。教學內容熟悉ArkUI基礎組件的類型和使用方法。

掌握容器組件的布局方式。

理解路由的基本原理。

學習樂購圈App的整體架構設計。重點：

熟悉ArkUI基礎組件的類型和使用方法；掌握容器組件的布局方式；理解路由的基本原理。難點：

容器組件布局的靈活運用；路由跳轉的實現；頁面間數據傳遞。任務分析與實現1.需求：購物瀏覽、用戶登錄、底部導航、個人信息管理；2.流程：新建項目→準備資源→定義常量與數據模型→構建自定義組件→實現登錄與主頁面→注冊頁面路由→預覽與模擬器測試；3.效果：登錄驗證跳轉、首頁輪播與商品展示、Tab切換、個人中心信息展示。

教學過程設計主要步驟教學內容教學方法教學手段師生活動問題引入什么是ArkUI組件？為什么需要容器組件？路由在App開發中有什么作用？教師講授

引導法多媒體教師：講解演示

學生：觀察思考知識講解1：熟悉ArkUI基礎組件的類型和使用方法。

2：掌握容器組件的布局方式。

3：理解路由的基本原理。

4：樂購圈App架構設計。啟發講解

討論歸納多媒體

課件演示

代碼投屏思考

交流互動

分組討論

記錄筆記示范操作1：使用Text、Image、Button等基礎組件。

2：使用Column、Row、Stack等容器組件布局。

3：配置路由實現頁面跳轉。

4：搭建樂購圈App項目框架。問題引導

操作演示

分析歸納多媒體投屏

DevEcoStudio實時演示觀摩思考

歸納總結實戰訓練課堂實踐：完成樂購圈App登錄頁面開發，使用ArkUI基礎組件和容器組件進行布局，并實現路由跳轉功能。動手實踐

做中學DevEcoStudio真實開發環境實踐操作

查閱資料

巡視指導評估討論1.評估討論實訓任務的實施過程；

2.給出參考的解決方案；

3.展示討論學生的解決方案；教師啟發

討論歸納

分數激勵實訓項目單

結果演示思考

結果演示課堂總結1.ArkUI基礎組件是構建UI界面的基礎，包括Text、Image、Button等。

2.掌握容器組件的布局方式包括Column、Row、Stack等容器的靈活運用。

3.理解路由的基本原理包括頁面注冊、路由跳轉和數據傳遞。

4.樂購圈App采用模塊化架構，包含登錄、首頁、我的三個核心模塊。教師講解多媒體

課件演示

代碼回顧整理筆記

引導創新課后作業完善項目代碼，獨立完成AI賦能拓展任務：在樂購圈應用中添加一個注冊頁面，允許新用戶創建賬號。該頁面將從登錄頁面的注冊新賬號按鈕進入，包含基本的注冊表單；提交完整源碼、運行截圖、實訓報告。任務布置、自主拓展多媒體布置作業

提出要求《鴻蒙應用開發項目式教程》課程教學單元設計項目4手勢密碼應用授課教師：授課班級:學時：8教學條件計算機實訓室、DevEcoStudio開發工具、投影設備、廣播教學軟件教學素材教材《鴻蒙應用開發項目式教程》、教學課件、實訓項目單、案例源碼庫、微課視頻、教學網站教學目標設計知識目標：

1.掌握ArkDataPreferencesAPI的常用方法及生命周期2.理解輕量級鍵值對存儲機制。3.熟悉PatternLock組件的屬性、事件及PatternLockController控制器的使用方法技能目標：

1.能夠使用PreferencesAPI完成數據的異步讀寫、更新與持久化。2.能夠基于PatternLock組件實現圖案密碼的設置、驗證與重置完整流程。素質目標：

1.具有良好的數據安全與隱私保護意識，遵循最小權限與加密存儲規范。2.提升異常處理與調試能力，能主動記錄日志并定位數據操作錯誤。任務描述本應用展示了手勢密碼組件的使用，實現了密碼設置、驗證和重置功能。手勢密碼組件：以宮格圖案的方式輸入密碼，用于密碼驗證。手指觸碰屏幕上的手勢密碼區域時開始進入輸入狀態，手指離開屏幕時結束輸入狀態并向應用返回輸入的密碼。使用到用戶首選項接口@ohos.data.preferences異步獲取用戶設定過的密碼。教學內容掌握ArkDataPreferencesAPI的常用方法及生命周期。

理解輕量級鍵值對存儲機制。

熟悉PatternLock組件的屬性、事件。

學習手勢密碼App的整體架構設計。重點：

掌握ArkDataPreferencesAPI的常用方法及生命周期；理解輕量級鍵值對存儲機制；熟悉PatternLock組件的屬性、事件。難點：

PreferencesAPI的生命周期管理；PatternLock組件的事件處理；數據存儲的安全性保障。任務分析與實現需求：圖案密碼設置、密碼驗證、密碼重置、數據持久化、頁面跳轉流程：新建項目→準備資源→定義常量→封裝工具類→構建自定義組件→實現Index主頁面→實現Home頁面→注冊頁面路由→預覽與模擬器測試3.效果：首次設置密碼、驗證解鎖、重置密碼、解鎖成功提示

教學過程設計主要步驟教學內容教學方法教學手段師生活動問題引入什么是ArkDataPreferences？輕量級鍵值對存儲有什么特點？PatternLock組件如何實現手勢識別？教師講授

引導法多媒體教師：講解演示

學生：觀察思考知識講解1：掌握ArkDataPreferencesAPI的常用方法及生命周期。

2：理解輕量級鍵值對存儲機制。

3：熟悉PatternLock組件的屬性、事件。

4：手勢密碼App架構設計。啟發講解

討論歸納多媒體

課件演示

代碼投屏思考

交流互動

分組討論

記錄筆記示范操作1：創建Preferences實例并進行數據存儲。

2：實現數據的讀取、更新和刪除操作。

3：使用PatternLock組件實現手勢輸入。

4：搭建手勢密碼App項目框架。問題引導

操作演示

分析歸納多媒體投屏

DevEcoStudio實時演示觀摩思考

歸納總結實戰訓練課堂實踐：完成手勢密碼App的核心功能開發，包括手勢密碼的創建、驗證和存儲功能。動手實踐

做中學DevEcoStudio真實開發環境實踐操作

查閱資料

巡視指導評估討論1.評估討論實訓任務的實施過程；

2.給出參考的解決方案；

3.展示討論學生的解決方案；

4.考核學生結果。教師啟發

討論歸納

分數激勵實訓項目單

結果演示思考

結果演示課堂總結1.ArkDataPreferences是鴻蒙提供的輕量級鍵值對存儲API，適用于存儲少量配置數據。

2.理解輕量級鍵值對存儲機制具有高效、簡單的特點，適合存儲用戶偏好設置等數據。

3.熟悉PatternLock組件的屬性、事件包括手勢繪制、驗證、回調事件處理等。

4.手勢密碼