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