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

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

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

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

5、求操作系統：Windows 10開發工具：微信開發者工具1、課程的主要內容及基本要求第一章信小程序簡介第一章信小程序簡介學習單元第一章微信小程序簡介學時1學時學習目標掌握微信小程序的概念了解微信小程序與微信公眾號的區別了解微信小程序的優勢與特點了解微信小程序的應用場景學習內容知識點了解掌握重點難點可選微信小程序的定義微信小程序的誕生V微信小程序與公眾號V微信小程序與AppV微信小程序不是HTML5V微信小程序是功能性公眾號V微信小程序的優勢與特點V微信小程序的生態及應用獨立的軟件生態系統V微信小程序社區V微信小程序的應用場景V微信小程序的未來開展V第二章信開發者工具第二章信開發者工具學習單元第

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

7、.理解小程序的代碼結構.理解小程序的渲染機制.掌握小程序的基本開發能力.掌握小程序組件化學習內容知識點了解掌握重點難點可選小程序開發與傳統前立耐發的區別VWXML模板VWXSS樣式VJS腳本VJSON配置V小程序的渲染機制VV程序與頁面4小程序的內置組件V小程序的APIV小程序的事件處理原生CSS布局V界面交互反應VHTTPS網絡通信V本地數據緩存V連接設備硬件V微信開放能力V小程序基礎組件V自定義組件V第三方組件庫V犯學習單元第四章小程序的配置文件學時5學時學習目標. 了解小程序配置文件的類型.掌握小程序的全局配置和頁面配置項3.掌握小程序窗口配置項理解多態的概念學習內容知識點了解掌握重點難

8、點可選全局配置文件-頁面路徑配置V全局配置文件-啟動首頁配置V全局配置文件-窗口樣式配置V全局配置文件-tab欄配置V全局配置文件-網絡超時配置全局配置文件-小程序接口權限配置V全局配置文件-小程序樣式版本配置V全局配置文件-全局自定義組件配置頁面配置文件-導航欄配置V頁面配置文件-窗口配置V頁囿配置文件-頁面加載配置Vsitemap配置文件介紹V小程序的索引規那么工程配置文件第五章WXML語法基礎學習單元第五章WXML語法基礎學時6學時學習目標.理解WXML的設計理念.掌握WXML的基礎語法.掌握WXML的數據綁定與數據渲染.掌握小程序的事件處理機制學習內容知識點了解掌握重點難點1可選WXM

9、L文件介紹V數據綁定-簡單內容綁定V數據綁定-屬性綁定數據綁定-模板運算4數據綁定-標記的公共屬性V條件渲染-基礎語法V條件渲染與隱藏屬性V列表渲染-基本語法V列表渲染-key屬性V模板與引用-WXML模板V模板與引用-WXML引用VV事件處理-什么是事件V事件處理-事件類型和事件對象V事件處理-事件綁定與冒泡捕獲V第六章WXSS樣式處理學習單元第六章WXSS樣式處理學時3學時學習目標.掌握WXSS的特性.理解rpx單位的概念.掌握小程序內聯樣式的使用.掌握WXSS的布局.掌握WXSS的特性.理解rpx單位的概念.掌握小程序內聯樣式的使用.掌握WXSS的布局學習內容知識點了解掌握重點難點可選尺

10、寸單位-rpxV尺寸單位-remV選擇器V樣式導入-內聯樣式V樣式導入-外聯樣式導入V布局-盒子模型V布局-浮動和定位VV布局-Flex布局V第七章 WXS語法學習單元第七章WXS語法學時4學時學習目標.理解 WXS與JavaScript的區別.掌握WXS的基礎語法學習內容知識點了解掌握重點難點可選WXS介紹V基礎語法-WXS模塊V基礎語法-變量V基礎語法-注釋V基礎語法-運算符基礎語法-語句V基本數據類型V引用數據類型V正那么表達式V數據類型判斷V基礎類庫V第八章小程序中的JavaScript學習單元第八章 小程序中的JavaScript學時3學時學習目標.理解微信小程序的運行環境.理解EC

11、MAScript標準的概念.掌握微信小程序的生命周期函數.掌握微信小程序的模塊化開發學習內容知識點了解掌握重點難點可選MINA框架介紹V小程序啟動機制V小程序加載機制V小程序對JavaScript的支持V小程序宿主環境差異V小程序應用的生命周期V小程序頁面的生命周期V小程序模塊化V小程序的APIV第九章微信小程序核心組件學習單元第九章微信小程序核心組件學時10學時學習目標.理解微信小程序組件化概念.掌握微信小程序核心組件的使用學習內容知識點了解掌握重點難點可選微信小程序組件化概念V基礎視圖容器組件滑塊視圖容器組件V可滾動視圖容器組件V可移動視圖容器組件V原生視圖容器組件V文本組件V富文本組件V

12、進度條組件V圖標組件4按鈕V輸入框V單項選擇按鈕V復選框V選擇器VV表單V導航組件V音/視頻組件VV圖片顯示組件V系統相機組件V地圖組件V第十章微信小程序核心API學習單元第十章微信小程序核心API學時6學時學習目標1.理解API的基本概念2.掌握微信小程序核心API的用法學習內容知識點了解|掌握重點難點可選微信小程序API介紹V獲取窗口信息V獲取設備信息V獲取系統信息V獲取微信應用信息V網絡請求-發送HTTPS請求網絡請求-上傳與下載V路由與跳轉-小程序內頁面跳轉V路由與跳轉-小程序應用間跳轉V界面交互與反應-頁面彈框V界面交互與反應-下拉刷新V多媒體V文件系統V設備傳感器調用V本地數據緩存

13、V第十一章 微信小程序開放能力（可選）學習單元第十一章微信小程序開放能力學時4學時學習目標.理解微信提供的開放能力接口.掌握微信開放接口 API的用法學習內容知識點了解掌握重點難點可選小程序登錄流程V小程序授權管理V開放數據校驗與解密獲取用戶信息微信支付介紹微信支付接入V小程序支付V發起微信支付APIV提供、收藏與轉發V小程序訂閱消息V第十二章 微信小程序云開發（可選）學習單元第十二章微信小程序云開發學時4學時學習目標I.理解微信小程序云開發模式.掌握云數據的概念與開發能力.掌握云函數的概念與開發能力.掌握云存儲的概念與開發能力學習內容知識點了解掌握重點難點可選什么是云開發V云開發的優勢V云開

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

15、小程序學時3學時學習目標.掌握微信小程序工程的環境搭建.掌握微信小程序組件的使用.掌握微信小程序API的使用學習內容知識點了解掌握重點難點可選工程概述V工程演示V創立小程序V工程文件結構V安裝組件庫電影推薦首頁開發VV電影列表開發V電影詳情頁開發VV影評列表頁開發小程序功能測試V小程序上傳與發布第十五章 工程實戰：美妝商城小程序（可選）學習單元第十五章工程實戰：美妝商城小程序學時3學時學習目標.掌握微信小程序工程的環境搭建.掌握微信小程序組件的使用.掌握微信小程序API的使用學習內容知識點了解掌握重點難點可選工程概述工程演示V創立小程序V工程文件結構V安裝依賴美妝商城首頁開發商品列表頁開發V商品詳情頁開發V訂單信息頁開發