KeepFit健身登錄模塊實(shí)現(xiàn)延遲符項(xiàng)目一企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）目錄01學(xué)習(xí)目標(biāo)02學(xué)習(xí)路徑03任務(wù)描述04任務(wù)技能延遲符05任務(wù)實(shí)施06任務(wù)總結(jié)01學(xué)習(xí)目標(biāo)延遲符

學(xué)習(xí)目標(biāo)延遲符010203了解小程序界面的設(shè)計(jì)思想掌握小程序的注冊(cè)流程掌握開發(fā)者工具的使用學(xué)習(xí)目標(biāo)

通過KeepFit健身登錄模塊實(shí)現(xiàn)，了解小程序界面的設(shè)計(jì)思想，學(xué)習(xí)小程序的相關(guān)概念及與APP的區(qū)別，掌握微信小程序的注冊(cè)流程和開發(fā)者工具的使用，具有獨(dú)立注冊(cè)小程序賬號(hào)并創(chuàng)建新項(xiàng)目的能力。在任務(wù)實(shí)現(xiàn)：04具有使用軟件創(chuàng)建項(xiàng)目的能力企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）02學(xué)習(xí)路徑延遲符

學(xué)習(xí)路徑延遲符企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）延遲符03任務(wù)描述

任務(wù)描述企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）1功能描述2基本框架3情景導(dǎo)入延遲符

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

功能描述使用微信開發(fā)者工具進(jìn)行小程序項(xiàng)目的創(chuàng)建、開發(fā)010203

04使用input組件進(jìn)行輸入框的制作使用含參方法返回參數(shù)進(jìn)行值的獲取企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）延遲符

基本框架企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）延遲符04任務(wù)技能任務(wù)技能微信小程序概述微信小程序注冊(cè)微信web開發(fā)者工具安裝微信web開發(fā)者工具使用

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

任務(wù)實(shí)施延遲符企業(yè)級(jí)卓越人才培養(yǎng)（信息類專業(yè)集群）06任務(wù)總結(jié)延遲符任務(wù)技能任務(wù)實(shí)施任務(wù)總結(jié)任務(wù)描述本任務(wù)通過學(xué)習(xí)KeepFit健身登錄模塊，對(duì)小程序設(shè)計(jì)界面的思想及相關(guān)概念有所認(rèn)識(shí)，知道小程序和APP的區(qū)別，并詳細(xì)了解了小程序的注冊(cè)流程和開發(fā)者工具的使用，掌握使用開發(fā)者工具開發(fā)小程序的步驟。

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