微信小程序項(xiàng)目案例開(kāi)發(fā)教學(xué)大綱

課程名稱：微信小程序開(kāi)發(fā)

學(xué)分：3.0總學(xué)時(shí)數(shù)：48

課程性質(zhì):選修課考核方式：考查/考試

總評(píng)成績(jī)：平時(shí)成績(jī)40%+期末考試成績(jī)60%

或：過(guò)程考評(píng)40%（平時(shí)作業(yè)20%+實(shí)驗(yàn)20%）+最終作品及答辯30%+報(bào)

告30%

先修課程：數(shù)據(jù)庫(kù)原理，前端開(kāi)發(fā)基礎(chǔ)，Web技術(shù)及應(yīng)用

01課程簡(jiǎn)介

隨著社會(huì)的發(fā)展，互聯(lián)網(wǎng)新技術(shù)日益層出不窮。根植于微信內(nèi)部的微信小程序，

由于微信本身強(qiáng)大的社交屬性帶來(lái)了巨大的流量和超高的商業(yè)價(jià)值，其涉及的

應(yīng)用領(lǐng)域也在日益擴(kuò)大，不久的將來(lái)很可能超過(guò)APP的數(shù)量。微信小程序(Mini

Program)是一種輕量級(jí)的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶無(wú)

需下載安裝即可在微信中使用小程序。本課程將以項(xiàng)目驅(qū)動(dòng)為宗旨，以豐富案

例作實(shí)踐，從零開(kāi)始講授微信小程序開(kāi)發(fā)的入門基礎(chǔ)知識(shí)與開(kāi)發(fā)技巧。

02課程目標(biāo)及畢業(yè)要求指標(biāo)點(diǎn)

目標(biāo)1：了解微信小程序的特點(diǎn)、功能，學(xué)會(huì)從零創(chuàng)建一個(gè)微信小程序項(xiàng)目，

并進(jìn)行調(diào)試開(kāi)發(fā)，提交代碼。

目標(biāo)2：了解小程序的基礎(chǔ)框架、組件，學(xué)會(huì)靈活運(yùn)用相關(guān)組件進(jìn)行應(yīng)用開(kāi)發(fā)。

目標(biāo)3：掌握微信小程序的各類應(yīng)用API使用技巧和云開(kāi)發(fā)技能，理解其運(yùn)行

原理。

目標(biāo)4：掌握HTML、CSS、JavaScript知識(shí)并綜合運(yùn)用，包括布局樣式設(shè)計(jì)

和邏輯的處理等，根據(jù)應(yīng)用需求實(shí)現(xiàn)完整的微信小程序項(xiàng)目的開(kāi)發(fā)

表1課程教學(xué)目標(biāo)及畢業(yè)要求支撐對(duì)照列表

03課程重點(diǎn)、難點(diǎn)

重點(diǎn)：小程序框架原理，各類視圖組件API的效果和使用方式，網(wǎng)絡(luò)通信、媒

體組件應(yīng)用、文件操作、讀寫緩存等應(yīng)用，小程序云開(kāi)發(fā)方法。難點(diǎn)：理解

native、視圖層和渲染層的通信原理，掌握網(wǎng)絡(luò)通信、媒體組件應(yīng)用、文件

操作、讀寫緩存等機(jī)制原理與限制，canvas畫圖和動(dòng)畫設(shè)計(jì)，小程序云開(kāi)發(fā)

技巧等。

04教學(xué)內(nèi)容和學(xué)時(shí)分配

（一）第1章淺談微信小程序2學(xué)時(shí)

主要內(nèi)容：介紹小程序的誕生、特點(diǎn)和主要功能，講解如何注冊(cè)開(kāi)發(fā)者賬號(hào)和

完善信息、開(kāi)發(fā)工具的下載與安裝使用，以及簡(jiǎn)單小程序項(xiàng)目目錄結(jié)構(gòu)。

重點(diǎn)：微信小程序發(fā)者賬號(hào)的創(chuàng)建，開(kāi)發(fā)者工具的使用。

難點(diǎn)：熟悉開(kāi)發(fā)者工具的使用及理解小程序項(xiàng)目各類主體文件的作用。

(二）第2章小程序的視圖與渲染2學(xué)時(shí)

主要內(nèi)容：介紹小程序的視圖層及渲染過(guò)程，講解各種頁(yè)面的數(shù)據(jù)綁定方法，

使用模板與引用代碼段的步驟及其相關(guān)案例。

重點(diǎn)：WXML文件代碼的基礎(chǔ)語(yǔ)法，數(shù)據(jù)綁定與渲染標(biāo)簽。

難點(diǎn)：條件渲染及列表渲染的方法，模板的引用。

(三）第3章小程序的事件1學(xué)時(shí)

主要內(nèi)容：介紹小程序的事件與事件對(duì)象的概念，講解事件類型及事件綁定類

型的案例。

重點(diǎn)：常用的事件對(duì)象及其對(duì)應(yīng)的綁定方式。

難點(diǎn)：事件的兩大類型冒泡與非冒泡事件，以及如何阻止冒泡事件。

(四）第4章【扶貧超市Part1】開(kāi)發(fā)準(zhǔn)備1學(xué)時(shí)

主要內(nèi)容：介紹扶貧超市實(shí)戰(zhàn)項(xiàng)目的基本功能及需求分析，申請(qǐng)賬號(hào)并新建項(xiàng)

目，完成扶貧超市項(xiàng)目的第一部分內(nèi)容。

重點(diǎn)：項(xiàng)目需求分析和功能模塊劃分，申請(qǐng)賬號(hào)并創(chuàng)建項(xiàng)目雛形框架。

難點(diǎn)：項(xiàng)目需求分析和功能模塊劃分。

(五）第5章小程序項(xiàng)目的配置與生命周期1學(xué)時(shí)

主要內(nèi)容：介紹小程序項(xiàng)目的app.json全局配置，講解小程序的生命周期和

全局變量與函數(shù)。

重點(diǎn)：小程序項(xiàng)目的全局配置，頁(yè)面、窗口、tabBar等配置方法。

難點(diǎn)：小程序的生命周期，app對(duì)象和變量函數(shù)。

(六）第6章小程序頁(yè)面的配置與生命周期2學(xué)時(shí)

主要內(nèi)容：講解微信小程序頁(yè)面的窗口配置，頁(yè)面生命周期函數(shù)及執(zhí)行過(guò)程，

并結(jié)合新聞客戶端案例學(xué)習(xí)頁(yè)面跳轉(zhuǎn)和參數(shù)傳遞。

重點(diǎn)：掌握小程序的頁(yè)面生命周期函數(shù)，頁(yè)面跳轉(zhuǎn)和參數(shù)傳遞的過(guò)程。

難點(diǎn)：理解小程序頁(yè)面生命周期函數(shù)的執(zhí)行順序和過(guò)程。

(七）第7章【扶貧超市Part2】項(xiàng)目頁(yè)面框架配置1學(xué)時(shí)

主要內(nèi)容：完成扶貧超市項(xiàng)目頁(yè)面框架配置，主要包含項(xiàng)目目錄整理、項(xiàng)目

tarBar配置以及項(xiàng)目窗口配置。

重點(diǎn)：項(xiàng)目目錄結(jié)構(gòu)的搭建與tarBar和window配置。

難點(diǎn)：項(xiàng)目頁(yè)面框架的全局設(shè)計(jì)與屬性值配置。

(八）第8章頁(yè)面布局2學(xué)時(shí)

主要內(nèi)容：講解視圖層和基礎(chǔ)布局模型flex的用法，相對(duì)定位與絕對(duì)定位布局，

并通過(guò)簡(jiǎn)易計(jì)算器案例講解布局實(shí)戰(zhàn)。

重點(diǎn)：flex布局與相對(duì)、絕對(duì)定位布局。

難點(diǎn)：flex布局的理解和配置。

(九）第9章小程序的樣式基礎(chǔ)2學(xué)時(shí)

主要內(nèi)容：講解樣式的基本使用、樣式屬性的配置，以及樣式選擇器的使用。

重點(diǎn)：樣式的基本用法和樣式屬性的配置。

難點(diǎn)：樣式選擇器的用法

(十）第10章組件4學(xué)時(shí)

主要內(nèi)容：按照功能分類依次介紹視圖容器、基礎(chǔ)內(nèi)容、表單、導(dǎo)航、多媒體

和地圖組件的用法。

重點(diǎn)：掌握小程序視圖層各類組件的用法

難點(diǎn)：小程序組件的運(yùn)用場(chǎng)景，了解各組件的主要配置屬性及效果

(十一）第11章操作反饋工具與簡(jiǎn)單的界面API2學(xué)時(shí)

主要內(nèi)容：講解四種操作反饋工具toast、modal、loading和action-sheet

的基本使用，并結(jié)合案例介紹幾種頁(yè)面反饋API的基本使用，包括設(shè)置背景、

設(shè)置tabBar、動(dòng)態(tài)加載字體、下拉刷新等。

重點(diǎn)：小程序各種頁(yè)面反饋工具和界面API的使用

難點(diǎn)：tabBar與頁(yè)面導(dǎo)航的切換方法，Background背景樣式的設(shè)置

(十二）第12章【扶貧超市Part3】主要頁(yè)面的UI2學(xué)時(shí)

主要內(nèi)容：講解扶貧超市項(xiàng)目的主要頁(yè)面UI設(shè)計(jì)過(guò)程，包括首頁(yè)頁(yè)面、分類

頁(yè)面、購(gòu)物車頁(yè)面、“我的”頁(yè)面、管理端商品管理頁(yè)面等頁(yè)面的UI設(shè)計(jì)。

重點(diǎn)：各主要頁(yè)面的UI設(shè)計(jì)和樣式代碼編寫。

難點(diǎn)：頁(yè)面UI的flex布局和樣式效果調(diào)試。

(十三）第13章認(rèn)識(shí)云開(kāi)發(fā)項(xiàng)目2學(xué)時(shí)

主要內(nèi)容：介紹微信小程序云開(kāi)發(fā)的概念及其組成部分，創(chuàng)建云開(kāi)發(fā)項(xiàng)目實(shí)例

講解構(gòu)建和部署云環(huán)境，完成新建云函數(shù)、獲取openid、管理文件和操作數(shù)

據(jù)庫(kù)等任務(wù)內(nèi)容。

重點(diǎn)：云函數(shù)的創(chuàng)建和調(diào)用，云開(kāi)發(fā)數(shù)據(jù)庫(kù)的原理理解和操作使用。

難點(diǎn)：云開(kāi)發(fā)數(shù)據(jù)庫(kù)的原理理解和操作過(guò)程。

(十四）第14章云開(kāi)發(fā)數(shù)據(jù)庫(kù)2學(xué)時(shí)

主要內(nèi)容：介紹云開(kāi)發(fā)數(shù)據(jù)庫(kù)的概念，并詳細(xì)介紹其數(shù)據(jù)類型、權(quán)限控制、安

全規(guī)則等，并演示云開(kāi)發(fā)數(shù)據(jù)庫(kù)的復(fù)雜操作。

重點(diǎn)：掌握小程序云開(kāi)發(fā)的數(shù)據(jù)庫(kù)類型和權(quán)限控制，并學(xué)會(huì)基本的數(shù)據(jù)庫(kù)操作。

難點(diǎn)：云開(kāi)發(fā)數(shù)據(jù)庫(kù)的查詢匹配及聯(lián)表查詢。

(十五）第15章云函數(shù)及其調(diào)試2學(xué)時(shí)

主要內(nèi)容：講解小程序的云函數(shù)新建、部署和調(diào)用過(guò)程，包括云函數(shù)的常見(jiàn)操

作和調(diào)試測(cè)試。

重點(diǎn)：掌握熟悉云函數(shù)中JS語(yǔ)法書寫、函數(shù)調(diào)用和調(diào)試。

難點(diǎn)：云函數(shù)的云端調(diào)試和本地調(diào)試方法。

(十六）第16章【扶貧超市Part4】構(gòu)建數(shù)據(jù)庫(kù)與商品管理2學(xué)時(shí)

主要內(nèi)容：講解扶貧超市項(xiàng)目的后臺(tái)部分，主要包括數(shù)據(jù)庫(kù)設(shè)計(jì)和云端集合操

作，并結(jié)合云端數(shù)據(jù)庫(kù)完善項(xiàng)目中的商品管理wxml代碼和JS邏輯函數(shù)設(shè)計(jì)。

重點(diǎn)：數(shù)據(jù)庫(kù)的設(shè)計(jì)，相關(guān)邏輯函數(shù)的編寫。

難點(diǎn)：云函數(shù)的調(diào)用。

(十七）第17章系統(tǒng)底層的基礎(chǔ)API2學(xué)時(shí)

主要內(nèi)容：介紹了獲取系統(tǒng)信息API、定時(shí)器API和掃碼API，并講解了API

函數(shù)的調(diào)試方法。

重點(diǎn)：小程序系統(tǒng)底層API的用法和調(diào)試方法。

難點(diǎn)：小程序開(kāi)發(fā)工具調(diào)試模式調(diào)試方法及斷點(diǎn)調(diào)試方法。

(十八）第18章網(wǎng)絡(luò)與文件上傳API2學(xué)時(shí)

主要內(nèi)容：講解微信小程序網(wǎng)絡(luò)API和文件API的用法，包括發(fā)起和中斷請(qǐng)求，

文件傳輸、保存、信息獲取，文件的打開(kāi)刪除等操作，以及號(hào)碼歸屬地查詢小

程序案例講解了wx.request的應(yīng)用。

重點(diǎn)：小程序各類網(wǎng)絡(luò)API和文件API的用法與限制

難點(diǎn)：網(wǎng)絡(luò)請(qǐng)求的原理，本地文件與臨時(shí)文件區(qū)別用法，以及各類API對(duì)文

件源的要求。

(十九）第19章數(shù)據(jù)緩存API2學(xué)時(shí)

主要內(nèi)容：講解微信小程序數(shù)據(jù)緩存API的用法，包括本地緩存、數(shù)據(jù)的存儲(chǔ)、

獲取、刪除、清空等操作，并講解與緩存相關(guān)的API函數(shù)測(cè)試案例。

重點(diǎn)：小程序各類數(shù)據(jù)緩存API的用法。

難點(diǎn)：異步數(shù)據(jù)與同步數(shù)據(jù)的區(qū)別，緩存原理與限制。

(二十）第20章位置API2學(xué)時(shí)

主要內(nèi)容：講解微信小程序位置API的用法，包括位置信息的獲取，獲取和選

擇位置，查看位置，地圖組件控制，并講解位置API測(cè)試和路徑導(dǎo)航案例。

重點(diǎn)：小程序各類位置API的用法。

難點(diǎn)：兩種地圖坐標(biāo)系的區(qū)別，標(biāo)記的處理。

(二十一）第21章獲取用戶信息及登錄態(tài)管理2學(xué)時(shí)

主要內(nèi)容：介紹用戶數(shù)據(jù)信息分類與開(kāi)放數(shù)據(jù)獲取流程，講解用戶登錄態(tài)管理

及其實(shí)現(xiàn)機(jī)制。

重點(diǎn)：小程序獲取用戶信息的相關(guān)API及其用法。

難點(diǎn)：用戶登錄態(tài)的實(shí)現(xiàn)機(jī)制。

(二十二）第22章【扶貧超市Part5】商品圖片上傳功能2學(xué)時(shí)

主要內(nèi)容：完成扶貧超市項(xiàng)目的商品圖片上傳功能部分，包括本地圖片選擇及

云開(kāi)發(fā)端將圖片寫入數(shù)據(jù)庫(kù)等操作，實(shí)現(xiàn)圖片的選擇上傳、預(yù)覽與刪除等功能。

重點(diǎn)：圖片選擇上傳、預(yù)覽與刪除功能的實(shí)現(xiàn)

難點(diǎn)：圖片的選擇上傳與刪除邏輯實(shí)現(xiàn)。

(二十三）第23章扶貧超市項(xiàng)目功能完善6學(xué)時(shí)

主要內(nèi)容：完善扶貧超市項(xiàng)目的其他主要功能，包括商品詳情頁(yè)面、購(gòu)物車管

理、結(jié)算與確認(rèn)訂單、設(shè)置收貨地址、提交訂單并支付等相關(guān)功能頁(yè)面的頁(yè)面

效果和業(yè)務(wù)邏輯實(shí)現(xiàn)。

重點(diǎn)：項(xiàng)目各主要功能部分的頁(yè)面和邏輯代碼編寫。

難點(diǎn)：云函數(shù)的調(diào)用以及部分功能如訂單支付的邏輯處理。

09教學(xué)日歷

05選用教材

12教案

課程

微信小程序開(kāi)發(fā)總計(jì)：48學(xué)時(shí)

名稱

課程專業(yè)選修

學(xué)分3.0

類別課

課程開(kāi)課

周學(xué)時(shí)：04學(xué)時(shí)

編碼學(xué)期

任課

職稱

教師

授課具有數(shù)據(jù)庫(kù)、WEB開(kāi)發(fā)或前端基礎(chǔ)選課

對(duì)象的學(xué)生人數(shù)

出版社

微信小程

教材作及清華大學(xué)出版社

序貫穿式蘭紅

者出版時(shí)2021年1月

名稱項(xiàng)目實(shí)戰(zhàn)

間

隨著社會(huì)的發(fā)展，互聯(lián)網(wǎng)新技術(shù)日益層出不窮。根植于微信內(nèi)部的微信小程序，

由于微信本身強(qiáng)大的社交屬性帶來(lái)了巨大的流量和超高的商業(yè)價(jià)值，其涉及的應(yīng)用領(lǐng)

域也在日益擴(kuò)大，不久的將來(lái)很可能超過(guò)APP的數(shù)量。微信小程序(MiniProgram)是

一種輕量級(jí)的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶無(wú)需下載安裝即可在微

信中使用小程序。本課程將以項(xiàng)目驅(qū)動(dòng)為宗旨，以豐富案例作實(shí)踐，從零開(kāi)始講授微

信小程序開(kāi)發(fā)的入門基礎(chǔ)知識(shí)與開(kāi)發(fā)技巧。

本課程基于微信小程序平臺(tái)開(kāi)發(fā)，從基礎(chǔ)開(kāi)始學(xué)習(xí)，循序漸進(jìn)，通過(guò)理論知識(shí)與

大量的案例來(lái)介紹微信小程序開(kāi)發(fā)的各方面知識(shí)。具體內(nèi)容包括：微信小程序的前端

課程

基礎(chǔ)知識(shí)、小程序項(xiàng)目全局配置、頁(yè)面配置以及生命周期、小程序開(kāi)發(fā)的頁(yè)面布局、

簡(jiǎn)介樣式、組件使用、云開(kāi)發(fā)的項(xiàng)目構(gòu)建及數(shù)據(jù)庫(kù)、API函數(shù)的使用，最后講解“扶貧超

市購(gòu)物程序”微信小程序項(xiàng)目案例的綜合設(shè)計(jì)與完整實(shí)現(xiàn)。

通過(guò)本課程的學(xué)習(xí)，使學(xué)生對(duì)微信小程序有較好的理解，對(duì)小程序的開(kāi)發(fā)有較好

的掌握。專業(yè)技能方面，加強(qiáng)實(shí)訓(xùn)教學(xué)，通過(guò)大量的上機(jī)練習(xí)、代碼閱讀、代碼改錯(cuò)、

規(guī)范化檢查，訓(xùn)練學(xué)生編寫程序的熟練度和規(guī)范性；通過(guò)項(xiàng)目實(shí)踐，提升動(dòng)手能力，

將所學(xué)知識(shí)整合運(yùn)用到項(xiàng)目中。職業(yè)素質(zhì)方面，通過(guò)項(xiàng)目組角色分配、技術(shù)研討等多

種訓(xùn)練手段，培養(yǎng)學(xué)生具備良好的職業(yè)習(xí)慣，實(shí)現(xiàn)學(xué)生在校即具備準(zhǔn)職業(yè)人素養(yǎng)的目

標(biāo)。

本課程將以項(xiàng)目驅(qū)動(dòng)為宗旨，以豐富案例作實(shí)踐，并以“扶貧超市購(gòu)物程

教學(xué)序”項(xiàng)目作為貫穿課程的實(shí)戰(zhàn)項(xiàng)目，從零開(kāi)始系統(tǒng)講授微信小程序開(kāi)發(fā)的入門

目的基礎(chǔ)知識(shí)與開(kāi)發(fā)技巧。結(jié)合課堂講授、課程實(shí)驗(yàn)、網(wǎng)絡(luò)教學(xué)資源共享等方式，

使學(xué)生系統(tǒng)地理解和掌握微信小程序的設(shè)計(jì)、開(kāi)發(fā)和實(shí)現(xiàn)方法。

程序設(shè)計(jì)類的課程需要大量的實(shí)操訓(xùn)練，因而課程教學(xué)采用機(jī)房授課，便于加強(qiáng)

教學(xué)

學(xué)生實(shí)踐操作，同時(shí)課堂教學(xué)與網(wǎng)絡(luò)教學(xué)相結(jié)合，以提高學(xué)生的思維能力、綜合能力

方法與創(chuàng)新能力。

1.1.本課程主要采用機(jī)房授課，理論方面多媒體課件+板書，實(shí)踐方面帶領(lǐng)

學(xué)生針對(duì)具體問(wèn)題分析需求，設(shè)計(jì)解決方案，學(xué)習(xí)相關(guān)知識(shí)點(diǎn)和API，然后代碼實(shí)現(xiàn)。

2.2.通過(guò)網(wǎng)絡(luò)教學(xué)平臺(tái)+課程實(shí)驗(yàn)+課程視頻的授課方式，幫助學(xué)生理解重

點(diǎn)難點(diǎn)內(nèi)容。

3.2.師生通過(guò)電話、QQ、微信、課程網(wǎng)絡(luò)教學(xué)平臺(tái)留言窗口等多種方式建立聯(lián)

系、答疑。

4.3.通過(guò)案例演示和新技術(shù)新方法介紹，讓學(xué)生學(xué)會(huì)使用文獻(xiàn)檢索工具查找資

料并將理論與實(shí)際應(yīng)用結(jié)合起來(lái)，激發(fā)學(xué)習(xí)興趣。

課程的重點(diǎn)在于培養(yǎng)學(xué)生基于微信平臺(tái)開(kāi)發(fā)的能力，了解小程序框架原理，各類

課程

組件API的應(yīng)用效果和使用方式，靈活應(yīng)用前端基本編程方法和技巧，掌握微信小程

重點(diǎn)序開(kāi)發(fā)的完整設(shè)計(jì)、實(shí)現(xiàn)、測(cè)試和發(fā)布。

課程

課程的難點(diǎn)在于培養(yǎng)學(xué)生面對(duì)具體需求獨(dú)立思考、分析問(wèn)題和創(chuàng)新設(shè)計(jì)的能力。

難點(diǎn)

使學(xué)習(xí)者在學(xué)習(xí)過(guò)程中逐步理解微信小程序框架基本原理，熟悉常用的API，掌

教學(xué)

握各類組件及事件處理，能夠結(jié)合Web后臺(tái)實(shí)現(xiàn)程序前端設(shè)計(jì)，為學(xué)生學(xué)習(xí)后續(xù)從事

要求計(jì)算機(jī)專業(yè)開(kāi)發(fā)、考研、考軟件設(shè)計(jì)師等打下良好的軟件開(kāi)發(fā)基礎(chǔ)。

1.本課程以考核為主：

過(guò)程考評(píng)40%（平時(shí)作業(yè)20%+實(shí)驗(yàn)20%）+最終作品及答辯30%+報(bào)告30%

2.過(guò)程考評(píng)可增加在線測(cè)驗(yàn)，題型主要有：選擇題、填空題、簡(jiǎn)答題、代碼閱讀

題、代碼設(shè)計(jì)題。

考核3.實(shí)驗(yàn)注重過(guò)程考核：包括平時(shí)的上機(jī)實(shí)驗(yàn)（20%）+結(jié)課前的機(jī)考（10%），上

方式機(jī)實(shí)驗(yàn)包括：實(shí)驗(yàn)預(yù)習(xí)(5%)、出勤率(5%)、完成情況(30%)、現(xiàn)場(chǎng)提問(wèn)(30%)、實(shí)驗(yàn)報(bào)

告(30%)。實(shí)驗(yàn)內(nèi)容主要是根據(jù)課程進(jìn)度完成所需的項(xiàng)目功能，為最終實(shí)現(xiàn)完整項(xiàng)目

做準(zhǔn)備。

4.最終作品為微信小程序前端+PHP/Servlet后臺(tái)的完整項(xiàng)目，作品發(fā)布并演

示，撰寫報(bào)告。

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華大學(xué)出版社,

2021.

參考

[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清華大學(xué)出版

資料社,2019.

起周

第1周~第12周

止周

第1講

授課內(nèi)容淺談微信小程序

了解小程序的誕生、特點(diǎn)和主要功能，學(xué)會(huì)如何注冊(cè)開(kāi)發(fā)者賬

教學(xué)目的

號(hào)和完善信息、開(kāi)發(fā)工具的下載與安裝使用，以及理解簡(jiǎn)單小程序

與要求項(xiàng)目目錄結(jié)構(gòu)。

重點(diǎn)重點(diǎn)：微信小程序發(fā)者賬號(hào)的創(chuàng)建，開(kāi)發(fā)者工具的使用。

難點(diǎn)：熟悉開(kāi)發(fā)者工具的使用及理解項(xiàng)目各類主體文件的作用。

難點(diǎn)

1.1小程序簡(jiǎn)介

教學(xué)進(jìn)程

1.2小程序開(kāi)發(fā)準(zhǔn)備

安排1.3小程序開(kāi)發(fā)工具的使用

1.4小程序項(xiàng)目目錄結(jié)構(gòu)

課后學(xué)習(xí)小程序開(kāi)發(fā)者工具環(huán)境配置，完善開(kāi)發(fā)者賬號(hào)信息

簡(jiǎn)單小程序的調(diào)試運(yùn)行和真機(jī)測(cè)試

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華

主要大學(xué)出版社,2021.

參考資料[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清

華大學(xué)出版社,2019.

開(kāi)發(fā)者賬號(hào)注冊(cè)的注意事項(xiàng)，運(yùn)用開(kāi)發(fā)者工具進(jìn)行簡(jiǎn)單小程序

課后總結(jié)分析項(xiàng)目真機(jī)調(diào)試，在手機(jī)端實(shí)現(xiàn)成功運(yùn)行第一個(gè)微信小程序“Hello，

Word！”。

第2講

授課內(nèi)容小程序的視圖與渲染

教學(xué)目的了解小程序的視圖層及渲染過(guò)程，學(xué)會(huì)各種頁(yè)面的數(shù)據(jù)綁定方

法，標(biāo)簽渲染、模板與代碼段的定義和引用使用等

與要求

重點(diǎn)重點(diǎn)：WXML文件代碼的基礎(chǔ)語(yǔ)法，數(shù)據(jù)綁定與渲染標(biāo)簽。

難點(diǎn)：條件渲染及列表渲染的方法，模板的引用。

難點(diǎn)

2.1視圖與渲染過(guò)程

教學(xué)進(jìn)程2.2數(shù)據(jù)綁定

2.3渲染標(biāo)簽

安排

2.4模板與引用

案例九九乘法表

課后學(xué)習(xí)

完善九九乘法表案例

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華

主要大學(xué)出版社,2021.

[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清

參考資料

華大學(xué)出版社,2019.

課后

復(fù)習(xí)WXML、WXSS、JS代碼語(yǔ)法，參考HTML網(wǎng)頁(yè)知識(shí)。

總結(jié)分析

第3講

授課內(nèi)容小程序的事件基礎(chǔ)與項(xiàng)目基本配置

理解小程序的事件與事件對(duì)象的概念，了解事件類型及事件綁定類

教學(xué)目的

型的知識(shí)；學(xué)會(huì)小程序項(xiàng)目的全局配置，掌握小程序的生命周期和全局

與要求變量與函數(shù)的用法。

重點(diǎn)重點(diǎn)：常用的事件對(duì)象及其對(duì)應(yīng)的綁定方式，項(xiàng)目的全局配置方法。

難點(diǎn)：冒泡與非冒泡事件，小程序的生命周期。

難點(diǎn)

3.1事件對(duì)象3.2事件類型3.3事件綁定類

型

5.1app.json配置屬性5.2頁(yè)面配置

教學(xué)進(jìn)程5.3窗口配置5.4tab

Bar配置

安排

5.5網(wǎng)絡(luò)超時(shí)配置5.6權(quán)限配

置

5.7小程序的生命周期

案例使用app對(duì)象的案例

課后學(xué)習(xí)1.冒泡事件測(cè)試案例實(shí)現(xiàn)。

任務(wù)布置2.生命周期測(cè)試案例和app對(duì)象測(cè)試案例實(shí)現(xiàn)。

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華大學(xué)

主要

出版社,2021.

參考資料[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清華大

學(xué)出版社,2019.

課后及時(shí)復(fù)習(xí)熟悉項(xiàng)目配置和生命周期的執(zhí)行過(guò)程，并熟練使用事件和獲取

事件相關(guān)對(duì)象的數(shù)據(jù)信息。

總結(jié)分析

第4講

授課內(nèi)容小程序頁(yè)面的配置與生命周期

了解微信小程序頁(yè)面的窗口配置，并能區(qū)分頁(yè)面配置和全局配置；

教學(xué)目的

理解頁(yè)面生命周期函數(shù)及執(zhí)行過(guò)程，并結(jié)合新聞客戶端案例掌握頁(yè)面跳

與要求轉(zhuǎn)和參數(shù)傳遞方法。

重點(diǎn)重點(diǎn)：掌握頁(yè)面生命周期函數(shù)，頁(yè)面跳轉(zhuǎn)和參數(shù)傳遞的過(guò)程。

難點(diǎn)：理解小程序頁(yè)面生命周期函數(shù)的執(zhí)行順序和過(guò)程。

難點(diǎn)

6.1小程序的頁(yè)面配置

教學(xué)進(jìn)程6.2頁(yè)面的生命周期

6.3頁(yè)面跳轉(zhuǎn)

安排

6.4頁(yè)面間的參數(shù)傳遞

案例新聞客戶端

課后學(xué)習(xí)

完善新聞客戶端案例

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華大學(xué)

主要出版社,2021.

[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清華大

參考資料

學(xué)出版社,2019.

課后

復(fù)習(xí)頁(yè)面生命周期函數(shù)的用法，頁(yè)面的三種切換方式。

總結(jié)分析

第5講

授課內(nèi)容實(shí)戰(zhàn)項(xiàng)目“扶貧超市”的前期工作

完成“扶貧超市”項(xiàng)目Part1和Part2:了解項(xiàng)目基本功能及需求分

教學(xué)目的

析，申請(qǐng)賬號(hào)并新建項(xiàng)目；對(duì)項(xiàng)目進(jìn)行頁(yè)面框架配置，主要包含項(xiàng)目目

與要求錄整理、項(xiàng)目tarBar配置以及項(xiàng)目窗口配置。

重點(diǎn)：項(xiàng)目需求分析和功能模塊劃分，申請(qǐng)賬號(hào)，創(chuàng)建項(xiàng)目框架并

重點(diǎn)進(jìn)行項(xiàng)目目錄結(jié)構(gòu)的搭建與全局配置

難點(diǎn)：需求分析和功能模塊劃分，頁(yè)面框架的全局設(shè)計(jì)與屬性值配

難點(diǎn)

置

4.1項(xiàng)目背景與需求

教學(xué)進(jìn)程4.2開(kāi)發(fā)準(zhǔn)備

7.1項(xiàng)目目錄整理

安排

7.2項(xiàng)目tabBar配置

7.3項(xiàng)目窗口配置

課后學(xué)習(xí)

完善該項(xiàng)目的前期框架設(shè)計(jì)與tabBar和window配置

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華大學(xué)

主要出版社,2021.

[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清華大

參考資料

學(xué)出版社,2019.

課后

熟悉新建小程序項(xiàng)目的流程步驟，并熟練掌握相關(guān)屬性配置

總結(jié)分析

第6講

授課內(nèi)容頁(yè)面布局

教學(xué)目的掌握視圖層和基礎(chǔ)布局模型flex的用法，相對(duì)定位與絕對(duì)定位

布局，并通過(guò)簡(jiǎn)易計(jì)算器案例進(jìn)行布局實(shí)戰(zhàn)

與要求

重點(diǎn)重點(diǎn)：flex布局與相對(duì)、絕對(duì)定位布局。

難點(diǎn)：flex布局的理解和配置。

難點(diǎn)

8.1頁(yè)面布局概述

8.2flex布局基本概念

教學(xué)進(jìn)程8.3flex布局案例

8.4flex容器屬性詳解

安排

8.5flex項(xiàng)目屬性詳解

8.6相對(duì)定位和絕對(duì)定位布局

案例簡(jiǎn)易計(jì)算器

課后學(xué)習(xí)1.課本flex布局相關(guān)內(nèi)容的源碼學(xué)習(xí)；

任務(wù)布置2.完善簡(jiǎn)易計(jì)算器案例。

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華

主要大學(xué)出版社,2021.

[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清

參考資料

華大學(xué)出版社,2019.

課后總結(jié)分析復(fù)習(xí)flex布局，相對(duì)定位與絕對(duì)定位的樣式編寫。

第7講

授課內(nèi)容小程序的樣式基礎(chǔ)

教學(xué)目的掌握樣式的基本使用、樣式屬性的配置，以及樣式選擇器的使

用。

與要求

重點(diǎn)重點(diǎn)：掌握樣式的基本用法和樣式屬性的配置。

難點(diǎn)：樣式選擇器的用法。

難點(diǎn)

教學(xué)進(jìn)程9.1樣式的基本使用

9.2樣式的屬性

安排

9.3樣式選擇器的使用

課后學(xué)習(xí)1.尺寸屬性測(cè)試案例

任務(wù)布置2.邊距屬性測(cè)試案例

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華

主要大學(xué)出版社,2021.

[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清

參考資料

華大學(xué)出版社,2019.

課后總結(jié)分析復(fù)習(xí)樣式選擇器的用法。

第8講

授課內(nèi)容組件

教學(xué)目的

掌握視圖容器、基礎(chǔ)內(nèi)容、表單組件的用法

與要求

重點(diǎn)重點(diǎn)：掌握小程序視圖層各類組件的用法。

難點(diǎn)：小程序組件的運(yùn)用場(chǎng)景，各組件的主要屬性配置及效果。

難點(diǎn)

教學(xué)進(jìn)程10.1初始組件

10.2視圖容器組件

安排

10.3基礎(chǔ)內(nèi)容組件

10.4表單組件

課后學(xué)習(xí)

各組件的測(cè)試案例源碼學(xué)習(xí)

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華

主要大學(xué)出版社,2021.

[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清

參考資料

華大學(xué)出版社,2019.

課后

及時(shí)復(fù)習(xí)熟悉各組件的使用場(chǎng)景及API函數(shù)用法。

總結(jié)分析

第9講

授課內(nèi)容組件（續(xù)）

教學(xué)目的掌握f(shuō)orm表單提交組件、導(dǎo)航組件、多媒體組件和地圖組件的

用法

與要求

重點(diǎn)重點(diǎn)：掌握小程序視圖層各類組件的用法。

難點(diǎn)：小程序組件的運(yùn)用場(chǎng)景，各組件的主要屬性配置及效果。

難點(diǎn)

教學(xué)進(jìn)程10.5form表單提交組件

10.6導(dǎo)航組件navigator

安排

10.7多媒體組件

10.8地圖map

課后學(xué)習(xí)

各組件的測(cè)試案例源碼學(xué)習(xí)

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華

主要大學(xué)出版社,2021.

[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清

參考資料

華大學(xué)出版社,2019.

課后

及時(shí)復(fù)習(xí)熟悉各組件的使用場(chǎng)景及API函數(shù)用法。

總結(jié)分析

第10講

授課內(nèi)容操作反饋工具與簡(jiǎn)單的界面API

了解四種操作反饋工具toast、modal、loading和action-shee

教學(xué)目的

t的基本使用，并結(jié)合案例學(xué)習(xí)幾種頁(yè)面反饋API的基本使用，包括

與要求

設(shè)置背景、設(shè)置tabBar、動(dòng)態(tài)加載字體、下拉刷新等

重點(diǎn)：小程序各種頁(yè)面反饋工具和界面API的使用。

重點(diǎn)

難點(diǎn)：tabBar與頁(yè)面導(dǎo)航的切換方法，Background背景樣式的

難點(diǎn)

設(shè)置。

11.1toast吐司提示

11.2modal彈窗提示

11.3loading加載提示

教學(xué)進(jìn)程

11.4action-sheet操作菜單

安排

11.5背景Background樣式

11.6動(dòng)態(tài)設(shè)置TabBar屬性

11.7加載第三方字體wx.loadFontFace

11.8下拉刷新PullDownRefresh

課后學(xué)習(xí)

操作反饋測(cè)試案例源碼學(xué)習(xí)

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華大

主要學(xué)出版社,2021.

參考資料[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清華

大學(xué)出版社,2019.

課后

總結(jié)各種操作反饋工具的使用場(chǎng)景及API函數(shù)的用法。

總結(jié)分析

第11講

授課內(nèi)容【扶貧超市Part3】主要頁(yè)面的UI設(shè)計(jì)

學(xué)習(xí)扶貧超市項(xiàng)目的主要頁(yè)面UI設(shè)計(jì)過(guò)程，包括首頁(yè)頁(yè)面、分

教學(xué)目的

類頁(yè)面、購(gòu)物車頁(yè)面、“我的”頁(yè)面、管理端商品管理頁(yè)面等頁(yè)面

與要求

的UI設(shè)計(jì)

重點(diǎn)重點(diǎn)：各主要頁(yè)面的UI設(shè)計(jì)和樣式代碼編寫。

難點(diǎn)難點(diǎn)：頁(yè)面UI的flex布局和樣式效果調(diào)試。

12.1首頁(yè)UI設(shè)計(jì)

教學(xué)進(jìn)程12.2分類頁(yè)面UI設(shè)計(jì)

安排12.3購(gòu)物車頁(yè)面UI設(shè)計(jì)

12.4“我的”頁(yè)面UI設(shè)計(jì)

12.5管理員端商品管理頁(yè)面UI設(shè)計(jì)

課后學(xué)習(xí)

完善扶貧超市項(xiàng)目各主要頁(yè)面UI設(shè)計(jì)

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華

主要大學(xué)出版社,2021.

參考資料[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清

華大學(xué)出版社,2019.

課后復(fù)習(xí)flex布局知識(shí)并學(xué)會(huì)靈活運(yùn)用flex布局以及WXML面板進(jìn)

總結(jié)分析行樣式調(diào)試。

第12講

授課內(nèi)容認(rèn)識(shí)云開(kāi)發(fā)項(xiàng)目

了解微信小程序云開(kāi)發(fā)的概念及其組成部分，通過(guò)創(chuàng)建云開(kāi)發(fā)

教學(xué)目的

項(xiàng)目實(shí)例講解構(gòu)建和部署云環(huán)境，完成新建云函數(shù)、獲取openid、

與要求

管理文件和操作數(shù)據(jù)庫(kù)等任務(wù)內(nèi)容。

重點(diǎn)：云函數(shù)的創(chuàng)建和調(diào)用，云開(kāi)發(fā)數(shù)據(jù)庫(kù)的原理理解和操作

重點(diǎn)

使用。

難點(diǎn)

難點(diǎn)：云開(kāi)發(fā)數(shù)據(jù)庫(kù)的原理理解和操作過(guò)程。

13.1云開(kāi)發(fā)概念與組成部分

13.2創(chuàng)建與開(kāi)通云開(kāi)發(fā)項(xiàng)目

教學(xué)進(jìn)程

13.4新建云函數(shù)案并部署例

安排

13.5云開(kāi)發(fā)之用戶管理案例

13.6上傳文件案例以及云空間文件管理

13.7數(shù)據(jù)庫(kù)操作案例

課后學(xué)習(xí)

查閱云開(kāi)發(fā)文檔，完善并實(shí)現(xiàn)數(shù)據(jù)庫(kù)操作案例

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華

主要大學(xué)出版社,2021.

參考資料[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清

華大學(xué)出版社,2019.

課后

復(fù)習(xí)云開(kāi)發(fā)項(xiàng)目的操作流程。

總結(jié)分析

第13講

授課內(nèi)容云開(kāi)發(fā)數(shù)據(jù)庫(kù)

教學(xué)目的了解云開(kāi)發(fā)數(shù)據(jù)庫(kù)的概念，并學(xué)習(xí)其數(shù)據(jù)類型、權(quán)限控制、安全規(guī)

則等，以及云開(kāi)發(fā)數(shù)據(jù)庫(kù)的復(fù)雜操作。

與要求

重點(diǎn)：掌握小程序云開(kāi)發(fā)的數(shù)據(jù)庫(kù)類型和權(quán)限控制，并學(xué)會(huì)基本的

重點(diǎn)

數(shù)據(jù)庫(kù)操作。

難點(diǎn)難點(diǎn)：云開(kāi)發(fā)數(shù)據(jù)庫(kù)的查詢匹配及聯(lián)表查詢。

14.1基本概念

教學(xué)進(jìn)程

14.2數(shù)據(jù)類型

安排14.3權(quán)限控制

14.4數(shù)據(jù)庫(kù)復(fù)雜操作

課后學(xué)習(xí)

完成云開(kāi)發(fā)數(shù)據(jù)庫(kù)的復(fù)雜操作聯(lián)表查詢

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華大學(xué)

主要出版社,2021.

[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清華大

參考資料

學(xué)出版社,2019.

課后

復(fù)習(xí)小程序云開(kāi)發(fā)數(shù)據(jù)庫(kù)的基本操作方法。

總結(jié)分析

第14講

授課內(nèi)容云函數(shù)及其調(diào)試

教學(xué)目的掌握小程序的云函數(shù)新建、部署和調(diào)用過(guò)程，包括云函數(shù)的常見(jiàn)操

與要求作和調(diào)試測(cè)試。

重點(diǎn)重點(diǎn)：云函數(shù)中JS語(yǔ)法書寫、函數(shù)調(diào)用和調(diào)試。

難點(diǎn)難點(diǎn)：云函數(shù)的云端調(diào)試和本地調(diào)試方法。

15.1云函數(shù)基礎(chǔ)

教學(xué)進(jìn)程

15.2wx-server-sdk初始化

安排

15.3云函數(shù)的常見(jiàn)操作

15.4云開(kāi)發(fā)調(diào)試

課后學(xué)習(xí)

云函數(shù)調(diào)用及云開(kāi)發(fā)云端和本地調(diào)試練習(xí)

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華大學(xué)

主要出版社,2021.

參考資料[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清華大

學(xué)出版社,2019.

課后

及時(shí)復(fù)習(xí)云函數(shù)常見(jiàn)操作方法。

總結(jié)分析

第15講

授課內(nèi)容【扶貧超市Part4】構(gòu)建數(shù)據(jù)庫(kù)與商品管理

講解扶貧超市項(xiàng)目的后臺(tái)部分，主要包括數(shù)據(jù)庫(kù)設(shè)計(jì)和云端集合操

教學(xué)目的

作，并結(jié)合云端數(shù)據(jù)庫(kù)完善項(xiàng)目中的商品管理wxml代碼和JS邏輯函數(shù)

與要求

設(shè)計(jì)。

重點(diǎn)重點(diǎn)：數(shù)據(jù)庫(kù)的設(shè)計(jì)，相關(guān)邏輯函數(shù)的編寫。

難點(diǎn)難點(diǎn)：項(xiàng)目中的云函數(shù)的調(diào)用。

16.1建立數(shù)據(jù)庫(kù)

教學(xué)進(jìn)程16.2用戶與管理員身份的登錄判斷

安排16.3添加商品

16.4修改商品信息

16.5刪除商品

課后學(xué)習(xí)

完善本項(xiàng)目數(shù)據(jù)庫(kù)設(shè)計(jì)與商品管理部分的編碼。

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華大學(xué)

主要出版社,2021.

參考資料[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清華大

學(xué)出版社,2019.

課后

復(fù)習(xí)數(shù)據(jù)庫(kù)的設(shè)計(jì)方法以及UI樣式設(shè)計(jì)。

總結(jié)分析

第16講

授課內(nèi)容系統(tǒng)底層的基礎(chǔ)API

教學(xué)目的了解獲取系統(tǒng)信息API、定時(shí)器API和掃碼API，掌握API函

與要求數(shù)的調(diào)試方法。

重點(diǎn)重點(diǎn)：小程序系統(tǒng)底層API的用法和調(diào)試方法。

難點(diǎn)難點(diǎn)：小程序開(kāi)發(fā)工具調(diào)試模式調(diào)試方法及斷點(diǎn)調(diào)試方法。

17.1獲取系統(tǒng)信息的API

教學(xué)進(jìn)程

17.2定時(shí)器

安排

17.3調(diào)試API

17.4掃碼

課后學(xué)習(xí)

實(shí)現(xiàn)定時(shí)器測(cè)試案例，Console測(cè)試案例，scanCode示例案例

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清

主要華大學(xué)出版社,2021.

參考資料[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:

清華大學(xué)出版社,2019.

課后

熟悉其他系統(tǒng)底層API的用法和API調(diào)試方法。

總結(jié)分析

第17講

授課內(nèi)容網(wǎng)絡(luò)與文件上傳API

了解和掌握微信小程序網(wǎng)絡(luò)API和文件API的用法，包括發(fā)

教學(xué)目的

起和中斷請(qǐng)求，文件傳輸、保存、信息獲取，文件的打開(kāi)刪除等

與要求

操作，以及號(hào)碼歸屬地查詢小程序案例講解wx.request的應(yīng)用。

重點(diǎn)：小程序各類網(wǎng)絡(luò)API和文件API的用法與限制。

重點(diǎn)

難點(diǎn)：網(wǎng)絡(luò)請(qǐng)求的原理，本地文件與臨時(shí)文件區(qū)別用法，以

難點(diǎn)

及各類API對(duì)文件源的要求。

18.1網(wǎng)絡(luò)基礎(chǔ)

教學(xué)進(jìn)程18.2wx.request

安排18.3圖片選擇、預(yù)覽與保存

18.4文件的上傳與下載

案例號(hào)碼歸屬地查詢小程序

課后學(xué)習(xí)

完善號(hào)碼歸屬地查詢小程序案例

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清

主要華大學(xué)出版社,2021.

參考資料[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:

清華大學(xué)出版社,2019.

復(fù)習(xí)網(wǎng)絡(luò)請(qǐng)求和文件上傳的原理和流程，以及小程序?qū)?yīng)AP

課后

I

總結(jié)分析

的用法。

第18講

授課內(nèi)容數(shù)據(jù)緩存API

掌握微信小程序數(shù)據(jù)緩存API的用法，包括本地緩存、數(shù)據(jù)的

教學(xué)目的

存儲(chǔ)、獲取、刪除、清空等操作，并講解與緩存相關(guān)的API函數(shù)測(cè)

與要求

試案例。

重點(diǎn)重點(diǎn)：小程序各類數(shù)據(jù)緩存API的用法。

難點(diǎn)難點(diǎn)：異步數(shù)據(jù)與同步數(shù)據(jù)的區(qū)別，緩存原理與限制。

19.1wx.setStorage寫入緩存

19.2wx.getStorage讀取緩存

教學(xué)進(jìn)程19.3wx.removeStorage移除緩存

安排19.4wx.getStorageInfo獲取全部緩存信息

19.5wx.clearStorage清理緩存

19.6數(shù)據(jù)緩存API函數(shù)同步版本

案例數(shù)據(jù)緩存API測(cè)試案例

課后學(xué)習(xí)

完善數(shù)據(jù)緩存API測(cè)試案例

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華

主要大學(xué)出版社,2021.

參考資料[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清

華大學(xué)出版社,2019.

課后

掌握緩存原理和功能作用，區(qū)分異步數(shù)據(jù)與同步數(shù)據(jù)。

總結(jié)分析

第19講

授課內(nèi)容位置API

掌握微信小程序位置API的用法，包括位置信息的獲取，獲取和

教學(xué)目的

選擇位置，查看位置，地圖組件控制，并講解位置API測(cè)試和路徑

與要求

導(dǎo)航案例。

重點(diǎn)重點(diǎn)：小程序各類位置API的用法。

難點(diǎn)難點(diǎn)：兩種地圖坐標(biāo)系的區(qū)別，標(biāo)記的處理。

20.1wx.getLocation獲取當(dāng)前位置

20.2wx.chooseLocation用地圖選擇位置

教學(xué)進(jìn)程20.3wx.openLocation用內(nèi)置地圖查看位置

安排20.4wx.onLocationChange監(jiān)聽(tīng)實(shí)時(shí)位置

20.5wx.offLocationChange關(guān)閉監(jiān)聽(tīng)

案例位置API測(cè)試案例

案例路徑導(dǎo)航案例

課后學(xué)習(xí)

完善并實(shí)現(xiàn)路徑導(dǎo)航案例

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華

主要大學(xué)出版社,2021.

參考資料[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清

華大學(xué)出版社,2019.

課后結(jié)合實(shí)際應(yīng)用，學(xué)習(xí)和掌握小程序中地圖和導(dǎo)航相關(guān)功能設(shè)

總結(jié)分析計(jì)。

第20講

授課內(nèi)容獲取用戶信息及登錄態(tài)管理

教學(xué)目的了解用戶數(shù)據(jù)信息分類與開(kāi)放數(shù)據(jù)獲取流程，掌握用戶登錄態(tài)管理及

與要求其實(shí)現(xiàn)機(jī)制。

重點(diǎn)重點(diǎn)：小程序獲取用戶信息的相關(guān)API及其用法。

難點(diǎn)難點(diǎn)：用戶登錄態(tài)的實(shí)現(xiàn)機(jī)制。

21.1用戶數(shù)據(jù)分類與開(kāi)發(fā)數(shù)據(jù)獲取

21.2敏感信息兩種獲取方式

教學(xué)進(jìn)程21.3wx.login

安排21.4wx.getUserInfo獲取信息

21.5與授權(quán)相關(guān)的API

21.6用戶登錄態(tài)管理

21.7獲取用戶信息編碼說(shuō)明

課后學(xué)習(xí)

查閱資料，進(jìn)一步了解和學(xué)習(xí)小程序登錄態(tài)實(shí)現(xiàn)機(jī)制。

任務(wù)布置

教材：

[1]蘭紅.微信小程序貫穿式項(xiàng)目實(shí)戰(zhàn)[M].北京:清華大學(xué)

主要出版社,2021.

參考資料[2]周文潔.微信小程序開(kāi)發(fā)零基礎(chǔ)入門[M].北京:清華大

學(xué)出版社,2019.

課后結(jié)合Web應(yīng)用中的session與cookie講解登錄態(tài)實(shí)現(xiàn)機(jī)制，講解利

總結(jié)分析用開(kāi)發(fā)者自己的服務(wù)器實(shí)現(xiàn)登錄機(jī)制的具體編碼過(guò)程。

第21講

授課內(nèi)容【扶貧超市Part5】商品圖片上傳功能

講解扶貧超市項(xiàng)目的商品圖片上傳功能部分，包括本地圖片選擇及云

教學(xué)目的

開(kāi)發(fā)端將圖片寫入數(shù)據(jù)庫(kù)等操作，實(shí)現(xiàn)圖片的選擇上傳、預(yù)覽