微信小程序開發(fā)項(xiàng)目實(shí)戰(zhàn)（微課版）教案 項(xiàng)目8 用戶信息模塊開發(fā)

《微信小程序開發(fā)》教學(xué)設(shè)計(jì)課程名稱：微信小程序開發(fā)授課年級(jí)：授課學(xué)期：教師姓名：20年月日課題名稱用戶信息模塊開發(fā)計(jì)劃學(xué)時(shí)8學(xué)時(shí)內(nèi)容分析在小程序開發(fā)中，用戶信息模塊一般包括用戶登錄、退出登錄、購物信息統(tǒng)計(jì)、購物金額統(tǒng)計(jì)等，小程序提供了各類API和組件為實(shí)現(xiàn)用戶信息模塊提供了便利。通過本項(xiàng)目的講解，讓讀者了解小程序用戶登錄的API接口、小程序與Echart.js中的柱狀圖、餅圖和折線圖相結(jié)合的使用方式等。教學(xué)目標(biāo)及基本要求掌握小程序用戶登錄流程。了解小程序退出登錄操作。掌握小程序模板的基本語法。掌握Echart在小程序中的運(yùn)用。教學(xué)重點(diǎn)購物車商品列表循環(huán)讀取方法。獲取購物車單選和全選商品金額計(jì)算方式。教學(xué)難點(diǎn)獲取購物車單選和全選商品金額計(jì)算方式教學(xué)方式以職業(yè)需求為導(dǎo)向，以實(shí)踐能力培養(yǎng)為重點(diǎn)，以培養(yǎng)“基礎(chǔ)實(shí)、知識(shí)新、能力強(qiáng)、素質(zhì)高”的復(fù)合型技術(shù)技能人才為目標(biāo)，本模塊結(jié)合目前流行小程序案例，采用任務(wù)驅(qū)動(dòng)教學(xué)法，靈活運(yùn)用超星云平臺(tái)、教師自主開發(fā)的微課視頻、JSON在線解析平臺(tái)以及Xmind等信息化工具和手段，依據(jù)專業(yè)教學(xué)標(biāo)準(zhǔn)、人才培養(yǎng)方案、課程標(biāo)準(zhǔn)及崗位工作任務(wù)設(shè)計(jì)了“導(dǎo)學(xué)-督學(xué)-自學(xué)-輔學(xué)-互學(xué)”五環(huán)節(jié)的教學(xué)活動(dòng)，充分體現(xiàn)“學(xué)生主體，教師主導(dǎo)”的教學(xué)理念。圖教學(xué)方法任務(wù)驅(qū)動(dòng)教學(xué)法任務(wù)驅(qū)動(dòng)教學(xué)法重點(diǎn)培養(yǎng)學(xué)生獲取知識(shí)和自主學(xué)習(xí)的能力，是完成項(xiàng)目設(shè)計(jì)必須具有的能力。學(xué)生借助教學(xué)課件、專業(yè)書籍、設(shè)計(jì)規(guī)范、網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)等學(xué)習(xí)材料，通過制定計(jì)劃、組織實(shí)施、檢查反饋等學(xué)習(xí)環(huán)節(jié)，完成學(xué)生職業(yè)素質(zhì)、職業(yè)技能、職業(yè)道德培養(yǎng)。項(xiàng)目教學(xué)法在課程的宏觀設(shè)計(jì)中，以微信開發(fā)項(xiàng)目為導(dǎo)向，微觀設(shè)計(jì)中以任務(wù)為驅(qū)動(dòng)。項(xiàng)目實(shí)施與校企合作企業(yè)數(shù)據(jù)庫系統(tǒng)開發(fā)過程一致，使學(xué)生的學(xué)習(xí)更加具有針對(duì)性和實(shí)用性。項(xiàng)目設(shè)計(jì)貫穿于教學(xué)整個(gè)過程中，讓學(xué)生自主學(xué)習(xí)，從而有效的促進(jìn)學(xué)生創(chuàng)新能力的發(fā)展。小組協(xié)作教學(xué)法教學(xué)活動(dòng)以學(xué)生為主體，以學(xué)生活動(dòng)為主線。小組接受項(xiàng)目任務(wù)后，在教師的引導(dǎo)下，集體學(xué)習(xí)與討論，制定計(jì)劃，按照計(jì)劃實(shí)施，然后采用自查、互查、教師檢查、產(chǎn)品推廣應(yīng)用等方式檢測工作成果，并針對(duì)檢查結(jié)果進(jìn)行修正，最后總結(jié)和評(píng)價(jià)。案例式教學(xué)法案例教學(xué)把理論知識(shí)和解決問題的能力有機(jī)地聯(lián)系起來，幫助學(xué)生運(yùn)用所學(xué)的理論知識(shí)去分析現(xiàn)實(shí)生活中的實(shí)例，學(xué)以致用。讓學(xué)生從中學(xué)到現(xiàn)實(shí)而有用的東西，避免純理論教學(xué)而導(dǎo)致的空談，從而增強(qiáng)教學(xué)效果。教學(xué)過程wx.getUserInfo(Objectobject)在小程序插件中使用時(shí)，需要在用戶信息功能頁中獲得用戶授權(quán)之后調(diào)用。否則將返回fail。小程序登錄步驟一：綁定登錄按鈕步驟二：按鈕樣式步驟三：登錄事件步驟四：渲染結(jié)果登錄信息存儲(chǔ)到緩存中小程序?qū)觘charts.js步驟一：將ec-canvas文件夾復(fù)制到對(duì)應(yīng)的目錄下。步驟二：新