2025第七章

綜合項(xiàng)目—智慧農(nóng)業(yè)數(shù)據(jù)分析平臺延時(shí)符《JavaWeb數(shù)據(jù)可視化開發(fā)教程》延時(shí)符學(xué)習(xí)目標(biāo)理解ECharts的交互功能及擴(kuò)展功能實(shí)現(xiàn)過程掌握WebSocket通信原理及實(shí)現(xiàn)過程掌握ECharts常用基本組件和圖表的繪制方法，能根據(jù)不同場景需求選擇不同圖表類型展示數(shù)據(jù)。目錄CONTENTSPART01項(xiàng)目概述延時(shí)符PART02數(shù)據(jù)庫設(shè)計(jì)PART03環(huán)境搭建PART04系統(tǒng)實(shí)現(xiàn)行業(yè)PPT模板/hangye/1項(xiàng)目概述延時(shí)符項(xiàng)目功能01數(shù)據(jù)收集收集農(nóng)業(yè)生產(chǎn)相關(guān)數(shù)據(jù)，包括氣溫、光照、風(fēng)速、降水量、農(nóng)作物產(chǎn)量等。02數(shù)據(jù)存儲將收集到的數(shù)據(jù)存儲在MySQL數(shù)據(jù)庫中，以便進(jìn)行后續(xù)分析。03數(shù)據(jù)處理使用SSM框架搭建數(shù)據(jù)處理層，對原始數(shù)據(jù)進(jìn)行清洗、轉(zhuǎn)換、整合，生成可供前端展示的圖表數(shù)據(jù)。04數(shù)據(jù)可視化使用ECharts繪制各類圖表，如儀表盤圖、折線圖、柱狀圖、環(huán)形圖等實(shí)時(shí)展示農(nóng)業(yè)生產(chǎn)數(shù)據(jù)包括氣溫、光照、風(fēng)速、降水量、農(nóng)作物產(chǎn)量等，使得企業(yè)能夠清晰地了解各地區(qū)的農(nóng)業(yè)生產(chǎn)狀況，為后續(xù)的決策提供有力支持。延時(shí)符01項(xiàng)目概述

隨著物聯(lián)網(wǎng)和大數(shù)據(jù)技術(shù)的發(fā)展，農(nóng)業(yè)生產(chǎn)正逐漸向智能化、精準(zhǔn)化轉(zhuǎn)變。為了提升農(nóng)業(yè)生產(chǎn)效率，優(yōu)化資源配置，本項(xiàng)目將開發(fā)一個(gè)農(nóng)業(yè)數(shù)據(jù)分析平臺，能夠?qū)崿F(xiàn)農(nóng)業(yè)生產(chǎn)相關(guān)數(shù)據(jù)的實(shí)時(shí)采集、存儲、處理和可視化展示，幫助企業(yè)及時(shí)了解各地區(qū)的農(nóng)業(yè)生產(chǎn)狀況。2數(shù)據(jù)庫設(shè)計(jì)延時(shí)符延時(shí)符02數(shù)據(jù)庫設(shè)計(jì)1.創(chuàng)建weather表

新建weather.sql腳本文件用于創(chuàng)建表weather，該表用于存儲氣溫、光照、降水量等農(nóng)業(yè)生產(chǎn)相關(guān)數(shù)據(jù)，腳本文件如下weather.sql所示，其中字段id為數(shù)據(jù)庫主鍵，字段date為日期，字段region為地區(qū)，字段sunshine為光照時(shí)長，字段avgwind為平均風(fēng)速，字段maxtemp為最高溫度，字段mintemp為最低溫度，字段avgtemp為平均溫度，字段envhumid為濕度，字段avgpress為平均氣壓，字段precipitation為降雨量。SQL語句如下：DROPTABLEIFEXISTS`weather`;CREATETABLE`weather`(`id`int(11)NOTNULLAUTO_INCREMENT,`date`varchar(20)DEFAULT'',`region`varchar(255)CHARACTERSETgbkCOLLATEgbk_chinese_ciDEFAULT'',`sunshine`int(11)DEFAULTNULL,`avgwind`double(11,1)DEFAULTNULL,`maxtemp`double(11,1)DEFAULTNULL,`mintemp`double(11,1)DEFAULTNULL,`avgtemp`double(11,1)DEFAULTNULL,`envhumid`double(11,1)DEFAULTNULL,`avgpress`int(11)DEFAULTNULL,`precipitation`int(11)DEFAULTNULL,PRIMARYKEY(`id`))ENGINE=InnoDBAUTO_INCREMENT=374DEFAULTCHARSET=latin1COLLATE=latin1_swedish_ci;延時(shí)符02數(shù)據(jù)庫設(shè)計(jì)2.創(chuàng)建yield表新建yield.sql腳本文件用于創(chuàng)建表yield，該表用于存儲各地區(qū)農(nóng)作物產(chǎn)量和種植面積等數(shù)據(jù)，其中字段id為數(shù)據(jù)庫主鍵，字段year為年份，字段region為地區(qū)，字段crop為農(nóng)作物類型，字段yield為產(chǎn)量，字段area為種植面積。腳本文件如下：DROPTABLEIFEXISTS`yield`;CREATETABLE`yield`(`id`int(11)NOTNULLAUTO_INCREMENT,`year`varchar(255)DEFAULTNULL,`region`varchar(255)CHARACTERSETgbkCOLLATEgbk_chinese_ciDEFAULT'',`crop`varchar(255)CHARACTERSETgbkCOLLATEgbk_chinese_ciDEFAULT'',`yield`double(11,2)DEFAULTNULL,`area`double(11,2)DEFAULTNULL,PRIMARYKEY(`id`))ENGINE=InnoDBAUTO_INCREMENT=11DEFAULTCHARSET=latin1COLLATE=latin1_swedish_ci;3環(huán)境搭建延時(shí)符延時(shí)符03環(huán)境搭建1.創(chuàng)建項(xiàng)目創(chuàng)建一個(gè)名稱為ssm_crud的maven項(xiàng)目，可參照第五章中的5.1.2章節(jié)操作步驟完成項(xiàng)目創(chuàng)建。延時(shí)符03環(huán)境搭建2.添加項(xiàng)目依賴在ssm_crud項(xiàng)目的pom.xml文件中添加Spring相關(guān)包、Mybatis包、數(shù)據(jù)庫驅(qū)動包、servlet包等依賴包，可參照第五章中5.1.2章節(jié)操作步驟1，添加依賴的pom.xml文件如下所示：<dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>5.3.24</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-jdbc</artifactId> <version>5.3.24</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-aspects</artifactId> <version>5.3.24</version> </dependency>延時(shí)符03環(huán)境搭建2.添加項(xiàng)目依賴<dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>3.5.10</version> </dependency> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis-spring</artifactId> <version>2.0.7</version> </dependency> <dependency> <groupId>c3p0</groupId> <artifactId>c3p0</artifactId> <version></version> </dependency> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.49</version> </dependency>延時(shí)符03環(huán)境搭建2.添加項(xiàng)目依賴<dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>2.9.2</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-aop</artifactId> <version>5.0.8.RELEASE</version> </dependency> <dependency> <groupId>javax</groupId> <artifactId>javaee-api</artifactId> <version>7.0</version> <scope>provided</scope> </dependency> <dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <version>1.2.41</version> </dependency>延時(shí)符03環(huán)境搭建3.添加包在ssm_crud項(xiàng)目中添加pojo包放置數(shù)據(jù)庫實(shí)例類、添加config包放置連接配置類、添加controller包放置控制器處理類、添加dao包放置實(shí)體類，添加service包放置服務(wù)類以及添加util包放置工具處理類。項(xiàng)目結(jié)構(gòu)如下圖所示：左圖中的java目錄是源代碼目錄，包括一些類文件，開發(fā)人員根據(jù)項(xiàng)目實(shí)際需要?jiǎng)?chuàng)建目錄，在每個(gè)目錄中創(chuàng)建相關(guān)同類型的類。例如，將項(xiàng)目中工具類相關(guān)的代碼放在util目錄中；resources目錄是資源目錄，包含項(xiàng)目的配置文件、屬性文件等；target目錄是Maven構(gòu)建的輸出目錄，通常包含編譯后的類文件、打包后的jar或war文件等。項(xiàng)目結(jié)構(gòu)圖4系統(tǒng)實(shí)現(xiàn)延時(shí)符延時(shí)符04系統(tǒng)實(shí)現(xiàn)1.數(shù)據(jù)采集模塊1）創(chuàng)建pojo相關(guān)類在ssm_crud項(xiàng)目的pojo包中創(chuàng)建Weather類，類中屬性id對應(yīng)數(shù)據(jù)庫中主鍵id，屬性date為日期，屬性region為地區(qū)，屬性sunshine為光照時(shí)長，屬性avgwind為平均風(fēng)速，屬性maxtemp為最高溫度，屬性mintemp為最低溫度，屬性avgtemp為平均溫度，屬性envhumid為濕度，屬性avgpress為平均氣壓，屬性precipitation字段為降雨量。結(jié)合屬性的含義和使用場景，Weather.java中規(guī)定了每個(gè)屬性的訪問范圍和類型。（詳細(xì)見第七章綜合項(xiàng)目源代碼中的類Weather）在ssm_crud項(xiàng)目的pojo包中創(chuàng)建Yield類，其中屬性id對應(yīng)數(shù)據(jù)庫中主鍵id，屬性year為年份，屬性region為地區(qū)，屬性crop為農(nóng)作物名稱，屬性yield為產(chǎn)量（單位萬噸），屬性area為種植面積（單位萬畝）。（詳細(xì)見第七章綜合項(xiàng)目源代碼類Yield）延時(shí)符04系統(tǒng)實(shí)現(xiàn)1.數(shù)據(jù)采集模塊2）創(chuàng)建dao類在ssm_crud項(xiàng)目的dao包中新建WeatherDao接口，接口中創(chuàng)建新增數(shù)據(jù)和查詢數(shù)據(jù)的方法，接口設(shè)計(jì)如下所示：packagecom.crud.dao;importcom.crud.pojo.Weather;importjava.util.List;publicinterfaceWeatherDao{//新增數(shù)據(jù)voidinertWeather(Weatherweather);//獲取全部數(shù)據(jù)List<Weather>selectAllWeather();}延時(shí)符04系統(tǒng)實(shí)現(xiàn)1.數(shù)據(jù)采集模塊2）創(chuàng)建dao類在ssm_crud項(xiàng)目的dao包中新建YieldDao接口，接口中創(chuàng)建新增數(shù)據(jù)和查詢數(shù)據(jù)的方法，接口設(shè)計(jì)如下所示：packagecom.crud.dao;importcom.crud.pojo.Yield;importjava.util.List;publicinterfaceYieldDao{//獲取全部數(shù)據(jù)List<Yield>selectAllYield();//新增數(shù)據(jù)voidinertYield(Yieldyield);}延時(shí)符04系統(tǒng)實(shí)現(xiàn)1.數(shù)據(jù)采集模塊3）創(chuàng)建mapper文件在ssm_crud項(xiàng)目的resources目錄下創(chuàng)建mapper包，用來放置映射文件，映射文件中字段名和類型與MySQL數(shù)據(jù)庫中表字段名一致，數(shù)據(jù)庫中表的字段名可以參考教材7.3節(jié)，需要特別注意的是：在創(chuàng)建的mapper映射文件中

添加SQL語句的時(shí)，SQL語句中的id字段值需要和上一步驟2)創(chuàng)建Dao類中接口的方法名一致。在mapper包中新建WeatherMapper.xml、YieldMapper.xml文件，WeatherMapper.xml文件內(nèi)容如下所示：<?xmlversion="1.0"encoding="UTF-8"?><!DOCTYPEmapperPUBLIC"-////DTDMapper3.0//EN""/dtd/mybatis-3-mapper.dtd"><mappernamespace="com.crud.dao.WeatherMapper"><resultMapid="WeatherResultMap"type="com.crud.pojo.Weather"><idcolumn="id"jdbcType="INTEGER"property="id"/><resultcolumn="date"jdbcType="VARCHAR"property="date"/><resultcolumn="region"jdbcType="VARCHAR"property="region"/><resultcolumn="sunshine"jdbcType="FLOAT"property="sunshine"/><resultcolumn="avgwind"jdbcType="FLOAT"property="avgwind"/><resultcolumn="maxtemp"jdbcType="FLOAT"property="maxtemp"/>

<resultcolumn="mintemp"jdbcType="FLOAT"property="mintemp"/>延時(shí)符04系統(tǒng)實(shí)現(xiàn)1.數(shù)據(jù)采集模塊

<resultcolumn="avgtemp"jdbcType="FLOAT"property="avgtemp"/>

<resultcolumn="envhumid"jdbcType="FLOAT"property="envhumid"/>

<resultcolumn="avgpress"jdbcType="FLOAT"property="avgpress"/>

<resultcolumn="precipitation"jdbcType="FLOAT"property="precipitation"/></resultMap><selectid="selectAllWeather"resultMap="WeatherResultMap">select*fromweather</select><insertid="inertWeather"parameterType="com.crud.pojo.Weather">insertintoweather(id,date,region,sunshine,avgwind,maxtemp,mintemp,avgtemp,envhumid,avgpress,precipitation)values(#{id,jdbcType=INTEGER},#{date,jdbcType=VARCHAR},

#{region,jdbcType=VARCHAR},#{sunshine,jdbcType=FLOAT},#{avgwind,jdbcType=FLOAT},#{maxtemp,jdbcType=FLOAT},#{mintemp,jdbcType=FLOAT},#{avgtemp,jdbcType=FLOAT},#{envhumid,jdbcType=FLOAT},#{avgpress,jdbcType=FLOAT},#{precipitation,jdbcType=FLOAT})</insert></mapper>延時(shí)符04系統(tǒng)實(shí)現(xiàn)1.數(shù)據(jù)采集模塊1.數(shù)據(jù)采集模塊上述文件中定義了數(shù)據(jù)庫中Weather表的字段名稱和字段類型、Weather表映射到Weather類中的屬性名稱、一個(gè)查詢語句和一個(gè)插入語句。查詢語句和插入語句的字段id的值分別與WeatherDao接口中的兩個(gè)方法的方法名一致。文件YieldMapper.xml內(nèi)容如下所示：<?xmlversion="1.0"encoding="UTF-8"?><!DOCTYPEmapperPUBLIC"-////DTDMapper3.0//EN""/dtd/mybatis-3-mapper.dtd"><mappernamespace="com.crud.dao.YieldMapper"><resultMapid="YieldResultMap"type="com.crud.pojo.Yield"><idcolumn="id"jdbcType="INTEGER"property="id"/><resultcolumn="year"jdbcType="VARCHAR"property="year"/><resultcolumn="region"jdbcType="VARCHAR"property="region"/><resultcolumn="crop"jdbcType="VARCHAR"property="crop"/><resultcolumn="yield"jdbcType="FLOAT"property="yield"/><resultcolumn="area"jdbcType="FLOAT"property="area"/></resultMap><selectid="selectAllYield"resultMap="YieldResultMap">select*fromyield</select>

延時(shí)符04系統(tǒng)實(shí)現(xiàn)1.數(shù)據(jù)采集模塊1.數(shù)據(jù)采集模塊<insertid="inertYield"parameterType="com.crud.pojo.Yield">insertintoyield(id,year,region,crop,yield,area)values(#{id,jdbcType=INTEGER},#{year,jdbcType=VARCHAR},

#{region,jdbcType=VARCHAR},#{crop,jdbcType=VARCHAR},

#{yield,jdbcType=FLOAT},#{area,jdbcType=FLOAT})</insert></mapper>上述代碼定義了數(shù)據(jù)庫中Yield表的字段名稱和字段類型、Yield表映射到Y(jié)ield類的屬性名稱、一個(gè)查詢語句和一個(gè)插入語句。查詢語句和插入語句的字段id的值分別與YieldDao接口中的兩個(gè)方法的方法名一致。延時(shí)符04系統(tǒng)實(shí)現(xiàn)1.數(shù)據(jù)采集模塊2.數(shù)據(jù)存儲模塊數(shù)據(jù)庫中的原始數(shù)據(jù)無法直接使用，需要對數(shù)據(jù)進(jìn)行處理后才能用于前端頁面的展示。在ssm_crud項(xiàng)目的pojo目錄下新增ShowWeather類、WindData類、PrecipData類、UiBean類；在ssm_crud項(xiàng)目的service目錄下新增WeatherService類。1）添加數(shù)據(jù)存儲相關(guān)類（詳細(xì)見第七章綜合項(xiàng)目

源代碼）ShowWeather類主要用于返回展示數(shù)據(jù)給前端，ShowWeather.java文件中屬性avgSunShine為月均日照時(shí)長，屬性avgAvgwind為月均風(fēng)速，屬性avgMaxtemp為月均最高溫度，屬性avgMintemp月均為最低溫度，屬性avgPrecipitation為月均降雨量，文件中還定義了getter方法和setter方法。WindData類用于封裝返回的風(fēng)速數(shù)據(jù)，WindData.java文件中屬性name為月份名稱，屬性value為月均風(fēng)速值，文件中還定義了每個(gè)屬性的getter和setter方法。

PrecipData類用于封裝返回的風(fēng)速數(shù)據(jù)，以下PrecipData.java文件中定義了風(fēng)速數(shù)據(jù)相關(guān)的屬性和方法，其中屬性name為月份名稱，屬性value為月均降雨量值。UiBean類用于封裝返回給前端的所有數(shù)據(jù)，以下UiBean.java文件中定義了封裝數(shù)據(jù)的屬性，其中屬性dateMonth為月份集合、屬性sunshine為月均日照時(shí)長集合、屬性avgwind為月均風(fēng)速集合、屬性avgMaxtemp為月均最高溫度集合，屬性avgMintemp為最低溫度集合、屬性avgPrecipitation為月均降雨量集合，屬性regionName為地區(qū)名集合、屬性yieldNum為種植農(nóng)作物面積、屬性areaNum為農(nóng)作物產(chǎn)量集合等。延時(shí)符04系統(tǒng)實(shí)現(xiàn)1.數(shù)據(jù)采集模塊3.數(shù)據(jù)處理模塊1）添加控制器類在ssm_crud項(xiàng)目的controller包中創(chuàng)建WeatherController類，以下類WeatherController中定義了兩個(gè)方法用于響應(yīng)視圖層的請求。當(dāng)控制器收到視圖層的請求后會調(diào)用服務(wù)層相關(guān)的接口完成對數(shù)據(jù)的操作，例如當(dāng)視圖層接收到查詢數(shù)據(jù)的請求時(shí)，會執(zhí)行g(shù)etAllWeather()方法，調(diào)用WeatherService類中查詢數(shù)據(jù)的方法。packagecom.crud.controller;importcom.crud.service.WeatherService;importorg.springframework.beans.factory.annotation.Autowired;importorg.springframework.stereotype.Controller;importorg.springframework.web.bind.annotation.*;@Controller@CrossOriginpublicclassWeatherController{@AutowiredWeatherServiceweatherService;延時(shí)符04系統(tǒng)實(shí)現(xiàn)1.數(shù)據(jù)采集模塊3.數(shù)據(jù)處理模塊//插入數(shù)據(jù)的方法@RequestMapping("/insertData")@ResponseBodypublicvoidgetWithJson(){weatherService.inertWeather();}//查詢所有數(shù)據(jù)的方法@RequestMapping("/getAllData")@ResponseBodypublicvoidgetAllWeather(){weatherService.getAll();}}延時(shí)符04系統(tǒng)實(shí)現(xiàn)1.數(shù)據(jù)采集模塊3.數(shù)據(jù)處理模塊2）添加通信類在ssm_crud項(xiàng)目的config包中創(chuàng)建UiWebSocket通信類，實(shí)現(xiàn)服務(wù)連接、消息發(fā)送、消息接收、連接驗(yàn)證等功能，類設(shè)計(jì)如UiWebSocket.java文件所示。(詳細(xì)見第七章綜合項(xiàng)目源代碼)類UiWebSocket代碼中的onOpen()方法是與客戶端建立連接時(shí)的回調(diào)方法，session用于識別連接信息，sendMessage()方法用于發(fā)送消息，onMessage()方法是接收到來客戶端請求時(shí)的回調(diào)函數(shù)，onClose()方法在WebSocket連接關(guān)閉時(shí)被觸發(fā)，onError()方法在WebSocket連接發(fā)生錯(cuò)誤時(shí)被觸發(fā)。延時(shí)符04系統(tǒng)實(shí)現(xiàn)1.數(shù)據(jù)采集模塊3.數(shù)據(jù)處理模塊3）創(chuàng)建spring相關(guān)配置文件在ssm_crud項(xiàng)目的resources目錄下創(chuàng)建數(shù)據(jù)庫配置文件perties，用于配置數(shù)據(jù)源，包括數(shù)據(jù)庫驅(qū)動、數(shù)據(jù)庫地址、用戶名、密碼等。jdbc.driver=com.mysql.jdbc.Driverjdbc.url=jdbc:mysql://localhost:3306/mysql?characterEncoding=utf8jdbc.username=rootjdbc.password=123jdbc.maxActive=30jdbc.initialSize=20jdbc.maxWait=500延時(shí)符04系統(tǒng)實(shí)現(xiàn)1.數(shù)據(jù)采集模塊3.數(shù)據(jù)處理模塊在ssm_crud項(xiàng)目的resources目錄下創(chuàng)建MyBatis的核心配置文件名為mybatis-config.xml，該文件用于配置命名規(guī)則、實(shí)體類位置等。<?xmlversion="1.0"encoding="UTF-8"?><!DOCTYPEconfigurationPUBLIC"-////DTDConfig3.0//EN""/dtd/mybatis-3-config.dtd"><configuration> <!--1.開啟駝峰命名規(guī)則--> <settings> <settingname="mapUnderscoreToCamelCase"value="true"/> </settings> <!--2.配置別名實(shí)體類的位置--> <typeAliases> <packagename="com.crud.dao"/> </typeAliases> <plugins> <plugininterceptor="com.github.pagehelper.PageInterceptor"> <propertyname="reasonable"value="true"/> </plugin> </plugins></configuration>延時(shí)符04系統(tǒng)實(shí)現(xiàn)1.數(shù)據(jù)采集模塊3.數(shù)據(jù)處理模塊在ssm_crud項(xiàng)目的resources目錄下創(chuàng)建名稱為springmvc.xml的配置文件，該文件用于配置要掃描的控制器路徑、視圖解析器等。<?xmlversion="1.0"encoding="UTF-8"?><beansxmlns="/schema/beans" xmlns:xsi="/2001/XMLSchema-instance"xmlns:p="/schema/p" xmlns:context="/schema/context" xmlns:mvc="/schema/mvc" xsi:schemaLocation="/schema/beans/schema/beans/spring-beans-4.0.xsd/schema/mvc/schema/mvc/spring-mvc-4.0.xsd/schema/context/schema/context/spring-context-4.0.xsd"> <!--1.配置業(yè)務(wù)邏輯組件掃描器--> <context:component-scanbase-package="com.crud.controller"/> <!--2.配置視圖解析器的掃描路徑--> <beanclass="org.springframework.web.servlet.view.InternalResourceViewResolver"> <!--2.1視圖解析的前綴--> <propertyname="prefix"value="/WEB-INF/views/"/> <!--2.2視圖解析的后綴--> <propertyname="suffix"value=".jsp"/> </bean></beans>延時(shí)符04系統(tǒng)實(shí)現(xiàn)1.數(shù)據(jù)采集模塊3.數(shù)據(jù)處理模塊在ssm_crud項(xiàng)