本书是根据教育部高等院校计算机专业教学改革的需要,结合作者讲授“互联网新技术:微信小程序开发”课程的教学经验编写而成。全书分为6篇,共23章。本书以实际投入使用的项目“扶贫超市购物程序”作为贯穿本书的实战项目,在每篇都用一章进行内容讲解,逐步完善其开发过程。本书内容丰富,实用性强,侧重案例教学和计算机程序设计的基本知识,帮助掌握微信小程序的核心内容及小程序 服务器端设计的基本方法和编程技巧,适合具有前端基础的本专科学生学习使用。

第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本章小结 参考文献