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

KeepFit健身我的训练模块延迟符项目八企业级卓越人才培养（信息类专业集群）目录01学习目标02学习路径03任务描述04任务技能延迟符05任务实施06任务总结01学习目标延迟符

学习目标延迟符010203了解小程序开发流程掌握小程序的发布步骤掌握小程序在公众号中绑定流程学习目标通过实现KeepFit健身我的训练模块，了解整个微信小程序开发的流程和基本思路，学习微信小程序的发布和在公众号中绑定小程序的相关操作，掌握小程序的发布流程和注意事项，具有发布小程序的能力。在任务实现过程中：04具有制作和发布小程序的能力企业级卓越人才培养（信息类专业集群）02学习路径延迟符

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

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

情境导入至此，KeepFit健身项目的程序制作基本完成。但目前只是开发者通过扫描二维码在设备上预览，若要让其他用户搜索并使用到keepFit健身项目还需要上传、审核、发布的过程。本项目主要通过KeepFit健身项目来学习微信小程序的发布与如何绑定到公众号中。企业级卓越人才培养（信息类专业集群）延迟符

功能描述使用wx.request（object）方法实现数据的交互010203

04使用导航方法进行页面的跳转以及值的传递使用wx:for进行数据的遍历企业级卓越人才培养（信息类专业集群）延迟符

基本框架企业级卓越人才培养（信息类专业集群）延迟符04任务技能任务技能小程序发布公众号中的小程序

任务技能延迟符企业级卓越人才培养（信息类专业集群）小程序发布延迟符企业级卓越人才培养（信息类专业集群）1在小程序发布之前，我们需要进行小程序预览，预览之后在进行发布，在预览的时候可以查看错误以及小程序的体验是否良好。想要实现小程序的预览，创建项目时必须填入开发者的appid预览小程序发布延迟符企业级卓越人才培养（信息类专业集群）2使用微信扫描预览之后出现的二维码进入小程序点击小程序右上角弹出菜单，选择打开调试会出现对应的vConsole按钮，点击vConsole按钮出现控制台手机端的调试小程序发布延迟符企业级卓越人才培养（信息类专业集群）3当小程序预览调试没有问题了，就可以选择将小程序上传到微信平台进行申请，可以点击开发工具中的上传按钮，之后弹出提示框，选择确认当点击确认后弹出版本输入框和备注框，输入版本号和备注框之后点击上传按钮弹出上传成功，说明小程序已经上传上传小程序发布延迟符企业级卓越人才培养（信息类专业集群）4在小程序提交审核之前需要在设置选项的基本设置和开发设置界面进行信息的补充和配置服务器域名，配置完成后就可在开发管理选项中提交审核了提交审核准备5点击提交审核按钮，进入提交审核界面进行信息填写，包括功能页面、标题、所在服务类目及标签。填写完成后点击提交审核，提交成功后进入开发管理界面可以看到审核版本区域出现内容提交审核建设制造强国登录微信公众平台→点击小程序管理进入小程序管理界面→点击关联小程序并进行验证进入关联小程序界面→输入小程序的appid并进行搜索→点击发送关联邀请按钮后进入小程序管理界面→手机微信端的公众平台安全助手提示的确认关联信息进行确定→点击自定义菜单进入自定义菜单界面→选择跳转到小程序，之后点击选择小程序进行选择→完善子菜单设置，点击保存并发布按钮公众号中的小程序延迟符公众号绑定小程序企业级卓越人才培养（信息类专业集群）05任务实施延迟符第一步：在我行模块班级详情界面的“点击报名”按钮绑定对应事件将班级信息存入数据库第二步：在训练分类页面使用wx:for对相应内容循环添加第三步：通过接口从后台获取数据第四步：设置各图片和文字的大小及位置并对页面的跳转事件进行添加

任务实施延迟符企业级卓越人才培养（信息类专业集群）第一步：在视频列表页面使用wx:for对相应内容循环添加第二步：通过接口从后台获取数据第三步：设置各图片和文字的大小及位置第四步：对“播放”绑定页面跳转的事件

任务实施延迟符企业级卓越人才培养（信息类专业集群）第一步：在视频播放页面使用video标签添加视频播放器第二步：使用wx:for对视频的注意事项循环添加第三步：通过接口从后台获取数据第四步：设置视频播放器和文字的大小及位置

任务实施延迟符企业级卓越人才培养（信息类专业集群）06任务总结延迟符任务技能任务实施任务总结任务描述本任务通过学习KeepFit健身我的训练模块，对小程序的开发流程和思路有所了解，巩固了本书中微信小程序组件及相关方法，并通过小程序发布和在公众号的应用的学习掌握小程序如何发布，如何让更多的人访问到自己所制作的小程序。

任务总结延迟符企业级卓越人才培养（信息类专业集群）谢谢观赏延迟符PPT模板下载：/moban/行业PPT模板：/hangye/节日PPT模板：/jieri/PPT素材下载：/sucai/PPT背景图片：/beijing/PPT图表下载：/tubiao/优秀PPT下载：/xiazai/PPT教程：/powerpoint/Word教程：/word/Excel教程：/