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

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

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

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

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

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

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

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

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

9、L文件介紹V數(shù)據(jù)綁定-簡單內(nèi)容綁定V數(shù)據(jù)綁定-屬性綁定數(shù)據(jù)綁定-模板運(yùn)算4數(shù)據(jù)綁定-標(biāo)記的公共屬性V條件渲染-基礎(chǔ)語法V條件渲染與隱藏屬性V列表渲染-基本語法V列表渲染-key屬性V模板與引用-WXML模板V模板與引用-WXML引用VV事件處理-什么是事件V事件處理-事件類型和事件對象V事件處理-事件綁定與冒泡捕獲V第六章WXSS樣式處理學(xué)習(xí)單元第六章WXSS樣式處理學(xué)時3學(xué)時學(xué)習(xí)目標(biāo).掌握WXSS的特性.理解rpx單位的概念.掌握小程序內(nèi)聯(lián)樣式的使用.掌握WXSS的布局.掌握WXSS的特性.理解rpx單位的概念.掌握小程序內(nèi)聯(lián)樣式的使用.掌握WXSS的布局學(xué)習(xí)內(nèi)容知識點(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布局-浮動和定位VV布局-Flex布局V第七章 WXS語法學(xué)習(xí)單元第七章WXS語法學(xué)時4學(xué)時學(xué)習(xí)目標(biāo).理解 WXS與JavaScript的區(qū)別.掌握WXS的基礎(chǔ)語法學(xué)習(xí)內(nèi)容知識點(diǎn)了解掌握重點(diǎn)難點(diǎn)可選WXS介紹V基礎(chǔ)語法-WXS模塊V基礎(chǔ)語法-變量V基礎(chǔ)語法-注釋V基礎(chǔ)語法-運(yùn)算符基礎(chǔ)語法-語句V基本數(shù)據(jù)類型V引用數(shù)據(jù)類型V正那么表達(dá)式V數(shù)據(jù)類型判斷V基礎(chǔ)類庫V第八章小程序中的JavaScript學(xué)習(xí)單元第八章 小程序中的JavaScript學(xué)時3學(xué)時學(xué)習(xí)目標(biāo).理解微信小程序的運(yùn)行環(huán)境.理解EC

11、MAScript標(biāo)準(zhǔn)的概念.掌握微信小程序的生命周期函數(shù).掌握微信小程序的模塊化開發(fā)學(xué)習(xí)內(nèi)容知識點(diǎn)了解掌握重點(diǎn)難點(diǎn)可選MINA框架介紹V小程序啟動機(jī)制V小程序加載機(jī)制V小程序?qū)avaScript的支持V小程序宿主環(huán)境差異V小程序應(yīng)用的生命周期V小程序頁面的生命周期V小程序模塊化V小程序的APIV第九章微信小程序核心組件學(xué)習(xí)單元第九章微信小程序核心組件學(xué)時10學(xué)時學(xué)習(xí)目標(biāo).理解微信小程序組件化概念.掌握微信小程序核心組件的使用學(xué)習(xí)內(nèi)容知識點(diǎn)了解掌握重點(diǎn)難點(diǎn)可選微信小程序組件化概念V基礎(chǔ)視圖容器組件滑塊視圖容器組件V可滾動視圖容器組件V可移動視圖容器組件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é)時6學(xué)時學(xué)習(xí)目標(biāo)1.理解API的基本概念2.掌握微信小程序核心API的用法學(xué)習(xí)內(nèi)容知識點(diǎn)了解|掌握重點(diǎn)難點(diǎn)可選微信小程序API介紹V獲取窗口信息V獲取設(shè)備信息V獲取系統(tǒng)信息V獲取微信應(yīng)用信息V網(wǎng)絡(luò)請求-發(fā)送HTTPS請求網(wǎng)絡(luò)請求-上傳與下載V路由與跳轉(zhuǎn)-小程序內(nèi)頁面跳轉(zhuǎn)V路由與跳轉(zhuǎn)-小程序應(yīng)用間跳轉(zhuǎn)V界面交互與反應(yīng)-頁面彈框V界面交互與反應(yīng)-下拉刷新V多媒體V文件系統(tǒng)V設(shè)備傳感器調(diào)用V本地數(shù)據(jù)緩存

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

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

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