KeepFit健身資源模塊延遲符項目六企業級卓越人才培養（信息類專業集群）目錄01學習目標02學習路徑03任務描述04任務技能延遲符05任務實施06任務總結01學習目標延遲符

學習目標延遲符010203了解健身資源模塊的功能了解彈出框的應用掌握小程序文件上傳下載學習目標通過實現KeepFit健身資源模塊，了解健身資源模塊具有哪些功能，學習小程序彈出框的種類及應用，掌握小程序中圖片獲取、文件上傳、下載等方法，并學習小程序中相關的設備功能比如撥打電話、掃碼等功能，具有調用小程序相關方法的能力，在任務實現過程中：04具備使用小程序相關方法的能力企業級卓越人才培養（信息類專業集群）02學習路徑延遲符

學習路徑延遲符企業級卓越人才培養（信息類專業集群）延遲符03任務描述

任務描述企業級卓越人才培養（信息類專業集群）1功能描述2基本框架3情景導入延遲符

情境導入每個收獲健康身體的人都會有一段難忘的健身經歷，為了讓用戶更好地記錄自己健身歷程，研發團隊制作了資源模塊。用戶記錄自己健身經歷的方式會有多種，如：拍照、錄音、錄視頻等，為了使界面簡潔、美觀，研發團隊決定把這些功能放到一個菜單中，并在頁面中添加了一個顯示操作菜單的按鈕。本項目主要通過KeepFit健身資源模塊來學習微信小程序的彈出框與設備功能。企業級卓越人才培養（信息類專業集群）延遲符

功能描述使用wx.showModal（object）方法實現彈出框功能010203

04使用wx.chooseImage(object)方法實現圖片的獲取使用wx.priviewImage(object)方法實現圖片的預覽功能企業級卓越人才培養（信息類專業集群）延遲符

基本框架企業級卓越人才培養（信息類專業集群）延遲符04任務技能任務技能彈出框文件設備功能

任務技能延遲符企業級卓越人才培養（信息類專業集群）對話框1上拉菜單2對話框（wx.showModal（object））通常用于給用戶傳達相關提醒信息，對話框占據部分屏幕空間，用來做一些快速的信息交互。對話框的對象參數包括標題title、內容content、設置確認按鈕文字confirmText等上拉菜單（wx.showActionSheet（object））是從設備屏幕的底部邊緣向上滑出的彈出框。其內容通常以列表的形式顯示在頁面的下方，我們可以通過定義itemList參數來設置列表項彈出框延遲符企業級卓越人才培養（信息類專業集群）消息提示框3消息提示框通常用于給用戶顯示用戶操作之后該操作的當前狀態，用來對操作狀態進行提示，比如信息加載提示、上傳下載完成提示等。消息框有多種方法包括顯示成功的提示框wx.showToast(OBJECT)、顯示加載狀態的提示框wx.showLoading(OBJECT)等圖片文件獲取1文件上傳下載2小程序提供了一些方法用于在移動設備中獲取、修飾圖片，如下表所示文件上傳（wx.uploadFile(object)）是將文件以流的形式提交到服務器端，服務器端接收流并解析保存到本地，將保存的地址以參數形式返回。文件延遲符企業級卓越人才培養（信息類專業集群）方法描述wx.chooseImage(object)選擇圖片wx.priviewImage(object)預覽圖片wx.getImageInfo(object)圖片信息wx.saveImageToPhotosAlbum(object)保存圖片文件下載（wx.downloadFile(object)）是將網上文件資源或服務器的文件資源下載到本地的過程，客戶端填入想要下載文件的路徑，下載成功返回文件的本地路徑設備功能延遲符企業級卓越人才培養（信息類專業集群）撥打電話1掃碼2微信小程序提供了撥打電話的方法wx.makePhoneCall(OBJECT)，在使用該方法時需要通過里面的phoneNumber參數添加電話號碼。小程序中提供了掃碼（掃一掃）功能的接口，其包含相機掃碼、相冊掃碼兩種方式。實現掃碼的方法是調用小程序中的wx.scanCode(OBJECT)方法振動3微信小程序提供了手機振動接口，包括：wx.vibrateShort(OBJECT)（短時間振動15ms）；wx.vibrateLong(OBJECT)（長時間振動為400ms）05任務實施延遲符輸入標題第一步：使用view標簽和scroll-view標簽添加兩個圖片庫第二步：在.js文件的data中對圖片的路徑進行添加并設置兩個圖片庫的樣式第三步：添加圖片預覽功能和菜單彈出功能第四步：添加調取相冊功能、拍照功能、錄制視頻功能點擊輸入說明文字

任務實施延遲符企業級卓越人才培養（信息類專業集群）06任務總結延遲符任務技能任務實施任務總結任務描述本任務通過學習KeepFit健身資源模塊，對小程序中彈出框的使用、圖片的獲取、文件上傳和下載等相關知識具有初步的了解，并能夠熟練的使用小程序的文件上傳下載等相關方法，并具有使用小程序的方法實現其功能的能力。

任務總結延遲符企業級卓越人才培養（信息類專業集群）謝謝觀賞延遲符PPT模板下載：/moban/行業PPT模板：/hangye/節日PPT模板：/jieri/PPT素材下載：/sucai/PPT背景圖片：/beijing/PPT圖表下載：/tubiao/優秀PPT下載：/xiazai/PPT教程：/powerpoint/Word教程：/word/Excel