源码下载

目录

第1篇快 速 入 门

第1章浅谈微信小程序

1.1小程序简介

1.1.1小程序的优势与不足

1.1.2小程序的影响

1.1.3小程序与其他产品的区别

1.2小程序开发准备

1.2.1注册微信开发账号

1.2.2完善小程序的具体信息

1.2.3管理员登录小程序管理平台

1.2.4微信开发工具

1.3小程序开发工具的使用

1.3.1第一个小程序

1.3.2开发者工具页面介绍

1.3.3项目导入——微信小程序示例

1.3.4代码编辑

1.3.5项目调试

1.3.6项目发布

1.4小程序项目目录结构

1.4.1新建页面的3种方法

1.4.2项目全局文件

1.4.3页面布局文件xx.wxml

1.4.4页面样式文件xx.wxss

1.4.5页面配置文件xx.json

1.4.6页面逻辑文件xx.js

1.5本章小结

第2章小程序的视图与渲染

2.1视图与渲染过程

2.1.1基本概念

2.1.2WXML页面

2.1.3button组件简单使用案例

2.2数据绑定

2.2.1内容绑定

2.2.2组件属性绑定

2.2.3控制属性绑定

2.2.4true和false关键字绑定

2.2.5运算绑定

2.2.6组合绑定

2.2.7数据绑定综合案例

2.3渲染标签

2.3.1条件渲染

2.3.2列表渲染

2.4模板与引用

2.4.1模板的使用

2.4.2引用WXML代码段

2.5九九乘法表案例讲解

2.5.1实现效果

2.5.2代码详情

2.6本章小结

第3章小程序的事件

3.1事件对象

3.1.1事件与事件对象概述

3.1.2事件对象分类

3.1.3事件对象打印案例

3.2事件类型

3.2.1冒泡事件

3.2.2冒泡事件案例

3.3事件绑定类型

3.3.1阻止冒泡事件

3.3.2target与currentTarget的区别

3.4本章小结

第4章“扶贫超市Part1”开发准备

4.1项目背景与需求

4.1.1项目背景

4.1.2需求分析

4.1.3功能模块划分

4.2开发准备

4.2.1申请正式账号并完善小程序信息

4.2.2新建项目

4.3本章小结

第2篇开 发 进 阶

第5章小程序项目的配置与生命周期

5.1app.json配置属性

5.2页面配置

5.3窗口配置

5.4tabBar配置

5.4.1tabBar属性

5.4.2tabBar配置示例

5.5网络超时配置

5.6权限配置

5.6.1接口权限

5.6.2后台能力权限

5.7小程序的生命周期

5.7.1小程序生命周期函数

5.7.2小程序生命周期测试案例

5.8使用app对象的案例讲解

5.8.1实现效果

5.8.2在app.js中定义全局变量与函数

5.8.3页面获取app对象

5.9本章小结

第6章小程序页面的配置与生命周期

6.1小程序的页面配置

6.2页面的生命周期

6.2.1页面生命周期函数

6.2.2页面生命周期测试案例

6.3页面跳转

6.3.1navigateTo跳转

6.3.2redirectTo跳转

6.3.3tabBar页面切换

6.3.4页面跳转与页面生命周期案例

6.4页面间的参数传递

6.5新闻客户端案例讲解

6.5.1功能描述与实现效果

6.5.2前期准备

6.5.3编码实战

6.6本章小结

第7章“扶贫超市Part2”项目页面框架配置

7.1项目目录整理

7.2项目tabBar配置

7.3项目窗口配置

7.4本章小结

第3篇小程序的UI开发

第8章页面布局

8.1页面布局概述

8.2flex布局基本概念

8.2.1容器与项目

8.2.2坐标轴

8.2.3flex属性

8.3flex布局案例

8.3.1运行效果

8.3.2代码说明

8.4flex容器属性详解

8.4.1flexdirection

8.4.2justifycontent

8.4.3alignitems

8.4.4flexwrap

8.4.5aligncontent

8.4.6flexflow

8.5flex项目属性详解

8.5.1flexgrow

8.5.2flexshrink

8.5.3flexbasis

8.5.4flex

8.5.5order

8.5.6alignself

8.6相对定位布局和绝对定位布局

8.6.1相对定位与绝对定位的概念

8.6.2相对定位测试和绝对定位测试

8.7简易计算器案例讲解

8.7.1效果展示

8.7.2页面组件布局与样式

8.7.3页面逻辑处理

8.8本章小结

第9章小程序的样式基础

9.1样式的基本使用

9.2样式的属性

9.2.1尺寸属性

9.2.2背景属性

9.2.3边框属性

9.2.4边距属性

9.2.5文本属性

9.3样式选择器的使用

9.3.1基本选择器

9.3.2属性选择器

9.3.3伪类选择器

9.4本章小结

第10章组件

10.1初始组件

10.1.1组件基本概念

10.1.2组件的通用属性

10.2视图容器组件

10.2.1view组件

10.2.2scrollview组件

10.2.3swiper与swiperitem组件

10.3基础内容组件

10.3.1icon组件

10.3.2text组件

10.3.3progress组件

10.4表单组件

10.4.1button组件

10.4.2input组件

10.4.3textarea组件

10.4.4radio组件

10.4.5checkbox组件

10.4.6label组件

10.4.7picker组件

10.4.8slider组件

10.4.9switch组件

10.5form组件

10.5.1form组件介绍

10.5.2属性说明

10.5.3form组件使用案例

10.6导航组件

10.7多媒体组件

10.7.1audio组件

10.7.2video组件

10.7.3image组件

10.7.4camera组件

10.8map组件

10.8.1map组件属性说明

10.8.2map组件测试案例

10.8.3地图API属性说明

10.8.4地图API测试案例

10.9本章小结

第11章操作反馈工具与简单的界面API

11.1toast

11.1.1toast属性说明

11.1.2toast测试案例

11.2modal

11.2.1modal属性说明

11.2.2modal测试案例

11.3loading

11.3.1loading属性说明

11.3.2loading测试案例

11.4actionsheet

11.4.1actionsheet属性说明

11.4.2actionsheet测试案例

11.5Background

11.5.1wx.setBackgroundTextStyle

11.5.2wx.setBackgroundColor

11.5.3背景样式测试案例

11.6tabBar

11.6.1wx.showTabBarRedDot与wx.hideTabBarRedDot

11.6.2wx.showTabBar与wx.hideTabBar

11.6.3wx.setTabBarBadge与wx.removeTabBarBadge

11.6.4wx.setTabBarStyle

11.6.5wx.setTabBarItem

11.6.6动态设置tabBar测试案例

11.7加载第三方字体wx.loadFontFace

11.7.1属性说明

11.7.2字体API测试案例

11.8PullDownRefresh

11.8.1wx.startPullDownRefresh

11.8.2wx.stopPullDownRefresh

11.9本章小结

第12章“扶贫超市Part3”主要页面的UI

12.1首页UI设计

12.1.1swiper轮播

12.1.2分类部分

12.1.3推荐分类图片块

12.2分类页面UI设计

12.2.1实现效果

12.2.2顶部分类菜单

12.2.3商品内容区域

12.3购物车页面UI设计

12.3.1实现效果

12.3.2JS静态测试数据

12.3.3商品条目区视图

12.3.4按钮区域

12.4“我的”页面UI设计

12.4.1实现效果

12.4.2用户个人信息部分

12.4.3列表项部分

12.5管理员端商品管理页面UI设计

12.5.1实现效果

12.5.2顶部搜索栏

12.5.3左侧分类栏

12.5.4右侧商品栏

12.5.5底部固定操作按钮

12.6本章小结

第4篇小程序的后台开发

第13章认识云开发项目

13.1云开发的概念与组成

13.2云开发的创建与开通

13.2.1创建一个云开发项目

13.2.2开通云开发并构建云环境

13.3初始化

13.4新建云函数并部署

13.4.1部署已有的云函数

13.4.2新建一个云函数

13.4.3调用新建的云函数

13.5云开发之用户管理案例

13.5.1openid介绍

13.5.2openid获取用户信息

13.6上传文件案例以及云空间文件管理

13.6.1实现效果

13.6.2代码说明

13.6.3下载文件

13.6.4删除文件

13.7数据库操作案例

13.7.1操作指引

13.7.2数据库操作代码解析

13.8本章小结

第14章云开发数据库

14.1基本概念

14.2数据类型

14.3权限控制

14.3.1基础权限配置

14.3.2数据库安全规则

14.3.3数据库安全规则编写

14.4数据库复杂操作

14.4.1查询和更新数组元素与嵌套对象

14.4.2联表查询

14.5本章小结

第15章云函数及其调试

15.1云函数基础

15.1.1配置云函数本地目录

15.1.2新建 Node.js 云函数

15.2wxserversdk初始化

15.3云函数的常见操作

15.3.1调用数据库

15.3.2调用存储

15.3.3调用其他云函数

15.4云开发调试

15.4.1云函数云端测试

15.4.2Network面板

15.4.3开启云函数本地调试

15.5本章小结

第16章“扶贫超市Part4”构建数据库与商品管理

16.1建立数据库

16.1.1表结构设计

16.1.2添加集合

16.2用户与管理员身份的登录判断

16.2.1获取openid的方法

16.2.2判断是否为管理员

16.2.3判断是否为新用户

16.2.4实现效果

16.3添加商品

16.3.1添加商品效果展示

16.3.2WXML页面代码

16.3.3JS逻辑代码

16.4修改商品信息

16.4.1修改商品信息效果展示

16.4.2WXML页面说明

16.4.3JS逻辑代码

16.5删除商品

16.5.1删除商品效果展示

16.5.2JS逻辑函数

16.6本章小结

第5篇小程序的API

第17章系统底层的基础API

17.1获取系统信息的API

17.1.1wx.getSystemInfo与wx.getSystemInfoSync

17.1.2参数说明

17.2定时器

17.2.1属性说明

17.2.2定时器测试案例

17.3调试API

17.3.1开启调试模式与设置断点

17.3.2console全局对象

17.3.3console测试案例

17.4扫码

17.4.1wx.scanCode参数说明

17.4.2wx.scanCode示例

17.5本章小结

第18章网络与文件上传API

18.1网络基础

18.2wx.request

18.2.1wx.request参数

18.2.2RequestTask

18.2.3请求网络数据案例

18.3图片选择、预览与保存

18.3.1wx.chooseImage： 属性说明

18.3.2选择图片测试案例

18.3.3wx.previewImage属性说明

18.3.4预览图片测试案例

18.3.5wx.getImageInfo

18.3.6wx.saveImageToPhotosAlbum

18.3.7wx.compressImage属性说明

18.3.8压缩图片测试案例

18.4文件的上传与下载

18.4.1从客户端会话选择文件

18.4.2上传文件

18.4.3下载文件

18.4.4文件保存到本地或直接打开

18.4.5下载文件并保存测试案例

18.5号码归属地查询小程序案例讲解

18.5.1实现效果

18.5.2前期准备

18.5.3编码实战

18.6本章小结

第19章数据缓存API

19.1wx.setStorage

19.2wx.getStorage

19.3wx.removeStorage

19.4wx.getStorageInfo

19.5wx.clearStorage

19.6数据缓存API函数同步版本

19.6.1JavaScript的同步与异步

19.6.2数据缓存API的同步版本语法

19.7数据缓存API测试案例讲解

19.7.1运行效果

19.7.2代码说明

19.8本章小结

第20章位置API

20.1wx.getLocation

20.1.1属性说明

20.1.2成功回调返回数据

20.2wx.chooseLocation

20.2.1参数说明

20.2.2成功回调返回数据

20.3wx.openLocation

20.4wx.onLocationChange

20.5wx.offLocationChange

20.6位置API测试案例讲解

20.6.1运行效果

20.6.2代码说明

20.6.3腾讯地图API调用准备

20.7路径导航案例

20.7.1实现效果

20.7.2代码说明

20.8本章小结

第21章获取用户信息及登录态管理

21.1用户数据分类与开发数据获取

21.2敏感信息的获取方式

21.2.1使用开发者的服务器

21.2.2云开发获取openid

21.3wx.login

21.4wx.getUserInfo获取信息 

21.4.1参数属性说明

21.4.2成功回调返回数据

21.5与授权相关的API

21.5.1API作用说明

21.5.2全部scope

21.5.3授权示例

21.6用户登录态管理

21.6.1session与cookie

21.6.2小程序登录态实现机制

21.7获取用户信息编码说明

21.7.1自定义app.js中的getUseInfo方法 

21.7.2检验服务端session的refreshSession方法

21.7.3完整的登录userLogin

21.7.4其他页面调用getUserInfo

21.8本章小结

第22章“扶贫超市Part5”商品图片上传功能

22.1点击加号选择图片

22.1.1实现效果

22.1.2代码说明

22.2删除指定图片

22.2.1实现效果

22.2.2删除图片步骤讲解

22.2.3代码说明

22.3图片缩略图预览

22.4上传图片到数据库

22.5本章小结

第6篇综合案例实战 

第23章扶贫超市项目功能完善

23.1商品详情

23.1.1实现效果

23.1.2商品详情页面WXML代码

23.1.3JS代码

23.2加入购物车

23.2.1实现效果

23.2.2JS代码

23.3编辑购物车

23.3.1实现效果

23.3.2JS代码

23.4结算与确认订单

23.4.1实现效果

23.4.2确认订单页面WXML代码

23.4.3JS代码

23.5设置收货地址

23.5.1实现效果

23.5.2JS代码

23.6提交订单

23.6.1实现效果

23.6.2JS代码

23.7支付

23.7.1支付流程说明

23.7.2实现效果

23.7.3JS代码

23.8本章小结

参考文献