微信小程序开发快速入门

快速入门、易于上手，适合初次接触微信小程序开发的非专业人士。
任务驱动、所见即所得，短时间内激发开发者的学习兴趣。
循序渐进、由浅入深，逐步介绍小程序开发中的必要内容。
提供云开发解决方案，包含一个综合性复杂案例。

 

本书是学习微信小程序开发的入门书，共分为7章，第1章简单介绍小程序，包括小程序的框架、开发流程以及设计规范等；第2章以目前微信官方发布的*版微信开发者工具为基础，介绍小程序账号注册、新建小程序项目、AppId的创建等内容；第3章介绍了小程序前端开发用到的WXML标签语言，以及WXSS样式，还有视图层与逻辑层的信息传递机制，如何绑定视图层的触发事件；第4章介绍小程序开发中常用到的一些组件；第5章则以一个案例介绍了开发中的一些常见问题的实现及处理技术；第6章介绍了小程序云开发解决方案；第7章为综合案例应用开发。

王瑞胡，男，1975年09月出生，博士、教授，现担任重庆文理学院软件工程学院分管教学副院长、重庆服务外包学院副院长，为中国计算机学会高级会员、全国高等院校计算机基础教育研究会数据科学专委会常务理事、重庆认知科学学会理事。出版有《离散数学及其应用》、《红细胞SEM图像的三维重构及形状特征提取——基于VXL开源视觉库》等教材专著。

第1章小程序简介

1.1什么是小程序

1.2小程序能做什么

1.3小程序的宣传方式

1.4小程序的特点

1.5小程序的产品优势

1.6小程序开发的准备工作

1.6.1小程序框架

1.6.2小程序开发流程

1.7小程序的设计规范

1.8小程序的运营规范

1.9几个重要的参考文档

思考题

第2章小程序开发工具简介

2.1小程序官方文档

2.2小程序开发流程

2.3小程序账号注册

2.3.1微信公众号注册小程序

2.3.2微信小程序官网注册小程序账号

2.4新建小程序项目

2.5调试区6种模式

2.6AppID的创建

2.7小程序开发之初体验

思考题

第3章小程序框架结构介绍

3.1MINA框架

3.2WXML标签语言

3.2.1WXML简介

3.2.2基础知识

3.2.3WXML主要功能

3.3WXSS

3.4视图层和逻辑层的信息传递交互实现

3.5配置文件解析

3.5.1app.json

3.5.2project.config.json

3.5.3app.wxss

3.5.4app.js

3.5.5app.wxml

3.6小程序的启动

3.7事件绑定

3.7.1事件的类别

3.7.2事件的使用方式

3.7.3冒泡事件与非冒泡事件

3.7.4事件绑定和冒泡

思考题

第4章微信小程序的组件

4.1基础组件

4.1.1view组件

4.1.2scrollview组件(可滚动视图区域)

4.1.3swiper滑块视图容器(轮播)

4.1.4基础内容icon组件

4.1.5基础内容text组件

4.1.6基础内容progress进度条

4.1.7表单组件之按钮组件button

4.1.8表单组件之单选框radio

4.1.9表单组件之复选框checkbox

4.1.10表单组件label

4.1.11switch开关组件

4.1.12选择器picker

4.2媒体组件

4.2.1媒体组件image

4.2.2媒体组件audio

4.2.3媒体组件video

4.2.4媒体组件camera

4.3地图组件map

4.4使用微信API函数访问地理位置

思考题

第5章小程序开发实例

5.1准备工作

5.2小程序生命周期

5.3页面配置初探

5.4快速实现基本布局——应用弹性盒子布局

5.4.1传统布局的实现方式

5.4.2弹性盒子布局

5.4.3弹性盒子布局的优点

5.5如何让元素大小适配不同宽度屏幕

5.6新增“优惠推荐”promotion页并快速调试

5.6.1使用navigator组件——从about页跳转到promotion页

5.6.2配置tabBar——对若干一级页面的入口链接

5.6.3数据绑定——从视图中抽离出数据

5.6.4条件渲染

5.6.5列表渲染

5.7数据更新

5.8页面间跳转的实现机制

思考题

第6章小程序云开发解决方案

6.1云开发简介

6.1.1什么是云开发

6.1.2云开发提供能力概览

6.1.3小程序·云开发主要基础能力

6.1.4数据库基础能力解读

6.1.5文件存储能力解读

6.1.6云函数能力解读

6.2如何结合腾讯云开发小程序

6.2.1新建云开发模板

6.2.2云函数初体验

6.2.3在既有小程序项目中新建云函数并实现在视图页面中调用

6.3数据库的使用

6.3.1基本概念

6.3.2集合创建及表数据操作

6.3.3控制台数据库高级操作

6.3.4代码实现数据库表记录添加操作

6.3.5数据库表记录读取操作

6.3.6数据库表记录修改操作

6.3.7数据库表记录删除操作

6.4渲染视图页面与云开发控制台的数据交互实现

6.5如何从GitHub获取小程序示例Demo

6.5.1如何使用GitHub

6.5.2用小程序·云开发制作博客小程序

思考题

第7章小程序云开发方案示例

7.1项目简介

7.2详细设计与实现

7.2.1项目原型设计

7.2.2开发环境搭建

7.2.3数据库环境创建

7.2.4点爆页面实现

7.3从云端获取数据

7.3.1页面内数据列表滚动及导航切换后数据列表都在顶部实现

7.3.2实现数据列表加载功能

7.3.3搜索框搜索页面的实现

7.3.4爆文详情及转发功能实现

7.3.5助爆功能实现

思考题

参考文献

在AI时代，越来越多的人开始涉足人工智能及智能应用服务开发领域，在高校人才培养方案的课程设置中，应体现AI元素并普及智能应用服务开发等相关知识，可在通识课程模块给全体大学生(含本科生与高职高专生)开设AI相关课程，真正实现AI for All、CS for All。
微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验，具有应用轻量、门槛低、用完即走等特点。不管是资深软件开发人员，还是初次进入开发领域的小白，只要其具有创新的思想，可以预见的创新功能应用，就将在互联网市场上有所作为。
对于计算机相关专业或其他专业学生而言，可通过小程序带动他们初步认识AI及智能应用。在日常生活中，围绕周围的一些应用，一旦学习者有了一个很好的创新思想之后，结合互联网，结合小程序开发，就可以开发出一个具有生命力的产品，激发学生学习AI的热情，激发他们的创新思维，这是一件非常有意义的事情。
本书的出版，为小程序开发者提供了入门通道，让初次接触小程序开发的非专业人士易于上手，能以较短的时间开发一个原型出来，从而激发开发者的兴趣，增强深入学习的动力，让兴趣与任务驱动他们学习更多其他知识，开发其他更多更丰富的功能。本书主要针对零基础读者或对软件开发涉及不多，希望能快速入门微信小程序开发的读者，结合微信小程序开发者工具可见即可得的特性，在整个内容架构及章节编排上，充分结合小程序开发初学者的学习基础与学习特点，循序渐进，逐步将基本的小程序开发中一些必要的知识铺陈开来。
本书由王瑞胡和代琴任主编。其中，第1~6章由王瑞胡编写，第7章由代琴编写，代码实现部分还得到了谢东同学的帮助，终由王瑞胡完成统稿。
本书的出版得到重庆文理学院校本特色教材出版基金的资助，以及重庆市2019年度教育综合改革研究课题(课题批准号： 19JGY46)，重庆市2020年高等教育教学改革研究重点项目(项目编号： 202075)等的资助。在本书的编写过程中，还参阅了一些小程序开发教材，以及网上的一些资料，在此向这些文献资料的作者表示感谢。后，特别感谢清华大学出版社的大力支持，使得本书得以顺利出版。
限于编者水平，书中难免有不当和疏漏之处，敬请读者赐教指正。
本书配套微课视频，读者可用手机扫一扫封底刮刮卡内二维码，获得权限，再扫一扫书中二维码，即可观看视频。

编者
2020年4月