微信小程序開(kāi)發(fā)與實(shí)戰(zhàn)（微課版）-教學(xué)大綱

1、微信小程序企業(yè)開(kāi)發(fā)實(shí)戰(zhàn)課程教學(xué)大綱學(xué) 分：3學(xué)分學(xué) 時(shí)：45學(xué)時(shí) （其中：講課學(xué)時(shí)：30上機(jī)學(xué)時(shí)：15 ）適用專(zhuān)業(yè)：通識(shí)選修課、專(zhuān)業(yè)拓展課先修課程：計(jì)算機(jī)基礎(chǔ)、計(jì)算機(jī)網(wǎng)絡(luò)、HTML5+CSS3+JavaScript一、課程的性質(zhì)與目標(biāo)微信小程序開(kāi)發(fā)實(shí)戰(zhàn)是專(zhuān)注于微信小程序開(kāi)發(fā)的Web前端教材，涉及微信小程序框 架、文件配置、WXML語(yǔ)法、WXSS布局、WXS語(yǔ)法、頁(yè)面組件、應(yīng)用接口 API、云開(kāi)發(fā)模式、 第三方組件的使用等。通過(guò)本課程的學(xué)習(xí)，學(xué)生能夠理解微信小程序的實(shí)質(zhì)，掌握微信小程 序開(kāi)發(fā)的基本技能，快速高效的開(kāi)發(fā)微信小程序。提高學(xué)生對(duì)計(jì)算機(jī)科學(xué)與技術(shù)的興趣，促 進(jìn)學(xué)生能在未來(lái)的學(xué)習(xí)和工作中，

2、使用“計(jì)算機(jī)思維”來(lái)解決實(shí)際問(wèn)題，全面提高學(xué)生的綜 合素質(zhì)。二、課程設(shè)計(jì)理念與思路課程設(shè)計(jì)理念：高等職業(yè)教育不僅注重對(duì)專(zhuān)業(yè)知識(shí)和技能的傳授，也注重對(duì)學(xué)生綜合素 質(zhì)的培養(yǎng)，不局限于個(gè)人選擇的專(zhuān)業(yè)，有助于個(gè)人潛力能夠得到最大限度的發(fā)揮。在全球云 計(jì)算和移動(dòng)互聯(lián)的產(chǎn)業(yè)背景下，在高等教育的通識(shí)教育中增加有關(guān)計(jì)算機(jī)技術(shù)基礎(chǔ)知識(shí)與能 力的課程，有助于非計(jì)算機(jī)專(zhuān)業(yè)大學(xué)生綜合素質(zhì)的提高。課程設(shè)計(jì)思路：微信小程序企業(yè)開(kāi)發(fā)實(shí)戰(zhàn)作為一門(mén)選修課，讓學(xué)生把一門(mén)程序設(shè)計(jì)語(yǔ)言 掌握到實(shí)用的程度較有難度。本課程并非簡(jiǎn)單介紹微信小程序開(kāi)發(fā)的理論內(nèi)容，而是將理論 講解與實(shí)際操作相結(jié)合，其中所涉及的大局部知識(shí)點(diǎn)適用于所有編程的基礎(chǔ)

3、知識(shí)，如變量、 運(yùn)算符、選擇語(yǔ)句和標(biāo)簽概念等?？蓾撘颇嘏囵B(yǎng)學(xué)生程序化、系統(tǒng)化的思維模式，讓學(xué) 生能夠使用邏輯思維解決問(wèn)題。同時(shí)，培養(yǎng)學(xué)生的自學(xué)能力。軟件技術(shù)的開(kāi)展日新月異，教 材不能做到和語(yǔ)言同步，互聯(lián)網(wǎng)的存在為自學(xué)掌握一門(mén)技能提供了便捷，可以讓學(xué)生自己分 析問(wèn)題、動(dòng)手編程和，在此過(guò)程中，學(xué)生上網(wǎng)查閱相關(guān)資料，能夠更新知識(shí)，并逐漸具備獨(dú) 立研究的能力。第十一章 微信小程序開(kāi)放能力（可選）3學(xué)時(shí)1學(xué)時(shí)4學(xué)時(shí)第十二章微信小程序云開(kāi)發(fā)（可選）3學(xué)時(shí)1學(xué)時(shí)4學(xué)時(shí)第十三章自定義組件與第三方UI組件庫(kù) （可選）2學(xué)時(shí)1學(xué)時(shí)3學(xué)時(shí)第十四章工程實(shí)戰(zhàn)：電影之家小程序（可選）1學(xué)時(shí)2學(xué)時(shí)3學(xué)時(shí)第十五章工程實(shí)戰(zhàn)

4、：美妝商城小程序（可選）1學(xué)時(shí)2學(xué)時(shí)3學(xué)時(shí)合計(jì)29課時(shí)16學(xué)時(shí)45課時(shí)注：可選章節(jié)未計(jì)入合計(jì)課時(shí)。六、考核模式與成績(jī)?cè)u(píng)定方法本課程為考試課程，期末考試采用百分制的閉卷考試模式。學(xué)生的考試成績(jī)由平時(shí)成績(jī) （30%）和期末考試（70%）組成，其中，平時(shí)成績(jī)包括出勤（5%）、作業(yè)（5%）、實(shí)驗(yàn)和上機(jī) 成績(jī)（20%） o七、選用教材和主要參考書(shū)本大綱是根據(jù)教材微信小程序企業(yè)開(kāi)發(fā)實(shí)戰(zhàn)（微課版）所設(shè)計(jì)的。八、大綱說(shuō)明本課程的授課模式為：課堂授課+上機(jī)，其中，課堂主要采用多媒體的方式進(jìn)行授課，并 且會(huì)通過(guò)測(cè)試題階段測(cè)試學(xué)生的掌握程度；上機(jī)主要是編寫(xiě)程序，要求學(xué)生動(dòng)手完成指定的 程序設(shè)計(jì)或驗(yàn)證。三、教學(xué)條件要

5、求操作系統(tǒng)：Windows 10開(kāi)發(fā)工具：微信開(kāi)發(fā)者工具1、課程的主要內(nèi)容及基本要求第一章信小程序簡(jiǎn)介第一章信小程序簡(jiǎn)介學(xué)習(xí)單元第一章微信小程序簡(jiǎn)介學(xué)時(shí)1學(xué)時(shí)學(xué)習(xí)目標(biāo)掌握微信小程序的概念了解微信小程序與微信公眾號(hào)的區(qū)別了解微信小程序的優(yōu)勢(shì)與特點(diǎn)了解微信小程序的應(yīng)用場(chǎng)景學(xué)習(xí)內(nèi)容知識(shí)點(diǎn)了解掌握重點(diǎn)難點(diǎn)可選微信小程序的定義微信小程序的誕生V微信小程序與公眾號(hào)V微信小程序與AppV微信小程序不是HTML5V微信小程序是功能性公眾號(hào)V微信小程序的優(yōu)勢(shì)與特點(diǎn)V微信小程序的生態(tài)及應(yīng)用獨(dú)立的軟件生態(tài)系統(tǒng)V微信小程序社區(qū)V微信小程序的應(yīng)用場(chǎng)景V微信小程序的未來(lái)開(kāi)展V第二章信開(kāi)發(fā)者工具第二章信開(kāi)發(fā)者工具學(xué)習(xí)單元第

6、二章微信開(kāi)發(fā)者工具學(xué)時(shí)3學(xué)時(shí)學(xué)習(xí)目標(biāo).理解微信公眾平臺(tái)的概念.掌握微信小程序的賬號(hào)申請(qǐng)與登錄操作.掌握微信開(kāi)發(fā)者工具的安裝與使用.掌握微信開(kāi)發(fā)者工具代碼編寫(xiě)與調(diào)試學(xué)習(xí)內(nèi)容知識(shí)點(diǎn)了解掌握重點(diǎn)難點(diǎn)可選申請(qǐng)小程序賬號(hào)V登錄微信公眾平臺(tái)V微信開(kāi)發(fā)者工具介紹V安裝微信開(kāi)發(fā)者工具啟動(dòng)微信開(kāi)發(fā)者工具V菜單欄介紹V工具欄介紹V窗口介紹V微信開(kāi)發(fā)者工具的功能設(shè)置V微信開(kāi)發(fā)者工具的代碼編輯V小程序調(diào)試V小程序開(kāi)發(fā)輔助設(shè)置V新建微信小程序工程V微信小程序的代碼編寫(xiě)微信小程序的預(yù)覽與發(fā)布V小程序的配置文件小程序的配置文件小程序的配置文件第三章微信小程序起步小程序的配置文件學(xué)習(xí)單元第三章微信小程序起步學(xué)時(shí)4學(xué)時(shí)學(xué)習(xí)目標(biāo)

7、.理解小程序的代碼結(jié)構(gòu).理解小程序的渲染機(jī)制.掌握小程序的基本開(kāi)發(fā)能力.掌握小程序組件化學(xué)習(xí)內(nèi)容知識(shí)點(diǎn)了解掌握重點(diǎn)難點(diǎn)可選小程序開(kāi)發(fā)與傳統(tǒng)前立耐發(fā)的區(qū)別VWXML模板VWXSS樣式VJS腳本VJSON配置V小程序的渲染機(jī)制VV程序與頁(yè)面4小程序的內(nèi)置組件V小程序的APIV小程序的事件處理原生CSS布局V界面交互反應(yīng)VHTTPS網(wǎng)絡(luò)通信V本地?cái)?shù)據(jù)緩存V連接設(shè)備硬件V微信開(kāi)放能力V小程序基礎(chǔ)組件V自定義組件V第三方組件庫(kù)V犯學(xué)習(xí)單元第四章小程序的配置文件學(xué)時(shí)5學(xué)時(shí)學(xué)習(xí)目標(biāo). 了解小程序配置文件的類(lèi)型.掌握小程序的全局配置和頁(yè)面配置項(xiàng)3.掌握小程序窗口配置項(xiàng)理解多態(tài)的概念學(xué)習(xí)內(nèi)容知識(shí)點(diǎn)了解掌握重點(diǎn)難

8、點(diǎn)可選全局配置文件-頁(yè)面路徑配置V全局配置文件-啟動(dòng)首頁(yè)配置V全局配置文件-窗口樣式配置V全局配置文件-tab欄配置V全局配置文件-網(wǎng)絡(luò)超時(shí)配置全局配置文件-小程序接口權(quán)限配置V全局配置文件-小程序樣式版本配置V全局配置文件-全局自定義組件配置頁(yè)面配置文件-導(dǎo)航欄配置V頁(yè)面配置文件-窗口配置V頁(yè)囿配置文件-頁(yè)面加載配置Vsitemap配置文件介紹V小程序的索引規(guī)那么工程配置文件第五章WXML語(yǔ)法基礎(chǔ)學(xué)習(xí)單元第五章WXML語(yǔ)法基礎(chǔ)學(xué)時(shí)6學(xué)時(shí)學(xué)習(xí)目標(biāo).理解WXML的設(shè)計(jì)理念.掌握WXML的基礎(chǔ)語(yǔ)法.掌握WXML的數(shù)據(jù)綁定與數(shù)據(jù)渲染.掌握小程序的事件處理機(jī)制學(xué)習(xí)內(nèi)容知識(shí)點(diǎn)了解掌握重點(diǎn)難點(diǎn)1可選WXM

9、L文件介紹V數(shù)據(jù)綁定-簡(jiǎn)單內(nèi)容綁定V數(shù)據(jù)綁定-屬性綁定數(shù)據(jù)綁定-模板運(yùn)算4數(shù)據(jù)綁定-標(biāo)記的公共屬性V條件渲染-基礎(chǔ)語(yǔ)法V條件渲染與隱藏屬性V列表渲染-基本語(yǔ)法V列表渲染-key屬性V模板與引用-WXML模板V模板與引用-WXML引用VV事件處理-什么是事件V事件處理-事件類(lèi)型和事件對(duì)象V事件處理-事件綁定與冒泡捕獲V第六章WXSS樣式處理學(xué)習(xí)單元第六章WXSS樣式處理學(xué)時(shí)3學(xué)時(shí)學(xué)習(xí)目標(biāo).掌握WXSS的特性.理解rpx單位的概念.掌握小程序內(nèi)聯(lián)樣式的使用.掌握WXSS的布局.掌握WXSS的特性.理解rpx單位的概念.掌握小程序內(nèi)聯(lián)樣式的使用.掌握WXSS的布局學(xué)習(xí)內(nèi)容知識(shí)點(diǎn)了解掌握重點(diǎn)難點(diǎn)可選尺

10、寸單位-rpxV尺寸單位-remV選擇器V樣式導(dǎo)入-內(nèi)聯(lián)樣式V樣式導(dǎo)入-外聯(lián)樣式導(dǎo)入V布局-盒子模型V布局-浮動(dòng)和定位VV布局-Flex布局V第七章 WXS語(yǔ)法學(xué)習(xí)單元第七章WXS語(yǔ)法學(xué)時(shí)4學(xué)時(shí)學(xué)習(xí)目標(biāo).理解 WXS與JavaScript的區(qū)別.掌握WXS的基礎(chǔ)語(yǔ)法學(xué)習(xí)內(nèi)容知識(shí)點(diǎn)了解掌握重點(diǎn)難點(diǎn)可選WXS介紹V基礎(chǔ)語(yǔ)法-WXS模塊V基礎(chǔ)語(yǔ)法-變量V基礎(chǔ)語(yǔ)法-注釋V基礎(chǔ)語(yǔ)法-運(yùn)算符基礎(chǔ)語(yǔ)法-語(yǔ)句V基本數(shù)據(jù)類(lèi)型V引用數(shù)據(jù)類(lèi)型V正那么表達(dá)式V數(shù)據(jù)類(lèi)型判斷V基礎(chǔ)類(lèi)庫(kù)V第八章小程序中的JavaScript學(xué)習(xí)單元第八章 小程序中的JavaScript學(xué)時(shí)3學(xué)時(shí)學(xué)習(xí)目標(biāo).理解微信小程序的運(yùn)行環(huán)境.理解EC

11、MAScript標(biāo)準(zhǔn)的概念.掌握微信小程序的生命周期函數(shù).掌握微信小程序的模塊化開(kāi)發(fā)學(xué)習(xí)內(nèi)容知識(shí)點(diǎn)了解掌握重點(diǎn)難點(diǎn)可選MINA框架介紹V小程序啟動(dòng)機(jī)制V小程序加載機(jī)制V小程序?qū)avaScript的支持V小程序宿主環(huán)境差異V小程序應(yīng)用的生命周期V小程序頁(yè)面的生命周期V小程序模塊化V小程序的APIV第九章微信小程序核心組件學(xué)習(xí)單元第九章微信小程序核心組件學(xué)時(shí)10學(xué)時(shí)學(xué)習(xí)目標(biāo).理解微信小程序組件化概念.掌握微信小程序核心組件的使用學(xué)習(xí)內(nèi)容知識(shí)點(diǎn)了解掌握重點(diǎn)難點(diǎn)可選微信小程序組件化概念V基礎(chǔ)視圖容器組件滑塊視圖容器組件V可滾動(dòng)視圖容器組件V可移動(dòng)視圖容器組件V原生視圖容器組件V文本組件V富文本組件V

12、進(jìn)度條組件V圖標(biāo)組件4按鈕V輸入框V單項(xiàng)選擇按鈕V復(fù)選框V選擇器VV表單V導(dǎo)航組件V音/視頻組件VV圖片顯示組件V系統(tǒng)相機(jī)組件V地圖組件V第十章微信小程序核心API學(xué)習(xí)單元第十章微信小程序核心API學(xué)時(shí)6學(xué)時(shí)學(xué)習(xí)目標(biāo)1.理解API的基本概念2.掌握微信小程序核心API的用法學(xué)習(xí)內(nèi)容知識(shí)點(diǎn)了解|掌握重點(diǎn)難點(diǎn)可選微信小程序API介紹V獲取窗口信息V獲取設(shè)備信息V獲取系統(tǒng)信息V獲取微信應(yīng)用信息V網(wǎng)絡(luò)請(qǐng)求-發(fā)送HTTPS請(qǐng)求網(wǎng)絡(luò)請(qǐng)求-上傳與下載V路由與跳轉(zhuǎn)-小程序內(nèi)頁(yè)面跳轉(zhuǎn)V路由與跳轉(zhuǎn)-小程序應(yīng)用間跳轉(zhuǎn)V界面交互與反應(yīng)-頁(yè)面彈框V界面交互與反應(yīng)-下拉刷新V多媒體V文件系統(tǒng)V設(shè)備傳感器調(diào)用V本地?cái)?shù)據(jù)緩存

13、V第十一章 微信小程序開(kāi)放能力（可選）學(xué)習(xí)單元第十一章微信小程序開(kāi)放能力學(xué)時(shí)4學(xué)時(shí)學(xué)習(xí)目標(biāo).理解微信提供的開(kāi)放能力接口.掌握微信開(kāi)放接口 API的用法學(xué)習(xí)內(nèi)容知識(shí)點(diǎn)了解掌握重點(diǎn)難點(diǎn)可選小程序登錄流程V小程序授權(quán)管理V開(kāi)放數(shù)據(jù)校驗(yàn)與解密獲取用戶信息微信支付介紹微信支付接入V小程序支付V發(fā)起微信支付APIV提供、收藏與轉(zhuǎn)發(fā)V小程序訂閱消息V第十二章 微信小程序云開(kāi)發(fā)（可選）學(xué)習(xí)單元第十二章微信小程序云開(kāi)發(fā)學(xué)時(shí)4學(xué)時(shí)學(xué)習(xí)目標(biāo)I.理解微信小程序云開(kāi)發(fā)模式.掌握云數(shù)據(jù)的概念與開(kāi)發(fā)能力.掌握云函數(shù)的概念與開(kāi)發(fā)能力.掌握云存儲(chǔ)的概念與開(kāi)發(fā)能力學(xué)習(xí)內(nèi)容知識(shí)點(diǎn)了解掌握重點(diǎn)難點(diǎn)可選什么是云開(kāi)發(fā)V云開(kāi)發(fā)的優(yōu)勢(shì)V云開(kāi)

14、發(fā)權(quán)限設(shè)置V云數(shù)據(jù)庫(kù)介紹V云數(shù)據(jù)庫(kù)數(shù)據(jù)類(lèi)型云數(shù)據(jù)庫(kù)權(quán)限管理云數(shù)據(jù)庫(kù)增/刪J/改/查VV數(shù)據(jù)遷移V數(shù)據(jù)備份V云函數(shù)介紹云函數(shù)調(diào)用VV云存儲(chǔ)介紹V文件管理V云托管介紹V環(huán)境創(chuàng)立與管理V第十三章自定義組件與第三方UI組件庫(kù)（可選）學(xué)習(xí)單元第十三章自定義組件與第三方UI組件 庫(kù)學(xué)時(shí)3學(xué)時(shí)學(xué)習(xí)目標(biāo).掌握微信小程序自定義組件開(kāi)發(fā).掌握常用第三方組件庫(kù)的使用學(xué)習(xí)內(nèi)容知識(shí)點(diǎn)了解掌握重點(diǎn)難點(diǎn)可選組件化開(kāi)發(fā)定義V自定義組件VVant Weapp組件庫(kù)介紹安裝Vant Weapp組件庫(kù)V核心組件介紹V組件的屬性V組件的事件與插槽V業(yè)務(wù)組件V第十四章 工程實(shí)戰(zhàn)：電影之家小程序（可選）學(xué)習(xí)單元第十四章工程實(shí)戰(zhàn)：電影之家

15、小程序?qū)W時(shí)3學(xué)時(shí)學(xué)習(xí)目標(biāo).掌握微信小程序工程的環(huán)境搭建.掌握微信小程序組件的使用.掌握微信小程序API的使用學(xué)習(xí)內(nèi)容知識(shí)點(diǎn)了解掌握重點(diǎn)難點(diǎn)可選工程概述V工程演示V創(chuàng)立小程序V工程文件結(jié)構(gòu)V安裝組件庫(kù)電影推薦首頁(yè)開(kāi)發(fā)VV電影列表開(kāi)發(fā)V電影詳情頁(yè)開(kāi)發(fā)VV影評(píng)列表頁(yè)開(kāi)發(fā)小程序功能測(cè)試V小程序上傳與發(fā)布第十五章 工程實(shí)戰(zhàn)：美妝商城小程序（可選）學(xué)習(xí)單元第十五章工程實(shí)戰(zhàn)：美妝商城小程序?qū)W時(shí)3學(xué)時(shí)學(xué)習(xí)目標(biāo).掌握微信小程序工程的環(huán)境搭建.掌握微信小程序組件的使用.掌握微信小程序API的使用學(xué)習(xí)內(nèi)容知識(shí)點(diǎn)了解掌握重點(diǎn)難點(diǎn)可選工程概述工程演示V創(chuàng)立小程序V工程文件結(jié)構(gòu)V安裝依賴美妝商城首頁(yè)開(kāi)發(fā)商品列表頁(yè)開(kāi)發(fā)V商品詳情頁(yè)開(kāi)發(fā)V訂單信息頁(yè)開(kāi)發(fā)