微信小程序开发实战_肖睿何源_9787115533876

微信小程序以一种极度轻量化、无处不在、用完即走的方式全面连接到了用户与服务，在给用户带来更好体验的同时，大幅降低了自身开发的门槛和成本。本书不局限于原生微信小程序开发，还涉及微信生态技术圈中的WePY框架应用、微信小游戏开发、使用Cocos Creator开发小游戏等内容，是读者从微信小程序入门到实战开发的极佳读物。本书实用性强、示例丰富、侧重实战、与新技术结合紧密，可作为刚接触或即将接触微信小程序的开发者的指导用书，也适合有微信小程序开发经验，但还需进一步提升自我能力的开发者使用。

第 1章　初识微信小程序　1 任务1.1　介绍微信小程序　3 1.1.1　体验微信小程序　3 1.1.2　微信小程序与其他类型应用的区别　3 1.1.3　微信小程序的发展历程　4 1.1.4　微信小程序生态　5 1.1.5　微信小程序带来的机会　6 任务1.2　注册微信小程序　6 任务1.3　安装微信开发者工具　9 任务1.4　创建第一个微信小程序　10 任务1.5　详解微信开发者工具　12 1.5.1　菜单栏　13 1.5.2　工具栏　14 1.5.3　模拟器　18 1.5.4　编辑器　19 1.5.5　调试器　19 任务1.6　介绍项目结构　22 1.6.1　project.config.json　23 1.6.2　app.wxss　24 1.6.3　app.json　25 1.6.4　app.js　25 1.6.5　pages　26 1.6.6　utils　26 本章作业　27 第　2章深入微信小程序　29 任务2.1　详解配置文件　31 2.1.1　全局配置　31 2.1.2　页面配置　35 任务2.2　介绍微信小程序App和Page　36 2.2.1　微信小程序注册程序函数App()　36 2.2.2　页面注册函数Page()　37 2.2.3　模块化　39 任务2.3　构建用户界面　40 2.3.1　数据绑定　40 2.3.2　组件属性绑定　41 2.3.3　关键字绑定　41 2.3.4　控制属性绑定　42 2.3.5　JavaScript表达式　42 任务2.4　项目实战：祥云天气　43 任务2.5　添加列表渲染　47 2.5.1　使用wx:for　47 2.5.2　在block上使用 wx:for　48 2.5.3　wx:key　48 2.5.4　给祥云天气微信小程序添加列表　49 任务2.6　添加条件渲染　50 2.6.1　使用wx:if　50 2.6.2　在block上使用wx:if　50 2.6.3　使用hidden　50 2.6.4　使用条件渲染控制图标显示　51 任务2.7　添加事件　52 2.7.1　如何绑定事件　52 2.7.2　事件冒泡　52 2.7.3　事件捕获　53 本章作业　54 第3章　常用组件　55 任务3.1　掌握基本组件的使用　57 3.1.1　图标组件icon　57 3.1.2　文本组件text　58 3.1.3　富文本组件rich-text　58 3.1.4　进度条组件progress　60 任务3.2　掌握视图容器组件的使用　62 3.2.1　视图容器组件view　62 3.2.2　滚动视图容器组件scroll-view　64 3.2.3　轮播图组件swiper　65 任务3.3　掌握导航组件的使用　67 3.3.1　navigate　68 3.3.2　redirect　69 3.3.3　switchTab　70 3.3.4　navigateBack　71 任务3.4　掌握媒体组件的使用　71 3.4.1　图片组件image　72 3.4.2　视频组件video　74 3.4.3　音频组件audio　77 任务3.5　掌握地图组件的使用　79 任务3.6　掌握表单组件的使用　81 3.6.1　button组件　81 3.6.2　checkbox组件　84 3.6.3　input组件　85 3.6.4　label组件　87 3.6.5　picker组件　87 3.6.6　picker-view组件　90 3.6.7　radio组件　91 3.6.8　slider组件　92 3.6.9　switch组件　93 3.6.10　textarea组件　95 3.6.11　form组件　96 任务3.7　使用WeUI构建界面　99 3.7.1　引入WeUI　99 3.7.2　WeUI:cell　100 3.7.3　WeUI:flex布局　101 本章作业　102 第4章　常用API　105 任务4.1　掌握基础API的使用　107 4.1.1　wx.canIUse　107 4.1.2　获取系统信息　107 任务4.2　掌握账号相关API的使用　109 4.2.1　微信小程序登录　109 4.2.2　获取用户信息　111 任务4.3　掌握交互API的使用　112 4.3.1　ActionSheet　112 4.3.2　loading提示框　113 4.3.3　Toast消息提示框　114 4.3.4　显示模态框　115 任务4.4　掌握网络请求API的使用　117 4.4.1　wx.request发起请求　117 4.4.2　wx.uploadFile文件上传　119 4.4.3　wx.downloadFile文件下载　119 任务4.5　掌握数据缓存API的使用　120 4.5.1　存储数据　121 4.5.2　获取数据　121 4.5.3　删除数据　121 4.5.4　清空数据　122 4.5.5　获取storage相关信息　122 任务4.6　掌握图片API的使用　122 4.6.1　wx.chooseImage选择图片　122 4.6.2　wx.previewImage 预览图片　124 4.6.3　wx.getImageInfo获取图片信息　125 4.6.4　wx.saveImageToPhotosAlbum保存图片到相册　126 任务4.7　掌握位置接口API的使用　127 4.7.1　wx.getLocation获取当前位置　127 4.7.2　wx.openLocation查看位置　128 4.7.3　wx.chooseLocation选择位置　130 任务4.8　掌握转发API的使用　132 4.8.1　onShareAppMessage事件　132 4.8.2　wx.showShareMenu　133 4.8.3　wx.getShareInfo　133 任务4.9　掌握文件API的使用　134 4.9.1　wx.saveFile　134 4.9.2　wx.getSavedFileInfo　135 4.9.3　wx.getSavedFileList　136 4.9.4　wx.removeSavedFile　136 4.9.5　wx.getFileInfo　137 任务4.10　掌握设备API的使用　137 4.10.1　拨打电话　137 4.10.2　扫一扫　138 4.10.3　摇一摇换图　139 4.10.4　我的KEEP运动　140 本章作业　145 第5章　综合案例：豆瓣电影　147 任务5.1　学习微信小程序云开发　149 5.1.1　创建云开发微信小程序　149 5.1.2　开通云开发　150 5.1.3　云开发控制台　150 5.1.4　云数据库　151 5.1.5　云存储　156 5.1.6　云函数　157 任务5.2　豆瓣电影项目初始化　159 5.2.1　需求分析　161 5.2.2　创建项目　162 5.2.3　创建数据库　162 任务5.3　创建引导页　163 5.3.1　轮播图模块　163 5.3.2　倒计时模块　163 5.3.3　跳转到首页　164 5.3.4　完整代码　164 任务5.4　创建首页　165 5.4.1　判断引导页显示状态　165 5.4.2　请求首页数据　166 5.4.3　首页页面布局　167 任务5.5　创建电影列表页　169 5.5.1　请求电影列表数据　169 5.5.2　使用模板　170 任务5.6　创建电影详情页　171 5.6.1　请求电影详情页数据　171 5.6.2　添加加载状态　172 5.6.3　设置用户转发　173 任务5.7　创建搜索页　173 任务5.8　创建“我的”页面　176 5.8.1　配置标签导航　176 5.8.2　实现“我的”页面　177 任务5.9　发布上线　179 5.9.1　上传代码　179 5.9.2　提交审核　179 5.9.3　访问微信小程序　181 本章作业　181 第6章　使用WePY开发微信小程序　183 任务6.1　使用WePY创建项目　185 6.1.1　WePY和其他框架的对比　185 6.1.2　安装WePY并创建项目　185 6.1.3　使用微信开发者工具调试微信小程序　187 6.1.4　开发注意事项　187 6.1.5　配置编辑器　189 任务6.2　学习WePY框架的基础　189 6.2.1　.wpy文件说明　190 6.2.2　微信小程序入口app.wpy　190 6.2.3　页面　191 6.2.4　组件　192 任务6.3　学习WePY框架的核心　193 6.3.1　数据绑定　193 6.3.2　计算属性　194 6.3.3　props传值　194 6.3.4　循环渲染　196 6.3.5　事件绑定　197 任务6.4　使用WePY开发小猪基金　198 6.4.1　项目介绍　198 6.4.2　需求分析　198 6.4.3　项目创建　198 6.4.4　实现首页页面布局　199 任务6.5　使用wx-charts实现图表　201 6.5.1　介绍wx-charts　201 6.5.2　获取wx-charts　202 6.5.3　使用wx-charts　202 任务6.6　实现小猪基金详情页　205 6.6.1　完成详情页头部布局　205 6.6.2　完成详情页图表　205 本章作业　207 第7章　微信小游戏开发　209 任务7.1　介绍微信小游戏　211 7.1.1　什么是微信小游戏　211 7.1.2　微信小游戏的发展历史　211 7.1.3　微信小游戏和H5游戏的对比　211 7.1.4　第一个微信小游戏　212 7.1.5　真机预览　213 任务7.2　学习微信小游戏开发基础　213 7.2.1　目录结构详解　213 7.2.2　微信小游戏配置　214 7.2.3　创建画布　215 7.2.4　绘制文本　215 7.2.5　绘制图像　216 任务7.3　学习微信小游戏开发核心　216 7.3.1　创建多个Canvas　216 7.3.2　实现动画　217 7.3.3　触摸事件　218 7.3.4　全局对象　219 任务7.4　开发微信小游戏：海底大闯关-1　219 7.4.1　项目介绍　219 7.4.2　开发流程　220 7.4.3　项目创建　221 7.4.4　创建databus文件　221 7.4.5　创建游戏主类　222 7.4.6　创建海底背景类　222 7.4.7　创建海底　223 7.4.8　添加开始按钮　224 任务7.5　开发微信小游戏：海底大闯关-2　224 7.5.1　添加小鱼　224 7.5.2　在页面中显示元素　225 7.5.3　添加渔网　227 7.5.4　碰撞检测　229 7.5.5　添加分数　230 7.5.6　结束和重新开始　231 7.5.7　添加音效　232 任务7.6　微信小游戏发布　233 7.6.1　上传代码　233 7.6.2　提交审核　233 本章作业　234 第8章　使用Cocos Creator开发微信小游戏　235 任务8.1　介绍Cocos Creator　237 8.1.1　安装　237 8.1.2　使用Dashboard　238 8.1.3　第一个项目　239 8.1.4　场景预览　240 8.1.5　项目结构　241 任务8.2　学习编辑器基础　242 8.2.1　资源管理器　242 8.2.2　层级管理器　243 8.2.3　场景编辑器　244 8.2.4　属性检查器　246 8.2.5　控件库　248 8.2.6　动画编辑器　248 任务8.3　游戏开发实战1：项目创建　249 8.3.1　初始化项目　249 8.3.2　创建游戏场景　249 8.3.3　添加背景　250 8.3.4　添加地面　251 任务8.4　游戏开发实战2：添加主角　251 8.4.1　添加主角　251 8.4.2　编写主角脚本　252 8.4.3　跳跃和移动　254 8.4.4　移动控制　255 任务8.5　游戏开发实战3：添加糖果　257 8.5.1　制作糖果　257 8.5.2　添加游戏控制脚本　258 8.5.3　随机生成糖果　260 8.5.4　主角收集糖果　261 任务8.6　游戏开发实战4：游戏逻辑实现　262 8.6.1　添加得分　262 8.6.2　得分逻辑实现　263 8.6.3　失败判定和重新开始　264 8.6.4　添加音效　265 任务8.7　发布到微信小游戏平台　267

我要评论