第第頁XX學院教案課程HarmonyOS鴻蒙應用開發(fā)課次30課題天氣詳情頁（上）班級授課地點實到人數(shù)授課時間備課時間課型□理論□實踐√理實一體教學目標知識目標：1.掌握位置權(quán)限申請流程。2.理解LocationKit定位服務機制。3.掌握Refresh組件使用方法。能力目標：1.能夠正確配置位置權(quán)限。2.能夠?qū)崿F(xiàn)實時定位功能。3.能獨立開發(fā)下拉刷新交互。素質(zhì)目標：1.培養(yǎng)用戶隱私保護意識。2.強化定位精度控制能力。3.提升交互設計規(guī)范意識。教學重點1.權(quán)限動態(tài)申請實現(xiàn)。2.SingleLocationRequest配置。3.Refresh狀態(tài)管理。教學難點1.權(quán)限拒絕處理邏輯。2.逆地理編碼轉(zhuǎn)換。3.雙向綁定機制。教學過程（主要教學內(nèi)容、教學方式方法、教學時間分配等）主要教學內(nèi)容教學方式、方法手段等（教師活動/學生活動）教學用時(分鐘)一、案例導入二、權(quán)限配置三、定位服務四、刷新功能五、總結(jié)提升1.展示圖7.67權(quán)限申請效果。2.分析天氣頁核心功能需求。（情境導入法）1.修改module.json5：-添加LOCATION權(quán)限-配置usedScene場景2.實現(xiàn)動態(tài)申請：-requestPermissionsFromUser調(diào)用-授權(quán)結(jié)果處理（圖7.68）3.演示拒絕終止邏輯。（代碼解析法）1.配置SingleLocationRequest：-定位優(yōu)先級設置（0x502）-超時時間控制（10秒）2.實現(xiàn)逆地理編碼：-getAddressesFromLocation調(diào)用-地址信息處理（圖7.69）3.異常處理方案：-try-catch捕獲3301100錯誤-模擬器兼容方案（實操演示法）1.構(gòu)建Refresh組件：-refreshing雙向綁定-refreshOffset參數(shù)設置2.實現(xiàn)狀態(tài)回調(diào)：-五種狀態(tài)處理（表7.12）-自定義刷新頭部3.集成定位邏輯：-onRefreshing事件綁定-異步結(jié)果處理（案例教學法）1.定位精度選擇策略。2.權(quán)限申請最佳實踐。3.刷新交互設計要點。（歸納總結(jié)法）10'20'20'20’10’課程思政教學設計1.隱私保護：通過權(quán)限申請流程強調(diào)用戶數(shù)據(jù)安全。2.工匠精神：在定位超時設置中體現(xiàn)嚴謹開發(fā)態(tài)度。3.創(chuàng)新意識：對比傳統(tǒng)刷新與鴻蒙Refresh組件差異。教學手段教具極域課堂教學課后作業(yè)與思考題1.超星在線作業(yè)。2.基礎作業(yè)：（1）優(yōu)化地址信息顯示格式。（2）權(quán)限拒絕后跳轉(zhuǎn)到設置頁面。3.提升作業(yè)：研究后臺持續(xù)定位實現(xiàn)。總結(jié)分析通過本課程的系統(tǒng)學習，學生將掌握位置服務和交互設計的核心技術(shù)。能夠規(guī)范實現(xiàn)動態(tài)權(quán)限申請流程，熟練使用LocationKit完成精準定位和逆地理編碼功能，并開發(fā)符合用戶體驗的下拉刷新交互。課程通過真實場景案例教學，使學生深入理解鴻蒙權(quán)限管理機制和組件化開發(fā)思想，培養(yǎng)安全規(guī)范的開發(fā)習慣。最終，學生將具備開發(fā)商業(yè)級天氣類應用核心模塊的能力，能夠處理復雜的定位場景和交互需求，為后續(xù)實現(xiàn)完整天氣應用奠定堅實基礎。教學詳案（附頁）一、新課導入（10分鐘）1.知識回顧（3分鐘）通過提問方式引導學生回憶之前內(nèi)容：“還記得我們使用List組件實現(xiàn)天氣列表時，是如何處理數(shù)據(jù)綁定的嗎？”結(jié)合學生回答，用板書簡要回顧@State裝飾器和ForEach的使用要點。2.案例展示（5分鐘）教師操作：（1）演示高德地圖的實時定位效果。（2）對比展示微信、淘寶等應用的下拉刷新交互。（3）強調(diào)本節(jié)課三大技術(shù)點之間的關(guān)聯(lián)性。3.目標說明（2分鐘）明確告知學生，通過本課學習，將能夠獨立完成：（1）規(guī)范的位置權(quán)限申請流程。（2）精確到街道級的定位功能。（3）符合用戶體驗的下拉刷新交互。二、權(quán)限申請功能（20分鐘）1.理論講解（8分鐘）（1）權(quán)限分類說明（3分鐘）系統(tǒng)權(quán)限分級：system_grant（安裝時授權(quán)）和user_grant（運行時授權(quán)）位置相關(guān)權(quán)限的三種粒度：精確位置、模糊位置、后臺定位（2）配置字段解析（5分鐘）通過對比演示講解module.json5關(guān)鍵字段："usedScene":{"abilities":["EntryAbility"],//重點說明多Ability場景"when":"inuse"http://對比說明與always的區(qū)別}2.代碼演示（7分鐘）（1）分步演示動態(tài)申請流程：①權(quán)限檢查（2分鐘）letatManager=abilityAccessCtrl.createAtManager();letstatus=awaitatManager.checkAccessToken(tokenID,permission);②申請彈窗處理（3分鐘）③拒絕場景處理（2分鐘）if(data.authResults.indexOf(-1)>=0){promptAction.showToast({message:"請開啟位置權(quán)限"});}（2）學生實操（5分鐘）教師巡視指導重點：usedScene配置的完整性。三、實時定位功能（20分鐘）1.參數(shù)配置（6分鐘）（1）定位優(yōu)先級對比演示（3分鐘）//精度優(yōu)先模式（0x501）vs速度優(yōu)先模式（0x502）letrequest1={locatingPriority:0x501};//適合導航場景l(fā)etrequest2={locatingPriority:0x502};//適合天氣應用（2）超時設置實踐（3分鐘）通過修改locatingTimeoutMs值（5s/10s/30s），讓學生觀察不同超時時間的定位效果差異。2.定位演示（7分鐘）（1）完整流程示范：①獲取經(jīng)緯度（3分鐘）geoLocationManager.getCurrentLocation(request).then((location)=>{console.log(location.latitude);});②逆地理編碼（4分鐘）（2）重點講解地址信息處理技巧：this.address=addressArray[0].placeName?.replace("中國","");3.異常處理（7分鐘）（1）模擬器兼容方案（3分鐘）try{this.getLocation();}catch(err){if(err.code==3301100){this.useMockLocation();//降級方案}}（2）精度優(yōu)化討論（4分鐘）引導學生思考：如何根據(jù)應用場景選擇合適的定位精度？四、下拉刷新功能（20分鐘）1.組件屬性（6分鐘）（1）核心參數(shù)講解（3分鐘）refreshOffset：觸發(fā)刷新的臨界距離（演示60vpvs100vp的區(qū)別）pullToRefresh：是否啟用下拉觸發(fā)（對比true/false的效果）（2）狀態(tài)機圖示（3分鐘）用白板繪制狀態(tài)轉(zhuǎn)換圖：Inactive→Drag→OverDrag→Refresh→Done2.狀態(tài)演示（8分鐘）（1）基礎用法（3分鐘）Refresh({refreshing:$$this.isRefreshing}){//頁面內(nèi)容...}（2）自定義頭部（5分鐘）@BuildercustomHeader(){Row(){LoadingProgress().width(30)Text(this.statusText).margin(10)}}3.集成實踐（6分鐘）任務：將定位功能接入刷新回調(diào)onRefreshing(()=>{this.getLocationAndWeather();});常見問題指導：防止重復請求的邏輯處理五、總結(jié)提升（10分鐘）1.知