大數(shù)據(jù)項(xiàng)目實(shí)戰(zhàn)第6章 數(shù)據(jù)可視化 -教學(xué)設(shè)計(jì)

PAGE11黑馬程序員《大數(shù)據(jù)項(xiàng)目實(shí)戰(zhàn)》教學(xué)設(shè)計(jì)課程名稱：大數(shù)據(jù)項(xiàng)目實(shí)戰(zhàn)授課年級：20xx年級授課學(xué)期：20xx學(xué)年第一學(xué)期教師姓名：某某老師2019年9月1日課題名稱第6章數(shù)據(jù)可視化計(jì)劃學(xué)時(shí)16課時(shí)內(nèi)容分析通過上一章使用Hive完成數(shù)據(jù)分析過程，本章運(yùn)行Sqoop將Hive中的表數(shù)據(jù)導(dǎo)出到關(guān)系型數(shù)據(jù)庫中，方便后續(xù)進(jìn)行數(shù)據(jù)可視化處理，使抽象的數(shù)據(jù)圖形化，便于非技術(shù)人員的決策與分析。教學(xué)目標(biāo)及基本要求掌握Sqoop數(shù)據(jù)遷移工具的使用熟悉關(guān)系型數(shù)據(jù)庫MySQL掌握SSMJAVAEE開發(fā)框架的整合及應(yīng)用掌握Echarts前端框架的使用教學(xué)重點(diǎn)Sqoop數(shù)據(jù)遷移關(guān)系型數(shù)據(jù)庫創(chuàng)建Echarts前端框架的使用SSMJAVAEE開發(fā)框架的整合及應(yīng)用教學(xué)難點(diǎn)1、SSMJAVAEE開發(fā)框架的整合及應(yīng)用2、Echarts前端框架的使用教學(xué)方式教師課堂教學(xué)要以講演法講授為主，并結(jié)合多媒體進(jìn)行教學(xué)教學(xué)過程第一課時(shí)（系統(tǒng)介紹、系統(tǒng)框架）一、招聘網(wǎng)站職位分析系統(tǒng)概述（1）創(chuàng)建情景，介紹大數(shù)據(jù)可視化系統(tǒng)的功能教師首先介紹使用該系統(tǒng)的優(yōu)點(diǎn)，例如在復(fù)雜的大數(shù)據(jù)系統(tǒng)中，用戶僅觀察表格中的數(shù)據(jù)是不能友好的分析出數(shù)據(jù)的變化情況，為了更加直觀分析出數(shù)據(jù)，大數(shù)據(jù)工程師則可以構(gòu)建數(shù)據(jù)分析系統(tǒng)，讓非專業(yè)人員通過可視化功能觀察數(shù)據(jù)情況。（2）明確學(xué)習(xí)目標(biāo)（1）了解系統(tǒng)背景介紹（2）了解系統(tǒng)架構(gòu)二、進(jìn)行重點(diǎn)知識講解1．系統(tǒng)背景介紹教師可以參考課件對系統(tǒng)數(shù)據(jù)可視化的技術(shù)選取Echarts進(jìn)行簡要介紹。2．系統(tǒng)架構(gòu)教師可以參考課件對系統(tǒng)的整體技術(shù)流程進(jìn)行和系統(tǒng)架構(gòu)圖進(jìn)行介紹。三、歸納總結(jié)，隨堂練習(xí)，布置作業(yè)1．對課堂上講解的知識點(diǎn)進(jìn)行總結(jié)。第二課時(shí)（創(chuàng)建關(guān)系型數(shù)據(jù)庫，通過Sqoop實(shí)現(xiàn)數(shù)據(jù)遷移）一、回顧上一節(jié)內(nèi)容1．對上一節(jié)課遇到的問題進(jìn)行答疑2．回顧上節(jié)課內(nèi)容，引出本節(jié)課的主題通過上一節(jié)內(nèi)容我們對系統(tǒng)的整理架構(gòu)即系統(tǒng)運(yùn)行流程進(jìn)行了解，本節(jié)課中我們將講解關(guān)系型數(shù)據(jù)庫的創(chuàng)建及通過Sqoop工具將Hive中的分析結(jié)果數(shù)據(jù)存儲到Mysql關(guān)系型數(shù)據(jù)庫中，為系統(tǒng)實(shí)現(xiàn)數(shù)據(jù)可視化奠定數(shù)據(jù)基礎(chǔ)。3．明確學(xué)習(xí)目標(biāo)1、創(chuàng)建關(guān)系型數(shù)據(jù)庫2、通過Sqoop實(shí)現(xiàn)數(shù)據(jù)遷移二、進(jìn)行重點(diǎn)知識的講解1.創(chuàng)建關(guān)系型數(shù)據(jù)庫教師可以參考課件以講演法的方式來講述在Mysql中創(chuàng)建對應(yīng)與Hive儲存分析結(jié)果數(shù)據(jù)的四個(gè)數(shù)據(jù)表。2.通過Sqoop實(shí)現(xiàn)數(shù)據(jù)遷移教師可以參考課件以講演法的方式來講述在大數(shù)據(jù)集群環(huán)境中通過Sqoop工具將Hive中儲存分析結(jié)果數(shù)據(jù)四個(gè)表的內(nèi)容遷移到對應(yīng)的Mysql數(shù)據(jù)表中。三、歸納總結(jié)，隨堂練習(xí)，布置作業(yè)1．對課堂上講解的知識點(diǎn)進(jìn)行總結(jié)。第三課時(shí)（上機(jī)操作）上機(jī)一：創(chuàng)建關(guān)系型數(shù)據(jù)庫和通過Sqoop實(shí)現(xiàn)數(shù)據(jù)遷移按照教材中6.2小節(jié)的內(nèi)容及在教師輔導(dǎo)下完成。第四課時(shí)（創(chuàng)建Maven項(xiàng)目、配置pom.xml文件、構(gòu)建項(xiàng)目組織結(jié)構(gòu)）一、回顧上節(jié)課內(nèi)容1.對上節(jié)課遇到的問題進(jìn)行答疑2．回顧上節(jié)課內(nèi)容，引出本節(jié)課的主題上一節(jié)中，我們通過關(guān)系型數(shù)據(jù)庫的創(chuàng)建與數(shù)據(jù)導(dǎo)入構(gòu)建系統(tǒng)的底層數(shù)據(jù)，本節(jié)課將講解構(gòu)建系統(tǒng)環(huán)境的內(nèi)容。3．明確學(xué)習(xí)目標(biāo)（1）創(chuàng)建Maven項(xiàng)目（2）配置pom.xml文件（3）構(gòu)建項(xiàng)目組織結(jié)構(gòu)二、進(jìn)行重點(diǎn)知識的講解創(chuàng)建Maven項(xiàng)目教師可以參考課件以講演法的方式來講述如何通過Eclipse創(chuàng)建Maven項(xiàng)目2．配置pom.xml教師可以參考課件以講演法的方式來講述如何在Maven項(xiàng)目中配置pom.xml文件，添加項(xiàng)目應(yīng)用的jar包，教師可以從教材提供的配套資源中將pom.xml文件中的內(nèi)容復(fù)制過來進(jìn)行講解。3．構(gòu)建項(xiàng)目組織結(jié)構(gòu)教師可以參考課件以講演法的方式講解項(xiàng)目組織結(jié)構(gòu)中每個(gè)文件、包及文件夾的作用，也可以在教材提供的配套資源中找到該項(xiàng)目，直接進(jìn)行講解。三、歸納總結(jié)，隨堂練習(xí)，布置作業(yè)1．對課堂上講解的知識點(diǎn)進(jìn)行總結(jié)。第五課時(shí)（上機(jī)操作）上機(jī)二：創(chuàng)建Maven項(xiàng)目、配置pom.xml文件、構(gòu)建項(xiàng)目組織結(jié)構(gòu)按照教材中6.3.1、6.3.2、6.3.3小節(jié)的內(nèi)容及在教師輔導(dǎo)下完成。第六課時(shí)（編輯配置文件）一、回顧上節(jié)課內(nèi)容1.對上節(jié)課遇到的問題進(jìn)行答疑2．回顧上節(jié)課內(nèi)容，引出本節(jié)課的主題上一節(jié)中，我們創(chuàng)建了項(xiàng)目環(huán)境并了解了項(xiàng)目組織結(jié)構(gòu)，在本節(jié)課我們將針對項(xiàng)目中涉及的項(xiàng)目配置文件進(jìn)行講解，配置文件啟動包括Spring配置文件applicationContext.xml，SpringMVC配置文件springmvc.xml，項(xiàng)目配置文件web.xml，數(shù)據(jù)庫配置參數(shù)文件perties以及Mybatis配置文件Mybatis-Config.xml。并對項(xiàng)目運(yùn)行所需的css文件、assets文件、js文件以及jsp文件進(jìn)行講解。3．明確學(xué)習(xí)目標(biāo)（1）編寫Spring配置文件（2）編寫Spring配置文件（3）編寫項(xiàng)目配置文件（4）編寫數(shù)據(jù)庫配置參數(shù)文件（5）編寫Mybatis配置文件二、進(jìn)行重點(diǎn)知識的講解編輯項(xiàng)目配置文件教師可以參考課件以講演法的方式將教材配套資源提供的源代碼復(fù)制到項(xiàng)目中進(jìn)行講解。三、歸納總結(jié)，隨堂練習(xí)，布置作業(yè)1．對課堂上講解的知識點(diǎn)進(jìn)行總結(jié)。第七課時(shí)（上機(jī)操作）上機(jī)三：編輯項(xiàng)目配置文件按照教材中6.3.4小節(jié)的內(nèi)容及在教師輔導(dǎo)下完成。第八課時(shí)（實(shí)現(xiàn)職位區(qū)域分布展示）一、回顧上節(jié)課內(nèi)容1.對上節(jié)課遇到的問題進(jìn)行答疑2．回顧上節(jié)課內(nèi)容，引出本節(jié)課的主題上一節(jié)中，我們對項(xiàng)目所涉及的配置文件進(jìn)行編寫及講解，本節(jié)課我們將實(shí)現(xiàn)職位區(qū)域分布展示相關(guān)代碼的編寫及講解。3．明確學(xué)習(xí)目標(biāo)（1）實(shí)體類的創(chuàng)建（2）實(shí)現(xiàn)Dao層功能（3）實(shí)現(xiàn)Service層功能（4）實(shí)現(xiàn)Controller層功能（5）實(shí)現(xiàn)頁面展示二、進(jìn)行重點(diǎn)知識的講解實(shí)體類的創(chuàng)建教師可以參考課件以講演法的方式將教材配套資源提供的源代碼到項(xiàng)目中進(jìn)行講解，實(shí)體類文件CityPojo.java用于封裝數(shù)據(jù)庫獲取的城市數(shù)據(jù)并通過toString()方法自定義輸出信息。實(shí)現(xiàn)Dao層功能教師可以參考課件以講演法的方式將教材配套資源提供的源代碼復(fù)制到項(xiàng)目中進(jìn)行講解，Dao層包含一個(gè)類文件CityMapper.java和一個(gè)配置文件CityMapper.xml，前者實(shí)現(xiàn)Dao層接口，后者的xml文件實(shí)現(xiàn)MyBatis映射創(chuàng)建SQL語句到數(shù)據(jù)庫查詢數(shù)據(jù)。實(shí)現(xiàn)Service層功能教師可以參考課件以講演法的方式將教材配套資源提供的源代碼復(fù)制到項(xiàng)目中進(jìn)行講解，Service層包含兩個(gè)類文件CityService.java和CityServiceImpl.java，前者實(shí)現(xiàn)Service層接口，并在接口中定義獲取數(shù)據(jù)庫數(shù)據(jù)的方法，后者實(shí)現(xiàn)接口中的方法獲取數(shù)據(jù)庫數(shù)據(jù)。實(shí)現(xiàn)Controller層功能教師可以參考課件以講演法的方式將教材配套資源提供的源代碼復(fù)制到項(xiàng)目中進(jìn)行講解，Controller層中包含一個(gè)類文件IndexController.java，在類中定義getCity()方法將數(shù)據(jù)以json格式數(shù)據(jù)返回給前端。實(shí)現(xiàn)頁面展示教師可以參考課件以講演法的方式將教材配套資源提供的源代碼復(fù)制到項(xiàng)目中進(jìn)行講解，前端展示主要通過在js文件中定義內(nèi)容，在js文件中定義city方法獲取后端傳過來的數(shù)據(jù)實(shí)現(xiàn)加載到Echarts中實(shí)現(xiàn)職位城市分布的可視化展示。三、歸納總結(jié)，隨堂練習(xí)，布置作業(yè)1．對課堂上講解的知識點(diǎn)進(jìn)行總結(jié)。第九課時(shí)（上機(jī)操作）上機(jī)四：實(shí)現(xiàn)職位區(qū)域分布展示按照教材中6.4.1小節(jié)的內(nèi)容及在教師輔導(dǎo)下完成。第十課時(shí)（實(shí)現(xiàn)薪資分布展示）一、回顧上節(jié)課內(nèi)容1.對上節(jié)課遇到的問題進(jìn)行答疑2．回顧上節(jié)課內(nèi)容，引出本節(jié)課的主題上一節(jié)中，我們對通過編寫程序?qū)崿F(xiàn)了職位區(qū)域分布展示的功能，本節(jié)課我們將效仿上節(jié)課內(nèi)容實(shí)現(xiàn)薪資分布展示功能。3．明確學(xué)習(xí)目標(biāo)（1）實(shí)體類的創(chuàng)建（2）實(shí)現(xiàn)Dao層功能（3）實(shí)現(xiàn)Service層功能（4）實(shí)現(xiàn)Controller層功能（5）實(shí)現(xiàn)頁面展示二、進(jìn)行重點(diǎn)知識的講解持久化類的創(chuàng)建教師可以參考課件以講演法的方式將教材配套資源提供的源代碼到項(xiàng)目中進(jìn)行講解，持久化類文件SalaryPojo.java用于封裝數(shù)據(jù)庫獲取的薪資數(shù)據(jù)并通過toString()方法自定義輸出信息。實(shí)現(xiàn)Dao層功能教師可以參考課件以講演法的方式將教材配套資源提供的源代碼復(fù)制到項(xiàng)目中進(jìn)行講解，Dao層包含一個(gè)類文件SalaryMapper.java和一個(gè)配置文件SalaryMapper.xml，前者實(shí)現(xiàn)Dao層接口，后者的xml文件實(shí)現(xiàn)MyBatis映射創(chuàng)建SQL語句到數(shù)據(jù)庫查詢數(shù)據(jù)。實(shí)現(xiàn)Service層功能教師可以參考課件以講演法的方式將教材配套資源提供的源代碼復(fù)制到項(xiàng)目中進(jìn)行講解，Service層包含兩個(gè)類文件SalaryService.java和SalaryServiceImpl.java，前者實(shí)現(xiàn)Service層接口，并在接口中定義獲取數(shù)據(jù)庫數(shù)據(jù)的方法，后者實(shí)現(xiàn)接口中的方法獲取數(shù)據(jù)庫數(shù)據(jù)。實(shí)現(xiàn)Controller層功能教師可以參考課件以講演法的方式將教材配套資源提供的源代碼復(fù)制到項(xiàng)目中進(jìn)行講解，Controller層中包含一個(gè)類文件IndexController.java，在類中定義getSalary()方法將數(shù)據(jù)以json格式數(shù)據(jù)返回給前端。實(shí)現(xiàn)頁面展示教師可以參考課件以講演法的方式將教材配套資源提供的源代碼復(fù)制到項(xiàng)目中進(jìn)行講解，前端展示主要通過在js文件中定義內(nèi)容，在js文件中定義salary方法獲取后端傳過來的數(shù)據(jù)實(shí)現(xiàn)加載到Echarts中實(shí)現(xiàn)薪資分布的可視化展示。三、歸納總結(jié)，隨堂練習(xí)，布置作業(yè)1．對課堂上講解的知識點(diǎn)進(jìn)行總結(jié)。第十一課時(shí)（上機(jī)操作）上機(jī)五：實(shí)現(xiàn)薪資分布展示按照教材中6.4.2小節(jié)的內(nèi)容及在教師輔導(dǎo)下完成。第十二課時(shí)（實(shí)現(xiàn)福利標(biāo)簽詞云圖）一、回顧上節(jié)課內(nèi)容1.對上節(jié)課遇到的問題進(jìn)行答疑2．回顧上節(jié)課內(nèi)容，引出本節(jié)課的主題上一節(jié)中，我們對通過編寫程序?qū)崿F(xiàn)了薪資分布展示的功能，本節(jié)課我們將效仿上節(jié)課內(nèi)容實(shí)現(xiàn)福利標(biāo)簽詞云圖展示功能。3．明確學(xué)習(xí)目標(biāo)（1）實(shí)體類的創(chuàng)建（2）實(shí)現(xiàn)Dao層功能（3）實(shí)現(xiàn)Service層功能（4）實(shí)現(xiàn)Controller層功能（5）實(shí)現(xiàn)頁面展示二、進(jìn)行重點(diǎn)知識的講解持久化類的創(chuàng)建教師可以參考課件以講演法的方式將教材配套資源提供的源代碼到項(xiàng)目中進(jìn)行講解，持久化類文件CompanyPojo.java用于封裝數(shù)據(jù)庫獲取的福利標(biāo)簽數(shù)據(jù)并通過toString()方法自定義輸出信息。實(shí)現(xiàn)Dao層功能教師可以參考課件以講演法的方式將教材配套資源提供的源代碼復(fù)制到項(xiàng)目中進(jìn)行講解，Dao層包含一個(gè)類文件CompanyMapper.java和一個(gè)配置文件CompanyMapper.xml，前者實(shí)現(xiàn)Dao層接口，后者的xml文件實(shí)現(xiàn)MyBatis映射創(chuàng)建SQL語句到數(shù)據(jù)庫查詢數(shù)據(jù)。實(shí)現(xiàn)Service層功能教師可以參考課件以講演法的方式將教材配套資源提供的源代碼復(fù)制到項(xiàng)目中進(jìn)行講解，Service層包含兩個(gè)類文件CompanyService.java和CompanyServiceImpl.java，前者實(shí)現(xiàn)Service層接口，并在接口中定義獲取數(shù)據(jù)庫數(shù)據(jù)的方法，后者實(shí)現(xiàn)接口中的方法獲取數(shù)據(jù)庫數(shù)據(jù)。實(shí)現(xiàn)Controller層功能教師可以參考課件以講演法的方式將教材配套資源提供的源代碼復(fù)制到項(xiàng)目中進(jìn)行講解，Controller層中包含一個(gè)類文件IndexController.java，在類中定義getCompany()方法將數(shù)據(jù)以json格式數(shù)據(jù)返回給前端。實(shí)現(xiàn)頁面展示教師可以參考課件以講演法的方式將教材配套資源提供的源代碼復(fù)制到項(xiàng)目中進(jìn)行講解，前端展示主要通過在js文件中定義內(nèi)容，在js文件中定義company方法獲取后端傳過來的數(shù)據(jù)實(shí)現(xiàn)加載到Echarts中實(shí)現(xiàn)福利標(biāo)簽詞云圖的可視化展示。三、歸納總結(jié)，隨堂練習(xí)，布置作業(yè)1．對課堂上講解的知識點(diǎn)進(jìn)行總結(jié)。第十三課時(shí)（上機(jī)操作）上機(jī)六：實(shí)現(xiàn)福利標(biāo)簽詞云圖展示按照教材中6.4.3小節(jié)的內(nèi)容及在教師輔導(dǎo)下完成。第十四課時(shí)（實(shí)現(xiàn)技能標(biāo)簽詞云圖）一、回顧上節(jié)課內(nèi)容1.對上節(jié)課遇到的問題進(jìn)行答疑2．回顧上節(jié)課內(nèi)容，引出本節(jié)課的主題上一節(jié)中，我們對通過編寫程序?qū)崿F(xiàn)了福利標(biāo)簽詞云圖展示的功能，本節(jié)課我們將效仿上節(jié)課內(nèi)容實(shí)現(xiàn)技能標(biāo)簽詞云圖展示功能。3．明確學(xué)習(xí)目標(biāo)（1）實(shí)體類的創(chuàng)建（2）實(shí)現(xiàn)Dao層功能（3）實(shí)現(xiàn)Service層功能（4）實(shí)現(xiàn)Controller層功能（5）實(shí)現(xiàn)頁面展示二、進(jìn)行重點(diǎn)知識的講解持久化類的創(chuàng)建教師可以參考課件以講演法的方式將教材配套資源提供的源代碼到項(xiàng)目中進(jìn)行講解，持久化類文件KillPojo.java用于封裝數(shù)據(jù)庫獲取的技能標(biāo)簽數(shù)據(jù)并通過toString()方法自定義輸出信息。實(shí)現(xiàn)Dao層功能教師可以參考課件以講演法的方式將教材配套資源提供的源代碼復(fù)制到項(xiàng)目中進(jìn)行講解，Dao層包含一個(gè)類文件KillMapper.java和一個(gè)配置文件KillMapper.xml，前者實(shí)現(xiàn)Dao層接口，后者的xml文件實(shí)現(xiàn)MyBatis映射創(chuàng)建SQL語句到數(shù)據(jù)庫查詢數(shù)據(jù)。實(shí)現(xiàn)Service層功能教師可以參考課件以講演法的方式將教材配套資源提供的源代碼復(fù)制到項(xiàng)目中進(jìn)行講解，Service層包含兩個(gè)類文件KillService.java和KillServiceImpl.java，前者實(shí)現(xiàn)Service層接口，并在接口中定義