本书分为四个篇章:第壹篇即为第1章,介绍开发环境的准备及账号的注册。学完本章内容,相当于取得了入场券。第二篇包括第2—10章,是项目实战部分。其中第2-6章是小程序前端案例,应用了后台端口但未涉及后台编程;第7-10章是在已有案例的基础上添加了后端程序的支持。先学习前端,再学习后端,由浅入深,这样更易于理解和掌握。第三篇包括第11-14章,详细讲解所有小程序组件的应用方法,几乎全部组件都具有生产可用的UI,所附示例源码可以直接用于实际项目中,大大降低了初学者开发一个小程序时在美工上的门槛。第四篇包括第15-17章,是综合练习部分,系统地介绍JS语言、Go语言、WXSS样式语法等必备知识与技能。其中各节有独立的练习代码,可供读者实际练习之用。这部分也可作为工具文档,供开发者参考应用。
目录
目录 Contents
推荐序
前言
篇 基础入门篇
第1章 学前准备2
1.1 注册账号2
1.2 配置开发工具5
1.2.1 下载6
1.2.2 安装6
1.2.3 设置编辑器属性6
1.3 从quick start项目开始7
1.3.1 创建项目8
1.3.2 运行项目10
1.3.3 刷新项目10
第二篇 项目实战篇
第2章 豆豆电影14
2.1 从splash功能开始14
2.1.1 创建项目14
2.1.2 隐藏模拟器16
2.1.3 快捷创建页面16
2.1.4 引用sim.js类库17
2.1.5 实现splash效果18
2.1.6 下载源码21
2.2 缓存本地数据21
2.2.1 应用wx.setStorage接口21
2.2.2 应用Storage面板21
2.2.3 省略function关键字22
2.3 实现页首splash效果23
2.3.1 应用swiper组件23
2.3.2 批量调用接口24
2.3.3 应用wx.getStorage接口25
2.3.4 下载源码25
2.4 实现横向滑动列表26
2.4.1 列表渲染26
2.4.2 引用样式27
2.4.3 下载源码27
2.5 实现电影详情页27
2.5.1 格式化代码28
2.5.2 逻辑层28
2.5.3 视图层29
2.5.4 页面跳转30
2.5.5 下载源码30
2.6 实现电影列表页30
2.6.1 应用finally方法 31
2.6.2 模板组件32
2.6.3 加载更多34
2.6.4 如何调试35
2.6.5 刷新视图36
2.6.6 下载源码37
2.7 实现下拉刷新功能37
2.7.1 小程序中的下拉更新API37
2.7.2 下载源码38
2.8 实现搜索功能38
2.9 提交42
2.9.1 修改信息42
2.9.2 应用Sketch生成头像43
2.9.3 配置域名器域名43
2.9.4 在手机上预览44
2.9.5 上传版本44
2.9.6 提交审核45
2.9.7 下载源码46
第3章 计算皮相47
3.1 应用模板创建项目48
3.2 实现history页面48
3.3 实现index主页49
3.3.1 冒泡事件51
3.3.2 样式选择器51
3.3.3 实现计算的逻辑52
3.3.4 应用wx.setStorageSync接口56
3.3.5 下载源码57
3.4 服务类目57
3.5 发布57
3.6 添加分享58
3.7 下载源码58
第4章 黑黑天气59
4.1 实现视图层60
4.1.1 关于rpx60
4.1.2 绝对定位61
4.2 如何应用weui62
4.3 关于static目录63
4.4 实现逻辑层64
4.4.1 js函数split与push66
4.4.2 下载源码66
第5章 笑林百家67
5.1 应用tabBar68
5.2 实现index页面69
5.2.1 定义模板组件 70
5.2.2 import与include的区别71
5.2.3 js数组函数 71
5.2.4 js正则表达式73
5.3 实现image页面74
5.3.1 将函数作为参数传递74
5.3.2 关于lower-threshold属性74
5.3.3 应用wx.previewImage接口75
5.4 下载源码75
第6章 图灵聊聊76
6.1 实现index页面77
6.1.1 建立server目录模拟服务器数据78
6.1.2 在文件作用域中声明app80
6.1.3 调用图像预览接口 80
6.1.4 用户友好的时间格式化方法formatTimeline80
6.1.5 js语言中的展开符81
6.1.6 变量自增81
6.1.7 js的忽略符81
6.1.8 通用的下拉区域82
6.2 实现联系人页面82
6.2.1 js中的引用传递84
6.2.2 js数组的push方法84
6.2.3 接口返回数据的通用格式85
6.3 实现聊天页面86
6.3.1 在视图渲染中应用三目运算符87
6.3.2 js中的全等于与等于运算符87
6.3.3 wx:if条件渲染87
6.3.4 应用css遮罩实现消息框样式87
6.3.5 调用图灵接口89
6.3.6 js中的逻辑或操作90
6.3.7 js中的let关键字90
6.4 实现my页面92
6.5 实现about页面93
6.6 下载源码94
第7章 豆豆电影服务端95
7.1 开发后端程序95
7.1.1 安装Golang语言包95
7.1.2 安装仓库管理工具git96
7.1.3 安装Go语言编辑器96
7.1.4 应用sim.go类库96
7.1.5 创建豆瓣接口97
7.2 改写小程序前端100
7.3 下载源码 101
第8章 计算皮相服务端102
8.1 创建服务端程序102
8.1.1 启用sqlite3数据库与小程序服务端的自动登录功能102
8.1.2 安装命令行工具curl103
8.1.3 关于一般性通用接口的解读103
8.1.4 应用SQLiteStudio104
8.1.5 扩展新的控制器105
8.2 改写小程序前端110
8.2.1 应用POST方法新增数据110
8.2.2 调用分页接口拉取数据110
8.3 下载源码 111
第9章 黑黑天气服务端112
9.1 创建服务端程序112
9.1.1 应用万能的JSON字段113
9.1.2 特改特定的接口逻辑113
9.1.3 解析动态JSON数据的方法114
9.2 改写小程序前端116
9.2.1 应用不同的模拟器测试项目117
9.2.2 应用默认的页面数据避免渲染错误118
9.2.3 分离代码逻辑提高可阅读性118
9.2.4 在WXML页面中直接绑定字典数据121
9.3 下载源码122
第10章 笑林百家服务端123
10.1 创建服务端程序123
10.1.1 启用七牛云上传功能124
10.1.2 注册七牛账号与创建存储空间124
10.1.3 Go语言的作用域125
10.2 修改小程序前端127
10.2.1 应用模板组件实现顶部导航栏128
10.2.2 关于navigator组件的open-type属性129
10.2.3 在tabBar中新增操作按钮129
10.2.4 应用icon组件130
10.2.5 在小程序中直接上传图片131
10.3 下载源码133
第三篇 实用组件篇
第11章 容器组件136
11.1 view136
11.2 scroll-view137
11.3 swiper142
11.4 movable-view145
下载体验