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

學習目標延遲符010203了解小程序我的界面信息掌握小程序的數據交互掌握小程序的數據存儲學習目標通過實現KeepFit健身我的模塊，了解在小程序中個人信息顯示的界面擁有哪些信息，掌握小程序的數據交互和下拉刷新等最常用的功能，并能熟練掌握小程序存儲數據的思路及存儲流程，具有熟練使用小程序常用功能的能力。在任務實現過程中：04具有熟練使用小程序常用功能的能力企業級卓越人才培養（信息類專業集群）02學習路徑延遲符

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

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

情境導入在常見的App中，都會有類似于個人中心的模塊，這是為了用戶能夠更方便地操作、瀏覽自己的相關信息。因此，研發團隊認為在keepFit健身中添加我的模塊是非常重要的。在我的模塊中，用戶能夠方便、快速地找到自己選擇的訓練教程、班級、喜歡的音樂及個人信息等。本項目主要通過keepFit健身我的模塊來學習微信小程序的數據交互與獲取信息。企業級卓越人才培養（信息類專業集群）延遲符

功能描述使用wx.getUserInfo(OBJECT)方法進行用戶信息的獲取010203

04使用page.onShareAppMessage(options)方法實現轉發功能使用wx.startPullDownRefresh()方法實現下拉刷新企業級卓越人才培養（信息類專業集群）延遲符

基本框架企業級卓越人才培養（信息類專業集群）延遲符

基本框架企業級卓越人才培養（信息類專業集群）延遲符04任務技能任務技能數據交互下拉刷新數據存儲獲取信息

任務技能延遲符企業級卓越人才培養（信息類專業集群）數據交互客戶端通過HTTP向服務端發送請求，服務端接收請求并返回數據，客戶端根據返回的數據進行顯示。微信小程序中向服務端發送請求需要用到wx.request（object）方法，在使用該方法時需要添加url、data、method等相關的參數數據交互延遲符企業級卓越人才培養（信息類專業集群）下拉刷新下拉刷新是通過下拉頁面達到重新加載、刷新的效果，在小程序中通常以三個點的動態效果顯示。下拉刷新方法如下表所示下拉刷新延遲符企業級卓越人才培養（信息類專業集群）方法描述Page.onPullDownRefresh監聽下拉刷新wx.startPullDownRefresh()開始下拉刷新wx.startPullDownRefresh()停止下拉刷新數據存儲小程序中的數據存儲是以鍵值對的形式把數據保存在一個在不同頁面都可以使用的存儲空間中。適合緩存的數據多為一些靜態數據或頻繁交互的數據。每個小程序都包含10M的本地存儲空間。數據存儲方法包括同步和異步兩類，以異步方法為例，對數據的操作包括添加數據wx.setStorage(OBJECT)、獲取數據wx.getStorage(OBJECT)、刪除數據wx.removeStorage(OBJECT)等。數據存儲延遲符企業級卓越人才培養（信息類專業集群）獲取信息延遲符企業級卓越人才培養（信息類專業集群）用戶信息1系統信息2在微信小程序中用戶信息指的是進入當前小程序的微信用戶的相關信息，包括用戶的昵稱、頭像及所在地區等。獲取用戶信息的方法是在函數中調用wx.getUserInfo(OBJECT)方法，用戶信息可在調用成功后執行的success函數的userInfo參數中獲取。微信小程序中可以獲取的系統信息包括一些設備信息比如設備的品牌、型號、屏幕大小等，還有一些與微信客戶端相關的信息比如微信版本號、字體大小等。獲取系統信息的方法也分為同步和異步兩種同步：wx.getSystemInfoSync()異步：wx.getSystemInfo(OBJECT)獲取信息延遲符企業級卓越人才培養（信息類專業集群）網絡狀態3登錄4轉發信息5小程序中可以通過調用wx.getNetworkType(OBJECT)方法獲取網絡狀態，調用wx.onNetworkStatusChange(CALLBACK)方法監聽網絡變化獲取網絡類型。兩個方法共同實現網絡狀態的獲取及監聽調用微信登錄方法（wx.login(object)）可以獲取唯一標識符以及成功時返回的參數。當用戶一段時間不使用小程序，用戶的登錄狀態可能失效，小程序提供了（wx.checkSession(object)）方法用于檢測用戶的登錄狀態在小程序中轉發功能主要是依賴page.onShareAppMessage(options)函數方法實現的設置轉發內容需要用到return，return包含的屬性包括標題title、路徑path等05任務實施延遲符輸入標題輸入標題輸入標題第一步：在頁面中添加個人信息部分，包括頭像、昵稱、賬號并在.js文件中獲取用戶信息第二步：設置個人信息部分樣式，包括頭像大小、昵稱容器的flex布局等第三步：使用wx:for循環添加下邊的列表內容，設置對應的樣式并添加對應的頁面跳轉事件第四步：對右上角圖標添加彈出菜單列表的事件并對列表中的掃一掃和地理定位的功能進行添加點擊輸入說明文字點擊輸入說明文字點擊輸入說明文字

任務實施延遲符企業級卓越人才培養（信息類專業集群）輸入標題輸入標題輸入標題第一步：使用view標簽在頁面中添加更換頭像部分，第二步：使用wx:for渲染中間和下邊的列表并對其相應樣式進行添加第三步：對列表中的聯系我們的項綁定對應的事件并對頁面底部的退出賬號的按鈕進行添加第四步：使用wx.makePhoneCall()方法對撥打電話的功能進行添加點擊輸入說明文字點擊輸入說明文字點擊輸入說明文字

任務實施延遲符企業級卓越人才培養（信息類專業集群）06任務總結延遲符任務技能任務實施任務總結任務描述本任務通過學習KeepFit健身我的模塊，對小程序我的模塊擁有哪些信息有所了解，能過對小程序的數據交互、下拉刷新、數據存儲、獲取設備或個人信息有所掌握，能夠使用小程序數據存儲的功能與后臺進行一個交互。

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