版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
《Node.js應(yīng)用開(kāi)發(fā)》課程教學(xué)單元設(shè)計(jì)常州信息職業(yè)技術(shù)學(xué)院第24頁(yè)共24頁(yè)課程單元設(shè)計(jì)課程名稱:Node.js應(yīng)用開(kāi)發(fā)授課班級(jí):授課學(xué)期:2025-2026(1)教師姓名:
課程導(dǎo)入模塊1:Node.js認(rèn)知1.1Node.js簡(jiǎn)介1.2Node.js開(kāi)發(fā)環(huán)境部署1.3第一個(gè)Node.js程序拓展實(shí)訓(xùn)解構(gòu)商品數(shù)據(jù)授課教師:授課班級(jí):學(xué)時(shí):4授課日期:年月日第周周第節(jié)教學(xué)地點(diǎn):教學(xué)目標(biāo)能力目標(biāo):(1)能夠理解Node.js的主要特點(diǎn)與應(yīng)用場(chǎng)景。(2)能夠搭建Node.js運(yùn)行環(huán)境。(3)能夠?qū)崿F(xiàn)簡(jiǎn)單Node.js代碼的編寫(xiě)與運(yùn)行。知識(shí)目標(biāo):(1)了解Node.js的基本概念、主要特點(diǎn)和應(yīng)用場(chǎng)景。(2)了解Node.js與JavaScript的區(qū)別。(3)掌握Node.js運(yùn)行環(huán)境的搭建和開(kāi)發(fā)環(huán)境的部署方法。(4)掌握模板字符串和變量解構(gòu)賦值的使用方法。(5)掌握Node.js控制臺(tái)console對(duì)象的常用方法。素質(zhì)目標(biāo):(1)培養(yǎng)學(xué)生關(guān)注計(jì)算機(jī)編程語(yǔ)言發(fā)展情況并進(jìn)行對(duì)比思考的意識(shí)。(2)培養(yǎng)學(xué)生運(yùn)用網(wǎng)絡(luò)資源解決環(huán)境搭建過(guò)程中所遇問(wèn)題的自學(xué)能力。(3)培養(yǎng)學(xué)生Web應(yīng)用開(kāi)發(fā)場(chǎng)景下的數(shù)據(jù)處理能力。思政育人目標(biāo)關(guān)注技術(shù)發(fā)展動(dòng)態(tài),發(fā)揮主觀能動(dòng)性,自主查閱手冊(cè)及資料。教學(xué)內(nèi)容課程導(dǎo)入Node.js發(fā)展歷史與特點(diǎn)、相關(guān)網(wǎng)絡(luò)資源Node.js運(yùn)行環(huán)境搭建第一個(gè)Node.js程序的編寫(xiě)與運(yùn)行在控制臺(tái)使用console對(duì)象輸出各類信息數(shù)據(jù)解構(gòu)賦值重點(diǎn)、難點(diǎn)重點(diǎn):Node.js運(yùn)行開(kāi)發(fā)環(huán)境搭建Node.js程序的運(yùn)行Console對(duì)象的常用方法難點(diǎn):數(shù)據(jù)解構(gòu)賦值訓(xùn)練任務(wù)或案例搭建集成開(kāi)發(fā)環(huán)境:安裝前準(zhǔn)備、Node.js安裝步驟、環(huán)境測(cè)試第1個(gè)Node.js程序編寫(xiě)與運(yùn)行商品數(shù)據(jù)解構(gòu)賦值教學(xué)準(zhǔn)備教材、PPT課件、HBuilder、GoogleChrome等常用瀏覽器課后作業(yè)安裝Node.js并進(jìn)行環(huán)境測(cè)試。編寫(xiě)一個(gè)輸出“歡迎學(xué)習(xí)!”的Node.js程序,使用三種方式運(yùn)行該程序。新聞數(shù)據(jù)解構(gòu)賦值,以表格輸出。教學(xué)體會(huì)教學(xué)過(guò)程設(shè)計(jì)主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配(約)引入(1)課程簡(jiǎn)介;(2)課程綜合案例演示;(3)引入:Node.js是什么?講解、演示、設(shè)問(wèn)多媒體、程序演示、板書(shū)教師講解和演示、學(xué)生思考10分鐘思政小課堂關(guān)注技術(shù)發(fā)展動(dòng)態(tài),發(fā)揮主觀能動(dòng)性,自主查閱手冊(cè)及資料講解、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生討論并分享5分鐘知識(shí)講解(1)Node.js運(yùn)行環(huán)境搭建(2)HBuilder開(kāi)發(fā)軟件的安裝講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題5分鐘示范操作任務(wù)搭建Node.js運(yùn)行環(huán)境講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考10分鐘實(shí)戰(zhàn)訓(xùn)練下載Node.js.安裝Node.js下載代碼編輯器HBuilder及其插件nodeclipse實(shí)踐一體化學(xué)生獨(dú)立完成、教師巡視檢查及個(gè)別輔導(dǎo)10分鐘知識(shí)講解(1)Node.js程序編寫(xiě)語(yǔ)法(2)變量、流程控制語(yǔ)句、函數(shù)等(3)程序注釋(4)輸出語(yǔ)句講解、啟發(fā)、設(shè)問(wèn)多媒體、板書(shū)教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)運(yùn)行第1個(gè)Node.js程序講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考10分鐘實(shí)戰(zhàn)訓(xùn)練(1)在控制臺(tái)輸出“HelloWorld!”;(2)三種運(yùn)行方式對(duì)比分析實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)10分鐘評(píng)估討論(1)評(píng)估討論實(shí)踐任務(wù)的實(shí)施過(guò)程(2)展示討論學(xué)生的解決方案(3)考核學(xué)生課堂實(shí)踐成果啟發(fā)、討論多媒體、程序演示學(xué)生實(shí)踐成果展示、教師評(píng)估考核10分鐘知識(shí)講解(1)console對(duì)象的方法名及參數(shù)(2)變量解構(gòu)賦值講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題10分鐘示范操作拓展實(shí)訓(xùn)解構(gòu)商品數(shù)據(jù)講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練拓展實(shí)訓(xùn)解構(gòu)商品數(shù)據(jù)實(shí)訓(xùn)需求、步驟和過(guò)程實(shí)踐一體化學(xué)生獨(dú)立完成、教師巡視檢查及個(gè)別輔導(dǎo)10分鐘評(píng)估討論(1)評(píng)估討論實(shí)踐任務(wù)的實(shí)施過(guò)程(2)展示討論學(xué)生的解決方案(3)考核學(xué)生課堂實(shí)踐成果啟發(fā)、討論多媒體、程序演示學(xué)生實(shí)踐成果展示、教師評(píng)估考核15分鐘課堂總結(jié)(1)Node.js工作原理、以及在開(kāi)發(fā)Web應(yīng)用程序優(yōu)勢(shì)。(2)Node.js常用集成開(kāi)發(fā)環(huán)境。(3)總結(jié)JavaScript的簡(jiǎn)明語(yǔ)法規(guī)范。講解多媒體教師歸納總結(jié)、學(xué)生整理課堂內(nèi)容15分鐘布置作業(yè)(1)安裝Node.js并進(jìn)行環(huán)境測(cè)試。(2)編寫(xiě)一個(gè)輸出“歡迎學(xué)習(xí)!”的Node.js程序,使用三種方式運(yùn)行該程序。(3)新聞數(shù)據(jù)解構(gòu)賦值,以表格輸出。講解多媒體教師布置作業(yè)并提出要求5分鐘
模塊2:Node.js模塊化編程2.1模塊化開(kāi)發(fā)2.2Node.js模塊基礎(chǔ)2.3Node.js包管理授課教師:授課班級(jí):學(xué)時(shí):4授課日期:年月日第周周第節(jié)教學(xué)地點(diǎn):教學(xué)目標(biāo)能力目標(biāo):(1)能夠根據(jù)模塊化規(guī)范開(kāi)發(fā)自定義模塊。(2)能夠使用NPM命令管理第三方包。(3)能夠理解包描述文件的作用和生成方法。知識(shí)目標(biāo):(1)了解模塊化開(kāi)發(fā)規(guī)范。(2)掌握模塊化開(kāi)發(fā)方式。(3)掌握包描述文件的生成方法。(4)掌握第三方包的安裝、更新和卸載操作。素質(zhì)目標(biāo):(1)培養(yǎng)學(xué)生模塊化開(kāi)發(fā)的理念,并在開(kāi)發(fā)過(guò)程中進(jìn)行實(shí)踐。(2)培養(yǎng)學(xué)生運(yùn)用第三方包進(jìn)行開(kāi)發(fā)的意識(shí)。(3)培養(yǎng)學(xué)生運(yùn)用網(wǎng)絡(luò)資源解決問(wèn)題的能力。思政育人目標(biāo)規(guī)則筑基,協(xié)作共贏。教學(xué)內(nèi)容模塊的概念、優(yōu)勢(shì)模塊化規(guī)范CommonJS模塊的分類自定義模塊模塊加載原理與加載方式包的概念NPM常用命令重點(diǎn)、難點(diǎn)重點(diǎn):模塊化規(guī)范CommonJS自定義模塊與加載NPM常用命令包描述文件的作用和生成方法難點(diǎn):自定義模塊與加載包描述文件的作用和生成方法訓(xùn)練任務(wù)或案例(1)模塊化動(dòng)態(tài)顯示時(shí)間;(2)自定義包顯示當(dāng)前時(shí)間。教學(xué)準(zhǔn)備教材、PPT課件、HBuilder、GoogleChrome等常用瀏覽器課后作業(yè)使用自定義模塊進(jìn)行應(yīng)用開(kāi)發(fā)教學(xué)體會(huì)教學(xué)過(guò)程設(shè)計(jì)主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配(約)回顧引入復(fù)習(xí):Node.js程序運(yùn)行方式。引入:Node.js為何功能日趨強(qiáng)大?Node.js的生態(tài)系統(tǒng)特點(diǎn),豐富的包資源、社區(qū)支持等。講解、演示、設(shè)問(wèn)多媒體、程序演示、板書(shū)教師講解和演示、學(xué)生思考15分鐘思政小課堂規(guī)則筑基,協(xié)作共贏。講解、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生討論并分享5分鐘知識(shí)講解模塊的概念、優(yōu)勢(shì)模塊化規(guī)范CommonJS模塊的分類講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)模塊化動(dòng)態(tài)顯示時(shí)間講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練自定義模塊,根據(jù)商品單價(jià)和數(shù)量計(jì)算商品總價(jià)。實(shí)踐一體化學(xué)生獨(dú)立完成、教師巡視檢查及個(gè)別輔導(dǎo)15分鐘知識(shí)講解包的定義包描述文件(3)NPM常用命令講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)自定義項(xiàng)目包講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練生成包描述文件package.json本地安裝依賴包編寫(xiě)主程序代碼實(shí)踐一體化學(xué)生獨(dú)立完成、教師巡視檢查及個(gè)別輔導(dǎo)15分鐘評(píng)估討論(1)評(píng)估討論實(shí)踐任務(wù)的實(shí)施過(guò)程(2)展示討論學(xué)生的解決方案(3)考核學(xué)生課堂實(shí)踐成果啟發(fā)、討論多媒體、程序演示學(xué)生實(shí)踐成果展示、教師評(píng)估考核20分鐘課堂總結(jié)(1)Node.js自定義模塊并調(diào)用;(2)第三方包的使用。講解多媒體教師歸納總結(jié)、學(xué)生整理課堂內(nèi)容15分鐘布置作業(yè)自定義包格式化日期,課程平臺(tái)提交作業(yè)。講解多媒體教師布置作業(yè)并提出要求5分鐘模塊2:Node.js模塊化編程2.4CNPM和YARN安裝和使用拓展實(shí)訓(xùn)格式化商品日期授課教師:授課班級(jí):學(xué)時(shí):4授課日期:年月日第周周第節(jié)教學(xué)地點(diǎn):教學(xué)目標(biāo)能力目標(biāo):(1)能夠理解不同包管理工具的優(yōu)點(diǎn);(2)能夠使用CNPM和YARN管理第三方包。(3)能夠自定義包進(jìn)行簡(jiǎn)單功能開(kāi)發(fā)。知識(shí)目標(biāo):(1)掌握CNPM和YARN安裝;(2)掌握CNPM和YARN的使用。(3)掌握自定義包的要求和方法。素質(zhì)目標(biāo):規(guī)范化標(biāo)準(zhǔn)化的包管理使用習(xí)慣;根據(jù)問(wèn)題查閱手冊(cè),下載并使用第三方包。思政育人目標(biāo)規(guī)范包使用,提升開(kāi)發(fā)效率。教學(xué)內(nèi)容CNPM和YARN簡(jiǎn)介CNPM和YARN安裝CNPM和YARN使用運(yùn)用第三方包格式化商品日期重點(diǎn)、難點(diǎn)重點(diǎn):CNPM和YARN安裝與使用運(yùn)用第三方包實(shí)現(xiàn)功能難點(diǎn):CNPM和YARN使用訓(xùn)練任務(wù)或案例格式化商品日期(1)安裝moment包;(2)加載moment包;(3)格式化商品日期。教學(xué)準(zhǔn)備教材、PPT課件、HBuilder、GoogleChrome等常用瀏覽器課后作業(yè)格式化顯示新聞發(fā)布時(shí)間教學(xué)體會(huì)教學(xué)過(guò)程設(shè)計(jì)主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配(約)回顧引入復(fù)習(xí):NPM常用命令。引入:有無(wú)其他方方式下載包?如何提升包下載的效率?講解、演示、設(shè)問(wèn)多媒體、程序演示、板書(shū)教師講解和演示、學(xué)生思考15分鐘思政小課堂規(guī)范包使用,提升開(kāi)發(fā)效率。講解、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生討論并分享5分鐘知識(shí)講解CNPM和YARN簡(jiǎn)介CNPM和YARN安裝CNPM和YARN使用講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作CNPM和YARN下載安裝、卸載、更新包等操作講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練CNPM和YARN下載安裝、更新、卸載指定包等操作實(shí)踐一體化學(xué)生獨(dú)立完成、教師巡視檢查及個(gè)別輔導(dǎo)15分鐘知識(shí)講解格式化商品日期實(shí)訓(xùn)需求、步驟和過(guò)程講解、啟發(fā)、設(shè)問(wèn)多媒體、板書(shū)教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)格式化商品日期講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練商品日期解構(gòu)、使用包進(jìn)行規(guī)范化輸出實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘評(píng)估討論(1)評(píng)估討論實(shí)踐任務(wù)的實(shí)施過(guò)程(2)展示討論學(xué)生的解決方案(3)考核學(xué)生課堂實(shí)踐成果啟發(fā)、討論多媒體、程序演示學(xué)生實(shí)踐成果展示、教師評(píng)估考核20分鐘課堂總結(jié)包管理器的安裝與使用。講解多媒體教師歸納總結(jié)、學(xué)生整理課堂內(nèi)容15分鐘布置作業(yè)格式化顯示新聞日期,課程平臺(tái)提交作業(yè)。講解多媒體教師布置作業(yè)并提出要求5分鐘模塊3:Node.js文件系統(tǒng)操作3.1回調(diào)函數(shù)3.2異步編程3.3文件打開(kāi)與關(guān)閉3.4文件讀取和寫(xiě)入授課教師:授課班級(jí):學(xué)時(shí):4授課日期:年月日第周周第節(jié)教學(xué)地點(diǎn):教學(xué)目標(biāo)能力目標(biāo):(1)能夠理解同步與異步的區(qū)別;(2)會(huì)使用回調(diào)函數(shù)進(jìn)行編程。(3)能夠讀取文件中的數(shù)據(jù)。(4)能夠進(jìn)行文件寫(xiě)操作。(5)能夠區(qū)分同步與異步讀寫(xiě)的區(qū)別。知識(shí)目標(biāo):(1)了解同步編程和異步編程的定義和區(qū)別。(2)掌握回調(diào)函數(shù)的工作原理和使用方法。(3)掌握Buffer的基本概念。(4)掌握文件的基本操作方法。(5)掌握文件的寫(xiě)入、追加、讀取、復(fù)制等操作。素質(zhì)目標(biāo):(1)培養(yǎng)學(xué)生辯證地思考與解決問(wèn)題的能力。(2)培養(yǎng)學(xué)生良好的程序注釋習(xí)慣。(3)培養(yǎng)學(xué)生自主學(xué)習(xí)、勇于探索的精神。思政育人目標(biāo)踐行分步執(zhí)行的嚴(yán)謹(jǐn)思維,培養(yǎng)異步編程的耐心與細(xì)致。教學(xué)內(nèi)容同步與異步回調(diào)函數(shù)Buffer與fs模塊簡(jiǎn)介文件打開(kāi)與關(guān)閉fs寫(xiě)文件fs讀文件重點(diǎn)、難點(diǎn)重點(diǎn):異步與回調(diào)函數(shù)fs寫(xiě)文件異步方法fs讀文件異步方法難點(diǎn):回調(diào)函數(shù)的原理與調(diào)用fs異步讀寫(xiě)文件訓(xùn)練任務(wù)或案例(1)商品信息寫(xiě)入文件(2)讀取商品信息教學(xué)準(zhǔn)備教材、PPT課件、HBuilder、GoogleChrome等常用瀏覽器課后作業(yè)新聞數(shù)據(jù)讀寫(xiě)教學(xué)體會(huì)教學(xué)過(guò)程設(shè)計(jì)主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配(約)回顧引入復(fù)習(xí):自定義包進(jìn)行開(kāi)發(fā)的步驟。引入:Node.js單線程如何實(shí)現(xiàn)高效率?講解、演示、設(shè)問(wèn)多媒體、程序演示、板書(shū)教師講解和演示、學(xué)生思考15分鐘思政小課堂踐行分步執(zhí)行的嚴(yán)謹(jǐn)思維,培養(yǎng)異步編程的耐心與細(xì)致。講解、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生討論并分享5分鐘知識(shí)講解同步與異步回調(diào)函數(shù)Buffer與fs模塊簡(jiǎn)介文件打開(kāi)與關(guān)閉講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作打開(kāi)文件時(shí),使用同步和異步方式,查看數(shù)字輸出順序思考:為什么沒(méi)有完全按序輸出?講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練編寫(xiě)程序練習(xí),感受數(shù)字輸出順序,理解異步執(zhí)行的原理。實(shí)踐一體化學(xué)生獨(dú)立完成、教師巡視檢查及個(gè)別輔導(dǎo)15分鐘知識(shí)講解fs寫(xiě)文件異步方法fs讀文件異步方法講解、啟發(fā)、設(shè)問(wèn)多媒體、板書(shū)教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)商品信息寫(xiě)入文件任務(wù)讀取商品信息講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練數(shù)據(jù)寫(xiě)入文件準(zhǔn)備數(shù)據(jù)文件讀取文件實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘評(píng)估討論(1)評(píng)估討論實(shí)踐任務(wù)的實(shí)施過(guò)程(2)展示討論學(xué)生的解決方案(3)考核學(xué)生課堂實(shí)踐成果啟發(fā)、討論多媒體、程序演示學(xué)生實(shí)踐成果展示、教師評(píng)估考核20分鐘課堂總結(jié)(1)異步模式的優(yōu)點(diǎn)(2)回調(diào)函數(shù)的形式與調(diào)用(3)文件讀寫(xiě)異步方法講解多媒體教師歸納總結(jié)、學(xué)生整理課堂內(nèi)容15分鐘布置作業(yè)新聞數(shù)據(jù)讀寫(xiě)文件操作,課程平臺(tái)提交作業(yè)。講解多媒體教師布置作業(yè)并提出要求5分鐘模塊3:Node.js文件系統(tǒng)操作3.5fs目錄操作拓展實(shí)訓(xùn)JSON文件數(shù)據(jù)管理授課教師:授課班級(jí):學(xué)時(shí):4授課日期:年月日第周周第節(jié)教學(xué)地點(diǎn):教學(xué)目標(biāo)能力目標(biāo):能夠使用Node.js操作目錄;能夠使用文件模塊管理JSON數(shù)據(jù)。知識(shí)目標(biāo):掌握文件的目錄操作的常用方法;綜合使用文件讀寫(xiě)管理JSON數(shù)據(jù)。素質(zhì)目標(biāo):(1)理解業(yè)務(wù)需求,靈活使用所學(xué)知識(shí)點(diǎn)進(jìn)行綜合應(yīng)用。思政育人目標(biāo)批量處理目錄,樹(shù)立“系統(tǒng)觀念”,提升開(kāi)發(fā)效率。教學(xué)內(nèi)容目錄的創(chuàng)建目錄的遍歷文件刪除目錄刪除文件模塊管理JSON數(shù)據(jù)重點(diǎn)、難點(diǎn)重點(diǎn):目錄遍歷與文件刪除文件模塊管理JSON數(shù)據(jù)難點(diǎn):結(jié)合具體需求,綜合使用目錄操作訓(xùn)練任務(wù)或案例遍歷圖片文件夾(1)創(chuàng)建圖片目錄(2)遍歷目錄(3)刪除指定文件教學(xué)準(zhǔn)備教材、PPT課件、HBuilder、GoogleChrome等常用瀏覽器課后作業(yè)遍歷目錄,刪除指定文件夾及其文件教學(xué)體會(huì)教學(xué)過(guò)程設(shè)計(jì)主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配(約)回顧引入(1)復(fù)習(xí):文件讀寫(xiě)操作。(2)引入:如何使用代碼進(jìn)行目錄操作?講解、演示、設(shè)問(wèn)多媒體、程序演示、板書(shū)教師講解和演示、學(xué)生思考15分鐘思政小課堂批量處理目錄,樹(shù)立“系統(tǒng)觀念”,提升開(kāi)發(fā)效率。講解、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生討論并分享5分鐘知識(shí)講解目錄的創(chuàng)建目標(biāo)的遍歷文件刪除(4)目錄刪除講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)遍歷圖片文件夾講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練準(zhǔn)備目錄文件刪除拓展名為.gif的文件實(shí)踐一體化學(xué)生獨(dú)立完成、教師巡視檢查及個(gè)別輔導(dǎo)15分鐘知識(shí)講解文件模塊管理JSON數(shù)據(jù)講解、啟發(fā)、設(shè)問(wèn)多媒體、板書(shū)教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作拓展實(shí)訓(xùn)JSON文件數(shù)據(jù)管理實(shí)訓(xùn)需求、步驟和過(guò)程講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練結(jié)合文件讀寫(xiě)方法實(shí)現(xiàn)JSON文件中數(shù)據(jù)的增刪改查實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘評(píng)估討論(1)評(píng)估討論實(shí)踐任務(wù)的實(shí)施過(guò)程(2)展示討論學(xué)生的解決方案(3)考核學(xué)生課堂實(shí)踐成果啟發(fā)、討論多媒體、程序演示學(xué)生實(shí)踐成果展示、教師評(píng)估考核20分鐘課堂總結(jié)(1)目錄操作的常用方法(2)結(jié)合循環(huán)進(jìn)行目錄操作講解多媒體教師歸納總結(jié)、學(xué)生整理課堂內(nèi)容15分鐘布置作業(yè)遍歷目錄,刪除指定文件和文件夾,課程平臺(tái)提交作業(yè)。講解多媒體教師布置作業(yè)并提出要求5分鐘模塊4:構(gòu)建Web應(yīng)用4.1http模塊4.2創(chuàng)建Web服務(wù)器4.3動(dòng)態(tài)處理靜態(tài)資源請(qǐng)求授課教師:授課班級(jí):學(xué)時(shí):4授課日期:年月日第周周第節(jié)教學(xué)地點(diǎn):教學(xué)目標(biāo)能力目標(biāo):(1)能夠使用Node.js構(gòu)建HTTP服務(wù)器;(2)能夠理解Web服務(wù)器請(qǐng)求與響應(yīng)的原理與過(guò)程。(3)能夠使用路由處理不同URL的請(qǐng)求。知識(shí)目標(biāo):(1)了解HTTP的工作原理。(2)了解請(qǐng)求頭和響應(yīng)頭各個(gè)參數(shù)的意義。(3)掌握路由控制的概念。(4)掌握常見(jiàn)的前后端數(shù)據(jù)交互處理方法。素質(zhì)目標(biāo):(1)在開(kāi)發(fā)過(guò)程中培養(yǎng)學(xué)生良好的編程習(xí)慣和思維方式。(2)培養(yǎng)學(xué)生發(fā)現(xiàn)問(wèn)題、分析問(wèn)題和解決問(wèn)題的能力。(3)培養(yǎng)學(xué)生嚴(yán)謹(jǐn)細(xì)致的作風(fēng),引導(dǎo)學(xué)生理解敬業(yè)、精益、專注、創(chuàng)新等工匠精神的基本內(nèi)涵。思政育人目標(biāo)數(shù)據(jù)價(jià)值與數(shù)據(jù)交互。教學(xué)內(nèi)容使用HTTP模塊構(gòu)建Web服務(wù)器HTTP服務(wù)器的路由控制path模塊的簡(jiǎn)單使用動(dòng)態(tài)處理靜態(tài)資源請(qǐng)求重點(diǎn)、難點(diǎn)重點(diǎn):服務(wù)器、端口的含義與對(duì)應(yīng)代碼配置路由的理解動(dòng)態(tài)處理靜態(tài)資源請(qǐng)求難點(diǎn):路由的理解與實(shí)現(xiàn)動(dòng)態(tài)處理靜態(tài)資源請(qǐng)求訓(xùn)練任務(wù)或案例(1)構(gòu)建Web服務(wù)器(2)動(dòng)態(tài)處理靜態(tài)資源請(qǐng)求教學(xué)準(zhǔn)備教材、PPT課件、HBuilder、GoogleChrome等常用瀏覽器課后作業(yè)下載一個(gè)靜態(tài)頁(yè)模板,通過(guò)Web服務(wù)器讀取網(wǎng)頁(yè)文件教學(xué)體會(huì)
教學(xué)過(guò)程設(shè)計(jì)主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配(約)回顧引入復(fù)習(xí):文件操作語(yǔ)句及要點(diǎn)。引入:如何在瀏覽器中響應(yīng)數(shù)據(jù)?講解、演示、設(shè)問(wèn)多媒體、程序演示、板書(shū)教師講解和演示、學(xué)生思考15分鐘思政小課堂數(shù)據(jù)價(jià)值與數(shù)據(jù)交互。講解、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生討論并分享5分鐘知識(shí)講解(1)使用HTTP模塊構(gòu)建Web服務(wù)器(2)HTTP服務(wù)器的路由控制(3)path模塊的簡(jiǎn)單使用講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)構(gòu)建Web服務(wù)器講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練創(chuàng)建Web服務(wù)器客戶端訪問(wèn)服務(wù)器實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘知識(shí)講解動(dòng)態(tài)處理靜態(tài)資源請(qǐng)求講解、啟發(fā)、設(shè)問(wèn)多媒體、板書(shū)教師講解、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)動(dòng)態(tài)處理靜態(tài)資源請(qǐng)求講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練準(zhǔn)備靜態(tài)資源文件服務(wù)器動(dòng)態(tài)處理靜態(tài)資源客戶端測(cè)試請(qǐng)求動(dòng)態(tài)處理請(qǐng)求實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘評(píng)估討論(1)評(píng)估討論實(shí)踐任務(wù)的實(shí)施過(guò)程(2)展示討論學(xué)生的解決方案(3)考核學(xué)生課堂實(shí)踐成果啟發(fā)、討論多媒體、程序演示學(xué)生實(shí)踐成果展示、教師評(píng)估考核20分鐘課堂總結(jié)(1)構(gòu)建Web服務(wù)器(2)前后端數(shù)據(jù)交互講解多媒體教師歸納總結(jié)15分鐘布置作業(yè)下載一個(gè)靜態(tài)頁(yè)模板,通過(guò)Web服務(wù)器讀取網(wǎng)頁(yè)文件,課程平臺(tái)提交作業(yè)。講解多媒體教師布置作業(yè)5分鐘模塊4:構(gòu)建Web應(yīng)用4.4前后端商品數(shù)據(jù)交互拓展實(shí)訓(xùn)網(wǎng)絡(luò)接口數(shù)據(jù)請(qǐng)求與展示授課教師:授課班級(jí):學(xué)時(shí):4授課日期:年月日第周周第節(jié)教學(xué)地點(diǎn):教學(xué)目標(biāo)能力目標(biāo):能夠通過(guò)AJAX請(qǐng)求獲取服務(wù)端數(shù)據(jù);能夠結(jié)合接口數(shù)據(jù),搭建Web服務(wù)器進(jìn)行請(qǐng)求與響應(yīng);能夠理解根據(jù)接口數(shù)據(jù)結(jié)構(gòu)進(jìn)行解析。知識(shí)目標(biāo):掌握AJAX請(qǐng)求方法;理解后端跨域數(shù)據(jù)響應(yīng)原理;掌握如何請(qǐng)求接口數(shù)據(jù);掌握在頁(yè)面模板中嵌入服務(wù)器響應(yīng)數(shù)據(jù)。素質(zhì)目標(biāo):(1)培養(yǎng)數(shù)據(jù)交互開(kāi)發(fā)的意識(shí);(2)提高數(shù)據(jù)請(qǐng)求與處理的能力。思政育人目標(biāo)分工協(xié)作,合作共贏。教學(xué)內(nèi)容AJAX請(qǐng)求后端跨域接口數(shù)據(jù)請(qǐng)求接口數(shù)據(jù)解析搭建Web服務(wù)器響應(yīng)接口數(shù)據(jù)頁(yè)面中嵌入接口數(shù)據(jù)重點(diǎn)、難點(diǎn)重點(diǎn):Ajax請(qǐng)求處理接口數(shù)據(jù)的請(qǐng)求與響應(yīng)難點(diǎn):根據(jù)頁(yè)面布局,解析接口數(shù)據(jù)并展示訓(xùn)練任務(wù)或案例前后端商品數(shù)據(jù)交互網(wǎng)絡(luò)接口數(shù)據(jù)請(qǐng)求與展示教學(xué)準(zhǔn)備教材、PPT課件、HBuilder、GoogleChrome等常用瀏覽器課后作業(yè)構(gòu)建服務(wù)器,獲取其他網(wǎng)絡(luò)接口數(shù)據(jù),實(shí)現(xiàn)簡(jiǎn)單數(shù)據(jù)交互教學(xué)體會(huì)教學(xué)過(guò)程設(shè)計(jì)主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配(約)回顧引入復(fù)習(xí):Web服務(wù)器搭建過(guò)程與靜態(tài)資源處理。引入:如何使用Web服務(wù)器請(qǐng)求并響應(yīng)接口數(shù)據(jù)?講解、演示、設(shè)問(wèn)多媒體、程序演示、板書(shū)教師講解和演示、學(xué)生思考15分鐘思政小課堂分工協(xié)作,合作共贏。講解、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生討論并分享5分鐘知識(shí)講解AJAX請(qǐng)求后端跨域講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)前后端商品數(shù)據(jù)交互講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練準(zhǔn)備數(shù)據(jù)文件構(gòu)建Web服務(wù)器客戶端發(fā)送請(qǐng)求實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘知識(shí)講解接口數(shù)據(jù)請(qǐng)求與解析的常用方法講解、啟發(fā)、設(shè)問(wèn)多媒體、板書(shū)教師講解、學(xué)生思考并回答問(wèn)題20分鐘示范操作拓展實(shí)訓(xùn)網(wǎng)絡(luò)接口數(shù)據(jù)請(qǐng)求與展示實(shí)訓(xùn)需求、步驟和過(guò)程講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練接口數(shù)據(jù)請(qǐng)求接口數(shù)據(jù)解析搭建Web服務(wù)器響應(yīng)接口數(shù)據(jù)實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘評(píng)估討論(1)評(píng)估討論實(shí)踐任務(wù)的實(shí)施過(guò)程(2)展示討論學(xué)生的解決方案(3)考核學(xué)生課堂實(shí)踐成果啟發(fā)、討論多媒體、程序演示學(xué)生實(shí)踐成果展示、教師評(píng)估考核20分鐘課堂總結(jié)(1)接口數(shù)據(jù)請(qǐng)求(2)接口數(shù)據(jù)響應(yīng)(3)接口數(shù)據(jù)展示講解多媒體教師歸納總結(jié)15分鐘布置作業(yè)其他網(wǎng)絡(luò)接口數(shù)據(jù)獲取與解析,課程平臺(tái)提交作業(yè)。講解多媒體教師布置作業(yè)5分鐘
模塊5:數(shù)據(jù)庫(kù)應(yīng)用開(kāi)發(fā)5.1安裝MySQL5.2MySQL常用語(yǔ)句授課教師:授課班級(jí):學(xué)時(shí):4授課日期:年月日第周周第節(jié)教學(xué)地點(diǎn):教學(xué)目標(biāo)能力目標(biāo):能夠安裝MySQL數(shù)據(jù)庫(kù)管理系統(tǒng);能夠使用MySQL操作數(shù)據(jù)庫(kù);能夠合理設(shè)計(jì)網(wǎng)站數(shù)據(jù)表結(jié)構(gòu)。知識(shí)目標(biāo):了解MySQL數(shù)據(jù)庫(kù)的基本概念;熟悉MySQL管理工具的使用;掌握MySQL常用語(yǔ)句。素質(zhì)目標(biāo):(1)培養(yǎng)學(xué)生形成基于數(shù)據(jù)庫(kù)的Web應(yīng)用開(kāi)發(fā)基本思維。(2)培養(yǎng)分析問(wèn)題、解決問(wèn)題的能力。思政育人目標(biāo)技術(shù)賦能生活,創(chuàng)新引領(lǐng)未來(lái)。教學(xué)內(nèi)容MySQL介紹與安裝MySQL基本語(yǔ)句--insert--delete--update--select重點(diǎn)、難點(diǎn)重點(diǎn):服務(wù)器-數(shù)據(jù)庫(kù)-表關(guān)系增刪改查SQL語(yǔ)句難點(diǎn):增刪改查SQL語(yǔ)句訓(xùn)練任務(wù)或案例MySQL中商品數(shù)據(jù)管理Createdatabase/createtable/altertable/教學(xué)準(zhǔn)備教材、PPT課件、HBuilder、XAMPP、GoogleChrome等常用瀏覽器課后作業(yè)新聞數(shù)據(jù)增刪改查教學(xué)體會(huì)教學(xué)過(guò)程設(shè)計(jì)主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配(約)回顧引入復(fù)習(xí):接口數(shù)據(jù)請(qǐng)求過(guò)程。引入:如何從數(shù)據(jù)庫(kù)中請(qǐng)求數(shù)據(jù)?講解、演示、設(shè)問(wèn)多媒體、程序演示、板書(shū)教師講解和演示、學(xué)生思考15分鐘思政小課堂技術(shù)賦能生活,創(chuàng)新引領(lǐng)未來(lái)。講解、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生討論并分享5分鐘知識(shí)講解MySQL介紹與安裝數(shù)據(jù)列類型MySQL基本語(yǔ)句--數(shù)據(jù)庫(kù)管理:create,alter,dropdatabase--表管理:create,alter,droptable講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)創(chuàng)建數(shù)據(jù)庫(kù)講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練通過(guò)集成軟件XAMPP安裝MySQL啟動(dòng)MySQL服務(wù)器創(chuàng)建數(shù)據(jù)庫(kù)和表實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘知識(shí)講解商品記錄管理增刪改查SQL語(yǔ)句講解、啟發(fā)、設(shè)問(wèn)多媒體、板書(shū)教師講解、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)管理表數(shù)據(jù)講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練學(xué)生信息數(shù)據(jù)庫(kù)中進(jìn)行學(xué)生添加、修改、刪除和查詢(insert、delete、update、select)實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘評(píng)估討論(1)評(píng)估討論實(shí)踐任務(wù)的實(shí)施過(guò)程(2)展示討論學(xué)生的解決方案(3)考核學(xué)生課堂實(shí)踐成果啟發(fā)、討論多媒體、程序演示學(xué)生實(shí)踐成果展示、教師評(píng)估考核20分鐘課堂總結(jié)(1)安裝MySQL(2)SQL語(yǔ)句練習(xí)講解多媒體教師歸納總結(jié)15分鐘布置作業(yè)MySQL中新聞數(shù)據(jù)管理,課程平臺(tái)提交作業(yè)。講解多媒體教師布置作業(yè)5分鐘模塊5:數(shù)據(jù)庫(kù)應(yīng)用開(kāi)發(fā)5.3連接數(shù)據(jù)庫(kù)5.4數(shù)據(jù)庫(kù)操作授課教師:授課班級(jí):學(xué)時(shí):4授課日期:年月日第周周第節(jié)教學(xué)地點(diǎn):教學(xué)目標(biāo)能力目標(biāo):(1)能夠正確安裝mysql模塊,并能夠在代碼中正確加載mysql模塊;(2)能夠使用代碼連接MySQL;(3)能夠使用Node.js管理MySQL數(shù)據(jù)。知識(shí)目標(biāo):(1)掌握mysql模塊的安裝。(2)掌握連接MySQL數(shù)據(jù)庫(kù)服務(wù)器的方法。(3)掌握對(duì)數(shù)據(jù)表中數(shù)據(jù)進(jìn)行增、刪、改、查操作的方法。素質(zhì)目標(biāo):(1)培養(yǎng)學(xué)生形成基于數(shù)據(jù)庫(kù)的Web應(yīng)用開(kāi)發(fā)基本思維。(2)培養(yǎng)學(xué)生的分析問(wèn)題、解決問(wèn)題的能力。(3)培養(yǎng)學(xué)生運(yùn)用瀏覽器控制臺(tái)調(diào)試測(cè)試數(shù)據(jù)的能力,提高程序排錯(cuò)能力。思政育人目標(biāo)數(shù)據(jù)庫(kù)技術(shù)對(duì)社會(huì)的貢獻(xiàn),培養(yǎng)學(xué)生的社會(huì)責(zé)任感。教學(xué)內(nèi)容第三方模塊mysql介紹Node.js連接MySQL數(shù)據(jù)庫(kù)參數(shù)化SQL語(yǔ)句編寫(xiě)Node.js中數(shù)據(jù)增刪改查操作重點(diǎn)、難點(diǎn)重點(diǎn):連接模塊代碼編寫(xiě)通過(guò)參數(shù)化SQL語(yǔ)句實(shí)現(xiàn)增刪改查難點(diǎn):連接數(shù)據(jù)庫(kù)的參數(shù)配置通過(guò)參數(shù)化SQL語(yǔ)句實(shí)現(xiàn)增刪改查訓(xùn)練任務(wù)或案例使用Node.js連接MySQL實(shí)現(xiàn)商品信息管理--通過(guò)mysql模塊增刪改查商品教學(xué)準(zhǔn)備教材、PPT課件、HBuilder、XAMPP、GoogleChrome等常用瀏覽器課后作業(yè)新聞數(shù)據(jù)管理教學(xué)體會(huì)教學(xué)過(guò)程設(shè)計(jì)主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配(約)回顧引入復(fù)習(xí):MySQL中數(shù)據(jù)增刪改查語(yǔ)句。引入:如何使用Node.js進(jìn)行數(shù)據(jù)管理?講解、演示、設(shè)問(wèn)多媒體、程序演示、板書(shū)教師講解和演示、學(xué)生思考15分鐘思政小課堂數(shù)據(jù)庫(kù)技術(shù)對(duì)社會(huì)的貢獻(xiàn)。講解、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生討論并分享5分鐘知識(shí)講解下載第三方包mysql設(shè)置連接參數(shù),編寫(xiě)數(shù)據(jù)庫(kù)連接模塊代碼模塊的加載講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)使用Node.js連接MySQL數(shù)據(jù)庫(kù)講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練創(chuàng)建數(shù)據(jù)庫(kù)連接對(duì)象connconn的常用方法及其參數(shù)實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘知識(shí)講解參數(shù)化SQL語(yǔ)句編寫(xiě)與查詢添加表數(shù)據(jù)更新表數(shù)據(jù)刪除表數(shù)據(jù)查詢表數(shù)據(jù)講解、啟發(fā)、設(shè)問(wèn)多媒體、板書(shū)教師講解、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)實(shí)現(xiàn)商品信息管理講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練使用Node.js代碼結(jié)合SQL語(yǔ)句進(jìn)行學(xué)生添加、修改、刪除和查詢實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘評(píng)估討論(1)評(píng)估討論實(shí)踐任務(wù)的實(shí)施過(guò)程(2)展示討論學(xué)生的解決方案(3)考核學(xué)生課堂實(shí)踐成果啟發(fā)、討論多媒體、程序演示學(xué)生實(shí)踐成果展示、教師評(píng)估考核20分鐘課堂總結(jié)(1)創(chuàng)建數(shù)據(jù)庫(kù)連接對(duì)象(2)實(shí)現(xiàn)數(shù)據(jù)管理功能講解多媒體教師歸納總結(jié)15分鐘布置作業(yè)新聞信息管理,課程平臺(tái)提交作業(yè)。講解多媒體教師布置作業(yè)5分鐘
模塊6:Express框架開(kāi)發(fā)6.1Express簡(jiǎn)介與安裝6.2請(qǐng)求與響應(yīng)6.3基于Express搭建項(xiàng)目授課教師:授課班級(jí):學(xué)時(shí):4授課日期:年月日第周周第節(jié)教學(xué)地點(diǎn):教學(xué)目標(biāo)能力目標(biāo):能夠理解Express框架基本結(jié)構(gòu);能夠理解路由的功能與實(shí)現(xiàn)要點(diǎn);能夠使用Express框架創(chuàng)建一個(gè)簡(jiǎn)單應(yīng)用。知識(shí)目標(biāo):(1)掌握使用Express框架搭建項(xiàng)目環(huán)境的步驟。(2)掌握路由的配置。(3)掌握前后端的請(qǐng)求與響應(yīng)的處理。素質(zhì)目標(biāo):(1)培養(yǎng)學(xué)生形成框架應(yīng)用開(kāi)發(fā)的思維。(2)培養(yǎng)學(xué)生根據(jù)實(shí)際需求進(jìn)行任務(wù)規(guī)劃與實(shí)現(xiàn)的能力思政育人目標(biāo)專注、專業(yè),框架:高效協(xié)作的典范。引導(dǎo)學(xué)生理解敬業(yè)、精益、專注、創(chuàng)新等工匠精神的基本內(nèi)涵。教學(xué)內(nèi)容Express框架簡(jiǎn)介請(qǐng)求與響應(yīng)Express框架中路由的配置Express框架中靜態(tài)資源調(diào)用app.js入口文件的配置基于Express搭建項(xiàng)目重點(diǎn)、難點(diǎn)重點(diǎn):Express框架中路由與模板的配置原理與過(guò)程難點(diǎn):路由的功能與使用訓(xùn)練任務(wù)或案例基于Express框架搭建項(xiàng)目教學(xué)準(zhǔn)備教材、PPT課件、HBuilder、GoogleChrome等常用瀏覽器課后作業(yè)模仿新聞模塊,定義路由輸出新聞數(shù)據(jù)教學(xué)體會(huì)教學(xué)過(guò)程設(shè)計(jì)主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配(約)回顧引入(1)復(fù)習(xí):Node.js進(jìn)行數(shù)據(jù)庫(kù)管理的方法。(2)引入:如何高效進(jìn)行數(shù)據(jù)庫(kù)應(yīng)用開(kāi)發(fā)?講解、演示、設(shè)問(wèn)多媒體、程序演示、板書(shū)教師講解和演示、學(xué)生思考15分鐘思政小課堂專注、專業(yè),框架:高效協(xié)作的典范。引導(dǎo)學(xué)生理解敬業(yè)、精益、專注、創(chuàng)新等工匠精神的基本內(nèi)涵。講解、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生討論并分享5分鐘知識(shí)講解Express框架簡(jiǎn)介Express框架中路由配置Express框架中靜態(tài)資源調(diào)用app.js入口文件的配置請(qǐng)求與響應(yīng)講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)基于Express框架搭建項(xiàng)目講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練搭建Express環(huán)境NPMinstallexpressexpress-generator–g使用express命令生成項(xiàng)目包express-eDuDa_APP(3)安裝依賴包npminstall(4)運(yùn)行框架npmrunstart實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘知識(shí)講解Express框架中路由、中間件、模板運(yùn)行的原理講解、啟發(fā)、設(shè)問(wèn)多媒體、板書(shū)教師講解、學(xué)生思考并回答問(wèn)題20分鐘示范操作修改默認(rèn)配置,進(jìn)行多個(gè)路由地址及其對(duì)應(yīng)頁(yè)面的請(qǐng)求與響應(yīng)講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練個(gè)性化改造默認(rèn)配置,進(jìn)行請(qǐng)求與響應(yīng)實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘評(píng)估討論(1)評(píng)估討論實(shí)踐任務(wù)的實(shí)施過(guò)程(2)展示討論學(xué)生的解決方案(3)考核學(xué)生課堂實(shí)踐成果啟發(fā)、討論多媒體、程序演示學(xué)生實(shí)踐成果展示、教師評(píng)估考核20分鐘課堂總結(jié)(1)搭建Express框架項(xiàng)目(2)路由、中間件、模板的互動(dòng)原理講解多媒體教師歸納總結(jié)15分鐘布置作業(yè)搭建Express項(xiàng)目,返回新聞數(shù)據(jù),課程平臺(tái)提交作業(yè)。講解多媒體教師布置作業(yè)5分鐘
模塊6:Express框架開(kāi)發(fā)6.4Express中集成模板引擎6.5實(shí)現(xiàn)首頁(yè)商品展示授課教師:授課班級(jí):學(xué)時(shí):4授課日期:年月日第周周第節(jié)教學(xué)地點(diǎn):教學(xué)目標(biāo)能力目標(biāo):能夠理解ejs模板的特點(diǎn);能夠?qū)⑼獠快o態(tài)頁(yè)面模板整合到Express框架中;能夠結(jié)合ejs模板進(jìn)行Express框架應(yīng)用開(kāi)發(fā)。知識(shí)目標(biāo):了解ejs模板語(yǔ)法與特點(diǎn);在Express框架中使用ejs模板;掌握Express項(xiàng)目實(shí)現(xiàn)的要點(diǎn)。素質(zhì)目標(biāo):(1)遵守軟件開(kāi)發(fā)和維護(hù)的專業(yè)標(biāo)準(zhǔn)和規(guī)范,嚴(yán)格遵循規(guī)定的程序編寫(xiě)流程,養(yǎng)成良好的程序注釋習(xí)慣。(2)通過(guò)軟件專業(yè)實(shí)踐課程,學(xué)思結(jié)合、知行統(tǒng)一,增強(qiáng)學(xué)生勇于探索的創(chuàng)新精神、善于解決問(wèn)題的實(shí)踐能力。思政育人目標(biāo)軟件作品的風(fēng)格穩(wěn)定與高效開(kāi)發(fā)。教學(xué)內(nèi)容ejs模板的設(shè)置;基于現(xiàn)有靜態(tài)頁(yè)面改造成ejs模板;Express中根據(jù)不同路由渲染不同模板;ejs模板中數(shù)據(jù)的顯示。重點(diǎn)、難點(diǎn)重點(diǎn):將靜態(tài)頁(yè)面模板嵌入到Express框架中路由設(shè)置與對(duì)頁(yè)面渲染查詢表中數(shù)據(jù)顯示在模板難點(diǎn):查詢表中數(shù)據(jù)顯示在模板訓(xùn)練任務(wù)或案例企業(yè)門(mén)戶網(wǎng)站首頁(yè)顯示新聞教學(xué)準(zhǔn)備教材、PPT課件、HBuilder、GoogleChrome等常用瀏覽器課后作業(yè)首頁(yè)中新聞數(shù)據(jù)顯示教學(xué)體會(huì)教學(xué)過(guò)程設(shè)計(jì)主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配(約)回顧引入復(fù)習(xí):Express框架生成項(xiàng)目包并運(yùn)行。引入:如何使用自定義模板進(jìn)行應(yīng)用開(kāi)發(fā)?講解、演示、設(shè)問(wèn)多媒體、程序演示、板書(shū)教師講解和演示、學(xué)生思考15分鐘思政小課堂軟件作品的風(fēng)格穩(wěn)定與高效開(kāi)發(fā)。講解、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生討論并分享5分鐘知識(shí)講解ejs模板的設(shè)置;基于現(xiàn)有靜態(tài)頁(yè)面改造成ejs模板;Express中根據(jù)不同路由渲染不同模板;ejs模板中數(shù)據(jù)的顯示。講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)實(shí)現(xiàn)門(mén)戶首頁(yè)講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練根據(jù)應(yīng)用需求,設(shè)計(jì)或下載靜態(tài)模板將模板及素材放入框架項(xiàng)目中設(shè)置路由,渲染模板實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘知識(shí)講解ejs中模板引擎標(biāo)簽及其含義根據(jù)需求,將數(shù)據(jù)渲染至模板講解、啟發(fā)、設(shè)問(wèn)多媒體、板書(shū)教師講解、學(xué)生思考并回答問(wèn)題20分鐘示范操作在首頁(yè)中顯示商品數(shù)據(jù)商品數(shù)據(jù)準(zhǔn)備商品數(shù)據(jù)查詢商品數(shù)據(jù)渲染至頁(yè)面講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練根據(jù)頁(yè)面模板中的樣式,融合靜態(tài)代碼與動(dòng)態(tài)代碼實(shí)現(xiàn)功能實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘評(píng)估討論(1)評(píng)估討論實(shí)踐任務(wù)的實(shí)施過(guò)程(2)展示討論學(xué)生的解決方案(3)考核學(xué)生課堂實(shí)踐成果啟發(fā)、討論多媒體、程序演示學(xué)生實(shí)踐成果展示、教師評(píng)估考核20分鐘課堂總結(jié)(1)ejs模板引擎標(biāo)簽及其含義(2)模板引擎中的數(shù)據(jù)請(qǐng)求與響應(yīng)講解多媒體教師歸納總結(jié)15分鐘布置作業(yè)首頁(yè)中新聞數(shù)據(jù)顯示,課程平臺(tái)提交作業(yè)。講解多媒體教師布置作業(yè)5分鐘
模塊6:Express框架開(kāi)發(fā)6.6實(shí)現(xiàn)分類商品列表頁(yè)6.7實(shí)現(xiàn)商品詳情頁(yè)項(xiàng)目實(shí)訓(xùn)企業(yè)門(mén)戶網(wǎng)站開(kāi)發(fā)授課教師:授課班級(jí):學(xué)時(shí):4授課日期:年月日第周周第節(jié)教學(xué)地點(diǎn):教學(xué)目標(biāo)能力目標(biāo):能夠理解地址欄參數(shù)的作用與工作原理;能夠結(jié)合ejs模板進(jìn)行分類、詳情等頁(yè)面開(kāi)發(fā)。(3)根據(jù)功能模塊,使用路由、模板引擎實(shí)現(xiàn)頁(yè)面。知識(shí)目標(biāo):掌握頁(yè)面?zhèn)鲄⒌姆绞?;在Express框架中使用頁(yè)面參數(shù);掌握分類、詳情等頁(yè)面的實(shí)現(xiàn)要點(diǎn)。素質(zhì)目標(biāo):(1)培養(yǎng)學(xué)生根據(jù)已學(xué)知識(shí)進(jìn)行遷移的能力。。(2)通過(guò)軟件專業(yè)實(shí)踐課程,學(xué)思結(jié)合、知行統(tǒng)一,增強(qiáng)學(xué)生勇于探索的創(chuàng)新精神、善于解決問(wèn)題的實(shí)踐能力。思政育人目標(biāo)規(guī)范參數(shù)設(shè)置,精準(zhǔn)傳遞數(shù)據(jù)信息。教學(xué)內(nèi)容設(shè)置地址欄參數(shù);路由中處理查詢字符串參數(shù);Express中根據(jù)不同參數(shù),獲取不同數(shù)據(jù);ejs模板中不同數(shù)據(jù)的顯示。重點(diǎn)、難點(diǎn)重點(diǎn):Express中根據(jù)不同數(shù)據(jù)需求設(shè)置地址欄參數(shù)路由中對(duì)頁(yè)面參數(shù)的處理難點(diǎn):路由中對(duì)頁(yè)面參數(shù)的處理訓(xùn)練任務(wù)或案例實(shí)現(xiàn)分類商品列表頁(yè)實(shí)現(xiàn)商品詳情頁(yè)教學(xué)準(zhǔn)備教材、PPT課件、HBuilder、GoogleChrome等常用瀏覽器課后作業(yè)新聞列表和詳情頁(yè)面教學(xué)體會(huì)教學(xué)過(guò)程設(shè)計(jì)主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配(約)回顧引入復(fù)習(xí):首頁(yè)中商品數(shù)據(jù)顯示的過(guò)程。引入:如何實(shí)現(xiàn)分類商品數(shù)據(jù)查詢?講解、演示、設(shè)問(wèn)多媒體、程序演示、板書(shū)教師講解和演示、學(xué)生思考15分鐘思政小課堂規(guī)范參數(shù)設(shè)置,精準(zhǔn)傳遞數(shù)據(jù)信息。講解、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生討論并分享5分鐘知識(shí)講解分類頁(yè)面實(shí)現(xiàn)的原理與過(guò)程為什么要設(shè)置地址欄參數(shù)?如何設(shè)置?路由中處理查詢字符串參數(shù),根據(jù)不同參數(shù)查詢不同數(shù)據(jù)。講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)實(shí)現(xiàn)分類商品列表頁(yè)講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練數(shù)據(jù)準(zhǔn)備創(chuàng)建模板引擎編寫(xiě)路由代碼模板引擎解析數(shù)據(jù)啟動(dòng)項(xiàng)目瀏覽頁(yè)面實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘知識(shí)講解詳情頁(yè)面實(shí)現(xiàn)的原理與過(guò)程為什么要設(shè)置地址欄參數(shù)?如何設(shè)置?路由中處理查詢字符串參數(shù);路由中根據(jù)不同參數(shù)查詢不同數(shù)據(jù);ejs模板中不同數(shù)據(jù)的顯示。講解、啟發(fā)、設(shè)問(wèn)多媒體、板書(shū)教師講解、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)實(shí)現(xiàn)商品詳情頁(yè)講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練設(shè)置列表超鏈接編寫(xiě)路由代碼模板引擎解析數(shù)據(jù)實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘評(píng)估討論(1)評(píng)估討論實(shí)踐任務(wù)的實(shí)施過(guò)程(2)展示討論學(xué)生的解決方案(3)考核學(xué)生課堂實(shí)踐成果啟發(fā)、討論多媒體、程序演示學(xué)生實(shí)踐成果展示、教師評(píng)估考核20分鐘課堂總結(jié)(1)ejs模板引擎標(biāo)簽及其含義(2)模板引擎中的數(shù)據(jù)請(qǐng)求與響應(yīng)講解多媒體教師歸納總結(jié)15分鐘布置作業(yè)新聞分類頁(yè)面和新聞詳情頁(yè),課程平臺(tái)提交作業(yè)。講解多媒體教師布置作業(yè)5分鐘
模塊7:綜合項(xiàng)目-商品管理系統(tǒng)7.1項(xiàng)目準(zhǔn)備7.2管理員登錄7.3首頁(yè)顯示商品列表授課教師:授課班級(jí):學(xué)時(shí):4授課日期:年月日第周周第節(jié)教學(xué)地點(diǎn):教學(xué)目標(biāo)能力目標(biāo):(1)能夠根據(jù)企業(yè)項(xiàng)目需求,搭建Express框架。(2)能夠根據(jù)功能模塊,規(guī)劃路由并進(jìn)行編程。(3)根據(jù)頁(yè)面功能,使用模板引擎實(shí)現(xiàn)頁(yè)面。(4)能夠運(yùn)用中間件實(shí)現(xiàn)登錄檢測(cè)功能。知識(shí)目標(biāo):(1)熟練掌握Express框架搭建項(xiàng)目環(huán)境的步驟。(2)理解前后端的請(qǐng)求與響應(yīng)的處理原理。(3)理解路由的配置。(4)熟練應(yīng)用ejs模板引擎進(jìn)行數(shù)據(jù)呈現(xiàn)。(5)理解中間件的含義與原理。素質(zhì)目標(biāo):(1)培養(yǎng)學(xué)生提高運(yùn)用Express框架進(jìn)行應(yīng)用開(kāi)發(fā)的能力。(2)培養(yǎng)學(xué)生綜合運(yùn)用所學(xué)知識(shí)實(shí)現(xiàn)Web應(yīng)用開(kāi)發(fā)的能力。(3)培養(yǎng)學(xué)生對(duì)已學(xué)知識(shí)的遷移能力。思政育人目標(biāo)鍛造嚴(yán)謹(jǐn)務(wù)實(shí)的工程思維,強(qiáng)化系統(tǒng)安全責(zé)任意識(shí)。教學(xué)內(nèi)容項(xiàng)目需求、數(shù)據(jù)庫(kù)設(shè)計(jì)、系統(tǒng)路由規(guī)劃管理員登錄驗(yàn)證的實(shí)現(xiàn)原理與過(guò)程分析Session工作原理、Session配置與使用創(chuàng)建Express項(xiàng)目,整合靜態(tài)頁(yè)面模板數(shù)據(jù)分頁(yè)顯示的原理與要素重點(diǎn)、難點(diǎn)重點(diǎn):項(xiàng)目實(shí)現(xiàn)思路分析Session工作原理、Session配置與使用根據(jù)已有頁(yè)面布局,顯示查詢數(shù)據(jù)難點(diǎn):Session配置與使用根據(jù)已有頁(yè)面布局,顯示查詢數(shù)據(jù)訓(xùn)練任務(wù)或案例管理員登錄首頁(yè)顯示商品列表教學(xué)準(zhǔn)備教材、PPT課件、HBuilder、XAMPP、GoogleChrome等常用瀏覽器課后作業(yè)系統(tǒng)中,增加新聞信息管理模塊教學(xué)體會(huì)教學(xué)過(guò)程設(shè)計(jì)主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配(約)回顧引入復(fù)習(xí):Express中實(shí)現(xiàn)企業(yè)門(mén)戶網(wǎng)站的整體思路與過(guò)程。引入:如何在Express框架中進(jìn)行后臺(tái)數(shù)據(jù)管理?演示項(xiàng)目,明確需求。講解、演示、設(shè)問(wèn)多媒體、程序演示、板書(shū)教師講解和演示、學(xué)生思考15分鐘思政小課堂鍛造嚴(yán)謹(jǐn)務(wù)實(shí)的工程思維,強(qiáng)化系統(tǒng)安全責(zé)任意識(shí)。講解、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生討論并分享5分鐘知識(shí)講解(1)數(shù)據(jù)庫(kù)設(shè)計(jì)、系統(tǒng)路由規(guī)劃(2)管理員登錄驗(yàn)證的實(shí)現(xiàn)原理與過(guò)程分析講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)管理員登錄講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練admin表結(jié)構(gòu)與數(shù)據(jù)創(chuàng)建Express項(xiàng)目創(chuàng)建頁(yè)面模板路由查詢數(shù)據(jù)實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘知識(shí)講解數(shù)據(jù)分頁(yè)顯示的原理與要素?cái)?shù)據(jù)表中的記錄總數(shù)每頁(yè)要顯示的記錄條數(shù)頁(yè)碼導(dǎo)航當(dāng)前訪問(wèn)頁(yè)面講解、啟發(fā)、設(shè)問(wèn)多媒體、板書(shū)教師講解、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)首頁(yè)分頁(yè)顯示商品列表講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練根據(jù)分頁(yè)要素進(jìn)行路由編碼使用limit子句進(jìn)行數(shù)據(jù)分頁(yè)查詢將查詢結(jié)果顯示在頁(yè)面實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘評(píng)估討論(1)評(píng)估討論實(shí)踐任務(wù)的實(shí)施過(guò)程(2)展示討論學(xué)生的解決方案(3)考核學(xué)生課堂實(shí)踐成果啟發(fā)、討論多媒體、程序演示學(xué)生實(shí)踐成果展示、教師評(píng)估考核20分鐘課堂總結(jié)(1)Session配置與使用(2)分頁(yè)顯示查詢數(shù)據(jù)講解多媒體教師歸納總結(jié)15分鐘布置作業(yè)新聞數(shù)據(jù)分頁(yè)顯示,課程平臺(tái)提交作業(yè)。講解多媒體教師布置作業(yè)5分鐘
模塊7:綜合項(xiàng)目-商品管理系統(tǒng)7.4商品添加功能7.5商品搜索功能授課教師:授課班級(jí):學(xué)時(shí):4授課日期:年月日第周周第節(jié)教學(xué)地點(diǎn):教學(xué)目標(biāo)能力目標(biāo):能熟練使用網(wǎng)頁(yè)表單進(jìn)行開(kāi)發(fā);能夠在Express框架中實(shí)現(xiàn)圖片上傳功能;(3)能夠使用Express框架實(shí)現(xiàn)數(shù)據(jù)增加和搜索功能。知識(shí)目標(biāo):使用Express框架實(shí)現(xiàn)表單數(shù)據(jù)交互;掌握路由中獲取表單數(shù)據(jù)的方法;掌握?qǐng)D片上傳功能的實(shí)現(xiàn)原理和過(guò)程;掌握路由中數(shù)據(jù)增加的實(shí)現(xiàn)。素質(zhì)目標(biāo):(1)培養(yǎng)良好的編程風(fēng)格及代碼編寫(xiě)規(guī)范;(2)引導(dǎo)學(xué)生理解敬業(yè)、精益、專注、創(chuàng)新等工匠精神的基本內(nèi)涵。(3)養(yǎng)成善于思考、深入研究的良好自主學(xué)習(xí)的習(xí)慣和創(chuàng)新精神。思政育人目標(biāo)通過(guò)挖掘項(xiàng)目實(shí)現(xiàn)過(guò)程中蘊(yùn)含的工程思維,借助思維導(dǎo)圖等工具幫助學(xué)生理性思考問(wèn)題、高效解決問(wèn)題。教學(xué)內(nèi)容使用第三方模塊multiparty實(shí)現(xiàn)表單數(shù)據(jù)解析圖片上傳功能原理與過(guò)程編碼路由中獲取表單數(shù)據(jù)并插入表中重點(diǎn)、難點(diǎn)重點(diǎn):multiparty實(shí)現(xiàn)表單數(shù)據(jù)解析圖片上傳功能原理與過(guò)程編碼路由中獲取表單數(shù)據(jù)并插入表中難點(diǎn):multiparty實(shí)現(xiàn)表單數(shù)據(jù)解析圖片上傳功能原理與過(guò)程編碼訓(xùn)練任務(wù)或案例商品添加功能商品搜索功能教學(xué)準(zhǔn)備教材、PPT課件、HBuilder、XAMPP、GoogleChrome等常用瀏覽器課后作業(yè)新聞添加功能、新聞搜索功能教學(xué)體會(huì)教學(xué)過(guò)程設(shè)計(jì)主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)時(shí)間分配(約)回顧引入復(fù)習(xí):Express中數(shù)據(jù)登錄驗(yàn)證的思路與過(guò)程。引入:如何在Express框架中進(jìn)行數(shù)據(jù)添加或搜索?講解、演示、設(shè)問(wèn)多媒體、程序演示、板書(shū)教師講解和演示、學(xué)生思考15分鐘思政小課堂通過(guò)挖掘項(xiàng)目實(shí)現(xiàn)過(guò)程中蘊(yùn)含的工程思維,借助思維導(dǎo)圖等工具幫助學(xué)生理性思考問(wèn)題、高效解決問(wèn)題。講解、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生討論并分享5分鐘知識(shí)講解multiparty解析表單數(shù)據(jù)本地安裝multiparty模塊設(shè)置上傳圖片文件夾設(shè)置商品添加表單路由中解析表單數(shù)據(jù)和上傳文件講解、啟發(fā)、設(shè)問(wèn)多媒體教師講解并提出問(wèn)題、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)商品添加功能(含圖片上傳)講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練創(chuàng)建商品添加表單編寫(xiě)路由代碼啟動(dòng)項(xiàng)目瀏覽頁(yè)面實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘知識(shí)講解搜索表單的設(shè)置要點(diǎn)--method,action講解、啟發(fā)、設(shè)問(wèn)多媒體、板書(shū)教師講解、學(xué)生思考并回答問(wèn)題20分鐘示范操作任務(wù)商品搜索功能講解、引導(dǎo)、演示一體化教師講解和演示、學(xué)生觀摩思考15分鐘實(shí)戰(zhàn)訓(xùn)練創(chuàng)建商品搜索表單編寫(xiě)路由代碼啟動(dòng)項(xiàng)目瀏覽頁(yè)面實(shí)踐一體化學(xué)生獨(dú)立完成、教師檢查及個(gè)別輔導(dǎo)15分鐘評(píng)估討論(1)評(píng)估討論實(shí)踐任務(wù)的實(shí)施過(guò)程(2)展示討論學(xué)生的解決方案(3)考核學(xué)生課堂實(shí)踐成果啟發(fā)、討論多媒體、程序演示學(xué)生實(shí)踐成果展示、教師評(píng)估考核20分鐘課堂總結(jié)(1)頁(yè)面模板與路由(2)數(shù)據(jù)管理功能講解多媒體教師歸納總結(jié)15分鐘布置作業(yè)新聞添加及搜索功能,課程平臺(tái)提交作業(yè)。講解多媒體教師布置作業(yè)5分鐘
模塊7:綜合項(xiàng)目-商品管理系統(tǒng)7.6商品修改功能7.7商品刪除功能授課教師:授課班級(jí):學(xué)時(shí):4授課日期:年月日第周周第節(jié)教學(xué)地點(diǎn):教學(xué)目標(biāo)能力目標(biāo):能夠正確設(shè)置Express框架中的地址欄參數(shù);能使用網(wǎng)頁(yè)進(jìn)行數(shù)據(jù)修改與刪除開(kāi)發(fā)。知識(shí)目標(biāo):使用Express框架實(shí)現(xiàn)數(shù)據(jù)修改和刪除功能;掌握修改表單中和刪
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2026黑龍江黑河學(xué)院招聘博士考試參考題庫(kù)及答案解析
- 2026內(nèi)蒙古呼和浩特市劍橋中學(xué)高中部教師招聘2人考試備考題庫(kù)及答案解析
- 2026江西九江市湖口縣市場(chǎng)監(jiān)督管理局面向社會(huì)招聘3人考試備考題庫(kù)及答案解析
- 2026濟(jì)南高新區(qū)龍奧大廈附近小學(xué)招聘派遣制小學(xué)數(shù)學(xué)代課老師考試參考題庫(kù)及答案解析
- 2026四川華豐科技股份有限公司招聘生產(chǎn)計(jì)劃等崗位6人筆試備考試題及答案解析
- 2026嵐圖汽車制造領(lǐng)域招聘筆試模擬試題及答案解析
- 2026年地質(zhì)勘察在新能源開(kāi)發(fā)中的應(yīng)用
- 2026山西中醫(yī)藥大學(xué)附屬醫(yī)院急需緊缺高層次人才招聘2人考試參考題庫(kù)及答案解析
- 2026云南紅河州建水滇南云水環(huán)境治理有限公司招聘1人考試備考題庫(kù)及答案解析
- 2026浙江省中國(guó)聯(lián)合網(wǎng)絡(luò)通信有限公司溫州市分公司校園招聘10人筆試備考題庫(kù)及答案解析
- 2026年黑龍江農(nóng)業(yè)工程職業(yè)學(xué)院?jiǎn)握新殬I(yè)技能考試題庫(kù)及參考答案詳解1套
- 婦科腫瘤保留生育功能治療策略
- 淺談盲人按摩行業(yè)的現(xiàn)狀、困境及出路
- 宮頸癌病理課件
- 2025版中國(guó)經(jīng)皮冠狀動(dòng)脈介入治療指南課件
- 2025東航股份綜合管理部招聘筆試歷年參考題庫(kù)附帶答案詳解
- YY/T 1973-2025醫(yī)用下肢外骨骼機(jī)器人
- 解讀-2025年版《普通高中課程標(biāo)準(zhǔn)》化學(xué)解讀
- 食堂餐廳維修項(xiàng)目方案(3篇)
- 醫(yī)用手術(shù)器械講解
- 腫瘤晚期呼吸困難治療
評(píng)論
0/150
提交評(píng)論