大數(shù)據(jù)可視化項目實戰(zhàn)教程(ECharts+Vue.js)(微課版)【教學(xué)日歷】_第1頁
大數(shù)據(jù)可視化項目實戰(zhàn)教程(ECharts+Vue.js)(微課版)【教學(xué)日歷】_第2頁
大數(shù)據(jù)可視化項目實戰(zhàn)教程(ECharts+Vue.js)(微課版)【教學(xué)日歷】_第3頁
大數(shù)據(jù)可視化項目實戰(zhàn)教程(ECharts+Vue.js)(微課版)【教學(xué)日歷】_第4頁
大數(shù)據(jù)可視化項目實戰(zhàn)教程(ECharts+Vue.js)(微課版)【教學(xué)日歷】_第5頁
已閱讀5頁,還剩5頁未讀, 繼續(xù)免費閱讀

付費下載

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

學(xué)期授課計劃(2024/2025學(xué)年第二學(xué)期)部門名稱人工智能學(xué)院教研室大數(shù)據(jù)技術(shù)授課班級24大數(shù)據(jù)技術(shù)1班課程名稱大數(shù)據(jù)可視化分析任課教師日期:2025年2月10日部門蓋章:教務(wù)處蓋章:學(xué)期授課計劃0(2月15-16日教師教研學(xué)習(xí))4項目1Web數(shù)據(jù)可視化初識任務(wù)1.1數(shù)據(jù)可視化的定義與發(fā)展歷程任務(wù)1.2數(shù)據(jù)可視化的目的與作用任務(wù)1.3數(shù)據(jù)可視化方法任務(wù)1.4數(shù)據(jù)可視化的行業(yè)應(yīng)用重點:掌握大數(shù)據(jù)可視化定義,了解數(shù)據(jù)可視化的目的和作用。難點:數(shù)據(jù)可視化作用。講授+上機+實驗操作1.根據(jù)給定的大數(shù)據(jù)展示結(jié)果,分析該展示模塊使用了哪些組件。介夫樓3074項目1Web數(shù)據(jù)可視化初識任務(wù)1.5數(shù)據(jù)可視化常見的技術(shù)與工具任務(wù)實施使用Excel繪制可視化圖表任務(wù)拓展在Excel中完成指定圖形繪制項目2低代碼工具數(shù)據(jù)可視化的實現(xiàn)任務(wù)2.1報表創(chuàng)建2.1.1Finereport簡介及安裝2.2.2新增模板數(shù)據(jù)集重點:了解大數(shù)據(jù)可視化常用技術(shù)和工具使用;通過Finereport軟件,添加模板數(shù)據(jù)集。難點:學(xué)會靈活使用不同場景下可視化工具。講授+上機+實驗操作1.安裝FineReport數(shù)據(jù)可視化工具,并了解組件的使用。介夫樓3074項目2低代碼工具數(shù)據(jù)可視化的實現(xiàn)任務(wù)2.1報表創(chuàng)建2.2.3創(chuàng)建銷量分組報表2.2.4創(chuàng)建銷量明細報表2.2.5創(chuàng)建銷量交叉報表任務(wù)2.2銷量圖表融合2.2.1訂單表與下拉框組合2.2.2產(chǎn)品銷量占比-餅圖2.2.3華北銷售員產(chǎn)品銷售情況-柱狀圖重點:設(shè)置報表的數(shù)據(jù)及餅圖樣式格式設(shè)置。難點:能夠通過添加Sql語句,設(shè)置下拉框。講授+上機+實驗操作介夫樓3074項目2低代碼工具數(shù)據(jù)可視化的實現(xiàn)2.2.4產(chǎn)品銷量趨勢-折線圖任務(wù)2.3決策報表大屏制作任務(wù)實施使用FineReport實現(xiàn)銷量報表大屏制作重點:通過設(shè)置的Sql語句,查詢各個地區(qū)的數(shù)據(jù);完成產(chǎn)品銷量趨勢折線圖的數(shù)據(jù)集和樣式的設(shè)置;完成項目下拉框數(shù)據(jù)集的設(shè)置。難點:能使用SQL語句進行數(shù)據(jù)結(jié)合查詢。講授+上機+實驗操作制作PPT、整理項目資料及配置信息、調(diào)試。為下次課答辯做準(zhǔn)備。介夫樓3074任務(wù)拓展使用FineReport實現(xiàn)農(nóng)業(yè)平臺大屏制作項目2答辯:由任課老師進行答辯考核重點:本地數(shù)據(jù)集的導(dǎo)入。難點:能夠?qū)⒊晒逦磉_學(xué)生講解+教師點評介夫樓3074項目3智慧農(nóng)業(yè)大屏結(jié)構(gòu)設(shè)計任務(wù)3.1功能架構(gòu)設(shè)計任務(wù)3.2大屏布局設(shè)計任務(wù)3.3前端開發(fā)基礎(chǔ)HTML5+CSS33.3.1前端開發(fā)工具介紹3.3.2HTML介紹3.3.3HTML常見標(biāo)簽任務(wù)實施3.1設(shè)計智慧農(nóng)業(yè)大屏功能模塊任務(wù)拓展搭建開發(fā)環(huán)境重點:了解項目的研發(fā)目標(biāo),開發(fā)環(huán)境;了解大屏布局設(shè)計的原則和技巧。難點:完成大屏基礎(chǔ)結(jié)構(gòu)設(shè)計。講授+上機+實驗操作自主搭建開發(fā)環(huán)境,完成基礎(chǔ)任務(wù)介夫樓3074項目3智慧農(nóng)業(yè)大屏結(jié)構(gòu)設(shè)計任務(wù)3.3前端開發(fā)基礎(chǔ)HTML5+CSS33.3.4CSS基礎(chǔ)3.3.5CSS選擇器重點:CSS樣式規(guī)則、id選擇器、標(biāo)記選擇器、類選擇器。難點:CSS樣式優(yōu)先級。講授+上機+實驗操作完成CSS基礎(chǔ)任務(wù)介夫樓3074項目3智慧農(nóng)業(yè)大屏結(jié)構(gòu)設(shè)計任務(wù)3.3前端開發(fā)基礎(chǔ)HTML5+CSS33.3.6盒子模型3.3.7元素的浮動與定位任務(wù)實施3.2設(shè)計智慧農(nóng)業(yè)大屏的前端布局重點:盒子模型的屬性。難點:盒子模型的實現(xiàn)。講授+上機+實驗操作完成盒子模型案例介夫樓3074項目3智慧農(nóng)業(yè)大屏結(jié)構(gòu)設(shè)計任務(wù)實施3.3實現(xiàn)智慧農(nóng)業(yè)大屏的前端結(jié)構(gòu)重點:能使用前端開發(fā)工具完成布局頁面的搭建。難點:能使用開發(fā)工具完成代碼的編寫和簡單修改。講授+上機+實驗操作智慧農(nóng)業(yè)大屏前端結(jié)構(gòu)介夫樓3074項目4智慧農(nóng)業(yè)大屏數(shù)據(jù)傳輸任務(wù)4.1JavaScript基礎(chǔ)4.1.1JavaScript簡介4.1.2JavaScript基礎(chǔ)語法重點:JavaScript語言基礎(chǔ)。難點:JavaScript循環(huán)的相關(guān)知識。講授+上機+實驗操作介夫樓3074項目4智慧農(nóng)業(yè)大屏數(shù)據(jù)傳輸任務(wù)4.1JavaScript基礎(chǔ)4.1.3JavaScript函數(shù)4.1.4文檔對象模型任務(wù)實施4.1在智慧農(nóng)業(yè)大屏中顯示智慧農(nóng)業(yè)公司簡介重點:JavaScript事件及事件驅(qū)動。難點:BOM對象和DOM對象;JavaScript的函數(shù)定義與調(diào)用。講授+上機+實驗操作在智慧農(nóng)業(yè)大屏中顯示智慧農(nóng)業(yè)公司簡介介夫樓3074項目4智慧農(nóng)業(yè)大屏數(shù)據(jù)傳輸任務(wù)4.2jQuery4.2.1jQuery基礎(chǔ)語法4.2.2jQuery選擇器4.2.3使用jQuery操作DOM4.2.4Ajax在jQuery中的應(yīng)用重點:了解jQuery的DOM操作。難點:使用jQuery將數(shù)據(jù)放入頁面指定位置。講授+上機+實驗操作介夫樓3074項目4智慧農(nóng)業(yè)大屏數(shù)據(jù)傳輸任務(wù)4.3JSON數(shù)據(jù)結(jié)構(gòu)4.3.1JSON介紹4.3.2JSON數(shù)據(jù)轉(zhuǎn)換方法任務(wù)實施4.2在智慧農(nóng)業(yè)大屏中加載技術(shù)資源JSON數(shù)據(jù)重點:JSON數(shù)據(jù)結(jié)構(gòu)。難點:分析Excel表格中數(shù)據(jù),構(gòu)成JSON對象結(jié)構(gòu)數(shù)據(jù)。講授+上機+實驗操作在智慧農(nóng)業(yè)大屏中加載技術(shù)資源JSON數(shù)據(jù)介夫樓3074項目4智慧農(nóng)業(yè)大屏數(shù)據(jù)傳輸任務(wù)實施4.3在智慧農(nóng)業(yè)大屏中加載農(nóng)資產(chǎn)品市場價格JSON數(shù)據(jù)任務(wù)拓展在大屏中加載市場分布JSON數(shù)據(jù)重點:使用jQuery加載本地JSON文件,解析并提取相關(guān)數(shù)據(jù)。難點:進行網(wǎng)頁調(diào)試。講授+上機+實驗操作在智慧農(nóng)業(yè)大屏中加載市場分布JSON數(shù)據(jù)介夫樓3074項目5智慧農(nóng)業(yè)大屏ECharts圖表插入任務(wù)5.1ECharts操作基礎(chǔ)流程任務(wù)5.2ECharts常用圖表5.2.1繪制柱狀圖任務(wù)實施5.1繪制經(jīng)濟作物產(chǎn)值柱狀圖重點:ECharts操作基礎(chǔ)流程。難點:柱狀圖的繪制步驟與基本設(shè)置。講授+上機+實驗操作完成ECharts柱狀圖介夫樓3074項目5智慧農(nóng)業(yè)大屏ECharts圖表插入任務(wù)5.2ECharts常用圖表5.2.2繪制折線圖5.2.3繪制餅圖任務(wù)實施5.2繪制組織農(nóng)戶技術(shù)培訓(xùn)折線圖重點:折線圖、餅圖的繪制與基本設(shè)置。難點:將JSON數(shù)據(jù)有效加載至折線圖中。講授+上機+實驗操作完成ECharts折線圖、餅圖介夫樓3074項目5智慧農(nóng)業(yè)大屏ECharts圖表插入任務(wù)5.2ECharts常用圖表5.2.4繪制散點圖5.2.5繪制儀表盤圖任務(wù)實施5.3繪制經(jīng)濟作物占比圖任務(wù)實施5.4繪制費用支出占比環(huán)形圖重點:散點圖、儀表盤圖的繪制與基本設(shè)置。難點:使用ECharts在HTML界面中繪制散點圖、儀表盤圖。講授+上機+實驗操作完成ECharts散點圖、儀表盤圖、環(huán)形圖等介夫樓3074項目5智慧農(nóng)業(yè)大屏ECharts圖表插入任務(wù)5.2ECharts常用圖表5.2.6繪制雷達圖任務(wù)拓展繪制績效目標(biāo)完成情況環(huán)形圖組合重點:雷達圖的繪制與基本設(shè)置。難點:將JSON數(shù)據(jù)有效加載至各類圖表。講授+上機+實驗操作介夫樓3074項目5智慧農(nóng)業(yè)大屏ECharts圖表插入任務(wù)5.2ECharts常用圖表5.2.7繪制地圖任務(wù)實施5.5繪制地區(qū)合作單位業(yè)務(wù)地圖重點:地圖的繪制與設(shè)置。難點:繪制地圖圖表中攻擊信息。講授+上機+實驗操作介夫樓3074項目5智慧農(nóng)業(yè)大屏ECharts圖表插入5.3ECharts圖表配置項5.3.1直角坐標(biāo)系網(wǎng)格及坐標(biāo)軸5.3.2標(biāo)題及圖例5.3.3工具箱組件5.3.4主題添加重點:ECharts中基本圖表的常用效果設(shè)置。難點:進行各類圖表的定制、優(yōu)化。講授+上機+實驗操作介夫樓3074項目3-5答辯:由任課老師進行答辯考核重點:項目3-5的知識點。難點:能夠?qū)⒊晒逦磉_學(xué)生講解+教師點評介夫樓3074項目6基于Vue的農(nóng)業(yè)數(shù)據(jù)管理中臺前端框架搭建任務(wù)6.1Vue.js前端框架概述Vue.js簡介Vue.js引入方式Vue頁面基本結(jié)構(gòu)任務(wù)6.2Vue項目開發(fā)環(huán)境與輔助工具Node.js部署Node包管理器npmNode.js環(huán)境配置任務(wù)實施配置Vue所需環(huán)境、項目目錄重點:Vue.js頁面的基本組成。難點:常用npm包管理器命令。講授+上機+實驗操作自主配置Vue所需環(huán)境介夫樓3074項目6基于Vue的農(nóng)業(yè)數(shù)據(jù)管理中臺前端框架搭建任務(wù)6.3Vue內(nèi)置指令與語法插值綁定v-bind屬性綁定v-model雙向綁定條件渲染任務(wù)實施6.1在農(nóng)業(yè)數(shù)據(jù)管理中臺顯示簡介信息表單重點:Vue內(nèi)置指令與語法。難點:進行Vue項目基礎(chǔ)信息的顯示。講授+上機+實驗操作在農(nóng)業(yè)數(shù)據(jù)管理中臺顯示簡介信息表單介夫樓3074項目6基于Vue的農(nóng)業(yè)數(shù)據(jù)管理中臺前端框架搭建任務(wù)6.4VueUI組件庫6.4.1Element安裝與配置6.4.2Element組件介紹6.4.3Element常用組件的應(yīng)用任務(wù)實施6.2在農(nóng)業(yè)數(shù)據(jù)管理中臺完成技術(shù)資源表格重點:使用ElementUI組件實現(xiàn)頁面效果。難點:查閱ElementUI官方文檔進行個性化定制。講授+上機+實驗操作在農(nóng)業(yè)數(shù)據(jù)管理中臺完成技術(shù)資源表格介夫樓3074項目6基于Vue的農(nóng)業(yè)數(shù)據(jù)管理中臺前端框架搭建任務(wù)實施6.3在農(nóng)業(yè)數(shù)據(jù)管理中臺完成農(nóng)資產(chǎn)品市場價格任務(wù)拓展在農(nóng)業(yè)數(shù)據(jù)管理中臺顯示市場分布表格重點:進行Vue項目中表格等組件的開發(fā)。難點:綁定JSON數(shù)組數(shù)據(jù)到表單、彈框。講授+上機+實驗操作在農(nóng)業(yè)數(shù)據(jù)管理中臺顯示市場分布表格介夫樓3074項目7Vue+ECharts農(nóng)業(yè)數(shù)據(jù)管理圖表數(shù)據(jù)傳輸任務(wù)1AJAX與Axios7.1.1認識Axios7.1.2Axios的基礎(chǔ)用法任務(wù)實施7.1在農(nóng)業(yè)數(shù)據(jù)管理中臺呈現(xiàn)費用支出模塊任務(wù)實施7.2在農(nóng)業(yè)數(shù)據(jù)管理中臺完成技術(shù)培訓(xùn)模塊重點:了解Axios的概念。難點:會進行Axios的基礎(chǔ)使用講授+上機+實驗操作在農(nóng)業(yè)數(shù)據(jù)管理中臺完成技術(shù)培訓(xùn)模塊介夫樓3070(5月31-6月2日端午節(jié),休假)4項目7Vue+ECharts農(nóng)業(yè)數(shù)據(jù)管理圖表數(shù)據(jù)傳輸任務(wù)2前端路由VueRouter7.2.1VueRouter的基本用法7.2.2嵌套路由7.2.3動態(tài)路由匹配7.2.4命名路由任務(wù)3路由插件Vuex任務(wù)實施7.3在農(nóng)業(yè)數(shù)據(jù)管理中臺完成合作單位模塊重點:路由VueRouter的概念及基本用法。難點:Vuex的基本概念和工作原理。講授+上機+實驗操作在農(nóng)業(yè)數(shù)據(jù)管理中臺完成合作單位模塊介夫樓3074項目7Vue+ECharts農(nóng)業(yè)數(shù)據(jù)管理圖表數(shù)據(jù)傳輸任務(wù)拓展7.1在農(nóng)業(yè)數(shù)據(jù)管理中臺顯示績效目標(biāo)完成情況任務(wù)拓展7.2在農(nóng)業(yè)數(shù)據(jù)管理中臺顯示經(jīng)濟作物產(chǎn)值重點:實現(xiàn)路由的嵌套。難點:在項目中配置VueRouter。講授+上機+實驗操作在農(nóng)業(yè)數(shù)據(jù)管理中臺顯示經(jīng)濟作物產(chǎn)值介夫樓3074期末項目實操任務(wù)一:數(shù)據(jù)準(zhǔn)備1.采集數(shù)據(jù)2.導(dǎo)出數(shù)據(jù)到桌面,指定文件格式為Excel重點:進行數(shù)據(jù)準(zhǔn)備進行數(shù)據(jù)采集。難點:完成各種指標(biāo)的匯總統(tǒng)計。教師指導(dǎo)+學(xué)生自主實踐介夫樓3074期末項目實操任務(wù)二:數(shù)據(jù)匯總使用FineReport完成對數(shù)據(jù)的統(tǒng)計重點:進行數(shù)據(jù)匯總統(tǒng)計。難點:完成指標(biāo)匯總。教師指導(dǎo)+學(xué)生自主實踐介夫樓3074期末項目實操任務(wù)二:數(shù)據(jù)匯總使用FineReport完成對數(shù)據(jù)的統(tǒng)計重點:進行數(shù)據(jù)匯總統(tǒng)計。難點:完成指標(biāo)匯總。教師指導(dǎo)+學(xué)生自主實踐介夫樓3074期末項目實操任務(wù)三:使用Vue添加數(shù)據(jù)1.添加Vue模板2.添加后臺管理內(nèi)容3.添加各種指標(biāo)內(nèi)容的統(tǒng)計重點:掌握Vue框架的使用。難點:能夠使用Vue模板進行可視化展示。引導(dǎo)+學(xué)生自主實踐介夫樓3074期末項目實操任務(wù)三:使用Vue添加數(shù)據(jù)1.添加Vue模板2.添加后臺管理內(nèi)容3.添加各種指標(biāo)內(nèi)容的統(tǒng)計重點:掌握Vue框架的使用。難點:能夠使用Vue模板進行可視化展示。引導(dǎo)+學(xué)生自主實踐介夫樓3074項目終結(jié)答辯由任課老師進行答辯考核優(yōu)秀作業(yè)互評、展示;項目化效果評估總結(jié)。重點:期末作業(yè)學(xué)生互相點評,了解多種可視化知識點。難點:各種知識點的理解應(yīng)用。講授+上機+實驗操作介夫樓3074項目終結(jié)答辯由任課老師進行答辯考核優(yōu)秀作業(yè)互評、展示;項目化效果評估總結(jié)。重點:期末作業(yè)學(xué)生互相點評,了解多種可視化知識點。難點:各種知識點的理解應(yīng)用。講授+上機+實驗操作介夫樓3070學(xué)生考試課程期末考試過程性考核:60%終結(jié)性考核:40%1.階段性考核(40%):階段性作業(yè),總分100分,根據(jù)完成情況分別計分。作業(yè)評分(20%),項目2答辯考核(10%),項目3-5答辯考核(10%)項目終結(jié)答辯考核(40%)(由學(xué)校及企業(yè)導(dǎo)師按照評分標(biāo)準(zhǔn)給分)2.課堂考勤

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論