图书简介:
第1章 初识微信小程序 1
1.1 小程序诞生背景 1
1.1.1 先驱者百度“轻应用” 1
1.1.2 生逢其时的微信小程序 2
1.1.3 “富二代”微信小程序 3
1.2 小程序特点 3
1.3 小程序现状 4
1.3.1 小程序发展现状 4
1.3.2 小程序开发现状 4
1.4 小程序MINA框架 6
1.4.1 MVVM模型简介 6
1.4.2 小程序MINA框架简介 7
第2章 小程序开发准备 9
2.1 成为微信开发者 9
2.1.1 注册小程序 9
2.1.2 登录微信公众平台 12
2.2 微信开发者工具简介 13
2.2.1 下载及安装 13
2.2.2 启动页 14
2.2.3 新建项目 14
2.2.4 导入项目 15
2.2.5 主页面 16
2.2.6 模拟器 17
2.2.7 调试器 18
2.3 小程序Hello World 20
2.4 小程序基本概念 22
2.4.1 程序 22
2.4.2 页面 22
2.4.3 工程目录结构 23
2.5 小程序相关学习资料 24
2.5.1 微信官方文档?小程序 24
2.5.2 小程序示例 25
第3章 小程序框架 28
3.1 JSON配置 28
3.1.1 JSON定义 29
3.1.2 JavaScript对象、JSON对象与JSON字符串 31
3.1.3 JSON配置文件 34
3.1.4 项目配置文件 34
3.1.5 索引配置文件 35
3.1.6 全局配置文件 35
3.1.7 页面配置文件 38
3.2 WXML模板 40
3.2.1 WXML简介 40
3.2.2 数据绑定 41
3.2.3 简易双向绑定 48
3.2.4 条件渲染 49
3.2.5 列表渲染 51
3.2.6 模板 55
3.2.7 引用 57
3.2.8 共同属性 58
3.2.9 声明性属性的使用 58
3.3 JavaScript逻辑交互 59
3.3.1 app.js文件 60
3.3.2 页面JS文件 61
3.3.3 自定义方法的两种写法 63
3.3.4 修改data数据 63
3.3.5 JS脚本的执行顺序 64
3.3.6 作用域 65
3.4 事件 66
3.4.1 事件的概念 66
3.4.2 事件的分类 67
3.4.3 事件的绑定 67
3.4.4 绑定并阻止事件冒泡 68
3.4.5 互斥事件绑定 70
3.4.6 事件阶段及处理动作 70
3.4.7 事件对象与参数传递 72
3.5 WXSS样式 74
3.5.1 样式文件的分类 74
3.5.2 尺寸单位 74
3.5.3 WXSS引用 75
3.5.4 使用样式 75
3.5.5 选择器 76
3.6 其他 76
3.6.1 模块化 76
3.6.2 wx对象 77
3.6.3 console对象 78
3.6.4 断点调试 79
第4章 基础组件 82
4.1 视图容器 82
4.1.1 view 82
4.1.2 scroll-view 84
4.1.3 swiper和swiper-item 85
4.1.4 movable-area和movable-view 87
4.2 flex布局 88
4.2.1 基本概念 89
4.2.2 容器的属性 89
4.2.3 子项的属性 93
4.2.4 flex实现水平垂直居中 96
4.3 基础内容 97
4.3.1 text 97
4.3.2 icon 98
4.3.3 progress 99
4.4 表单组件 100
4.4.1 input和textarea 101
4.4.2 checkbox和checkbox-group 103
4.4.3 radio与radio-group 104
4.4.4 picker 105
4.4.5 slider 113
4.4.6 switch 114
4.4.7 button 115
4.4.8 form 117
4.5 导航组件 120
4.6 媒体组件 122
4.6.1 image 123
4.6.2 video 125
4.6.3 camera 126
4.7 开放能力组件 128
4.7.1 web-view 128
4.7.2 ad 129
4.7.3 official-account 130
第5章 自定义组件 132
5.1 自定义组件 132
5.1.1 创建自定义组件 132
5.1.2 使用自定义组件 135
5.2 扩展组件 136
5.2.1 扩展组件的使用 136
5.2.2 tabs 138
5.2.3 row/col 140
5.2.4 index-list 142
5.3 WeUI组件库 144
5.3.1 WeUI简介 144
5.3.2 WeUI样式库 145
5.3.3 WeUI组件快速上手 148
5.3.4 基础组件 150
5.3.5 表单组件 152
5.3.6 操作反馈 157
5.3.7 导航组件 160
5.3.8 搜索组件 162
5.3.9 其他组件 163
第6章 API 165
6.1 重要概念 166
6.1.1 同步和异步 166
6.1.2 箭头函数 167
6.2 基础 169
6.2.1 系统 169
6.2.2 更新 172
6.2.3 调试 175
6.2.4 应用级事件 176
6.3 界面 177
6.3.1 交互 178
6.3.2 导航栏 183
6.3.3 Tab Bar 186
6.4 数据缓存 192
6.5 网络 195
6.5.1 开发配置 195
6.5.2 发起请求 196
6.5.3 下载 200
6.5.4 上传 202
6.5.5 WebSocket 203
第7章 “盐帮川菜”项目实战 206
7.1 “盐帮川菜”项目概述 206
7.1.1 运行流程图 207
7.1.2 接口描述 207
7.1.3 关于登录和注册 208
7.2 “菜谱”页面的实现 208
7.2.1 页面效果 208
7.2.2 菜品分类列表 210
7.2.3 菜品列表 211
7.2.4 加入购物车 212
7.3 “下单”页面的实现 213
7.3.1 页面效果 213
7.3.2 下单 214
7.4 “我的”页面的实现 218
7.4.1 页面效果 218
7.4.2 登录 220
7.4.3 检查登录信息、获取订单列表 221
7.5 “注册”页面的实现 222
7.5.1 页面效果 223
7.5.2 注册 223
展开
作者于2017年开始接触微信小程序的开发,彼时正在承担Android应用开发的教学工作,微信小程序让作者眼前一亮——移动应用居然还可以这样存在,移动应用的开发居然还可以这么简单方便……从此作者对微信小程序的关注和研究一发不可收拾。作者经历过早期“微信Web开发工具”代码无法保存的痛苦,也体会过微信小程序项目完工的快乐。2018年,作者正式将微信小程序开发课程引入到教学中,虽然网络上有翔实的官方文档,市面上也有少量的书籍,但是文档太过庞大而没有教学体系,市面上的书籍又过于简单,它们都不是特别适合高校学生。为此,作者萌生了写一本关于微信小程序开发,而且与市面上区别较大的教材的想法。
本书与市面上同类教材的最大区别是使用了真实项目案例,同时提供了相应的服务端接口,只有这样才不至于让微信小程序开发课程沦为“移动版的网页”。读者可以在配套的资料(比如源代码等)中找到完整、免费且可用的服务端接口地址,配合项目实战,这样才能真正掌握微信小程序的开发技能。
本书适合广大高校计算机类专业学生,特别是软件类专业学生,当然也适合编程技术爱好者。在学习本书之前,如果你已经拥有了HTML和JavaScript语言基础,甚至是开发经验,那么你的学习过程会非常轻松和愉快,当然,如果你只拥有C语言基础知识,那么也是可行的,只要在学习的同时适当补充相关的JavaScript知识即可。
本书由四川幼儿师范高等专科学校智能产品开发与应用专业的熊海东老师编写。首先要感谢豆豆小朋友,本书是在他持续不断的“骚扰”下完成的,是他给了作者编写的决心和动力。还要特别感谢杨欣,是她的鼓励把作者几度从放弃的边缘拉了回来,她也是本书的第一位读者,为作者提供了很多宝贵的意见,在此一并表示感谢!
随着技术的迭代,几年之后,本书的许多地方也许会过时,但是学习本书的经历会为日后学习其他技术积累宝贵的经验和财富,计算机软件归根结底学的是思想,而不是技术知识本身。
为了方便教学,本书配有教学课件及其他相关资源,请有此需要的教师登录华信教育资源网(www.hxedu.com.cn)注册后免费进行下载,如有问题可在网站留言板留言或与电子工业出版社联系(E-mail:hxedu@phei.com.cn)。
由于作者水平有限,且编写时间仓促,书中难免有疏漏和不足之处,恳请广大读者批评指正。
熊海东
蜂人工作室
展开