本书介绍了小程序的开发语言、框架、能力、调试等内容，可帮助读者快速、全面了解小程序开发的技能细节，达到从入门到熟练应用的学习效果。本书以微信小程序开发的入门基础为主要学习内容，选取了图文显示、布局基础、界面设计、JavaScript基础、组件基础应用、数据库操作等方面的60多个案例，把技能知识的应用渗透于案例设计过程中，并介绍了许多微信小程序前端开发的技能技巧。本书共7个项目，主要内容包括项目1　Hello World、项目2　布局入门、项目3　界面设计、项目4　JavaScript基础入门、项目5　组件入门、项目6　趣味应用、项目7　数据库操作。本书可作为各类职业院校计算机类专业的教材，也适合作为对微信小程序开发感兴趣读者的参考书。本书配有电子课件、源代码，选用本书作为授课教材的教师可登录机械工业出版社教育服务网（www.cmpedu.com），注册账号后免费下载，或联系编辑（010-88379194）咨询。

本书遵循职业教育教材编写规律和职业院校学生学习规律，配套齐全 

微信小程序提供了一个简单、高效的应用开发框架和丰富的组件，可帮助开发者高效率地实现许多常见的小程序功能。自微信小程序上线以来，广大程序员和用户对微信小程序的开发与应用充满期待，小程序开发技术也吸引了许多专业学习者的关注，微信小程序开发的众多技能知识也在网络上传播开来。微信小程序开发官网也发布了开发帮助文档，但要系统地从零基础学习微信小程序开发，仍需要一些整理有序的基础案例。本书收集了微信小程序开发的入门案例，可以帮助更多的初学者学习。本书具有以下特点：（1）循序渐进本书在编写过程中，从Hello World案例入手，循序渐进地讲到布局、组件应用、数据库访问等，用一系列的基础案例丰富了开发的入门技能。案例的知识范围既基础又全面。（2）入门与兴趣在案例内容上，选用了许多以效果目标为导向的案例，注重讲解实现效果的技能。同时，结合知识入门的需要与学习兴趣的培养，本书希望达到让初学者轻松学习的效果，引导读者在学习中培养兴趣，在快乐中进步。在知识点的反复应用中，期望读者能积累一定的案例设计经验，掌握基本的开发技能。本书的主要内容包括：项目1，从微信小程序的Hello World模板应用开始，讲解了小程序项目文件结构、样式设置、图片添加、底部导航、子页设置和页面间的跳转等技能。项目2，主要讲解布局技术，应用WXSS实现多个view组件的页面布局、标签样式更改，以及表格、图文、柱形图等。项目3，实现一系列常见界面效果，用view、text、image等组件和WXSS技术实现复杂界面效果的设计，并介绍了项目开发的实战技能，重视讲解达到所见效果的技巧。项目4，讲解JavaScript编程在小程序应用中的基础知识，从变量定义、变量绑定开始，讲解了多个任务应用事件绑定、函数定义、条件渲染wx:if和列表渲染wx:for等。项目5，讲解了小程序提供的一些特殊组件的应用，以及组件高效率实现页面逻辑功能的技巧。讲解的组件包括scroll-view、swiper滑块视图容器、movable-area可移动区域、movable-view、checkbox多选项目、progress进度条、picker滚动选择器等。另外，结合this.setdata()、wx.showToast()、rgb()等JavaScript函数，讲解了JavaScript的编程语句应用、事件调用等技能。项目6，讲解了多个小程序应用JavaScript编程实现的有趣任务效果，包括图片浏览、购物车、秒表及一些页面动画效果，重点介绍了JavaScript代码应用、调试程序等技巧。项目7，讲解了小程序前端如何获取后台的数据库数据记录，读者可掌握小程序前端设计时通过应用接口实现数据对接的页面效果的工作技能。本书由邹贵财和胡辉贤担任主编，谢世森、张治平、孙凯和曾国彬担任副主编，参加编写的还有谢翠萍、罗燕珊、朱辉强和张维辉。其中，邹贵财编写项目1、项目2、项目3、项目4，并进行了全书的统稿工作，胡辉贤编写项目5、项目6，张治平编写项目7，谢世森参与了项目1、项目2的程序调试和素材准备，孙凯参与了项目3、项目4的程序调试和素材准备，曾国彬参与了项目5、项目6的程序调试和素材准备，谢翠萍、罗燕珊、朱辉强和张维辉参与了程序的试用和课堂试教，收集师生的课堂反馈意见及校稿工作。由于编者水平有限，书中难免有疏漏和不妥之处，恳请读者批评指正。编　者

职业院校教师

前言项目1　Hello Worl 1任务1　创建第一个Hello Worl 2任务2　设置头像的样 5任务3　添加图 8任务4　增加文 13任务5　添加子页 17任务6　tabBar导 21任务7　跳转到子页 26项目总 29拓展练 29项目2　布局入 31任务1　组件与wxss应用布 31任务2　flex布局实现水平布 34任务3　内容页面布 36任务4　靠页面右侧的布 38任务5　田字形的布 40任务6　倒福字的布 42任务7　柱形图的布 44任务8　拼图对接的布 46任务9　表格布 48任务10　图文样图布 50项目总 52拓展练 52项目3　界面设 57任务1　“学校场室展示”设 57任务2　“我的订单”设 60任务3　“主播带货”设 64任务4　“常用工具”设 68任务5　“专业资讯”设 71任务6　“商品活动展示”设 74任务7　“自定义底部导航”设 76任务8　“课程简介”设 79任务9　“热卖推介”设 82任务10　“花卉欣赏”设 86任务11　“商品浏览”设 91任务12　“小店首页”设 94项目总 100拓展练 100项目4　JavaScript基础入 105任务1　改变view的背景 105任务2　改变字 108任务3　正方形变 109任务4　左右移 111任务5　数字增大减 113任务6　长宽变 115任务7　石头剪刀 117任务8　wx:if实现开灯及关灯效 119任务9　控制渐变 121任务10　日期的显 123任务11　用wx:for设计课程 125任务12　增删图 128任务13　if语句应用于全 129项目总 132拓展练 133项目5　组件入 135任务1　实现横向滚动功 135任务2　实现纵向滚动功 137任务3　滑块容 141任务4　进度 143任务5　可移动小 145任务6　拖动验 148任务7　checkbox实现项目多 150任务8　学历选择 153任务9　省市区选择 157任务10　滑动选择 159项目总 161拓展练 161项目6　趣味应 165任务1　图片浏 165任务2　实现变量的控 168任务3　两数运 170任务4　购物车清单结 173任务5　数组的应 177任务6　倒计 179任务7　秒 182任务8　自定义的弹 184任务9　随机抽 187任务10　抽奖 190任务11　放飞气 193项目总 195拓展练 195项目7　数据库操 199任务1　准备好数据 199任务2　下载ThinkPHP框架，部署后台系 207任务3　读取数据库，返回JSON格式数 214任务4　在小程序中发送请求，与后台系统交 220项目总 225拓展练 226参考文 235