XX學院教案課程HarmonyOS鴻蒙應用開發(fā)課次25課題“我的”主頁（上）班級授課地點實到人數(shù)授課時間備課時間課型□理論□實踐√理實一體教學目標知識目標：1.掌握多語言資源文件配置方法。2.理解i18n國際化實現(xiàn)原理。3.熟悉promptAction彈窗組件使用。能力目標：1.能夠?qū)崿F(xiàn)中英文語言切換功能。2.能夠開發(fā)標準化功能條組件。3.能夠讀取并展示應用版本信息。素質(zhì)目標：1.培養(yǎng)國際化開發(fā)思維。2.樹立知識產(chǎn)權(quán)保護意識。3.提升組件復用設(shè)計能力。教學重點1.string.json多語言配置。2.LocalizationKit語言切換。3.promptAction彈窗實現(xiàn)。教學難點1.動態(tài)資源引用處理。2.異步獲取應用信息。3.文本格式化輸出。教學過程（主要教學內(nèi)容、教學方式方法、教學時間分配等）主要教學內(nèi)容教學方式、方法手段等（教師活動/學生活動）教學用時(分鐘)一、案例導入二、國際化實現(xiàn)三、功能條開發(fā)四、彈窗實現(xiàn)五、總結(jié)測試1.分析七彩天氣App“我的”頁面結(jié)構(gòu)。2.演示語言切換效果。（案例分析法，演示法）1.zh_CN/en_US限定詞目錄創(chuàng)建。2.字符串資源鍵值對配置。3.i18n動態(tài)語言切換。（任務(wù)驅(qū)動法，對比教學法）1.@Builder組件封裝。2.stateStyles交互反饋。3.點擊事件綁定處理。（代碼解析法，錯誤示范法）1.版本信息獲取實現(xiàn)。2.“關(guān)于”彈窗開發(fā)。3.文本格式化輸出。（項目教學法：小組協(xié)作，功能迭代）1.國際化流程思維導圖。2.核心功能隨堂測試。（歸納總結(jié)，形成評價）10'25'20'15’10’課程思政教學設(shè)計1.通過多語言支持培養(yǎng)全球化視野。2.在“關(guān)于”彈窗中強調(diào)知識產(chǎn)權(quán)保護。3.用組件封裝實踐倡導代碼復用理念。教學手段教具極域課堂教學課后作業(yè)與思考題1.超星在線作業(yè)。2.基礎(chǔ)作業(yè)為彈窗增加添加“查看許可協(xié)議”二級菜單。3.提升作業(yè)體驗promptAction的更多使用方法?？偨Y(jié)分析本次教學單元成效顯著，學生通過實踐全面掌握了國際化開發(fā)的核心技能。在資源文件配置環(huán)節(jié)，正確建立zh_CN/en_US目錄結(jié)構(gòu)并完成字符串資源映射，并利用i18n正確實現(xiàn)語言切換功能。功能條開發(fā)環(huán)節(jié)，通過@Builder封裝和stateStyles應用。在“關(guān)于”彈窗開發(fā)中，學生不僅能掌握promptAction彈窗和版本信息獲取技術(shù)，更通過版權(quán)聲明內(nèi)容強化了知識產(chǎn)權(quán)保護意識。教學詳案（附頁）一、案例導入（10分鐘）演示七彩天氣App“我的”頁面完整功能。重點展示：語言切換效果（中英文實時切換）、關(guān)于彈窗（含版本信息）。提問引導：“如果我們要開發(fā)國際版應用，這些功能應該如何實現(xiàn)？”二、國際化實現(xiàn)（25分鐘）1.資源文件配置（12分鐘）resources/├──base/├──en_US/│└──string.json└──zh_CN/└──string.json關(guān)鍵代碼示例：//string.json配置規(guī)范，zh{"name":"personal_lang","value":"語言"http://中文值}//string.json配置規(guī)范，en{"name":"personal_lang","value":"language"http://英文值}2.語言切換實現(xiàn)（13分鐘）關(guān)鍵技術(shù)點：i18n.System.getAppPreferredLanguage()i18n.System.setAppPreferredLanguage()典型錯誤處理：//錯誤示例：未處理異步加載setLanguage(){i18n.setAppPreferredLanguage('en-US');this.text=$r('app.string.title');//可能加載不及時}//正確寫法：asyncsetLanguage(){awaiti18n.setAppPreferredLanguage('en-US');this.text=$r('app.string.title');}三、功能條與彈窗開發(fā)（35分鐘）1.@Builder組件封裝（20分鐘）組件設(shè)計要點：@BuilderfunctionalBar(icon:Resource,title:Resource){Column(){Row(){Image(icon).stateStyles({pressed:{opacity:0.5}//按壓效果})Text(title).margin({left:20})}Divider()}.onClick(()=>{/*事件處理*/})}2.彈窗與版本獲?。?5分鐘）關(guān)鍵技術(shù)組合：//版本信息獲取bundleManager.getBundleInfoForSelf(bundleManager.BundleFlag.GET_BUNDLE_INFO_WITH_APPLICATION).then(info=>{this.version=info.versionName;});//彈窗集成promptAction.showDialog({title:$r('app.string.about_title'),message:util.format($r('app.string.about_content'),this.version),buttons:[{text:"OK"}]});調(diào)試技巧：使用console.debug()輸出版本信息。處理異步加載時的加載狀態(tài)顯示。四、課程總結(jié)與測試（10分鐘）1.知識圖譜梳理（5分鐘）（1）國際化開發(fā)流程：資源配置→語言切換彈窗開發(fā)要點：（2）信息獲取→內(nèi)容格式化→交互設(shè)計→