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

學習目標延遲符010203了解小程序開發流程掌握小程序的發布步驟掌握小程序在公眾號中綁定流程學習目標通過實現KeepFit健身我的訓練模塊，了解整個微信小程序開發的流程和基本思路，學習微信小程序的發布和在公眾號中綁定小程序的相關操作，掌握小程序的發布流程和注意事項，具有發布小程序的能力。在任務實現過程中：04具有制作和發布小程序的能力企業級卓越人才培養（信息類專業集群）02學習路徑延遲符

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

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

情境導入至此，KeepFit健身項目的程序制作基本完成。但目前只是開發者通過掃描二維碼在設備上預覽，若要讓其他用戶搜索并使用到keepFit健身項目還需要上傳、審核、發布的過程。本項目主要通過KeepFit健身項目來學習微信小程序的發布與如何綁定到公眾號中。企業級卓越人才培養（信息類專業集群）延遲符

功能描述使用wx.request（object）方法實現數據的交互010203

04使用導航方法進行頁面的跳轉以及值的傳遞使用wx:for進行數據的遍歷企業級卓越人才培養（信息類專業集群）延遲符

基本框架企業級卓越人才培養（信息類專業集群）延遲符04任務技能任務技能小程序發布公眾號中的小程序

任務技能延遲符企業級卓越人才培養（信息類專業集群）小程序發布延遲符企業級卓越人才培養（信息類專業集群）1在小程序發布之前，我們需要進行小程序預覽，預覽之后在進行發布，在預覽的時候可以查看錯誤以及小程序的體驗是否良好。想要實現小程序的預覽，創建項目時必須填入開發者的appid預覽小程序發布延遲符企業級卓越人才培養（信息類專業集群）2使用微信掃描預覽之后出現的二維碼進入小程序點擊小程序右上角彈出菜單，選擇打開調試會出現對應的vConsole按鈕，點擊vConsole按鈕出現控制臺手機端的調試小程序發布延遲符企業級卓越人才培養（信息類專業集群）3當小程序預覽調試沒有問題了，就可以選擇將小程序上傳到微信平臺進行申請，可以點擊開發工具中的上傳按鈕，之后彈出提示框，選擇確認當點擊確認后彈出版本輸入框和備注框，輸入版本號和備注框之后點擊上傳按鈕彈出上傳成功，說明小程序已經上傳上傳小程序發布延遲符企業級卓越人才培養（信息類專業集群）4在小程序提交審核之前需要在設置選項的基本設置和開發設置界面進行信息的補充和配置服務器域名，配置完成后就可在開發管理選項中提交審核了提交審核準備5點擊提交審核按鈕，進入提交審核界面進行信息填寫，包括功能頁面、標題、所在服務類目及標簽。填寫完成后點擊提交審核，提交成功后進入開發管理界面可以看到審核版本區域出現內容提交審核建設制造強國登錄微信公眾平臺→點擊小程序管理進入小程序管理界面→點擊關聯小程序并進行驗證進入關聯小程序界面→輸入小程序的appid并進行搜索→點擊發送關聯邀請按鈕后進入小程序管理界面→手機微信端的公眾平臺安全助手提示的確認關聯信息進行確定→點擊自定義菜單進入自定義菜單界面→選擇跳轉到小程序，之后點擊選擇小程序進行選擇→完善子菜單設置，點擊保存并發布按鈕公眾號中的小程序延遲符公眾號綁定小程序企業級卓越人才培養（信息類專業集群）05任務實施延遲符第一步：在我行模塊班級詳情界面的“點擊報名”按鈕綁定對應事件將班級信息存入數據庫第二步：在訓練分類頁面使用wx:for對相應內容循環添加第三步：通過接口從后臺獲取數據第四步：設置各圖片和文字的大小及位置并對頁面的跳轉事件進行添加

任務實施延遲符企業級卓越人才培養（信息類專業集群）第一步：在視頻列表頁面使用wx:for對相應內容循環添加第二步：通過接口從后臺獲取數據第三步：設置各圖片和文字的大小及位置第四步：對“播放”綁定頁面跳轉的事件

任務實施延遲符企業級卓越人才培養（信息類專業集群）第一步：在視頻播放頁面使用video標簽添加視頻播放器第二步：使用wx:for對視頻的注意事項循環添加第三步：通過接口從后臺獲取數據第四步：設置視頻播放器和文字的大小及位置

任務實施延遲符企業級卓越人才培養（信息類專業集群）06任務總結延遲符任務技能任務實施任務總結任務描述本任務通過學習KeepFit健身我的訓練模塊，對小程序的開發流程和思路有所了解，鞏固了本書中微信小程序組件及相關方法，并通過小程序發布和在公眾號的應用的學習掌握小程序如何發布，如何讓更多的人訪問到自己所制作的小程序。

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