项目1  微信小程序入门 / 1

  1.1  知识准备 / 1

    1.1.1  微信小程序概述 / 1

    1.1.2  开发团队管理 / 3

  1.2  项目实施 / 4

    任务1  微信小程序开发前准备工作 / 4

    任务2  人员组织结构分配 / 6

  拓展训练  微信小程序开发准备工作 / 8

  项目小结 / 8

  同步练习 / 8

项目2  开发环境搭建及开发工具介绍 / 10

  2.1  知识准备 / 10

    2.1.1  开发环境搭建 / 11

    2.1.2  创建首个微信小程序 / 11

  2.2  项目实施 / 11

    任务1  软件安装 / 11

    任务2  微信开发者工具功能使用 / 14

  拓展训练  搭建环境创建项目 / 19

  项目小结 / 19

  同步练习 / 19

项目3  从“HelloWechat”开启微信小程序之旅 / 21

  3.1  知识准备 / 21

    3.1.1  小程序目录结构 / 22

    3.1.2  页面元素和样式 / 24

    3.1.3  Flex布局 / 26

    3.1.4  自适应尺寸单位 / 28

  3.2  项目实施 / 30

    任务1  手动编写第一个小程序页面 / 30

    任务2  设计小程序页面样式 / 32

    任务3  全局样式设计及项目配置 / 33

  拓展训练  首个微信小程序的Hello World / 36

  项目小结 / 37

  同步练习 / 37

项目4  新闻列表页面设计 / 39

  4.1  知识准备 / 39

    4.1.1  swiper组件 / 40

    4.1.2  image组件的缩放模式及裁剪模式 / 41

    4.1.3  Page页面的生命周期 / 44

    4.1.4  数据绑定 / 48

    4.1.5  列表渲染 / 52

    4.1.6  事件 / 54

    4.1.7  模块化 / 56

    4.1.8  模板化应用 / 58

  4.2  项目实施 / 58

    任务1  新闻列表页面元素分析及准备工作 / 58

    任务2  实现新闻轮播展示效果 / 59

    任务3  新闻列表骨架及样式构建 / 61

    任务4  静态展示新闻列表 / 64

    任务5  新闻数据绑定 / 66

    任务6  导航栏设置及页面跳转设置 / 74

    任务7  数据与业务分离并引用模块 / 76

    任务8  业务逻辑模块化并引入样式模块 / 78

  拓展训练  仿微信“发现”页小程序设计 / 79

  项目小结 / 79

  同步练习 / 80

目录

项目5  天气预报查询实现 / 82

  5.1  知识准备 / 82

    5.1.1  服务器数据交互 / 82

    5.1.2  API密钥申请 / 87

    5.1.3  API调用方法 / 89

    5.1.4  服务器域名配置 / 91

  5.2  项目实施 / 91

    任务1  构建项目 / 91

    任务2  页面结构及样式设计 / 92

    任务3  逻辑实现 / 96

  拓展训练  自制格点天气预测小程序 / 100

  项目小结 / 101

  同步练习 / 101

项目6  美好时光视频相册制作 / 103

  6.1  知识准备 / 103

    6.1.1  video组件 / 104

    6.1.2  腾讯视频插件 / 107

  6.2  项目实施 / 108

    任务1  设计页面结构及样式 / 108

    任务2  逻辑实现 / 111

  拓展训练  微信小程序视频录播系统 / 115

  项目小结 / 117

  同步练习 / 117

项目7  小程序电子书架设计 / 119

  7.1  知识准备 / 119

    7.1.1  保存临时文件到本地 / 119

    7.1.2  获取本地缓存文件信息 / 122

    7.1.3  获取本地缓存文件列表 / 125

    7.1.4  删除本地缓存文件 / 128

    7.1.5  打开指定文档 / 131

  7.2  项目实施 / 134

    任务1  页面结构设计 / 134

    任务2  逻辑实现 / 138

  拓展训练  微信小程序图片管理 / 144

  项目小结 / 146

  同步练习 / 146

项目8  学生学籍卡展示 / 148

  8.1  知识准备 / 148

    8.1.1  本地缓存 / 148

    8.1.2  数据存取 / 149

    8.1.3  数据的删除与清空 / 156

  8.2  项目实施 / 161

    任务1  页面结构设计 / 161

    任务2  逻辑实现 / 169

  拓展训练  微信小程序商城 / 176

  项目小结 / 177

  同步练习 / 177

项目9  会议邀请函设计 / 180

  9.1  知识准备 / 180

    9.1.1  位置信息的获取和选择 / 180

    9.1.2  map组件 / 187

  9.2  项目实施 / 190

    任务1  页面结构设计 / 190

    任务2  逻辑实现 / 194

  拓展训练  微信小程序外卖应用 / 196

  项目小结 / 197

  同步练习 / 197

项目10  设计实现模拟时钟 / 199

  10.1  知识准备 / 199

    10.1.1  canvas组件 / 199

    10.1.2  canvas对象相关方法 / 201

  10.2  项目实施 / 203

    任务1  时钟界面设计 / 203

    任务2  逻辑实现 / 205

  拓展训练  随心绘图小工具 / 215

  项目小结 / 216

  同步练习 / 216

项目11  推箱子游戏设计 / 219

  11.1  知识准备 / 219

    11.1.1  首页功能需求分析 / 220

    11.1.2  游戏页面功能需求 / 220

  11.2  项目实施 / 220

    任务1  页面配置 / 220

    任务2  视图设计 / 221

    任务3  逻辑实现 / 225

  扩展训练  音乐播放器小程序 / 238

  项目小结 / 239

  同步练习 / 239

项目12  综合项目——校园点餐小程序 / 240

  12.1  开发准备 / 241

    12.1.1  项目预览展示 / 241

    12.1.2  项目分析 / 242

  12.2  项目初始化 / 243

    12.2.1  创建及配置项目 / 243

    12.2.2  封装网络请求 / 245

  12.3  项目实施 / 246

    任务1  首页设计实现 / 246

    任务2  菜单列表设计实现 / 249

    任务3  购物车功能实现 / 254

    任务4  订单确认页面设计实现 / 260

    任务5  订单详情页面设计实现 / 265

    任务6  订单列表与消费记录设计实现 / 268

  项目小结 / 273

参考文献 / 274