《微信小程序项目实战》课件-CORE07

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教