前言

微信小程序提供了一個簡單、高效的應用開發框架和豐富的組件，可幫助開發者高效率地實現許多常見的小程序功能。自微信小程序上線以來，廣大程序員和用戶對微信小程序的開發與應用充滿期待，小程序開發技術也吸引了許多專業學習者的關注，微信小程序開發的眾多技能知識也在網絡上傳播開來。微信小程序開發官網也發布了開發幫助文檔，但要系統地從零基礎學習微信小程序開發，仍需要一些整理有序的基礎案例。本書收集了微信小程序開發的入門案例，可以幫助更多的初學者學習。

本書具有以下特點：

（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的程序調試和素材準備，謝翠萍、羅燕珊、朱輝強和張維輝參與了程序的試用和課堂試教，收集師生的課堂反饋意見及校稿工作。

由于編者水平有限，書中難免有疏漏和不妥之處，懇請讀者批評指正。

編者