XX學院教案課程HarmonyOS鴻蒙應用開發(fā)課次26課題“我的”主頁（下）班級授課地點實到人數(shù)授課時間備課時間課型□理論□實踐√理實一體教學目標知識目標：1.掌握用戶登錄狀態(tài)判斷與持久化存儲方法。2.理解Preferences數(shù)據(jù)存儲機制。3.掌握路由攔截的實現(xiàn)原理。能力目標：1.能夠實現(xiàn)用戶登錄狀態(tài)持久化存儲。2.能夠配置路由攔截功能。3.能獨立完成登錄狀態(tài)判斷邏輯。素質目標：1.培養(yǎng)用戶隱私保護意識。2.強化代碼規(guī)范意識。3.培養(yǎng)模塊化開發(fā)思維。教學重點1.Preferences數(shù)據(jù)存儲機制。2.路由攔截實現(xiàn)方法。3.登錄狀態(tài)判斷邏輯。教學難點1.路由棧操作原理。2.數(shù)據(jù)持久化與內存同步機制。3.攔截條件判斷邏輯。教學過程（主要教學內容、教學方式方法、教學時間分配等）主要教學內容教學方式、方法手段等（教師活動/學生活動）教學用時(分鐘)一、案例導入二、用戶狀態(tài)管理三、路由配置四、攔截實現(xiàn)五、總結提升1.回顧“我的”頁面（上）實現(xiàn)。2.展示未登錄攔截效果圖（圖7.31）。（案例展示法）1.講解AccountVO類設計。2.演示Preferences存儲機制3.實現(xiàn)isLogin()方法。（教師演示，學生跟練）1.解析router_map.json配置。2.演示NavDestination使用。3.實現(xiàn)頁面跳轉邏輯。（任務驅動法）1.分析willShow回調機制。2.實現(xiàn)登錄狀態(tài)判斷。3.完成路由重定向。（錯誤示范法：教師設錯→學生糾錯）1.關鍵代碼回顧。2.典型問題分析。（歸納總結，師生問答）8'20'20'20’12’課程思政教學設計1.數(shù)據(jù)安全意識：通過用戶信息存儲案例強調隱私保護重要性。2.工匠精神：在Preferences使用中強調flush方法的必要性。3.創(chuàng)新意識：對比傳統(tǒng)跳轉與路由攔截的體驗差異。教學手段教具極域課堂教學課后作業(yè)與思考題1.超星在線作業(yè)。2.基礎作業(yè)（1）實現(xiàn)用戶信息本地存儲功能。（2）完成登錄狀態(tài)判斷邏輯。（3）配置至少2個需要登錄的頁面。3.提升作業(yè)研究分布式場景下的登錄狀態(tài)同步?？偨Y分析通過本課程的學習，學生將系統(tǒng)掌握的用戶狀態(tài)管理和路由攔截核心技能。能夠獨立實現(xiàn)基于Preferences的持久化存儲、精準判斷登錄狀態(tài)，并完成帶權限校驗的頁面跳轉邏輯。課程通過理實一體化的教學方式，不僅培養(yǎng)了學生的模塊化開發(fā)能力和安全編碼意識，更通過路由攔截的實踐，讓學生深入理解用戶體驗優(yōu)化的設計思想。最終，學生將具備開發(fā)符合商業(yè)級標準的用戶中心模塊能力，并為后續(xù)復雜功能開發(fā)奠定扎實基礎。教學詳案（附頁）一、案例導入（8分鐘）1.教師活動（1）展示七彩天氣App“我的”頁面原型圖（圖7.31）.（2）演示未登錄狀態(tài)下點擊頭像→跳轉登錄頁的攔截效果。（3）提問引導：“為什么銀行類App每次都要登錄？七彩天氣這類App如何保持登錄狀態(tài)？”。2.學生活動（1）觀察攔截效果。（2）討論兩種登錄機制差異（瞬時登錄vs持久化登錄）。二、用戶狀態(tài)管理（20分鐘）1.AccountVO類設計（5分鐘）//重點講解空值合并操作符??constructor(id?:number,username?:string,...){this.id=id??0//當id為null/undefined時默認賦值為0...}2.Preferences存儲機制（10分鐘）（1）對比演示//同步方法（推薦）dataPreferences=preferences.getPreferencesSync(context,{name:'myStore'})//異步方法preferences.getPreferences(context,{name:'myStore'},(err,val)=>{...})（2）存儲流程動畫演示（對應圖7.29）：（3）內存操作→putSync→flush→持久化文件3.登錄狀態(tài)判斷（5分鐘）//錯誤示范（故意遺漏flush）：saveAccount(account:AccountVO){dataPreferences?.putSync(SP_ACCOUNT,account)//缺少flush導致數(shù)據(jù)丟失}三、路由配置（20分鐘）1.router_map.json解析（8分鐘）{"name":"PersonalInfoPage","pageSourceFile":".../PersonalInfoPage.ets","buildFunction":"getPage","data":{"navNeedLogin":"true"http://重點講解自定義字段}}2.NavDestination生命周期（7分鐘）（1）通過流程圖展示onWillShow→onShown→onWillHide的調用順序。（2）重點說明onBackPressed返回值對返回邏輯的影響。3.頁面跳轉實現(xiàn)（5分鐘）//頭像點擊事件.onClick(()=>{this.pageStack.pushPath({name:'PersonalInfoPage'})})四、攔截實現(xiàn)（20分鐘）1.willShow回調機制（10分鐘）//關鍵代碼逐行解析：if(target.getConfigInRouteMap()?.data['navNeedLogin']==='true'&&!BizUtils.isLogin()){target.pathStack.pop()//①移除目標頁target.pathStack.pushPathByName('LoginPage',null)//②跳登錄頁}2.錯誤排查實踐（10分鐘）設錯案例1：router_map.json