正版新书]小程序开发实战-微课视频版周文洁9787302541639

入门篇
章开发前的准备
1.1注册小程序
1.1.1注册开发者账号
1.1.2完善小程序信息
1.1.3管理小程序成员
1.2小程序开发工具
1.2.1软件的下载与安装
1.2.2开发者工具的登录
第2章个小程序
2.1自动生成小程序
2.1.1项目创建
2.1.2真机预览
2.1.3完整代码展示
2.2手动创建小程序
2.2.1项目创建
2.2.2页面配置
2..视图设计
2.2.4逻辑实现
2.2.5完整代码展示
基础篇
第3章小程序框架
3.1列表布局小程序
3.1.1项目创建
3.1.2页面配置
3.1.3视图设计
3.1.4逻辑实现
3.1.5完整代码展示
3.2九宫格布局小程序
3.2.1项目创建
3.2.2页面配置
3..视图设计
3.2.4逻辑实现
3.2.5完整代码展示
第4章小程序组件·猜数字游戏
4.1项目创建
4.2页面配置
4.2.1创建页面文件
4.2.2删除和修改文件
4.3视图设计
4.3.1导航栏设计
4.3.2公共样式设计
4.3.3页面设计
4.4逻辑实现
4.4.1游戏页面的逻辑实现
4.4.2首页的逻辑实现
4.5完整代码展示
4.5.1主体文件代码展示
4.5.2首页代码展示
4.5.3“游戏规则”页面代码展示
4.5.4“关于我们”页面代码展示
4.5.5开始游戏（game）代码展示
应用篇
第5章小程序网络API·天气查询
5.1准备工作
5.1.1API密钥申请
5.1.2API调用方法
5.1.3服务器域名配置
5.2项目创建
5.3页面配置
5.3.1创建页面文件
5.3.2删除和修改文件
5.3.3创建文件
5.4视图设计
5.4.1导航栏设计
5.4.2页面设计
5.5逻辑实现
5.5.1更新省、市、区信息
5.5.2获取实况天气数据
5.5.3更新页面天气信息
5.6完整代码展示
第6章小程序媒体API·口述校史
6.1项目创建
6.2页面配置
6.2.1创建页面文件
6.2.2删除和修改文件
6..创建文件
6.3视图设计
6.3.1导航栏设计
6.3.2页面设计
6.4逻辑实现
6.4.1更新播放列表
6.4.2点击播放视频
6.4.3发送弹幕
6.5完整代码展示
第7章小程序文件API·书橱
7.1准备工作
7.2项目创建
7.3页面配置
7.3.1创建页面文件
7.3.2删除和修改文件
7.4视图设计
7.4.1导航栏设计
7.4.2页面设计
7.5逻辑实现
7.5.1更新图书列表
7.5.2封装提示消息
7.5.3打开指定图书
7.5.4保存下载的图书
7.5.5下载并阅读图书
7.6完整代码展示
第8章小程序数据API·医疗急救卡
8.1项目介绍
8.2项目创建
8.3页面配置
8.3.1创建页面文件
8.3.2删除和修改文件
8.4视图设计
8.4.1导航栏设计
8.4.2页面设计
8.5逻辑实现
8.5.1尚未创建医疗急救卡的首页的逻辑实现
8.5.2医疗急救卡创建页的逻辑实现
8.5.3已经创建急救卡的首页的逻辑实现
8.6完整代码展示
8.6.1应用文件代码展示
8.6.2页面文件代码展示
第9章小程序位置API·会议邀请函
9.1项目创建
9.2页面配置
9.2.1创建页面文件
9.2.2删除和修改文件
9..创建文件
9.3视图设计
9.3.1导航栏设计
9.3.2页面设计
9.4逻辑实现
9.4.1更新嘉宾列表
9.4.2更新地图位置
9.4.3查看地图详情
9.5完整代码展示
0章小程序设备API·指南针
10.1项目创建
10.2页面配置
10.2.1创建页面文件
10.2.2删除和修改文件
10..创建文件
10.3视图设计
10.3.1导航栏设计
10.3.2页面设计
10.4逻辑实现
10.4.1指南针旋转动画
10.4.2更新角度和方向信息
10.4.3更新地理位置信息
10.5完整代码展示
1章小程序界面API·手绘时钟
11.1项目创建
11.2页面配置
11.2.1创建页面文件
11.2.2删除和修改文件
11.3视图设计
11.3.1导航栏设计
11.3.2页面设计
11.4逻辑实现
11.4.1创建画布上下文
11.4.2绘制时钟刻度
11.4.3绘制时钟指针
11.4.4显示数字时钟
11.4.5每秒实时更新
11.5完整代码展示
游戏篇
2章小程序游戏·拼图游戏
12.1需求分析
12.1.1首页功能需求
12.1.2游戏页功能需求
12.2项目创建
1.页面配置
1..1创建页面文件
1..2删除和修改文件
1..创建文件
12.4视图设计
12.4.1导航栏设计
12.4.2页面设计
12.5逻辑实现
12.5.1首页逻辑
12.5.2游戏页逻辑
12.6完整代码展示
12.6.1应用文件代码展示
12.6.2页面文件代码展示
3章小程序游戏·推箱子游戏
13.1需求分析
13.1.1首页功能需求
13.1.2游戏页功能需求
13.2项目创建
13.3页面配置
13.3.1创建页面文件
13.3.2删除和修改文件
13.3.3创建文件
13.4视图设计
13.4.1导航栏设计
13.4.2页面设计
13.5逻辑实现
13.5.1公共逻辑
13.5.2首页逻辑
13.5.3游戏页逻辑
13.6完整代码展示
13.6.1应用文件代码展示
13.6.2公共函数文件代码展示
13.6.3页面文件代码展示
4章小程序游戏·贪吃蛇游戏
14.1需求分析
14.1.1首页功能需求
14.1.2游戏页功能需求
14.2项目创建
14.3页面配置
14.3.1创建页面文件
14.3.2删除和修改文件
14.3.3创建文件
14.4视图设计
14.4.1导航栏设计
14.4.2页面设计
14.5数据模型设计
14.5.1贪吃蛇模型设计
14.5.2蛇身移动模型
14.5.3蛇吃食物模型
14.6逻辑实现
14.6.1首页逻辑
14.6.2游戏页逻辑
14.7完整代码展示
14.7.1应用文件代码展示
14.7.2页面文件代码展示
提高篇
5章小程序前端综合实例·基于模拟数据的高校新闻网
15.1需求分析
15.1.1首页功能需求
15.1.2新闻页功能需求
15.1.3个人心页能需求
15.2项目创建
15.3页面配置
15.3.1创建页面文件
15.3.2删除和修改文件
15.3.3创建文件
15.4视图设计
15.4.1导航栏设计
15.4.2tabBar设计
15.4.3页面设计
15.5逻辑实现
15.5.1公共逻辑
15.5.2首页逻辑
15.5.3新闻页逻辑
15.5.4个人中心页逻辑
15.5.5清除临时数据
15.6完整代码展示
15.6.1应用文件代码展示
15.6.2公共函数文件代码展示
15.6.3页面文件代码展示
15.7项目小结
6章小程序全栈开发·基于WAMP的高校新闻网
16.1初始化项目
16.1.1现有项目导入
16.1.2后端逻辑实现
16.1.3公共逻辑
16.2首页改造
16.2.1新闻列表展示
16.2.2加载更多新闻
16..点击跳转新闻内容
16.3新闻页改造
16.4个人中心页改造
16.5完整代码展示
16.5.1应用文件代码展示
16.5.2公共函数文件代码展示
16.5.3页面文件代码展示
7章小程序云开发·基于云数据库的高校新闻网
17.1云开发简介
17.1.1什么是云开发
17.1.2云开发能力介绍
17.1.3云开发的开通步骤
17.2初始化项目
17.2.1创建云模板项目
17.2.2迁移老项目
17..部署云数据库
17.3首页改造
17.3.1展示新闻列表
17.3.2展示滚动图片
17.3.3触底自动加载新闻列表
17.3.4点击新闻列表传递新闻编号
17.4新闻阅读页改造
17.5个人中心页改造
17.6完整代码展示
17.6.1应用文件代码展示
17.6.2公共函数文件代码展示
17.6.3页面文件代码展示
8章小程序云开发·基于云存储的书橱
18.1初始化项目
18.1.1创建云模板项目
18.1.2迁移老项目
18.1.3部署云文件存储
18.1.4部署云数据库
18.2首页改造
18.2.1展示图书列表
18.2.2点击跳转图书详情页
18.3图书详情页改造
18.3.1页面设计
18.3.2页面逻辑
18.3.3阅读图书功能
18.4完整代码展示
18.4.1应用文件代码展示
18.4.2页面文件代码展示
综合篇
9章小程序云开发·基于全套云能力的图片分享社区
19.1初始化项目
19.1.1创建云模板项目
19.1.2部署云数据库
19.1.3创建页面文件
19.2视图设计
19.2.1导航栏设计
19.2.2页面设计
19.3逻辑实现
19.3.1用户个人信息获取逻辑
19.3.2上传图片页逻辑
19.3.3首页逻辑
19.3.4个人主页逻辑
19.3.5图片展示页逻辑
19.4完整代码展示
19.4.1应用文件代码展示
19.4.2云函数文件代码展示
19.4.3页面文件代码展示
第20章小程序UI组件库·基于Vant Weapp的生日管家
20.1小程序自定义组件简介
20.1.1什么是自定义组件
20.1.2自定义组件的引用方式
20.1.3小程序UI组件库Vant Weapp
20.1.4Vant Weapp的下载和安装
20.2需求分析
20.2.1首页功能需求
20.2.2好友信息编辑页功能需求
20..好友信息展示页功能需求
20.3初始化项目
20.3.1创建云模板项目
20.3.2部署云数据库
20.3.3创建页面文件
20.3.4创建文件
20.4视图设计
20.4.1导航栏设计
20.4.2页面设计
20.5逻辑实现
20.5.1公共逻辑
20.5.2好友信息编辑页逻辑
20.5.3首页逻辑
20.5.4好友信息展示页逻辑
20.6完整代码展示
20.6.1应用文件代码展示
20.6.2公共函数文件代码展示
20.6.3页面文件代码展示
附录A服务器部署
A.1服务器域名配置
A.1.1配置流程
A.1.2HTTPS
A.2临时服务器部署
A.2.1软件部署
A.2.2网络请求
A..跳过域名校验
附录B可视化数据库搭建
B.1软件部署
B.2创建数据库
B.3分配用户权限
附录C后端框架搭建
C.1后端框架部署
C.2数据库对接配置
C.3接口制作示例
附录D个人开发者服务类目以及小程序场景值、小程序预定颜色

周文洁，现任职于安徽师范，副教授，硕士生导师。

第3章小程序框架本章内容主要包含两个使用flex布局模型创建的小程序项目实例，一是仿“发现”页面创建列表布局
小程序；二是仿“钱包”页面创建九宫格布局小程序。
学习使用flex布局模型和wx:for属创建列表布局小程序；学习使用flex布局模型和wx:for属创建九宫格布局小程序。
3.1列表布局小程序图31App“发现”页面真机截屏App的“发现”页面是由若干个垂直排列的列表组成的，每个列表项均包含图标、文字和箭头符号，如图31所示。
本项目将使用flex布局模型和wx:for属仿“发现”页面实现列表布局效果。
视频讲解3.1.1项目创建本项目创建选择空白文件夹wxDiscover，效果如图32所示。
单击“新建”按钮完成项目创建，然后准备手动创建页面配置文件。
视频讲解3.1.2页面配置1创建页面文件项目创建完后，在根目录中会生成文件夹pages用于存放页面文件。一般来说首页默认命名为index，表示小程序运行的个页面；页面名称可以自定义。本项目只需要保留首页（index）即可。
具体操作如下：图32小程序项目填写效果示意图(1)将app.json文件内pages属中的“pages/logs/logs”删除，并删除上一行末尾的逗号。
(2)按快捷键Ctrl+S保存当前修改。
2删除和修改文件具体操作如下：(1)删除utils文件夹及其内部所有内容。
(2)删除pages文件夹下的logs目录及其内部所有内容。
(3)删除index.wxml和index.wxss中的全部代码
。
(4)删除index.js中的全部代码，并且输入关键词page找到第二个选项按回车键让其自动补全函数(如
图33所示)。
图33输入关键词创建Page函数(5)删除app.wxss中的全部代码。
(6)删除app.js中的全部代码，并且输入关键词app找到个选项按回车键让其自动补全函数(如图34所示)。

"完整项目案例: 包括API应用、游戏开发、全栈开发、云开发和第三方UI组件的应用等21个项目案例
全程视频讲解：1600分钟的视频讲解，真实操作演示，让学习更轻松、快捷
丰富的配套资源：提供程序源码、教学课件、教案、教学大纲、所有程序全部在真机中调试通过。"

本书是《小程序开发零基础入门》一书的配套实战项目教程，也可单独为具有一定小程序前端开发基础的读者使用。全书以项目驱动为宗旨，循序渐进、案例丰富，详细介绍了小程序的入门基础知识与使用技巧。本书包含完整项目案例21个，均在web开发者工具（目前版本为1.02.1906141）和真机中调试通过，并提供全套项目案例源代码、练习题和视频讲解等资源供读者下载。