XX學(xué)院教案課程HarmonyOS鴻蒙應(yīng)用開發(fā)課次29課題個人信息頁（下）班級授課地點實到人數(shù)授課時間備課時間課型□理論□實踐√理實一體教學(xué)目標知識目標：1.掌握媒體文件選擇與相機調(diào)用的實現(xiàn)方法。2.理解沙箱機制與文件操作流程。3.掌握用戶信息更新與退出登錄邏輯。能力目標：1.能夠?qū)崿F(xiàn)相冊圖片選擇功能。2.能夠完成相機拍照與圖片處理。3.能獨立開發(fā)用戶信息更新流程。素質(zhì)目標：1.培養(yǎng)用戶隱私保護意識。2.強化數(shù)據(jù)安全操作規(guī)范。3.提升異常處理能力。教學(xué)重點1.PhotoViewPicker使用。2.沙箱文件操作。3.用戶信息同步機制。教學(xué)難點1.媒體URI轉(zhuǎn)換處理。2.文件拷貝安全機制。3.多接口協(xié)同調(diào)用。教學(xué)過程（主要教學(xué)內(nèi)容、教學(xué)方式方法、教學(xué)時間分配等）主要教學(xué)內(nèi)容教學(xué)方式、方法手段等（教師活動/學(xué)生活動）教學(xué)用時(分鐘)一、案例導(dǎo)入二、媒體文件選擇三、相機服務(wù)集成四、數(shù)據(jù)更新流程五、安全退出1.分析個人信息更新流程。（情境導(dǎo)入法：展示完整功能流程）1.配置PhotoSelectOptions參數(shù)：-MIMEType設(shè)置圖片類型-maxSelectNumber限制數(shù)量2.實現(xiàn)PhotoViewPicker調(diào)用：-獲取photoUris數(shù)組-處理選擇結(jié)果回調(diào)3.演示圖7.64沙箱文件查看。（代碼演示法：分步驟調(diào)試）1.配置PickerProfile參數(shù)：-cameraPosition設(shè)置-其他可選參數(shù)說明2.實現(xiàn)cameraPicker調(diào)用：-PickerMediaType指定-異步結(jié)果處理3.對比兩種媒體獲取方式差異。（對比實踐法：分組實現(xiàn)兩種方式）1.沙箱文件操作：-文件路徑構(gòu)建（圖7.63）-安全拷貝實現(xiàn)2.多接口協(xié)同調(diào)用：-圖片上傳接口-信息更新接口3.狀態(tài)同步機制驗證。（任務(wù)驅(qū)動法）1.實現(xiàn)showDialog確認彈窗。2.完成removeAccount清理。3.驗證狀態(tài)回退效果（圖7.65）。（案例分析法）8'20'20'20’12’課程思政教學(xué)設(shè)計1.數(shù)據(jù)安全意識：通過沙箱機制強調(diào)隱私保護重要性。2.工匠精神：在文件操作中體現(xiàn)規(guī)范操作價值。3.責任意識：通過退出登錄流程培養(yǎng)數(shù)據(jù)清理習(xí)慣。教學(xué)手段教具極域課堂教學(xué)課后作業(yè)與思考題1.超星在線作業(yè)。2.提升作業(yè)：（1）研究多圖選擇上傳實現(xiàn)。（2）優(yōu)化圖片壓縮處理流程。總結(jié)分析通過本課程的系統(tǒng)學(xué)習(xí)，學(xué)生將掌握多媒體處理和用戶數(shù)據(jù)管理的核心技術(shù)。能夠獨立實現(xiàn)相冊選擇、相機拍照、沙箱文件操作等關(guān)鍵功能，并完成完整的信息更新與安全退出流程。課程通過項目驅(qū)動的教學(xué)方式，使學(xué)生深入理解鴻蒙安全機制和異步編程模式，培養(yǎng)規(guī)范的數(shù)據(jù)處理習(xí)慣。最終，學(xué)生將具備開發(fā)企業(yè)級個人信息管理模塊的能力，能夠處理復(fù)雜的媒體文件操作和數(shù)據(jù)同步場景，為構(gòu)建安全可靠的用戶中心功能奠定堅實基礎(chǔ)。教學(xué)詳案（附頁）一、案例導(dǎo)入（8分鐘）1.問題鏈設(shè)計核心問題：“如何實現(xiàn)從相冊選擇頭像到更新顯示的完整流程？”分解提問：（1）媒體文件選擇需要哪些權(quán)限？（無權(quán)限，依賴系統(tǒng)接口）（2）為什么不能直接使用原始URI？（沙箱安全機制限制）（3）如何保證頭像更新后立即生效？（@Observed狀態(tài)管理）二、媒體文件選擇（20分鐘）1.關(guān)鍵技術(shù)分步解析步驟1：配置選擇器constphotoSelectOptions=newphotoAccessHelper.PhotoSelectOptions()photoSelectOptions.MIMEType=photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE//僅圖片photoSelectOptions.maxSelectNumber=1//頭像只能單選易錯點：若設(shè)為IMAGE_VIDEO_TYPE會導(dǎo)致視頻文件混入。步驟2：結(jié)果處理??photoViewPicker.select(photoSelectOptions).then((result)=>{this.imageUri=result.photoUris[0]//必須校驗數(shù)組長度('URI:',this.imageUri)//調(diào)試輸出}).catch((err)=>{promptAction.showToast({message:'選擇失敗'})//用戶提示})典型錯誤：未處理photoUris為空數(shù)組的情況。2.沙箱操作演示（1）路徑構(gòu)建邏輯：letcacheDir=getContext().cacheDir//沙箱緩存目錄letfileName=newDate().getTime()//時間戳命名this.destImgPath=`${cacheDir}/${fileName}.${this.imageSuffix}`（2）安全拷貝流程：打開源文件]-->創(chuàng)建目標文件-->執(zhí)行copyFileSync-->關(guān)閉雙文件三、相機服務(wù)集成（20分鐘）1.相機調(diào)用實戰(zhàn)letprofile:cameraPicker.PickerProfile={cameraPosition:camera.CameraPosition.CAMERA_POSITION_BACK,saveUri:'臨時存儲路徑'//必須為沙箱路徑}letresult=awaitcameraPicker.pick(getContext(),[PickerMediaType.PHOTO],profile)注意：需在module.json5中聲明ohos.permission.CAMERA權(quán)限。四、數(shù)據(jù)更新流程（20分鐘）??1.文件操作四步法//1.打開源文件（只讀）letsrcFile=fs.openSync(this.imageUri,fs.OpenMode.READ_ONLY)//2.創(chuàng)建目標文件（讀寫+創(chuàng)建）letdestFile=fs.openSync(this.destImgPath,fs.OpenMode.READ_WRITE|fs.OpenMode.CREATE)//3.執(zhí)行拷貝fs.copyFileSync(srcFile.fd,destFile.fd)//4.關(guān)閉文件（必須成對調(diào)用）fs.closeSync(srcFile)fs.closeSync(destFile)常見錯誤：未關(guān)閉文件導(dǎo)致后續(xù)操作失敗。2.多接口協(xié)同時序圖前端-->后端:上傳圖片(POST/upload)后端-->前端:返回avatar文件名前端-->后端:更新信息(PUT/userInfo)后端-->前端:返回更新結(jié)果前端-->本地存儲:更新@State變量五、安全退出（12分鐘）1.雙重清理機制//1.清理內(nèi)存數(shù)據(jù)this.accountVO=newAccountVO()//重置狀態(tài)//2.清理持久化數(shù)據(jù)dataPreferences.deleteSync(BizUtils.SP_ACCOUNT)dataPreferences.flush()//立即生效測試用例：退出后重新進入APP驗證是否顯示登錄頁。2.彈窗交互規(guī)范letclickIndex=awaitpromptAction.showDialog({butt