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

學習目標延遲符010203了解小程序界面的設計思想掌握小程序的注冊流程掌握開發者工具的使用學習目標

通過KeepFit健身登錄模塊實現，了解小程序界面的設計思想，學習小程序的相關概念及與APP的區別，掌握微信小程序的注冊流程和開發者工具的使用，具有獨立注冊小程序賬號并創建新項目的能力。在任務實現：04具有使用軟件創建項目的能力企業級卓越人才培養（信息類專業集群）02學習路徑延遲符

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

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

情境導入隨著生活壓力的不斷增大，人們健身的時間越來越少，這就造成了很多人身體處于亞健康狀態。為了讓更多的人培養良好的健康習慣、松弛壓力，項目負責人Pierre和他的研發團隊開發了一款關于運動健身的微信小程序。微信小程序類似于手機App但內置于微信中，無需安裝卸載且開發成本較低。Pierre團隊研發的這個小程序分為4個模塊：我知、我行、資源和我的模塊。本項目主要通過KeepFit健身登錄模塊來學習微信小程序的使用。企業級卓越人才培養（信息類專業集群）延遲符

功能描述使用微信開發者工具進行小程序項目的創建、開發010203

04使用input組件進行輸入框的制作使用含參方法返回參數進行值的獲取企業級卓越人才培養（信息類專業集群）延遲符

基本框架企業級卓越人才培養（信息類專業集群）延遲符04任務技能任務技能微信小程序概述微信小程序注冊微信web開發者工具安裝微信web開發者工具使用

任務技能延遲符企業級卓越人才培養（信息類專業集群）什么是微信小程序1微信小程序和APP的區別2小程序是一種新的開放能力相當于內置于微信中的為用戶提供服務的一個應用，用戶可通過掃一掃或搜索將其打開，小程序的設計目的是為優質服務提供一個開放的平臺，是微信基于服務號的基礎上對提高企業服務能力的一次嘗試。微信小程序和APP的區別具有如下幾方面：微信小程序不需要在設備上下載和安裝，而APP是需要安裝在手機設備上的獨立應用微信小程序可以節省安裝時間和手機內存，而使用APP則需要安裝軟件，不用時也會占用手機內容。微信小程序開發周期比APP更短微信小程序概述延遲符企業級卓越人才培養（信息類專業集群）微信小程序特點3微信小程序概述延遲符企業級卓越人才培養（信息類專業集群）優點：（1）小程序的打開在微信內部，不需要到應用市場搜索尋找、安裝。釋放手機內存，手機界面更加整潔（2）小程序的開發成本低，主要體現在無需解決不同平臺的兼容性問題（3）對于使用頻率較低，需求又比較重要的行業來說，App就顯得比較浪費而小程序就比較適用（4）對于前端開發人員來說，小程序非常容易上手缺點：（1）不支持小程序和App的直接跳轉（2）當用戶有處理文檔或者游戲等高級需求時，小程序不能很好地滿足（3）小程序依賴微信而存在，如果功能需求和微信設定的規則有沖突就難以實現（4）入口不容易找到，浪費用戶時間（5）體驗不如原生App豐富微信小程序注冊延遲符企業級卓越人才培養（信息類專業集群）步驟一：進入微信公眾平臺官網，點擊右上角“立即注冊”進行注冊。步驟二：點擊“小程序”，填寫詳細信息，進入郵箱并激活賬號步驟三：進行信息登記填寫，此處選擇主體類型為個人。步驟四：正確填寫主體信息登記后點擊“繼續”。步驟五：點擊“前往小程序”進入小程序首頁。步驟六：點擊“填寫”按鈕進行小程序信息填寫。步驟七：填寫完成后點擊“設置”-->“基本設置”查看信息。步驟八：點擊“開發設置”查看開發者AppID。微信小程序注冊12步驟一：進入微信小程序官網，找到對應的下載地址（/debug/wxadoc/dev/devtools/download.html）進行下載。步驟二：雙擊安裝包，選擇下一步→我接受→安裝→完成微信web開發工具的安裝延遲符微信web開發工具的安裝企業級卓越人才培養（信息類專業集群）微信web開發工具的安裝建設制造強國12雙擊桌面上的“微信web開發者工具”→用手機微信掃描二維碼，在手機上點擊確認→選擇“小程序項目”→點擊創建項目，添加AppID、項目名稱和項目目錄→選擇“創建QuickStart項目”點擊確定微信開發者工具分為五部分，分別是菜單欄、工具欄、模擬器、調試器和編輯器。微信web開發者工具使用延遲符使用開發者工具創建項目微信開發者工具介紹企業級卓越人才培養（信息類專業集群）05任務實施延遲符輸入標題輸入標題輸入標題第一步：在app.json文件中進行頁面配置和小程序頂部樣式的配置第二步：使用<image>標簽添加頭像并設置相應樣式第三步：添加登錄界面輸入區域，包括左邊的圖標和右邊的輸入框，需要用到<input>標簽第四步：添加登錄按鈕和相關事件，包括對input輸入值的驗證及跳轉點擊輸入說明文字點擊輸入說明文字點擊輸入說明文字

任務實施延遲符企業級卓越人才培養（信息類專業集群）06任務總結延遲符任務技能任務實施任務總結任務描述本任務通過學習KeepFit健身登錄模塊，對小程序設計界面的思想及相關概念有所認識，知道小程序和APP的區別，并詳細了解了小程序的注冊流程和開發者工具的使用，掌握使用開發者工具開發小程序的步驟。

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