前言

微信小程序提供了一个简单、高效的应用开发框架和丰富的组件，可帮助开发者高效率地实现许多常见的小程序功能。自微信小程序上线以来，广大程序员和用户对微信小程序的开发与应用充满期待，小程序开发技术也吸引了许多专业学习者的关注，微信小程序开发的众多技能知识也在网络上传播开来。微信小程序开发官网也发布了开发帮助文档，但要系统地从零基础学习微信小程序开发，仍需要一些整理有序的基础案例。本书收集了微信小程序开发的入门案例，可以帮助更多的初学者学习。

本书具有以下特点：

（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的程序调试和素材准备，谢翠萍、罗燕珊、朱辉强和张维辉参与了程序的试用和课堂试教，收集师生的课堂反馈意见及校稿工作。

由于编者水平有限，书中难免有疏漏和不妥之处，恳请读者批评指正。

编者