本書是學習微信小程序開發(fā)的入門書,共分為7章,第1章簡單介紹小程序,包括小程序的框架、開發(fā)流程以及設計規(guī)范等;第2章以目前微信官方發(fā)布的z新版微信開發(fā)者工具為基礎,介紹小程序賬號注冊、新建小程序項目、AppId的創(chuàng)建等內容;第3章介紹了小程序前端開發(fā)用到的WXML標簽語言,以及WXSS樣式,還有視圖層與邏輯層的信息傳遞機制,如何綁定視圖層的觸發(fā)事件;第4章介紹小程序開發(fā)中常用到的一些組件;第5章則以一個案例介紹了開發(fā)中的一些常見問題的實現及處理技術;第6章介紹了小程序云開發(fā)解決方案;第7章為綜合案例應用開發(fā)。
在AI時代,越來越多的人開始涉足人工智能及智能應用服務開發(fā)領域,在高校人才培養(yǎng)方案的課程設置中,應體現AI元素并普及智能應用服務開發(fā)等相關知識,可在通識課程模塊給全體大學生(含本科生與高職高專生)開設AI相關課程,真正實現AI for All、CS for All。
微信小程序是一種全新的連接用戶與服務的方式,它可以在微信內被便捷地獲取和傳播,同時具有出色的使用體驗,具有應用輕量、門檻低、用完即走等特點。不管是資深軟件開發(fā)人員,還是初次進入開發(fā)領域的小白,只要其具有創(chuàng)新的思想,可以預見的創(chuàng)新功能應用,就將在互聯網市場上有所作為。
對于計算機相關專業(yè)或其他專業(yè)學生而言,可通過小程序帶動他們初步認識AI及智能應用。在日常生活中,圍繞周圍的一些應用,一旦學習者有了一個很好的創(chuàng)新思想之后,結合互聯網,結合小程序開發(fā),就可以開發(fā)出一個具有生命力的產品,激發(fā)學生學習AI的熱情,激發(fā)他們的創(chuàng)新思維,這是一件非常有意義的事情。
本書的出版,為小程序開發(fā)者提供了入門通道,讓初次接觸小程序開發(fā)的非專業(yè)人士易于上手,能以較短的時間開發(fā)一個原型出來,從而激發(fā)開發(fā)者的興趣,增強深入學習的動力,讓興趣與任務驅動他們學習更多其他知識,開發(fā)其他更多更豐富的功能。本書主要針對零基礎讀者或對軟件開發(fā)涉及不多,希望能快速入門微信小程序開發(fā)的讀者,結合微信小程序開發(fā)者工具可見即可得的特性,在整個內容架構及章節(jié)編排上,充分結合小程序開發(fā)初學者的學習基礎與學習特點,循序漸進,逐步將基本的小程序開發(fā)中一些必要的知識鋪陳開來。
本書由王瑞胡和代琴任主編。其中,第1~6章由王瑞胡編寫,第7章由代琴編寫,代碼實現部分還得到了謝東同學的幫助,最終由王瑞胡完成統(tǒng)稿。
本書的出版得到重慶文理學院校本特色教材出版基金的資助,以及重慶市2019年度教育綜合改革研究課題(課題批準號: 19JGY46),重慶市2020年高等教育教學改革研究重點項目(項目編號: 202075)等的資助。在本書的編寫過程中,還參閱了一些小程序開發(fā)教材,以及網上的一些資料,在此向這些文獻資料的作者表示感謝。最后,特別感謝清華大學出版社的大力支持,使得本書得以順利出版。
限于編者水平,書中難免有不當和疏漏之處,敬請讀者賜教指正。
本書配套微課視頻,讀者可用手機掃一掃封底刮刮卡內二維碼,獲得權限,再掃一掃書中二維碼,即可觀看視頻。
編者
2020年4月
第1章小程序簡介
1.1什么是小程序
1.2小程序能做什么
1.3小程序的宣傳方式
1.4小程序的特點
1.5小程序的產品優(yōu)勢
1.6小程序開發(fā)的準備工作
1.6.1小程序框架
1.6.2小程序開發(fā)流程
1.7小程序的設計規(guī)范
1.8小程序的運營規(guī)范
1.9幾個重要的參考文檔
思考題
第2章小程序開發(fā)工具簡介
2.1小程序官方文檔
2.2小程序開發(fā)流程
2.3小程序賬號注冊
2.3.1微信公眾號注冊小程序
2.3.2微信小程序官網注冊小程序賬號
2.4新建小程序項目
2.5調試區(qū)6種模式
2.6AppID的創(chuàng)建
2.7小程序開發(fā)之初體驗
思考題
第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事件綁定和冒泡
思考題
微信小程序開發(fā)快速入門微課視頻版
目錄
第4章微信小程序的組件
4.1基礎組件
4.1.1view組件
4.1.2scrollview組件(可滾動視圖區(qū)域)
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章小程序開發(fā)實例
5.1準備工作
5.2小程序生命周期
5.3頁面配置初探
5.4快速實現基本布局——應用彈性盒子布局
5.4.1傳統(tǒng)布局的實現方式
5.4.2彈性盒子布局
5.4.3彈性盒子布局的優(yōu)點
5.5如何讓元素大小適配不同寬度屏幕
5.6新增“優(yōu)惠推薦”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章小程序云開發(fā)解決方案
6.1云開發(fā)簡介
6.1.1什么是云開發(fā)
6.1.2云開發(fā)提供能力概覽
6.1.3小程序·云開發(fā)主要基礎能力
6.1.4數據庫基礎能力解讀
6.1.5文件存儲能力解讀
6.1.6云函數能力解讀
6.2如何結合騰訊云開發(fā)小程序
6.2.1新建云開發(fā)模板
6.2.2云函數初體驗
6.2.3在既有小程序項目中新建云函數并實現在視圖頁面中調用
6.3數據庫的使用
6.3.1基本概念
6.3.2集合創(chuàng)建及表數據操作
6.3.3控制臺數據庫高級操作
6.3.4代碼實現數據庫表記錄添加操作
6.3.5數據庫表記錄讀取操作
6.3.6數據庫表記錄修改操作
6.3.7數據庫表記錄刪除操作
6.4渲染視圖頁面與云開發(fā)控制臺的數據交互實現
6.5如何從GitHub獲取小程序示例Demo
6.5.1如何使用GitHub
6.5.2用小程序·云開發(fā)制作博客小程序
思考題
第7章小程序云開發(fā)方案示例
7.1項目簡介
7.2詳細設計與實現
7.2.1項目原型設計
7.2.2開發(fā)環(huán)境搭建
7.2.3數據庫環(huán)境創(chuàng)建
7.2.4點爆頁面實現
7.3從云端獲取數據
7.3.1頁面內數據列表滾動及導航切換后數據列表都在頂部實現
7.3.2實現數據列表加載功能
7.3.3搜索框搜索頁面的實現
7.3.4爆文詳情及轉發(fā)功能實現
7.3.5助爆功能實現
思考題
參考文獻