[套装书]零基础学：微信小程序开发+微信小程序商城开发：界面设计实战（2册）

作者
岂超凡黄菊华
丛书名
出版社
机械工业出版社
ISBN
9782002122051
简要
简介
内容简介书籍计算机书籍 ---------------------------零基础学：微信小程序开发--------------------------- 本书介绍了微信小程序常用组件的使用、常用API的使用、事件的监听和处理、数据的交互与处理等，并提供了多个实战项目的开发和讲解，使读者能够快速学习微信小程序的知识点、开发流程、项目结构、开发思路，熟练使用微信小程序开发工具的各个功能面板。本书适合零基础的开发人员，以及想要学习微信小程序开发的其他从业人员。 ---------------------------微信小程序商城开发：界面设计实战--------------------------- 本书系统化介绍微信小程序商城的开发原理和实战案例，内容全面、案例丰富，可帮助读者快速掌握微信小程序商城的开发。主要内容分两大部分：基础知识、实战案例。基础知识包括微信小程序起步、商城开发知识点分析、商城开发的页面基础知识、商城开发的页面基础知识、商城界面UI常用组件、商城界面UI常用组件，实战案例分析包括首页、分类和产品案例、微信小程序支付、购物车和下单、会员界面、公用功能。
目录



---------------------------零基础学：微信小程序开发---------------------------


前言
第一篇　基础知识
第1章　认识微信小程序 1
1.1　微信小程序介绍 1
1.1.1　什么是微信小程序 1
1.1.2　微信小程序的发展历史 1
1.1.3　微信小程序的功能和应用场景 2
1.2　微信小程序开发准备 2
1.2.1　基础准备 2
1.2.2　开发准备 5
1.3　微信小程序开发工具介绍 6
1.3.1　项目创建 6
1.3.2　项目删除 8
1.3.3　开发工具界面介绍 8
1.3.4　项目调试介绍 9
1.4　项目实战：“Hello World”项目 12
1.5　本章小结 12
第2章　微信小程序项目结构配置 13
2.1　文件介绍 13
2.1.1　.wxml后缀的结构文件 13
2.1.2　.wxss后缀的样式文件 13
2.1.3　.js后缀的逻辑文件 13
2.1.4　.json后缀的配置文件 14
2.1.5　项目结构推荐配置 14
2.2　微信小程序配置 15
2.2.1　样式配置 15
2.2.2　其他配置 17
2.2.3　页面配置 17
2.3　生命周期函数 18
2.3.1　小程序的生命周期函数 19
2.3.2　各页面的生命周期函数 19
2.4　数据渲染 19
2.4.1　数据绑定 19
2.4.2　条件渲染 20
2.4.3　列表渲染 20
2.5　事件 21
2.6　模板使用 22
2.7　引用 23
2.8　项目实战：通信录 23
2.9　本章小结 25
第3章　微信小程序UI组件 27
3.1　基础视图组件 27
3.1.1　view视图容器 27
3.1.2　scroll-view滚动视图容器 28
3.1.3　image图片容器 30
3.1.4　text文本组件 32
3.1.5　cover-view覆盖视图容器 32
3.1.6　cover-image覆盖图片容器 32
3.1.7　icon图标组件 32
3.2　高级视图组件 33
3.2.1　swiper轮播容器 33
3.2.2　progress进度条组件 35
3.2.3　slider滑动选择器组件 36
3.2.4　switch开关组件 37
3.2.5　map地图组件 38
3.3　表单组件 42
3.3.1　form表单组件 42
3.3.2　button按钮组件 43
3.3.3　checkbox多选项组件 44
3.3.4　radio单选项组件 45
3.3.5　label扩展组件 46
3.3.6　input输入框组件 47
3.3.7　textarea多行输入框组件 49
3.3.8　picker滚动选择器组件 50
3.3.9　picker-view嵌入式滚动选择器组件 56
3.4　媒体组件 58
3.4.1　camera相机组件 59
3.4.2　audio音频组件 60
3.4.3　video视频组件 61
3.5　画布组件canvas 64
3.6　项目实战：计算器 65
3.7　本章小结 73
第4章　微信小程序API 74
4.1　页面导航 74
4.1.1　wx.navigateTo 74
4.1.2　wx.navigateBack 75
4.1.3　wx.switchTab 75
4.1.4　wx.redirectTo 75
4.1.5　wx.reLaunch 76
4.2　网络请求 76
4.2.1　发送网络请求 76
4.2.2　文件的上传、下载 77
4.3　文件的操作 79
4.3.1　文件保存与打开 79
4.3.2　文件信息获取 80
4.3.3　文件管理者 81
4.4　图片的操作 81
4.4.1　图片选择 81
4.4.2　图片预览 82
4.4.3　图片信息获取 83
4.4.4　图片保存 83
4.5　交互反馈 84
4.5.1　消息提示框 84
4.5.2　加载提示框 85
4.5.3　模态弹窗 86
4.5.4　下弹操作菜单 86
4.6　获取用户信息 87
4.6.1　用户登录 87
4.6.2　用户信息 88
4.6.3　用户位置 90
4.6.4　用户授权 91
4.7　设备信息API 92
4.7.1　获取设备信息 92
4.7.2　屏幕亮度 93
4.7.3　获取设备电量 93
4.7.4　设备剪切板 94
4.7.5　设备方向 94
4.7.6　设备网络 95
4.7.7　拨打电话 96
4.7.8　扫描二维码 96
4.8　其他常用的API 97
4.8.1　微信支付 97
4.8.2　转发 98
4.8.3　下拉刷新 99
4.9　数据缓存 100
4.10　项目实战：九宫格选图 101
4.11　本章小结 107
第二篇　实战案例
第5章　新闻阅读 109
5.1　需求描述 109
5.2　设计思路 109
5.2.1　首页描述 109
5.2.2　视频页描述 109
5.2.3　我的描述 110
5.3　准备工作 111
5.4　页面搭建 113
5.4.1　首页页面搭建 113
5.4.2　视频页面搭建 117
5.4.3　我的页面搭建 120
5.5　逻辑搭建 120
5.5.1　首页逻辑 120
5.5.2　视频逻辑 123
5.5.3　我的逻辑 125
5.6　项目小结 125
第6章　单车共享 126
6.1　需求描述 126
6.2　设计思路 126
6.2.1　首页描述 126
6.2.2　故障申报描述 127
6.2.3　我的描述 127
6.3　准备工作 128
6.4　页面搭建 129
6.4.1　首页页面搭建 129
6.4.2　我的页面搭建 132
6.4.3　报修页面搭建 135
6.5　逻辑搭建 140
6.5.1　页面跳转逻辑 140
6.5.2　首页逻辑 141
6.5.3　车辆故障逻辑 143
6.6　数据获取 148
6.7　项目小结 149
第7章　视频快讯 151
7.1　需求描述 151
7.2　设计思路 151
7.2.1　首页描述 151
7.2.2　短视频描述 151
7.2.3　频道描述 151
7.2.4　我的描述 153
7.3　准备工作 154
7.4　页面搭建 155
7.4.1　首页页面搭建 156
7.4.2　短视频页面搭建 160
7.4.3　频道页面搭建 165
7.4.4　我的页面搭建 169
7.5　逻辑搭建 172
7.5.1　首页逻辑 173
7.5.2　短视频逻辑 174
7.5.3　频道逻辑 176
7.5.4　我的逻辑 177
7.6　项目优化 179
7.7　项目小结 181
第8章　云音乐 182
8.1　需求描述 182
8.2　设计思路 182
8.2.1　发现描述 182
8.2.2　我的描述 182
8.2.3　私人FM描述 183
8.2.4　每日推荐描述 183
8.2.5　歌单描述 183
8.2.6　排行榜描述 183
8.2.7　歌单列表描述 185
8.2.8　音频播放描述 185
8.3　准备工作 186
8.4　页面搭建 188
8.4.1　发现页面搭建 188
8.4.2　我的页面搭建 201
8.4.3　私人FM页面搭建 203
8.4.4　每日推荐页面搭建 205
8.4.5　歌单页面搭建 209
8.4.6　排行榜页面搭建 212
8.4.7　歌单列表页面搭建 214
8.4.8　音频播放页面搭建 219
8.5　逻辑搭建 221
8.5.1　发现逻辑 223
8.5.2　每日推荐逻辑 228
8.5.3　歌单逻辑 230
8.5.4　排行榜逻辑 231
8.5.5　歌单列表逻辑 233
8.5.6　音频播放逻辑 235
8.6　项目小结 239
第9章　商城购物 240
9.1　需求描述 240
9.2　设计思路 240
9.2.1　首页描述 240
9.2.2　分类描述 240
9.2.3　购物车描述 240
9.2.4　我的未登录描述 241
9.3　准备工作 243
9.4　页面搭建 244
9.4.1　首页页面搭建 244
9.4.2　分类页面搭建 250
9.4.3　购物车页面搭建 254
9.4.4　我的未登录页面搭建 259
9.5　逻辑搭建 264
9.5.1　首页逻辑 264
9.5.2　分类逻辑 266
9.5.3　我的未登录逻辑 267
9.5.4　购物车逻辑 269
9.6　项目小结 275
第10章　外卖配送 276
10.1　需求描述 276
10.2　设计思路 276
10.2.1　首页描述 276
10.2.2　大类型描述 276
10.2.3　为你优选描述 277
10.2.4　商铺详情描述 277
10.3　准备工作 278
10.4　页面搭建 279
10.4.1　首页页面搭建 280
10.4.2　大类型页面搭建 291
10.4.3　为你优选页面搭建 295
10.4.4　商铺详情页面搭建 297
10.5　逻辑搭建 311
10.5.1　首页逻辑 311
10.5.2　大类型逻辑 315
10.5.3　为你优选逻辑 318
10.5.4　商铺详情逻辑 319
10.6　项目小结 325



---------------------------微信小程序商城开发：界面设计实战---------------------------


前言
第一部分　小程序基础
第1章　小程序起步2
1.1　开发准备2
1.2　第一个微信小程序5
1.3　代码构成5
1.3.1　JSON配置6
1.3.2　WXML模板7
1.3.3　WXSS样式9
1.3.4　.js脚本交互逻辑9
1.4　小程序的能力10
1.5　小程序发布准备12
1.6　小程序上线13
第2章　小程序基础知识15
2.1　项目配置文件15
2.2　全局配置和页面配置17
2.2.1　全局配置18
2.2.2　页面配置23
2.3　WXSS样式语言23
2.4　逻辑层.js脚本25
2.4.1　App方法26
2.4.2　运行机制29
2.4.3　场景值30
2.4.4　Page方法32
2.4.5　路由40
2.4.6　模块化41
2.4.7　API42
2.5　WXML视图层开发43
2.5.1　数据绑定43
2.5.2　列表渲染47
2.5.3　条件渲染51
2.5.4　模板51
2.5.5　事件53
2.5.6　引用58
第二部分　小程序样式入门
第3章　小程序样式基础62
3.1　元素选择器62
3.2　ID选择器63
3.3　类选择器66
3.4　样式的几种写法67
3.4.1　Web中样式的几种写法67
3.4.2　小程序中样式的几种写法69
3.5　背景颜色70
3.6　文本71
3.6.1　水平对齐（text-align）71
3.6.2　文本最后行对齐（text-align-last）73
3.6.3　缩进文本（text-indent）73
3.6.4　文本装饰（text-decoration）75
3.6.5　单词间隔（text-justify）76
3.6.6　文本溢出（text-overflow）77
3.6.7　文本阴影（text-shadow）78
3.6.8　字符转换（text-transform）79
3.6.9　处理空白符（white-space）80
3.6.10　自动换行（word-break）80
3.6.11　长词换行（word-wrap）81
3.6.12　单词间隔（word-spacing）82
3.6.13　字母间隔（letter-spacing）83
3.6.14　文本方向（direction）84
3.7　字体85
3.7.1　字体大小（font-size）85
3.7.2　字体风格（font-style）87
3.7.3　字体变形（font-variant）88
3.7.4　字体加粗（font-weight）89
3.8　轮廓90
第4章　框模型93
4.1　框模型概述93
4.2　内边距96
4.3　边框98
4.3.1　基础语法98
4.3.2　小程序应用102
4.4　外边距103
4.5　外边距合并107
第5章　定位112
5.1　相对定位112
5.2　绝对定位115
5.3　浮动117
第6章　选择器121
6.1　选择器的分组121
6.2　派生选择器122
6.3　属性选择器123
6.4　后代选择器125
6.5　子元素选择器128
6.6　相邻兄弟选择器129
第三部分　前端开发入门
第7章　弹性布局134
7.1　弹性布局基本概念134
7.2　flex容器的属性136
7.2.1　项目排列方向（flex-direction）136
7.2.2　项目换行（flex-wrap）139
7.2.3　flex-flow属性142
7.2.4　水平对齐（justify-content）142
7.2.5　垂直对齐（align-items）145
7.2.6　各行对齐（align-content）149
7.3　flex项目的属性150
7.3.1　子元素的排序（order）150
7.3.2　放大比例（flex-grow）152
7.3.3　缩小比例（flex-shrink）155
7.3.4　项目占据的主轴空间（flex-basis）156
7.3.5　flex综合属性设置156
7.3.6　子元素的对齐（align-self）157
7.3.7　对齐和居中（margin）158
7.4　flex布局样例160
第8章　JSON数据解析163
8.1　JSON简介163
8.2　JSON语法165
8.2.1　JSON语法规则165
8.2.2　JSON使用JavaScript语法166
8.3　JSON对象167
8.3.1　对象语法167
8.3.2　访问对象值方式1168
8.3.3　访问对象值方式2168
8.3.4　嵌套JSON对象169
8.3.5　修改值170
8.3.6　删除对象属性171
8.4　JSON数组172
8.4.1　JSON对象中的数组172
8.4.2　数组的循环访问174
8.4.3　嵌套JSON对象中的数组175
8.4.4　修改数组值176
8.4.5　删除数组元素177
8.5　JSON.parse()177
8.5.1　浏览器支持177
8.5.2　语法177
8.5.3　JSON解析实例177
8.5.4　从服务端接收JSON数据178
8.5.5　从服务端接收数组的JSON数据179
8.6　JSON.stringify()转字符串180
8.6.1　JSON.stringify()语法180
8.6.2　JavaScript对象转换180
8.6.3　JavaScript数组转换181
8.7　eval函数182
第9章　小程序前端开发基础184
9.1　常用数据184
9.1.1　变量184
9.1.2　对象185
9.1.3　数组186
9.2　逻辑语句188
9.2.1　if语句188
9.2.2　for语句190
9.2.3　while语句191
9.2.4　switch和case语句192
9.3　其他193
9.3.1　事件的定义和使用193
9.3.2　通过url来传递参数194
第四部分　实战
第10章　常用组件198
10.1　组件概要198
10.2　基础组件199
10.2.1　视图容器（view）199
10.2.2　可滚动视图区域（scroll-view）199
10.2.3　滑块视图容器（swiper）200
10.2.4　图标（icon）201
10.2.5　文本（text）201
10.2.6　图片（image）202
10.3　表单组件203
10.3.1　按钮（button）203
10.3.2　多选项目（checkbox）205
10.3.3　多项选择器（checkbox-group）205
10.3.4　表单（form）206
10.3.5　输入框（input）206
10.3.6　标签（label）208
10.3.7　滚动选择器（picker）208
10.3.8　单选项目（radio）210
10.3.9　单项选择器（radio-group）211
10.3.10　滑动选择器（slider）211
10.3.11　开关选择器（switch）211
10.3.12　多行输入框（textarea）212
10.4　其他213
10.4.1　页面链接（navigator）213
10.4.2　原生组件的使用限制214
第11章　常用API215
11.1　网络相关说明215
11.1.1　网络配置215
11.1.2　HTTPS网络请求217
11.2　手机相关的API219
11.2.1　wx.chooseImage219
11.2.2　wx.getSystemInfo220
11.2.3　wx.makePhoneCall221
11.3　数据缓存API221
11.3.1　wx.setStorage221
11.3.2　wx.setStorageSync222
11.3.3　wx.getStorage222
11.3.4　wx.getStorageSync223
11.3.5　wx.getStorageInfo223
11.3.6　wx.removeStorage224
11.3.7　wx.clearStorage225
11.4　交互API225
11.4.1　wx.showToast225
11.4.2　wx.hideToast226
11.4.3　wx.showLoading227
11.4.4　wx.hideLoading227
11.4.5　wx.showActionSheet227
11.4.6　wx.showModal228
11.5　路由API229
11.5.1　wx.navigateTo229
11.5.2　wx.navigateBack230
11.5.3　wx.redirectTo230
11.5.4　wx.reLaunch231
11.5.5　wx.switchTab231
第12章　首页233
12.1　商城框架233
12.2　顶部广告图片234
12.3　顶部轮播图片236
12.4　快捷菜单237
12.5　最新通知244
12.6　最新产品248
12.7　精品推荐255
12.8　销售排行260
第13章　分类和产品265
13.1　左右布局框架265
13.1.1　布局分析265
13.1.2　功能实现266
13.2　产品列表272
13.2.1　顶部查询布局272
13.2.2　条件筛选布局274
13.2.3　产品列表布局276
13.3　产品页面顶部切换功能278
13.4　产品页面底部功能281
13.5　产品简介布局284
13.6　产品详情页布局288
13.7　产品评价页布局289
第14章　购物车和下单293
14.1　购物车首页底部菜单293
14.2　购物车产品列表295
14.3　下单页面底部菜单298
14.4　下单页面收货地址300
14.5　下单页面的产品列表和留言302
第15章　会员界面305
15.1　会员首页305
15.2　我的订单308
15.3　收货地址列表312
15.4　收货地址修改和新增314
15.5　我的收藏318
15.6　常见问题列表321
15.7　联系客服323
第16章　公用功能326
16.1　留言反馈326
16.2　活动信息列表329
16.3　帮助中心列表332
16.4　关于我们列表334
16.5　信息详情（简易版）335
16.6　信息详情（带底部评论）337
第17章　杂项知识341
17.1　WeUI341
17.1.1　实战项目框架的制作342
17.1.2　栏目首页343
17.1.3　article文章345
17.1.4　badge徽章347
17.2　WxParse解析富文本（html）代码348



有问题微信扫码联系

推荐

Understand China
桂ICP备20004708号-4