《微信小程序項目案例開發(fā)》教學(xué)大綱

微信小程序項目案例開發(fā)教學(xué)大綱課程名稱：微信小程序開發(fā)學(xué)分：3.0 總學(xué)時數(shù)：48課程性質(zhì)：選修課 考核方式：考查/考試總評成績：平時成績40%+期末考試成績60%或：過程考評40%(平時作業(yè)20%+實驗20%)+最終作品及答辯30%+報告30%先修課程：數(shù)據(jù)庫原理，前端開發(fā)基礎(chǔ)，Web技術(shù)及應(yīng)用01課程簡介隨著社會的發(fā)展，互聯(lián)網(wǎng)新技術(shù)日益層出不窮。根植于微信內(nèi)部的微信小程序，由于微信本身強大的社交屬性帶來了巨大的流量和超高的商業(yè)價值，其涉及的應(yīng)用領(lǐng)域也在日益擴(kuò)大，不久的將來很可能超過APP的數(shù)量。微信小程序(MiniProgram)是一種輕量級的應(yīng)用，它實現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶無需下載安裝即可在微信中使用小程序。本課程將以項目驅(qū)動為宗旨，以豐富案例作實踐，從零開始講授微信小程序開發(fā)的入門基礎(chǔ)知識與開發(fā)技巧。02課程目標(biāo)及畢業(yè)要求指標(biāo)點目標(biāo)1:了解微信小程序的特點、功能，學(xué)會從零創(chuàng)建一個微信小程序項目，并進(jìn)行調(diào)試開發(fā)，提交代碼。目標(biāo)2：了解小程序的基礎(chǔ)框架、組件，學(xué)會靈活運用相關(guān)組件進(jìn)行應(yīng)用開發(fā)。

目標(biāo)3:掌握微信小程序的各類應(yīng)用API使用技巧和云開發(fā)技能，理解其運行原理。目標(biāo)4:掌握HTML、CSS、JavaScript知識并綜合運用，包括布局樣式設(shè)計和邏輯的處理等，根據(jù)應(yīng)用需求實現(xiàn)完整的微信小程序項目的開發(fā)表1課程教學(xué)目標(biāo)及畢業(yè)要求支撐對照列表畢業(yè)要求二級指標(biāo)點權(quán)重(Z=1)初始程度要求程度課程目標(biāo)1.工程知識1-2掌握計算機(jī)相關(guān)專業(yè)課程知識，具備解決計算機(jī)領(lǐng)域具體復(fù)雜工程問題的能力*0.3L1L4目標(biāo)1目標(biāo)2目標(biāo)3目標(biāo)43、設(shè)計/開發(fā)解決方案3-3能夠在設(shè)計過程中體現(xiàn)創(chuàng)新意識，考慮社會、健康、安全、法律、文化及環(huán)境等因素0.2L1L2目標(biāo)1目標(biāo)45、使用現(xiàn)代工具5-1熟悉計算機(jī)領(lǐng)域常用的現(xiàn)代工程設(shè)計方法和信息技術(shù)開發(fā)工具，并掌握基本使用方法。0.3L1L4目標(biāo)1目標(biāo)2目標(biāo)3目標(biāo)412、終身學(xué)習(xí)12-2具有白主學(xué)習(xí)的知識基礎(chǔ)和學(xué)習(xí)方法，能夠針對個人或職業(yè)發(fā)展的需要，不斷學(xué)習(xí)，適應(yīng)發(fā)展。0.2L1L3目標(biāo)4本表注：以布魯嬤學(xué)習(xí)目標(biāo)分類法描述學(xué)生在學(xué)完本課程后應(yīng)具有的能力，目標(biāo)欄內(nèi)以L1（認(rèn)知八L2（理解）、L3（應(yīng)用）、L4（分析）、L5（綜合）、L6（創(chuàng)造）來表示對此項熊力要求達(dá)到的程度，無要求則留空。03課程重點、難點重點：小程序框架原理，各類視圖組件API的效果和使用方式，網(wǎng)絡(luò)通信、媒體組件應(yīng)用、文件操作、讀寫緩存等應(yīng)用，小程序云開發(fā)方法。難點：理解native、視圖層和渲染層的通信原理，掌握 網(wǎng)絡(luò)通信、媒體組件應(yīng)用、文件操作、讀寫緩存等機(jī)制原理與限制，canvas畫圖和動畫設(shè)計，小程序云開發(fā)技巧等。04教學(xué)內(nèi)容和學(xué)時分配（一）第1章淺談微信小程序2學(xué)時主要內(nèi)容：介紹小程序的誕生、特點和主要功能，講解如何注冊開發(fā)者賬號和完善信息、開發(fā)工具的下載與安裝使用，以及簡單小程序項目目錄結(jié)構(gòu)。重點：微信小程序發(fā)者賬號的創(chuàng)建，開發(fā)者工具的使用。難點：熟悉開發(fā)者工具的使用及理解小程序項目各類主體文件的作用。（二）第2章小程序的視圖與渲染 2學(xué)時主要內(nèi)容：介紹小程序的視圖層及渲染過程，講解各種頁面的數(shù)據(jù)綁定方法，使用模板與引用代碼段的步驟及其相關(guān)案例。重點：WXML文件代碼的基礎(chǔ)語法，數(shù)據(jù)綁定與渲染標(biāo)簽。難點：條件渲染及列表渲染的方法，模板的引用。（三）第3章小程序的事件 1學(xué)時主要內(nèi)容：介紹小程序的事件與事件對象的概念，講解事件類型及事件綁定類型的案例。重點：常用的事件對象及其對應(yīng)的綁定方式。難點：事件的兩大類型冒泡與非冒泡事件，以及如何阻止冒泡事件。（四）第4章【扶貧超市Parti】開發(fā)準(zhǔn)備1學(xué)時主要內(nèi)容：介紹扶貧超市實戰(zhàn)項目的基本功能及需求分析，申請賬號并新建項目，完成扶貧超市項目的第一部分內(nèi)容。重點：項目需求分析和功能模塊劃分，申請賬號并創(chuàng)建項目雛形框架。難點：項目需求分析和功能模塊劃分。（五）第5章小程序項目的配置與生命周期1學(xué)時主要內(nèi)容：介紹小程序項目的叩p.json全局配置，講解小程序的生命周期和全局變量與函數(shù)。重點：小程序項目的全局配置，頁面、窗口、 tabBar等配置方法。難點：小程序的生命周期，叩p對象和變量函數(shù)。（六）第6章小程序頁面的配置與生命周期2學(xué)時主要內(nèi)容：講解微信小程序頁面的窗口配置，頁面生命周期函數(shù)及執(zhí)行過程，并結(jié)合新聞客戶端案例學(xué)習(xí)頁面跳轉(zhuǎn)和參數(shù)傳遞。重點：掌握小程序的頁面生命周期函數(shù)，頁面跳轉(zhuǎn)和參數(shù)傳遞的過程。難點：理解小程序頁面生命周期函數(shù)的執(zhí)行）1順序和過程。（七）第7章【扶貧超市Part2】項目頁面框架配置1學(xué)時主要內(nèi)容：完成扶貧超市項目頁面框架配置，主要包含項目目錄整理、項目tarBar配置以及項目窗口配置。重點：項目目錄結(jié)構(gòu)的搭建與tarBar和window配置。難點：項目頁面框架的全局設(shè)計與屬性值配置。（八）第8章頁面布局2學(xué)時主要內(nèi)容：講解視圖層和基礎(chǔ)布局模型flex的用法，相對定位與絕對定位布局，并通過簡易計算器案例講解布局實戰(zhàn)。重點：flex布局與相對、絕對定位布局。難點：flex布局的理解和配置。（九）第9章小程序的樣式基礎(chǔ)2學(xué)時主要內(nèi)容：講解樣式的基本使用、樣式屬性的配置，以及樣式選擇器的使用。重點：樣式的基本用法和樣式屬性的配置。難點：樣式選擇器的用法（十）第10章組件4學(xué)時主要內(nèi)容：按照功能分類依次介紹視圖容器、基礎(chǔ)內(nèi)容、表單、導(dǎo)航、多媒體和地圖組件的用法。重點：掌握小程序視圖層各類組件的用法難點：小程序組件的運用場景，了解各組件的主要配置屬性及效果（十一）第11章操作反饋工具與簡單的界面API2學(xué)時主要內(nèi)容：講解四種操作反饋工具toast、modal、loading和action-sheet的基本使用，并結(jié)合案例介紹幾種頁面反饋 API的基本使用，包括設(shè)置背景、設(shè)置tabBar、動態(tài)加載字體、下拉刷新等。重點：小程序各種頁面反饋工具和界面API的使用難點：tabBar與頁面導(dǎo)航的切換方法，Background背景樣式的設(shè)置（十二）第12章【扶貧超市Part3】主要頁面的UI2學(xué)時頁面、購物車頁面、“我的”頁面、管理端商品管理頁面等頁面的 UI設(shè)計。重點：各主要頁面的UI設(shè)計和樣式代碼編寫。難點：頁面UI的flex布局和樣式效果調(diào)試。（十三）第13章認(rèn)識云開發(fā)項目2學(xué)時主要內(nèi)容：介紹微信小程序云開發(fā)的概念及其組成部分，創(chuàng)建云開發(fā)項目實例講解構(gòu)建和部署云環(huán)境，完成新建云函數(shù)、獲取 openid、管理文件和操作數(shù)據(jù)庫等任務(wù)內(nèi)容。重點：云函數(shù)的創(chuàng)建和調(diào)用，云開發(fā)數(shù)據(jù)庫的原理理解和操作使用。難點：云開發(fā)數(shù)據(jù)庫的原理理解和操作過程。（十四）第14章云開發(fā)數(shù)據(jù)庫2學(xué)時主要內(nèi)容：介紹云開發(fā)數(shù)據(jù)庫的概念，并詳細(xì)介紹其數(shù)據(jù)類型、權(quán)限控制、安全規(guī)則等，并演示云開發(fā)數(shù)據(jù)庫的復(fù)雜操作。重點：掌握小程序云開發(fā)的數(shù)據(jù)庫類型和權(quán)限控制，并學(xué)會基本的數(shù)據(jù)庫操作。難點：云開發(fā)數(shù)據(jù)庫的查詢匹配及聯(lián)表查詢。（十五）第15章云函數(shù)及其調(diào)試2學(xué)時主要內(nèi)容：講解小程序的云函數(shù)新建、部署和調(diào)用過程，包括云函數(shù)的常見操作和調(diào)試測試。重點：掌握熟悉云函數(shù)中JS語法書寫、函數(shù)調(diào)用和調(diào)試。難點：云函數(shù)的云端調(diào)試和本地調(diào)試方法。（十六）第16章【扶貧超市Part4】構(gòu)建數(shù)據(jù)庫與商品管理2學(xué)時主要內(nèi)容：講解扶貧超市項目的后臺部分，主要包括數(shù)據(jù)庫設(shè)計和云端集合操作，并結(jié)合云端數(shù)據(jù)庫完善項目中的商品管理wxml代碼和JS邏輯函數(shù)設(shè)計。重點：數(shù)據(jù)庫的設(shè)計，相關(guān)邏輯函數(shù)的編寫。難點：云函數(shù)的調(diào)用。（十七）第17章系統(tǒng)底層的基礎(chǔ)API2學(xué)時主要內(nèi)容：介紹了獲取系統(tǒng)信息API、定時器API和掃碼API，并講解了API函數(shù)的調(diào)試方法。重點：小程序系統(tǒng)底層API的用法和調(diào)試方法。難點：小程序開發(fā)工具調(diào)試模式調(diào)試方法及斷點調(diào)試方法。（十八）第18章網(wǎng)絡(luò)與文件上傳API2學(xué)時主要內(nèi)容：講解微信小程序網(wǎng)絡(luò)API和文件API的用法，包括發(fā)起和中斷請求，文件傳輸、保存、信息獲取，文件的打開刪除等操作，以及號碼歸屬地查詢小程序案例講解了wx.request的應(yīng)用。重點：小程序各類網(wǎng)絡(luò)API和文件API的用法與限制難點：網(wǎng)絡(luò)請求的原理，本地文件與臨時文件區(qū)別用法，以及各類 API對文件源的要求。（十九）第19章數(shù)據(jù)緩存API2學(xué)時主要內(nèi)容：講解微信小程序數(shù)據(jù)緩存API的用法，包括本地緩存、數(shù)據(jù)的存儲、獲取、刪除、清空等操作，并講解與緩存相關(guān)的 API函數(shù)測試案例。重點：小程序各類數(shù)據(jù)緩存API的用法。難點：異步數(shù)據(jù)與同步數(shù)據(jù)的區(qū)別，緩存原理與限制。（二十）第20章位置API2學(xué)時主要內(nèi)容：講解微信小程序位置API的用法，包括位置信息的獲取，獲取和選擇位置，查看位置，地圖組件控制，并講解位置API測試和路徑導(dǎo)航案例。重點：小程序各類位置API的用法。難點：兩種地圖坐標(biāo)系的區(qū)別，標(biāo)記的處理。（二十一）第21章獲取用戶信息及登錄態(tài)管理2學(xué)時主要內(nèi)容：介紹用戶數(shù)據(jù)信息分類與開放數(shù)據(jù)獲取流程，講解用戶登錄態(tài)管理及其實現(xiàn)機(jī)制。重點：小程序獲取用戶信息的相關(guān)API及其用法。難點：用戶登錄態(tài)的實現(xiàn)機(jī)制。（二十二）第22章【扶貧超市Part5】商品圖片上傳功能2學(xué)時主要內(nèi)容：完成扶貧超市項目的商品圖片上傳功能部分，包括本地圖片選擇及云開發(fā)端將圖片寫入數(shù)據(jù)庫等操作，實現(xiàn)圖片的選擇上傳、預(yù)覽與刪除等功能。重點：圖片選擇上傳、預(yù)覽與刪除功能的實現(xiàn)難點：圖片的選擇上傳與刪除邏輯實現(xiàn)。（二十三）第23章扶貧超市項目功能完善6學(xué)時主要內(nèi)容：完善扶貧超市項目的其他主要功能，包括商品詳情頁面、購物車管理、結(jié)算與確認(rèn)訂單、設(shè)置收貨地址、提交訂單并支付等相關(guān)功能頁面的頁面效果和業(yè)務(wù)邏輯實現(xiàn)。重點：項目各主要功能部分的頁面和邏輯代碼編寫。難點：云函數(shù)的調(diào)用以及部分功能如訂單支付的邏輯處理。

09教學(xué)日歷教 學(xué) 日 歷邨徨— 一信小程序F發(fā)事院宿恩工桎學(xué)院專業(yè)計算機(jī)科學(xué)與技術(shù)班毅 黑——劉至光第學(xué)期■"H北匆升能口歷葉數(shù)冏我12.冏子區(qū)濟(jì)謙48學(xué)時得學(xué)時可歌樂學(xué)時學(xué)附黑里X之葉X步葉謖年手時學(xué)時息計KJt羋時5學(xué)時第頁司次每慍學(xué)時鞅旬 謳？1 單 rt 需錄外作史找打后會者書專慎方式備注講堂「按教學(xué)大洱分章或的H的會和｝關(guān)醛（案驗項目右林1工：》學(xué)時12第1尊連疏微G小花巾11小程序簡介 U小程序開荒粕需1.3小程中開戰(zhàn)工H的校用L4小程序照日H基結(jié)構(gòu)?#■三紅，嬴1U■用序苴等處黑員買戰(zhàn)|MJ.北京，清華火步出菱社.2021蒙書芍目；周文浩-讀*出理序升及季玉叱入口ML±京r清隼大竽出版卦，3019ffl卷12笫士市小程序的吃圖勺泡染11規(guī)圖與淚生過桂 1Z由亞比定弟泡JH前f 1.4模板后引用累制瓦丸斑在表22笫3次后笫￡由小程序的中田坐佛與呻口掛木配置31事件時電 3.2中件變型3J中件浦定關(guān)里51例0i?NH配置屬■性 5-2頁面配置53闋口足芭 5月場祝融出置5.51司格的恒盟 5.d恍胤配置5.7小岌庠的生命周期案桐便用的對敷的案隔27第。總小程序頁而的歸置與生命周皿6J小程序的雙面配印 6.2狐面的牛.命冏期6.3頁面跳轉(zhuǎn) 5.4頁面間的參數(shù)傳睡富用新聞客戶魏32第4章&第7章文般蹊目“扶拓也市”的前期工柞4.1項目背景叮需求 A,2肝及準(zhǔn)符71項II目錄整理 12項目就蜘切必工&頂目藺11配鳧3?第M3頁而布局8.L頁面由i局概述 K2日ex布局拈本概.傷E3C1由布局案例 亂4,fks容科屬性詳群85日鐳項目屬性洋解隊手相對定位和第對定位.布他案例茴刻計壞器42第9阜小程序的樣式基譴y.l樣式的基本使用9.2樣式的屬性9J樣式選擇器的使用4-54410?細(xì)件IQ.I初始組件 J0.2視圖容器阻件10.3里礎(chǔ)內(nèi)容組件 3O.-4去單翅H10.5form表單我交組件10.6號骯組件iiavigalor10-7名媒體組件 10.S地圖map5?先U母探柞反慚工具與簡單的界而API11.1tcast吐司提示1L2dLtid4］邨富報示L.3loading加戲卷小11.4adkin-sheet操作靈單.5許戌Fiackgncmnil樣式ll-fi初出4置工；中日造原性111加戴第三方字體潞翩則震蝎U.8卜拉利新E項以居玉依故如

02第口卓I扶黃迪/PxrOJ主嬖電1B1的ll機(jī)計口J廿*口1性計 1￡2分生點面UI4計123曲捌不貞iRiUl設(shè)計1工4"我的"頁面5設(shè)計12.5管理國慶甯品管理浜面UJtttf62第13尊認(rèn)也題北發(fā)現(xiàn)tl■J云醛1■在與澳成部分以士周建與曉盍力潑項目13.4就二期懦并部孑例B5動既用戶百畫案倒13.?上檔友件案例以及也至同匕件管理案制數(shù)據(jù)悔報作案例r2第14章成開發(fā)旺據(jù)陣14.1招出租史 L4.2愈據(jù)美理14?段晶投譏 L44也據(jù)陣旦小攆作nr2第冶后云由數(shù)段其調(diào)試IS.］云由置基礎(chǔ) IJ&A*servdf.辿（詞始化153云由數(shù)時常見攆作15.4元力源調(diào)試￡2笫1G由E1X節(jié)恥附1皆141構(gòu)出物擲為與商儲管飛161建宣數(shù)里片16.1用戶可色超員月份的登運判斷163渾如陶品 16.4住改商品監(jiān)息16.5■除商品2第門其奉安底層的基箱API17.1獲取慈統(tǒng)百總的API17.2定時界1T3調(diào)譏AFT 17.4Mg2笫1吊串網(wǎng)絡(luò)與五件上傳API1H1網(wǎng)笛玷冊 增2耳了.因他國183圖片選珞，假猿與整存lt.4支伴的1.區(qū)燈1■■也案閱與卬制1桶地止制小程寧g2第19多皎樞舞HAPI|電11*7^喈?密ige--.久境有國3期幽的娛麗境存193萊M城檄臧曄普院解存19.4W￡鼻dIUMJE&.在JR?.興沈仃心息195蛛地界啊弊.清理理存14.6蕊據(jù)提存API畫敝同蘇版本案倒毆理鰻有AH測6案詞ID2前期拿kHtPI和J>xmiLpc如切場當(dāng)前位置加二蛔曲也fflEl回1（以用地圖選攆也置303魁圖哪1J麗蜘nJ對內(nèi)置坨圖由有位ti20.4wii.nnljKiiiinnth：.rjj:^ll；L聽或?|"故■M5睡血豌加固?勘皿i關(guān)閉曲斫集網(wǎng)檢?ahm試霆倒案倒部代蚌哈案例ID2第。笈推取用戶借4國登錄相管”21.］用戶數(shù)據(jù)分奏看開發(fā)數(shù)逑正取21.2顯感兀身，曲桿業(yè)取方式213時&施也 31&劃s逑離團(tuán)弧曼奈取信息21.5與授取相關(guān)的API216Hi戶黃必感哲理21.7我取用戶怡Y玲印海明112第門章t萩出超MFnH51商M圖片上些功能22.1點擊川1號選擇閣片 22.2射除棺定S片22y凱片語焉團(tuán)頓范 n4..r.也用片.『熄摳莊1I-J26笫**雙林超市」媒1功能完整li.i奇晶洋is ii.2m入購物車113旃軾鞫的車 114皓好與陶地訂單2?.5沒社的貨地址21.fi提交訂電23.7克川05選用教材

12教案課程名稱微信小程序開發(fā)總計： 48學(xué)時課程類別專業(yè)選修課學(xué)分3.0周學(xué)時：04學(xué)時課程編碼開課學(xué)期任課教師職稱授課對象具有數(shù)據(jù)庫、WEB開發(fā)或前端基礎(chǔ)的學(xué)生選課人數(shù)教材名稱微信小程序貫穿式項目實戰(zhàn)作者蘭紅出版社及出版時間清華大學(xué)出版社2021年1月課程簡介隨著社會的發(fā)展，互聯(lián)網(wǎng)新技術(shù)日益層出不窮。根植于微信內(nèi)部的微信小程序，由于微信本身強大的社交屬性帶來了巨大的流量和超高的商業(yè)價值，其涉及的應(yīng)用領(lǐng)域也在日益擴(kuò)大，不久的將來很可能超過APP的數(shù)量。微信小程序(MiniProgram)是一種輕量級的應(yīng)用，它實現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶無需下載安裝即可在微信中使用小程序。本課程將以項目驅(qū)動為宗旨，以豐富案例作實踐，從零開始講授微信小程序開發(fā)的入門基礎(chǔ)知識與開發(fā)技巧。本課程基于微信小程序平臺開發(fā)，從基礎(chǔ)開始學(xué)習(xí)，循序漸進(jìn)，通過理論知識與大量的案例來介紹微信小程序開發(fā)的各方面知識。具體內(nèi)容包括：微信小程序的前端基礎(chǔ)知識、小程序項目全局配置、頁面配置以及生命周期、小程序開發(fā)的頁面布局、樣式、組件使用、云開發(fā)的項目構(gòu)建及數(shù)據(jù)庫、API函數(shù)的使用，最后講解“扶貧超市購物程序”微信小程序項目案例的綜合設(shè)計與完整實現(xiàn)。通過本課程的學(xué)習(xí)，使學(xué)生對微信小程序有較好的理解，對小程序的開發(fā)有較好的掌握。專業(yè)技能方面，加強實訓(xùn)教學(xué)，通過大量的上機(jī)練習(xí)、代碼閱讀、代碼改錯、規(guī)范化檢查，訓(xùn)練學(xué)生編寫程序的熟練度和規(guī)范性；通過項目實踐，提升動手能力，將所學(xué)知識整合運用到項目中。職業(yè)素質(zhì)方面，通過項目組角色分配、技術(shù)研討等多種訓(xùn)練手段，培養(yǎng)學(xué)生具備良好的職業(yè)習(xí)慣，實現(xiàn)學(xué)生在校即具備準(zhǔn)職業(yè)人素養(yǎng)的目標(biāo)。教學(xué)目的本課程將以項目驅(qū)動為宗旨，以豐富案例作實踐，并以“扶貧超市購物程序”項目作為貫穿課程的實戰(zhàn)項目，從零開始系統(tǒng)講授微信小程序開發(fā)的入門基礎(chǔ)知識與開發(fā)技巧。結(jié)合課堂講授、課程實驗、網(wǎng)絡(luò)教學(xué)資源共享等方式，使學(xué)生系統(tǒng)地理解和掌握微信小程序的設(shè)計、開發(fā)和實現(xiàn)方法。教學(xué)方法程序設(shè)計類的課程需要大量的實操訓(xùn)練，因而課程教學(xué)采用機(jī)房授課，便于加強學(xué)生實踐操作，同時課堂教學(xué)與網(wǎng)絡(luò)教學(xué)相結(jié)合，以提高學(xué)生的思維能力、綜合能力與創(chuàng)新能力。

本課程主要采用機(jī)房授課，理論方面多媒體課件+板書，實踐方面帶領(lǐng)學(xué)生針對具體問題分析需求，設(shè)計解決方案，學(xué)習(xí)相關(guān)知識點和API，然后代碼實現(xiàn)。2. 通過網(wǎng)絡(luò)教學(xué)平臺+課程實驗+課程視頻的授課方式，幫助學(xué)生理解重點難點內(nèi)容。2.師生通過電話、QQ、微信、課程網(wǎng)絡(luò)教學(xué)平臺留言窗口等多種方式建立聯(lián)系、答疑。4.3.通過案例演示和新技術(shù)新方法介紹，讓學(xué)生學(xué)會使用文獻(xiàn)檢索工具查找資料并將理論與實際應(yīng)用結(jié)合起來，激發(fā)學(xué)習(xí)興趣。課程重點課程的重點在于培養(yǎng)學(xué)生基于微信平臺開發(fā)的能力，了解小程序框架原理，各類組件API的應(yīng)用效果和使用方式，靈活應(yīng)用前端基本編程方法和技巧，掌握微信小程序開發(fā)的完整設(shè)計、實現(xiàn)、測試和發(fā)布。課程難點課程的難點在于培養(yǎng)學(xué)生面對具體需求獨立思考、分析問題和創(chuàng)新設(shè)計的能力。教學(xué)要求使學(xué)習(xí)者在學(xué)習(xí)過程中逐步理解微信小程序框架基本原理，熟悉常用的API，掌握各類組件及事件處理，能夠結(jié)合Web后臺實現(xiàn)程序前端設(shè)計，為學(xué)生學(xué)習(xí)后續(xù)從事計算機(jī)專業(yè)開發(fā)、考研、考軟件設(shè)計師等打下良好的軟件開發(fā)基礎(chǔ)?？己朔绞?本課程以考核為主：過程考評40%(平時作業(yè)20%+實驗20%)+最終作品及答辯30%+報告30%.過程考評可增加在線測驗，題型主要有：選擇題、填空題、簡答題、代碼閱讀題、代碼設(shè)計題。.實驗注重過程考核：包括平時的上機(jī)實驗(20%)+結(jié)課前的機(jī)考(10%)，上機(jī)實驗包括：實驗預(yù)習(xí)(5%)、出勤率(5%)、完成情況(30%)、現(xiàn)場提問(30%)、實驗報告(30%)。實驗內(nèi)容主要是根據(jù)課程進(jìn)度完成所需的項目功能，為最終實現(xiàn)完整項目做準(zhǔn)備。.最終作品為微信小程序前端+PHP/Servlet后臺的完整項目，作品發(fā)布并演示，撰寫報告。參考資料蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社,2019.起周止周第1周~第12周第1講授課內(nèi)容淺談微信小程序教學(xué)目的與要求了解小程序的誕生、特點和主要功能，學(xué)會如何注冊開發(fā)者賬號和完善信息、開發(fā)工具的下載與安裝使用，以及理解簡單小程序項目目錄結(jié)構(gòu)。

重點難點重點：微信小程序發(fā)者賬號的創(chuàng)建，開發(fā)者工具的使用。難點：熟悉開發(fā)者工具的使用及理解項目各類主體文件的作用。教學(xué)進(jìn)程安排小程序簡介小程序開發(fā)準(zhǔn)備小程序開發(fā)工具的使用小程序項目目錄結(jié)構(gòu)課后學(xué)習(xí)任務(wù)布置小程序開發(fā)者工具環(huán)境配置，完善開發(fā)者賬號信息簡單小程序的調(diào)試運行和真機(jī)測試主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析開發(fā)者賬號注冊的注意事項，運附發(fā)者工具進(jìn)行簡單小程序項目真機(jī)調(diào)試，在手機(jī)端實現(xiàn)成功運行第一個微信小程序“Hello，Word！”。第2講授課內(nèi)容小程序的視圖與渲染教學(xué)目的與要求了解小程序的視圖層及渲染過程，學(xué)會各種頁面的數(shù)據(jù)綁定方法，標(biāo)簽渲染、模板與代碼段的定義和引用使用等重點難點重點：WXML文件代碼的基礎(chǔ)語法，數(shù)據(jù)綁定與渲染標(biāo)簽。難點：條件渲染及列表渲染的方法，模板的引用。

教學(xué)進(jìn)程安排視圖與渲染過程數(shù)據(jù)綁定渲染標(biāo)簽?zāi)０迮c引用案例九九乘法表課后學(xué)習(xí)任務(wù)布置完善九九乘法表案例主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析復(fù)習(xí)WXML、WXSS、JS代碼語法，參考HTML網(wǎng)頁知識。第3講授課內(nèi)容小程序的事件基礎(chǔ)與項目基本配置教學(xué)目的與要求理解小程序的事件與事件對象的概念，了解事件類型及事件綁定類型的知識；學(xué)會小程序項目的全局配置，掌握小程序的生命周期和全局變量與函數(shù)的用法。重點難點重點：常用的事件對象及其對應(yīng)的綁定方式，項目的全局配置方法。難點：冒泡與非冒泡事件，小程序的生命周期。教學(xué)進(jìn)程安排事件對象 3.2事件類型 3.3事件綁定類型app.json配置屬性 5.2頁面配置窗口配置 5.4tabBar配置網(wǎng)絡(luò)超時配置 5.6權(quán)限配置小程序的生命周期案例使用app對象的案例課后學(xué)習(xí)任務(wù)布置.冒泡事件測試案例實現(xiàn)。.生命周期測試案例和app對象測試案例實現(xiàn)。

主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析及時復(fù)習(xí)熟悉項目配置和生命周期的執(zhí)行過程，并熟練使用事件和獲取事件相關(guān)對象的數(shù)據(jù)信息。第4講授課內(nèi)容小程序頁面的配置與生命周期教學(xué)目的與要求了解微信小程序頁面的窗口配置，并能區(qū)分頁面配置和全局配置；理解頁面生命周期函數(shù)及執(zhí)行過程，并結(jié)合新聞客戶端案例掌握頁面跳轉(zhuǎn)和參數(shù)傳遞方法。重點難點重點：掌握頁面生命周期函數(shù)，頁面跳轉(zhuǎn)和參數(shù)傳遞的過程。難點：理解小程序頁面生命周期函數(shù)的執(zhí)行順序和過程。教學(xué)進(jìn)程安排小程序的頁面配置頁面的生命周期頁面跳轉(zhuǎn)頁面間的參數(shù)傳遞案例 新聞客戶端課后學(xué)習(xí)任務(wù)布置完善新聞客戶端案例

主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后復(fù)習(xí)頁面生命周期函數(shù)的用法，頁面的三種切換方式?？偨Y(jié)分析第5講授課內(nèi)容實戰(zhàn)項目“扶貧超市”的前期工作教學(xué)目的與要求完成“扶貧超市”項目Part1和Part2:了解項目基本功能及需求分析，申請賬號并新建項目；對項目進(jìn)行頁面框架配置，主要包含項目目錄整理、項目tarBar配置以及項目窗口配置。重點難點重點：項目需求分析和功能模塊劃分，申請賬號，創(chuàng)建項目框架并進(jìn)行項目目錄結(jié)構(gòu)的搭建與全局配置難點：需求分析和功能模塊劃分，頁面框架的全局設(shè)計與屬性值配置教學(xué)進(jìn)程安排項目背景與需求開發(fā)準(zhǔn)備項目目錄整理項目tabBar配置項目窗口配置課后學(xué)習(xí)任務(wù)布置完善該項目的前期框架設(shè)計與 tabBar和window配置主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.

課后熟悉新建小程序項目的流程步驟，并熟練掌握相關(guān)屬性配置課后總結(jié)分析第6講授課內(nèi)容頁面布局教學(xué)目的與要求掌握視圖層和基礎(chǔ)布局模型flex的用法，相對定位與絕對定位布局，并通過簡易計算器案例進(jìn)行布局實戰(zhàn)重點難點重點：flex布局與相對、絕對定位布局。難點：flex布局的理解和配置。教學(xué)進(jìn)程安排頁面布局概述flex布局基本概念flex布局案例flex容器屬性詳解flex項目屬性詳解相對定位和絕對定位布局案例 簡易計算器課后學(xué)習(xí)任務(wù)布置.課本flex布局相關(guān)內(nèi)容的源碼學(xué)習(xí)；.完善簡易計算器案例。主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析復(fù)習(xí)flex布局，相對定位與絕對定位的樣式編寫。第7講授課內(nèi)容小程序的樣式基礎(chǔ)

教學(xué)目的與要求掌握樣式的基本使用、樣式屬性的配置，以及樣式選擇器的使用。重點難點重點：掌握樣式的基本用法和樣式屬性的配置。難點：樣式選擇器的用法。教學(xué)進(jìn)程安排樣式的基本使用樣式的屬性樣式選擇器的使用課后學(xué)習(xí)任務(wù)布置.尺寸屬性測試案例.邊距屬性測試案例主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析復(fù)習(xí)樣式選擇器的用法。第8講授課內(nèi)容組件教學(xué)目的與要求掌握視圖容器、基礎(chǔ)內(nèi)容、表單組件的用法重點難點重點：掌握小程序視圖層各類組件的用法。難點：小程序組件的運用場景，各組件的主要屬性配置及效果。

教學(xué)進(jìn)程安排初始組件視圖容器組件基礎(chǔ)內(nèi)容組件表單組件課后學(xué)習(xí)任務(wù)布置各組件的測試案例源碼學(xué)習(xí)主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析及時復(fù)習(xí)熟悉各組件的使用場景及API函數(shù)用法。第9講授課內(nèi)容組件（續(xù)）教學(xué)目的與要求掌握form表單提交組件、導(dǎo)航組件、多媒體組件和地圖組件的用法重點難點重點：掌握小程序視圖層各類組件的用法。難點：小程序組件的運用場景，各組件的主要屬性配置及效果。教學(xué)進(jìn)程安排form表單提交組件導(dǎo)航組件navigator多媒體組件地圖map

課后學(xué)習(xí)任務(wù)布置各組件的測試案例源碼學(xué)習(xí)主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析及時復(fù)習(xí)熟悉各組件的使用場景及API函數(shù)用法。第10講授課內(nèi)容操作反饋工具與簡單的界面API教學(xué)目的與要求了解四種操作反饋工具toast、modal、loading和action-sheet的基本使用，并結(jié)合案例學(xué)習(xí)幾種頁面反饋API的基本使用，包括設(shè)置背景、設(shè)置tabBar、動態(tài)加載字體、下拉刷新等重點難點重點：小程序各種頁面反饋工具和界面API的使用。難點：tabBar與頁面導(dǎo)航的切換方法，Background背景樣式的設(shè)置。教學(xué)進(jìn)程安排toast吐司提示modal彈窗提示loading加載提示action-sheet操作菜單背景Background樣式動態(tài)設(shè)置TabBar屬性加載第三方字體wx.loadFontFace下拉刷新PullDownRefresh

課后學(xué)習(xí)任務(wù)布置操作反饋測試案例源碼學(xué)習(xí)主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析總結(jié)各種操作反饋工具的使用場景及API函數(shù)的用法。第11講授課內(nèi)容【扶貧超市Part3]主要頁面的UI設(shè)計教學(xué)目的與要求學(xué)習(xí)扶貧超市項目的主要頁面UI設(shè)計過程，包括首頁頁面、分類頁面、購物車頁面、“我的”頁面、管理端商品管理頁面等頁面的UI設(shè)計重點難點重點：各主要頁面的UI設(shè)計和樣式代碼編寫。難點：頁面UI的flex布局和樣式效果調(diào)試。教學(xué)進(jìn)程安排首頁UI設(shè)計分類頁面UI設(shè)計購物車頁面UI設(shè)計“我的”頁面UI設(shè)計管理員端商品管理頁面UI設(shè)計課后學(xué)習(xí)任務(wù)布置完善扶貧超市項目各主要頁面UI設(shè)計

主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析復(fù)習(xí)flex布局知識并學(xué)會靈活運用flex布局以及WXML面板進(jìn)行樣式調(diào)試。第12講授課內(nèi)容認(rèn)識云開發(fā)項目教學(xué)目的與要求了解微信小程序云開發(fā)的概念及其組成部分，通過創(chuàng)建云開發(fā)項目實例講解構(gòu)建和部署云環(huán)境，完成新建云函數(shù)、獲取 openid、管理文件和操作數(shù)據(jù)庫等任務(wù)內(nèi)容。重點難點重點：云函數(shù)的創(chuàng)建和調(diào)用，云開發(fā)數(shù)據(jù)庫的原理理解和操作使用。難點：云開發(fā)數(shù)據(jù)庫的原理理解和操作過程。教學(xué)進(jìn)程安排云開發(fā)概念與組成部分創(chuàng)建與開通云開發(fā)項目新建云函數(shù)案并部署例云開發(fā)之用戶管理案例上傳文件案例以及云空間文件管理數(shù)據(jù)庫操作案例課后學(xué)習(xí)任務(wù)布置查閱云開發(fā)文檔，完善并實現(xiàn)數(shù)據(jù)庫操作案例

主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析復(fù)習(xí)云開發(fā)項目的操作流程。第13講授課內(nèi)容云開發(fā)數(shù)據(jù)庫教學(xué)目的與要求了解云開發(fā)數(shù)據(jù)庫的概念，并學(xué)習(xí)其數(shù)據(jù)類型、權(quán)限控制、安全規(guī)則等，以及云開發(fā)數(shù)據(jù)庫的復(fù)雜操作。重點難點重點：掌握小程序云開發(fā)的數(shù)據(jù)庫類型和權(quán)限控制，并學(xué)會基本的數(shù)據(jù)庫操作。難點：云開發(fā)數(shù)據(jù)庫的查詢匹配及聯(lián)表查詢。教學(xué)進(jìn)程安排基本概念數(shù)據(jù)類型權(quán)限控制數(shù)據(jù)庫復(fù)雜操作課后學(xué)習(xí)任務(wù)布置完成云開發(fā)數(shù)據(jù)庫的復(fù)雜操作聯(lián)表查詢

主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析復(fù)習(xí)小程序云開發(fā)數(shù)據(jù)庫的基本操作方法。第14講授課內(nèi)容云函數(shù)及其調(diào)試教學(xué)目的與要求掌握小程序的云函數(shù)新建、部署和調(diào)用過程，包括云函數(shù)的常見操作和調(diào)試測試。重點難點重點：云函數(shù)中JS語法書寫、函數(shù)調(diào)用和調(diào)試。難點：云函數(shù)的云端調(diào)試和本地調(diào)試方法。教學(xué)進(jìn)程安排云函數(shù)基礎(chǔ)wx-server-sdk初始化云函數(shù)的常見操作云開發(fā)調(diào)試課后學(xué)習(xí)任務(wù)布置云函數(shù)調(diào)用及云開發(fā)云端和本地調(diào)試練習(xí)主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.

課后

總結(jié)分析課后

總結(jié)分析及時復(fù)習(xí)云函數(shù)常見操作方法。第15講授課內(nèi)容【扶貧超市Part4】構(gòu)建數(shù)據(jù)庫與商品管理教學(xué)目的與要求講解扶貧超市項目的后臺部分，主要包括數(shù)據(jù)庫設(shè)計和云端集合操作，并結(jié)合云端數(shù)據(jù)庫完善項目中的商品管理 wxml代碼和JS邏輯函數(shù)設(shè)計。重點難點重點：數(shù)據(jù)庫的設(shè)計，相關(guān)邏輯函數(shù)的編寫。難點：項目中的云函數(shù)的調(diào)用。教學(xué)進(jìn)程安排建立數(shù)據(jù)庫用戶與管理員身份的登錄判斷添加商品修改商品信息刪除商品課后學(xué)習(xí)任務(wù)布置完善本項目數(shù)據(jù)庫設(shè)計與商品管理部分的編碼。主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析復(fù)習(xí)數(shù)據(jù)庫的設(shè)計方法以及口樣式設(shè)計。授課內(nèi)容系統(tǒng)底層的基礎(chǔ)API教學(xué)目的與要求了解獲取系統(tǒng)信息API、定時器API和掃碼API，掌握API函數(shù)的調(diào)試方法。重點難點重點：小程序系統(tǒng)底層API的用法和調(diào)試方法。難點：小程序開發(fā)工具調(diào)試模式調(diào)試方法及斷點調(diào)試方法。教學(xué)進(jìn)程安排獲取系統(tǒng)信息的API定時器調(diào)試API掃碼課后學(xué)習(xí)任務(wù)布置實現(xiàn)定時器測試案例，Console測試案例，scanCode示例案例主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析熟悉其他系統(tǒng)底層API的用法和API調(diào)試方法。授課內(nèi)容網(wǎng)絡(luò)與文件上傳API教學(xué)目的與要求了解和掌握微信小程序網(wǎng)絡(luò)API和文件API的用法，包括發(fā)起和中斷請求，文件傳輸、保存、信息獲取，文件的打開刪除等操作，以及號碼歸屬地查詢小程序案例講解 wx.request的應(yīng)用。重點難點重點：小程序各類網(wǎng)絡(luò)API和文件API的用法與限制。難點：網(wǎng)絡(luò)請求的原理，本地文件與臨時文件區(qū)別用法，以及各類API對文件源的要求。教學(xué)進(jìn)程安排網(wǎng)絡(luò)基礎(chǔ)wx.request圖片選擇、預(yù)覽與保存文件的上傳與下載案例號碼歸屬地查詢小程序課后學(xué)習(xí)任務(wù)布置完善號碼歸屬地查詢小程序案例主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析復(fù)習(xí)網(wǎng)絡(luò)請求和文件上傳的原理和流程，以及小程序?qū)?yīng)API的用法。

授課內(nèi)容數(shù)據(jù)緩存API教學(xué)目的與要求掌握微信小程序數(shù)據(jù)緩存API的用法，包括本地緩存、數(shù)據(jù)的存儲、獲取、刪除、清空等操作，并講解與緩存相關(guān)的API函數(shù)測試案例。重點難點重點：小程序各類數(shù)據(jù)緩存API的用法。難點：異步數(shù)據(jù)與同步數(shù)據(jù)的區(qū)別，緩存原理與限制。教學(xué)進(jìn)程安排wx.setStorage寫入緩存wx.getStorage讀取緩存wx.removeStorage移除緩存wx.getStorageInfo獲取全部緩存信息wx.clearStorage清理緩存數(shù)據(jù)緩存API函數(shù)同步版本案例 數(shù)據(jù)緩存API測試案例課后學(xué)習(xí)任務(wù)布置完善數(shù)據(jù)緩存API測試案例主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析掌握緩存原理和功能作用，區(qū)分異步數(shù)據(jù)與同步數(shù)據(jù)。授課內(nèi)容位置API教學(xué)目的與要求掌握微信小程序位置API的用法，包括位置信息的獲取，獲取和選擇位置，查看位置，地圖組件控制，并講解位置API測試和路徑導(dǎo)航案例。重點難點重點：小程序各類位置API的用法。難點：兩種地圖坐標(biāo)系的區(qū)別，標(biāo)記的處理。教學(xué)進(jìn)程安排wx.getLocation獲取當(dāng)前位置wx.chooseLocation用地圖選擇位置wx.openLocation用內(nèi)置地圖查看位置wx.onLocationChange監(jiān)聽實時位置wx.offLocationChange關(guān)閉監(jiān)聽案例位置API測試案例案例路徑導(dǎo)航案例課后學(xué)習(xí)任務(wù)布置完善并實現(xiàn)路徑導(dǎo)航案例主要參考資料教材：蘭紅.微信小程序貫穿式項目實戰(zhàn)[M].北京：清華大學(xué)出版社，2021.周文潔.微信小程序開發(fā)零基礎(chǔ)入門[M].北京：清華大學(xué)出版社，2019.課后總結(jié)分析結(jié)合實際應(yīng)用，學(xué)習(xí)和掌握小程序中地圖和導(dǎo)航相關(guān)功能設(shè)計。第20講授課內(nèi)容獲取用戶信息及登錄態(tài)管理

教學(xué)目的 了解用戶數(shù)據(jù)信息分類與開放數(shù)據(jù)獲取流程，掌握用戶登錄態(tài)管理及與要求 其實現(xiàn)機(jī)制。重點難點重點：小程序獲取用戶信息的相關(guān)API及其用法。難點：用戶登錄態(tài)的實現(xiàn)機(jī)制。教學(xué)進(jìn)程安排