《微信小程序项目实战》课件_CORE06.pptxVIP

KeepFit健身资源模块延迟符项目六企业级卓越人才培养（信息类专业集群）

目录01学习目标02学习路径03任务描述04任务技能延迟符05任务实施06任务总结

01学习目标延迟符

学习目标延迟符010203了解健身资源模块的功能了解弹出框的应用掌握小程序文件上传下载学习目标通过实现KeepFit健身资源模块，了解健身资源模块具有哪些功能，学习小程序弹出框的种类及应用，掌握小程序中图片获取、文件上传、下载等方法，并学习小程序中相关的设备功能比如拨打电话、扫码等功能，具有调用小程序相关方法的能力，在任务实现过程中：04具备使用小程序相关方法的能力企业级卓越人才培养（信息类专业集群）

02学习路径延迟符

学习路径延迟符企业级卓越人才培养（信息类专业集群）

延迟符03任务描述

任务描述企业级卓越人才培养（信息类专业集群）1功能描述2基本框架3情景导入

延迟符情境导入每个收获健康身体的人都会有一段难忘的健身经历，为了让用户更好地记录自己健身历程，研发团队制作了资源模块。用户记录自己健身经历的方式会有多种，如：拍照、录音、录视频等，为了使界面简洁、美观，研发团队决定把这些功能放到一个菜单中，并在页面中添加了一个显示操作菜单的按钮。本项目主要通过KeepFit健身资源模块来学习微信小程序的弹出框与设备功能。企业级卓越人才培养（信息类专业集群）

延迟符功能描述使用wx.showModal（object）方法实现弹出框功能010203?04使用wx.chooseImage(object)方法实现图片的获取使用wx.priviewImage(object)方法实现图片的预览功能企业级卓越人才培养（信息类专业集群）

延迟符基本框架企业级卓越人才培养（信息类专业集群）

延迟符04任务技能

任务技能弹出框文件设备功能任务技能延迟符企业级卓越人才培养（信息类专业集群）

对话框1上拉菜单2对话框（wx.showModal（object））通常用于给用户传达相关提醒信息，对话框占据部分屏幕空间，用来做一些快速的信息交互。对话框的对象参数包括标题title、内容content、设置确认按钮文字confirmText等上拉菜单（wx.showActionSheet（object））是从设备屏幕的底部边缘向上滑出的弹出框。其内容通常以列表的形式显示在页面的下方，我们可以通过定义itemList参数来设置列表项弹出框延迟符企业级卓越人才培养（信息类专业集群）消息提示框3消息提示框通常用于给用户显示用户操作之后该操作的当前状态，用来对操作状态进行提示，比如信息加载提示、上传下载完成提示等。消息框有多种方法包括显示成功的提示框wx.showToast(OBJECT)、显示加载状态的提示框wx.showLoading(OBJECT)等

图片文件获取1文件上传下载2小程序提供了一些方法用于在移动设备中获取、修饰图片，如下表所示文件上传（wx.uploadFile(object)）是将文件以流的形式提交到服务器端，服务器端接收流并解析保存到本地，将保存的地址以参数形式返回。文件延迟符企业级卓越人才培养（信息类专业集群）方法描述wx.chooseImage(object)选择图片wx.priviewImage(object)预览图片wx.getImageInfo(object)图片信息wx.saveImageToPhotosAlbum(object)保存图片文件下载（wx.downloadFile(object)）是将网上文件资源或服务器的文件资源下载到本地的过程，客户端填入想要下载文件的路径，下载成功返回文件的本地路径

设备功能延迟符企业级卓越人才培养（信息类专业集群）拨打电话1扫码2微信小程序提供了拨打电话的方法wx.makePhoneCall(OBJECT)，在使用该方法时需要通过里面的phoneNumber参数添加电话号码。小程序中提供了扫码（扫一扫）功能的接口，其包含相机扫码、相册扫码两种方式。实现扫码的方法是调用小程序中的wx.scanCode(OBJECT)方法振动3微信小程序提供了手机振动接口，包括：wx.vibrateShort(OBJECT)（短时间振动15ms）；wx.vibrateLong(OBJECT)（长时间振动为400ms）

05任务实施延迟符

输入标题第一步：使用view标签和scroll-view标签添加两个图片库第二步：在.js文件的data中对图片的路径进行添加并设置两个图片库的样式第三步：添加