阶段三:项目开发---民航功能模块实现:任务24:航空实时监控

任务描述

内   容:地图展示、飞机飞行轨迹、扇区控制。航空实时监控,是飞机每秒发送坐标,经过终端转换实时发送给塔台,为了飞机位置的精准度,传输位置的密度很大,在地图位置显示不明显。本次为了案例展示效果,对飞机位置重新进行了规划,结合百度地图,和数据清洗,展示到前台。

学   时:6学时

知识点:后端文件处理

重   点:百度地图展示、飞机动态飞行、数据获取

任务指导

1、后台从文件名为part-xxxxx的文件中读取每行飞机坐标点传输到Kafka,Spark清洗任务拉取Kafka数据对数据进行清洗,对数据坐标进行判断转换成各扇区,发送到MySQL作为转换后的数据点,这一过程在前面的数据清洗和统计任务阶段已经完成,可参见:

  • BigData-Etl-KongGuan/src/main/java/com/qrsoft/etl/spark/SparkUtil.java类
  • BigData-Etl-KongGuan/src/main/java/com/qrsoft/etl/spark/SparkStreamingApplication.java类

2、前端经过读取后台MySQL的数据并结合百度地图,将飞机的实时飞行状态展示出来,可按以下步骤实现:

    1)引入百度地图

    2)地图上添加飞机

    3)飞机动态修改

    4)Vue中重新绑定值

3、后台逻辑实现(BigData-KongGuan)

    1)编写后台逻辑,访问数据库,查询飞行实时数据

4、完成功能测试

下面图中是原企业项目的真实展示页面,在当前项目中由于数据集的特点,实际展示效果可能会有差异。

任务实现

1、从Kafka中读取飞机数据,并进行清洗

    此步骤在前面的“使用Spark清洗统计业务数据并保存到数据库中”任务阶段应该已经完成。如果没有完成,请参考源代码自行完成。核心类主要有三个:SparkStreamingApplication类、SparkUtil类和MapManager类,以及一些辅助类。

  • BigData-Etl-KongGuan/src/main/java/com/qrsoft/etl/spark/SparkStreamingApplication.java类的作用是实时读取Kafka中所有Topic的数据,然后进入到不同的处理分支程序中进行数据清洗和存储,处理“实时飞行的航迹数据”的分支的代码如下:
SparkUtil sparkUtil = new SparkUtil();
try {switch (topName) {case Constants.TASK_RADAR:sparkUtil.TaskRadarStr(taskRadar);break;
  • 进入 Constants.TASK_RADAR 分支后,会调用SparkUtil类中的TaskRadarStr方法来处理数据,BigData-Etl-KongGuan/src/main/java/com/qrsoft/etl/spark/SparkUtil.java类中相关的核心代码如下:
    /*** 业务处理* @param strs    航迹数据*/public void TaskRadarStr(String strs){System.out.println(strs);String[] str = strs.split(",");logger.info(str.toString());try {//判断是哪个扇区 sectionG sectionK sectionEString sectionVal = "";MapManager mapMan = new MapManager();double lat = Double.valueOf(str[8]);double lng = Double.valueOf(str[9]);if(mapMan.isInRectangleArea(lat,lng,sectionG[0],sectionG[1],sectionG[2],sectionG[3])){sectionVal = "G";}else if(mapMan.isInRectangleArea(lat,lng,sectionK[0],sectionK[1],sectionK[2],sectionK[3])){sectionVal = "K";}else if(mapMan.isInRectangleArea(lat,lng,sectionE[0],sectionE[1],sectionE[2],sectionE[3])){sectionVal = "E";};System.out.println("=========================================================");System.out.println("========================"+sectionVal+"=================================");System.out.println("=========================================================");MultiRadar mr = new MultiRadar();//MultiRadar mr = new MultiRadar(str[1],str[12],str[11],str[0],str[17],str[15],str[18],str[19],str[9],str[8],str[7],str[13],str[14],str[10],str[3],str[6],str[4],str[16],str[5],str[2],sectionVal);mr.setAcid(str[0]);mr.setAreaSource(str[1]);mr.setClimbordownSpeed(str[2]);mr.setDirection(str[3]);mr.setFcu(str[4]);mr.setFlyStatus(str[5]);mr.setRadarCFL(str[6]);mr.setRadarHeight(str[7]);mr.setRadarLatitude(str[8]);mr.setRadarLongTitude(str[9]);mr.setRadarSpeed(str[10]);mr.setRadarType(str[11]);mr.setSendRadarTime(str[12]);mr.setSpeedX(str[13]);mr.setSpeedY(str[14]);mr.setSsrCode(str[15]);mr.setTime(str[16]);mr.setTrackNumber(str[17]);mr.setZhiJiaoX(str[18]);mr.setZhiJiaoY(str[19]);mr.setSection(sectionVal);//根据航班号,查询是否已经开始对该航迹进行统计MultiRadarDao dao = new MultiRadarDao();boolean bool = dao.isExistThisRadar(mr.getAcid());if(bool) {//存在,修改数据库中该航迹dao.updateAnRadarMsg(mr);}else{//尚未进行统计 创建一个统计信息dao.createAnRadarMsg(mr);}}catch (Exception e){e.printStackTrace();logger.info(" MultiRadar错误数据: [{}]", strs);}}
  • 在处理“实时飞行的航迹数据”时,会使用到一个辅助类MapManager,该类的功能包括:判断飞机是否在指定的矩形区域内、判断飞机是否在指定的经纬度范围内,核心代码如下:
public class MapManager {/*** 是否在矩形区域内* * @param lat 测试点经度* @param lng 测试点纬度* @param minLat 纬度范围限制1* @param maxLat 纬度范围限制2* @param minLng 经度限制范围1* @param maxLng 经度范围限制2*/public  boolean isInRectangleArea(double lat,double lng,double minLat, double maxLat,double minLng,double maxLng){if(this.isInRange(lat, minLat, maxLat)){//如果在纬度的范围内if(minLng*maxLng>0){if(this.isInRange(lng, minLng, maxLng)){return true;}else {return false;}}else {if(Math.abs(minLng)+Math.abs(maxLng)<180){if(this.isInRange(lng, minLng, maxLng)){return true;}else {return false;}}else{double left = Math.max(minLng, maxLng);double right = Math.min(minLng, maxLng);if(this.isInRange(lng, left, 180)||this.isInRange(lng, right,-180)){return true;}else {return false;}}}}else{return false;}}/*** 判断是否在经纬度范围内* * @param point* @param left* @param right*/public  boolean isInRange(double point, double left,double right){if(point>=Math.min(left, right)&&point<=Math.max(left, right)){return true;}else {return false;}}
}
  • 其他辅助类,请参考源代码。

2、打开前端Vue项目kongguan_web,完成前端Vue页面(src/views/Home/Map.vue)设计

  • 在Vue页面 src/views/Home/Map.vue 中引入百度地图,首先添加百度地图背景图,并在地图上飞机,飞机相当于在地图上添加mark点

其中bm-marker是飞机,bm-label是飞机旁边显示的标签,通过v-for标签循环绑定数据, 例如:v-for="item in caseList",caseList是在下边的数据获取步骤中赋值的。

<template><div style="height: 100%"><baidu-map :center="center" :zoom="zoom"  style="height:100%" @click="getClickInfo":scroll-wheel-zoom='true' :map-style="mapStyle"><bm-marker v-for="item in caseList" :key="item.id":position="{lng: item.radarLongtitude, lat: item.radarLatitude}" :rotation="Number(item.direction)":icon="{url: urlz(item.id), size: {width: 100, height: 75}}"><bm-label  :position="{lng: item.radarLongtitude, lat: item.radarLatitude}":content="item.acid":labelStyle="{color: 'gray', fontSize : '8px',backgroundColor: 'rgba(0,0,0,0)',border:0}"title="Hover me"/></bm-marker><!-- 缩放控件,注册此组件才会显示拖放进度 --><bm-navigation anchor="BMAP_ANCHOR_TOP_LEFT"></bm-navigation></baidu-map>
... 接下文 ...
  • 在Vue页面中添加扇区管理的页面设计:

页面中包含"G"、"K"、"E"三个扇区的按钮,并绑定了click事件,当点击其中任意一个扇区对应的按钮时会触发click事件,执行clickData方法,clickData方法在后面的步骤中定义,主要是根据传入的不同的参数("G"、"K"、"E"),获取不同扇区的数据。

... 接上文 ...<div class="allStatistics box"><img src="../../assets/images/nl.png" width="45px" height="45px" style="position: absolute;right: 90px;top: 75px"><img src="../../assets/images/gj.png" width="45px" height="45px"style="position: absolute ;right: 290px;top: 70px"><div style=" margin-left: 70px;margin-top: 12px"><div>当前时间:{{new Date().getFullYear()}}-{{new Date().getMonth()}}-{{new Date().getDate()}} &ensp;{{newDate().getHours()}}:{{new Date().getMinutes()}}:{{new Date().getSeconds()}}</div><div style="margin-left: -17px">当前位置:{{this.center.lng}} {{this.center.lat}}</div></div><div style=" font-weight: bold;position: absolute;top: 145px;left: 45px"><span style="color: #2a58f4">轨迹数:</span><span style="color: #2a58f4">{{count}}</span><span style="color: #f17140;margin-left: 52px">告警数:</span><span style="color: #f17140">{{count1}}</span></div></div><div class="sectors1 box"><div class="title">当前用户: <span class="npc">管理员 G</span></div><div ><el-button :type="isActive==='G'?'success':'primary'" style="margin-left: 16px" @click="clickData('G')">G</el-button><el-button :type="isActive==='K'?'success':'primary'" :class="isActive === 2?'active':''"@click="clickData('K')">k</el-button><el-button :type="isActive==='E'?'success':'primary'" :class="isActive === 3?'active':''"@click="clickData('E')">E</el-button></div></div><div class="sectors2 box"><div class="title">扇区状态栏</div><div><el-button :type="isActive==='G'?'success':'primary'" style="margin-left: 16px" @click="clickData('G')">G</el-button><el-button :type="isActive==='K'?'success':'primary'" :class="isActive === 2?'active':''"@click="clickData('K')">k</el-button><el-button :type="isActive==='E'?'success':'primary'" :class="isActive === 3?'active':''"@click="clickData('E')">E</el-button></div></div><div class="simi_box box"><div class="similarity"><el-tag effect="dark"><span class="tag-group__title" style="">相似航班数提醒</span></el-tag><div v-for="(it,index) in atcList" :key="index" style="height: 45px; font-weight: bold;"><spanstyle="margin-left: 25px">{{it.gjSector}}</span><spanstyle="margin-left: 45px">{{it.gj}}</span></div></div><div class="similarity"><el-tag effect="dark"><span class="tag-group__title" style="">管制指令纠错</span></el-tag><div v-for="(it,index) in warnList" :key="index"><div style="height: 45px;text-align: center"><spanstyle="width: 100%; font-weight: bold;">{{it.gj_acids}}</span></div><div style="height: 45px;text-align: center;"><table style="height: 45px"><tr><td style="width: 150px; border: #2a58f4 3px solid; border-left: none">{{it.gj_name}}</td><td style="width: 83px; border: #2a58f4 3px solid">{{it.gj_track_num1}}</td><td style="width: 83px; border: #2a58f4 3px solid">{{it.gj_track_num2}}</td><td style="width: 83px; border: #2a58f4 3px solid; border-right: none">{{it.gj_distinct}}</td></tr></table></div></div></div></div></div>
</template>
  • 导入访问服务端的api路由
<script>import {findLocusCount,findMultRadar,findWarnSimilarOfATC,findWarnSimilarOfATCCount,findWarnTp} from "@/api/map/map";
... 接下文 ...
  • 初始化数据,在地图上设置一个初始点,并设置样式
... 接上文 ...export default {name: 'TestBaiDu',data() {return {center: {lng: 118.78995, lat: 36.62934},zoom: 8,url1: require("../../assets/images/fj.png"),url2: require("../../assets/images/hfj.png"),markerPoint: {lng: 116.404, lat: 39.915},caseList: [],warnList: [],atcList: [],count: 1,count1: 1,isActive: 'G',mapStyle: {styleJson: [{"featureType": "water","elementType": "all","stylers": {"color": "#285ea5"}},{"featureType": "land","elementType": "all","stylers": {"color": "#0c3c7f"}},{"featureType": "road","elementType": "all","stylers": {"visibility": "off"}},{"featureType": "point","elementType": "all","stylers": {"visibility": "off"}},{"featureType": "all","elementType": "labels.text.fill","stylers": {"color": "#2da0c6","visibility": "off"}}]},timer: null,}},
... 接下文 ...
  • 获取数据

其中loadData方法是用来获取实时飞行数据,loadWarn方法是获取告警信息,clickData方法是响应扇区按钮的点击事件,查询不同扇区对应的数据。

... 接上文 ...mounted() {this.loadWarn();this.loadData();this.clickData();this.timeOut();},beforeDestroy() {    //页面关闭时清除定时器  window.clearInterval(this.timer);this.timer = null;},destroyed() {window.clearInterval(this.timer);this.timer = null; },methods: {urlz(data){for(let i=0;i<this.warnList.length;i++){var value1 = this.warnList[i].gj_track_num1;var value2 = this.warnList[i].gj_track_num2;if(value1 == data || value2 == data){return  this.url2;}}return this.url1;},getClickInfo(e) {this.center.lng = e.point.lngthis.center.lat = e.point.lat},loadData() {findMultRadar().then(data => {if (data.isSuccess) {this.caseList = data.result;this.caseList.forEach(it => {it.count = it.areaSource + "," + it.trackNumber})} else {this.$message.error("数据获取失败");}})},loadWarn(){findWarnTp().then(data => {if (data.isSuccess) {this.warnList = data.result;} else {this.warnList.error("数据获取失败");}})},clickData(data) {if (data == null) {this.isActive = 'G'data = 'G'} else {this.isActive = data}findLocusCount(data).then(data => {if (data.isSuccess) {this.count = data.result;} else {this.warnList.error("数据获取失败");}}),findWarnSimilarOfATC(data).then(data => {if (data.isSuccess) {this.atcList = data.result;} else {this.atcList.error("数据获取失败");}}),findWarnSimilarOfATCCount(data).then(data => {if (data.isSuccess) {this.count1 = data.result;} else {this.count1.error("数据获取失败");}})},
... 接下文 ...
  • 创建一个定时器,定时获取数据,以更新飞机的位置
... 接上文 ...timeOut(){// 需要在一开始就先调用一遍该方法,否则在开始的5s内是没有数据的 if (this.timer) {window.clearInterval(this.timer)} else {this.timer = window.setInterval(() => {this.loadData();}, 9000)}},}}
</script>
... 接下文 ...
  • 页面样式
... 接上文 ...
<style>.sectors1 { top: 20px; right: 450px; background: #fff; width: 220px; height: 80px; margin-top: 30px; }.sectors2 { top: 20px; right: 690px; background: #fff; width: 220px; height: 80px; margin-top: 30px; }.box { position: absolute; margin-top: 70px; }.allStatistics { background: #fff; width: 400px; height: 200px; top: 60px; right: 20px; margin-top: 30px; }.similarity { background: #fff; overflow: hidden; border-radius: 5px 5px 0 0; margin-bottom: 20px; }.simi_box { top: 300px; right: 20px; width: 400px; height: 400px; margin-top: 18px; }.npc { color: #2a58f4; }.title {  color: #575757; text-align: center; font-weight: bold;   }.active { background-color: #00b700; }.el-button { height: 25px; }.el-tag { width: 400px; border-radius: 0px; }.common-right{ padding-top: 60px; padding-right: 0; padding-left: 0; }
</style>
  • 在src/api/目录下创建map目录,然后创建api路由文件 src/api/map/map.js,用于访问服务端相应的Controller(主要是通过findMultRadar()方法“查询综合航迹数据”并显示航迹图,还会涉及到“管制指令纠错”、“根据扇区名称获取该扇区航班数”、“根据扇区号查询相似航班”、“根据扇区号查询相似航班告警总数”等数据的展示)
import request from "../../utils/request";//综合航迹数据查询相关的服务器端请求的根路径
const baseUrl="/api/multiRadar"
//年度统计查询相关的服务器端请求的根路径
const warUrl ="/api/warnFlightHistory"
//航班告警查询相关的服务器端请求的根路径
const warSimUrl = "/api/warnSimilarHistory"
//扇区操作查询相关的服务器端请求的根路径
const atcUrl = "/api/atc"//查询综合航迹数据
export function findMultRadar(){return request({url:baseUrl+"/findMultRadar",method: "get",})
}
//管制指令纠错
export function findWarnTp(){return request({url:warUrl+"/findWarnTp",method: "get",})
}
//根据扇区名称获取该扇区航班数
export function findLocusCount(data){return request({url:atcUrl+"/findLocusCount?planSectorName="+data,method: "get",})
}
//根据扇区号查询相似航班
export function findWarnSimilarOfATC(data){return request({url:warSimUrl+"/findWarnSimilarOfATC?sectorName="+data,method: "get",})
}
//根据扇区号查询相似航班告警总数
export function findWarnSimilarOfATCCount(data){return request({url:warSimUrl+"/findWarnSimilarOfATCCount?sectorName="+data,method: "get",})
}
  • 修改 src/router/index.js 路由文件,添加Map.vue页面的路由跳转
... 略 ...{path: '/',component: Layout,redirect: '/map',children: [{path: 'map',component: resolve => require(['@/views/Home/Map'], resolve),name: 'map',meta: { title: 'map' }}]},
... 略 ...
  • src/router/index.js文件的完整内容如下:
import Vue from 'vue'
import Router from 'vue-router'const originalPush = Router.prototype.push;
Router.prototype.push = function push(location) {return originalPush.call(this, location).catch(err => err)
}Vue.use(Router)
/* Layout */
import Layout from '@/views/Layout/Layout'
const router =  new Router({base: process.env.BASE_URL,mode: 'history',routes: [{path: "/login",component: resolve => require(['@/views/Login/Login'], resolve),hidden: true,meta: {auth: true}},{path: '/',component: Layout,redirect: '/home',children: [{path: 'home',component: resolve => require(['@/views/Home/Index'], resolve),name: 'home',meta: { title: 'home' }}]},{path: '/',component: Layout,redirect: '/map',children: [{path: 'map',component: resolve => require(['@/views/Home/Map'], resolve),name: 'map',meta: { title: 'map' }}]},]
})// 导航守卫
// 使用 router.beforeEach 注册一个全局前置守卫,判断用户是否登陆
router.beforeEach((to, from, next) => {if (to.path === '/login') {next();} else {let token = localStorage.getItem('Authorization');if (token === null || token === '') {next('/login');} else {next();}}
});
export default router
  • 确保 src/App.vue 文件的内容如下:
<template><div id="app"><router-view/></div>
</template><script>
export default {name: 'App',
}
</script><style>
html,body,#app{height: 100%;
}
</style>

3、打开后端项目BigData-KongGuan,完成后台逻辑实现

  • 编写以下Controller类,来处理客户端发送过来的请求,涉及以下几个类:

类/接口

作用

com.qrsoft.controller.AtcController扇区操作类:处理客户端的 /api/atc 相关的扇区操作请求
com.qrsoft.controller.MultiRadarController综合航迹数据:处理客户端的 /api/multiRadar 相关的综合航迹数据查询请求
com.qrsoft.controller.WarnFlightHistoryController年度告警统计:处理客户端的 /api/warnFlightHistory 相关的年度统计查询请求
com.qrsoft.controller.WarnSimilarHistoryController航班告警:处理客户端的 /api/warnSimilarHistory 相关的航班告警查询请求

1)在com.qrsoft.controller.AtcController类中主要调用其中的 findLocusCount() 方法,用于根据扇区名称获取该扇区航班数。

/**
* 根据扇区名称获取该扇区航班数
*/
@ApiOperation(value = "根据扇区名称获取该扇区航班数")
@GetMapping("/findLocusCount")
public Result findLocusCount(@RequestParam String planSectorName){return service.findLocusCount(planSectorName);
}

AtcController类的完整内容如下:

@Api(tags = "扇区操作类")
@RestController
@RequestMapping("/api/atc")
public class AtcController {@Autowiredprivate AtcService service;/*** 获取各扇区航班数*/@ApiOperation(value = "获取各扇区航班数")@GetMapping("/findSectorSortie")public Result findSectorSortie(){return service.findSectorSortie();}/*** 根据扇区名称获取该扇区航班数*/@ApiOperation(value = "根据扇区名称获取该扇区航班数")@GetMapping("/findLocusCount")public Result findLocusCount(@RequestParam String planSectorName){return service.findLocusCount(planSectorName);}/*** 扇区架次数动态统计(饼状图)*/@ApiOperation(value = "扇区架次数动态统计(饼状图)")@GetMapping("/findATCTime")public Result findATCTime(){return service.findATCTime();}
}

2)在com.qrsoft.controller.MultiRadarController类中主要调用findMultRadar()方法,用于综合航迹数据查询,MultiRadarController类的内容如下:

@Api(tags = "综合航迹数据")
@RestController
@RequestMapping("/api/multiRadar")
public class MultiRadarController {@Autowiredprivate MultiRadarService service;/*** 查询综合航迹数据*/@GetMapping("/findMultRadar")public Result findMultRadar(){return service.findMultRadar();}
}

3)在com.qrsoft.controller.WarnFlightHistoryController类中主要调用 findWarnTp() 方法,用于查询“管制指令纠错”的数据。

 /*** 管制指令纠错*/
@ApiOperation(value = "管制指令纠错")
@GetMapping("/findWarnTp")
public Result findWarnTp(){return service.findWarnTp();
}

WarnFlightHistoryController类的完整内容如下:

@Api(tags = "年度统计")
@RestController
@RequestMapping("/api/warnFlightHistory")
public class WarnFlightHistoryController {@Autowiredprivate WarnFlightHistoryService service;/*** 年度警告分类统计*/@ApiOperation(value = "年度警告分类统计")@GetMapping("/annualWarningStatisticsByCategory")public Result annualWarningStatisticsByCategory(){return service.annualWarningStatisticsByCategory();}/*** 年度警告区域统计*/@ApiOperation(value = "年度警告区域统计")@GetMapping("/annualWarningAreaStatistics")public Result annualWarningAreaStatistics(){return service.annualWarningAreaStatistics();}/*** 管制指令纠错*/@ApiOperation(value = "管制指令纠错")@GetMapping("/findWarnTp")public Result findWarnTp(){return service.findWarnTp();}
}

4)创建com.qrsoft.controller.WarnSimilarHistoryController类,在类中主要调用findWarnSimilarOfATC()和findWarnSimilarOfATCCount()方法,用于“根据扇区号查询相似航班告警”和“根据扇区号查询相似航班告警总数”。

/**
* 根据扇区号查询相似航班告警
*/
@ApiOperation(value = "根据扇区号查询相似航班")
@GetMapping("/findWarnSimilarOfATC")
public Result findWarnSimilarOfATC(@RequestParam String sectorName){return service.findWarnSimilarOfATC(sectorName);
}
/**
* 根据扇区号查询相似航班告警总数
*/
@ApiOperation(value = "根据扇区号查询相似航班告警总数")
@GetMapping("/findWarnSimilarOfATCCount")
public Result findWarnSimilarOfATCCount(@RequestParam String sectorName){return service.findWarnSimilarOfATCCount(sectorName);
}

WarnSimilarHistoryController类的完整代码如下:

package com.qrsoft.controller;import com.qrsoft.common.Result;
import com.qrsoft.service.WarnSimilarHistoryService;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiOperation;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;@Api(tags = "航班告警")
@RestController
@RequestMapping("/api/warnSimilarHistory")
public class WarnSimilarHistoryController {@Autowiredprivate WarnSimilarHistoryService service;/*** 查询相似航班告警*/@ApiOperation(value = "查询相似航班告警")@GetMapping("/findWarnSimilarHistory")public Result findWarnSimilarHistory(){return service.findWarnSimilarHistory();}/*** 根据扇区号查询相似航班告警*/@ApiOperation(value = "根据扇区号查询相似航班")@GetMapping("/findWarnSimilarOfATC")public Result findWarnSimilarOfATC(@RequestParam String sectorName){return service.findWarnSimilarOfATC(sectorName);}/*** 根据扇区号查询相似航班告警总数*/@ApiOperation(value = "根据扇区号查询相似航班告警总数")@GetMapping("/findWarnSimilarOfATCCount")public Result findWarnSimilarOfATCCount(@RequestParam String sectorName){return service.findWarnSimilarOfATCCount(sectorName);}
}
  • 编写以下Controller对应的Service类,包括以下几个类:

类/接口

作用

com.qrsoft.service.AtcService扇区操作的业务模块处理类
com.qrsoft.service.MultiRadarService综合航迹数据查询的业务模块处理类
com.qrsoft.service.WarnFlightHistoryService年度告警数据查询的业务模块处理类
com.qrsoft.service.WarnSimilarHistoryService航班告警数据查询的业务模块处理类

1)com.qrsoft.service.AtcService类的内容如下:

@Service
public class AtcService extends ServiceImpl<AtcMapper, Atc> {@Autowiredprivate MultiRadarService multiRadarService;/*** 查询所有扇区航班架次*/public Result findSectorSortie() {List<Atc> sectorSortie = baseMapper.findSectorSortie();return new Result(ResultConstants.SUCCESS, ResultConstants.C_SUCCESS, sectorSortie);}/*** 根据扇区号查询架次*/public Result findLocusCount(String planSectorName) {QueryWrapper<MultiRadar> queryWrapper = new QueryWrapper<>();queryWrapper.eq("section",planSectorName);int count = multiRadarService.count(queryWrapper);return new Result(ResultConstants.SUCCESS, ResultConstants.C_SUCCESS, count);}/*** 扇区架次数动态统计(饼状图)*/public Result findATCTime() {List<String> sectorName = new ArrayList<>();sectorName.add("K");sectorName.add("S");sectorName.add("E");sectorName.add("P");sectorName.add("G");List<String> executeTime = baseMapper.findATCTime();List list = new ArrayList();for (int i = 0; executeTime.size() > i; i++) {ArrayList<Object> objects = new ArrayList<>();for (int j = 0; sectorName.size() > j; j++) {Atc atcTime2 = baseMapper.findATCTime2(executeTime.get(i), sectorName.get(j));HashMap<String, Object> map = new HashMap<>();if (atcTime2.getPlanSectorName() != null) {map.put(atcTime2.getPlanSectorName(), atcTime2.getCount());}else {map.put(sectorName.get(j),0);}objects.add(map);}list.add(objects);}return new Result(ResultConstants.SUCCESS, ResultConstants.C_SUCCESS, list);}
}

2)创建com.qrsoft.service.MultiRadarService类,类中包含一个findMultRadar()方法,用于查询综合航迹数据,内容如下:

package com.qrsoft.service;import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import com.qrsoft.common.Result;
import com.qrsoft.common.ResultConstants;
import com.qrsoft.entity.MultiRadar;
import com.qrsoft.mapper.MultiRadarMapper;
import org.springframework.stereotype.Service;import java.util.List;@Service
public class MultiRadarService extends ServiceImpl<MultiRadarMapper, MultiRadar> {/*** 查询综合航迹数据*/public Result findMultRadar(){List<MultiRadar> multiRadars = baseMapper.selectList(null);return new Result(ResultConstants.SUCCESS, ResultConstants.C_SUCCESS,multiRadars);}
}

3)com.qrsoft.service.WarnFlightHistoryService类的内容如下:

@Service
public class WarnFlightHistoryService extends ServiceImpl<WarnFlightHistoryMapper, WarnFlightHistory> {/*** 年度警告区域统计*/public Result annualWarningAreaStatistics(){List<WarnFlightHistory> warnFlightHistories = baseMapper.annualWarningAreaStatistics();return new Result(ResultConstants.SUCCESS, ResultConstants.C_SUCCESS,warnFlightHistories);}/*** 年度警告分类统计*/public Result annualWarningStatisticsByCategory(){List<WarnFlightHistory> warnFlightHistories = baseMapper.annualWarningStatisticsByCategory();return new Result(ResultConstants.SUCCESS, ResultConstants.C_SUCCESS,warnFlightHistories);}/*** 管制指令纠错*/public Result findWarnTp(){List<HashMap<String, Object>> result = new ArrayList<>();List<HashMap<String, Object>> warnTp = baseMapper.findWarnTp();for (HashMap<String,Object> hm :warnTp){String gj_acids = (String)hm.get("gj_acids");String[] split = gj_acids.split("-");System.out.println(split.length);if(split.length>=2) {Integer warn = baseMapper.getWarn(split[0], split[1]);if(warn >=2){result.add(hm);}}}return new Result(ResultConstants.SUCCESS, ResultConstants.C_SUCCESS,result);}
}

4)创建com.qrsoft.service.WarnSimilarHistoryService类,内容如下:

package com.qrsoft.service;import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import com.qrsoft.common.Result;
import com.qrsoft.common.ResultConstants;
import com.qrsoft.entity.MultiRadar;
import com.qrsoft.entity.WarnSimilarHistory;
import com.qrsoft.mapper.MultiRadarMapper;
import com.qrsoft.mapper.WarnSimilarHistoryMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;@Service
public class WarnSimilarHistoryService extends ServiceImpl<WarnSimilarHistoryMapper, WarnSimilarHistory> {@Autowiredprivate MultiRadarMapper multiRadarMapper;/*** 查询相似航班告警*/public Result findWarnSimilarHistory(){List<WarnSimilarHistory> warnSimilarHistory = baseMapper.findWarnSimilarHistory();return new Result(ResultConstants.SUCCESS, ResultConstants.C_SUCCESS,warnSimilarHistory);}/*** 根据扇区号查询相似航班*/public Result findWarnSimilarOfATC(String sectorName){QueryWrapper<MultiRadar> queryWrapper = new QueryWrapper<>();queryWrapper.eq("section",sectorName);List<MultiRadar> list = multiRadarMapper.selectList(queryWrapper);List<Map<String,String>> result = new ArrayList<>();System.out.println(list);for(MultiRadar m1 :list){for(MultiRadar m2:list){String acid1 = m1.getAcid();String substring = acid1.substring(0,3);String acid2 = m2.getAcid();if(acid2.startsWith(substring)){if(acid1.equals(acid2)){break;}HashMap<String, String> res = new HashMap<>();res.put("gj", acid1 + "-" + acid2);res.put("gjSector",sectorName);result.add(res);break;}}}return new Result(ResultConstants.SUCCESS, ResultConstants.C_SUCCESS,result);}/*** 查询航班数量*/public Result findWarnSimilarOfATCCount(String sectorName){Result warnSimilarOfATC = this.findWarnSimilarOfATC(sectorName);Object result = warnSimilarOfATC.getResult();List<?> result1 = (List<?>) result;int size = result1.size();return new Result(ResultConstants.SUCCESS, ResultConstants.C_SUCCESS,size);}
}
  • 编写对应的Mapper数据访问类,包括以下几个类:

类/接口

作用

com.qrsoft.mapper.AtcMapper扇区操作的数据访问类
com.qrsoft.mapper.MultiRadarMapper综合航迹数据查询的数据访问类
com.qrsoft.mapper.WarnFlightHistoryMapper年度告警数据查询的数据访问类
com.qrsoft.mapper.WarnSimilarHistoryMapper航班告警数据查询的数据访问类

1)com.qrsoft.mapper.AtcMapper类的内容如下:

@Mapper
public interface AtcMapper extends BaseMapper<Atc> {@Select("select PLAN_SECTOR_NAME,COUNT(*) as count from atc_number GROUP BY PLAN_SECTOR_NAME;")List<Atc> findSectorSortie();@Select("select EXECUTE_DATE from atc_number group by EXECUTE_DATE order by EXECUTE_DATE desc limit 19;")List<String> findATCTime();@Select("select PLAN_SECTOR_NAME,count(*) as count from atc_number where EXECUTE_DATE = #{executeTime} and PLAN_SECTOR_NAME = #{sectorName}")Atc findATCTime2(String executeTime,String sectorName);
}

2)com.qrsoft.mapper.MultiRadarMapper类的内容如下:

@Mapper
public interface MultiRadarMapper extends BaseMapper<MultiRadar> {}

3)com.qrsoft.mapper.WarnFlightHistoryMapper类的内容如下:

@Mapper
public interface WarnFlightHistoryMapper extends BaseMapper<WarnFlightHistory> {@Select("SELECT gj_sector,COUNT(*) as gjCount FROM warnflighthistory_number GROUP BY gj_sector ORDER BY sum(count) desc LIMIT 11;")List<WarnFlightHistory> annualWarningAreaStatistics();@Select("select gj_name,count(*) as gjCount from warnflighthistory_number group by gj_name;")List<WarnFlightHistory> annualWarningStatisticsByCategory();@Select("select gj_type,gj_id,gj_msg_type,gj_track_num1,gj_track_num2,gj_distinct,gj_radian,gj_name,gj_distinct_bz,gj_city,gj_date,gj_acids,gj_num1_long,gj_num1_lat,gj_num2_long,gj_num2_lat from warntp_number;")List<HashMap<String,Object>> findWarnTp();@Select("select count(*) from multiradar_number where `ACID` IN (#{acid},#{bcid});")Integer getWarn(@Param("acid") String acid, @Param("bcid") String bcid);
}

4)创建com.qrsoft.mapper.WarnSimilarHistoryMapper类,内容如下:

package com.qrsoft.mapper;import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.qrsoft.entity.WarnSimilarHistory;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Param;
import org.apache.ibatis.annotations.Select;import java.util.List;@Mapper
public interface WarnSimilarHistoryMapper extends BaseMapper<WarnSimilarHistory> {@Select("SELECT gj_sector,gj_acid FROM warnsimilarhistory_number ORDER BY id DESC LIMIT 4;")List<WarnSimilarHistory> findWarnSimilarHistory();@Select("SELECT gj_sector,gj_acid FROM warnsimilarhistory_number where gj_sector = #{sectorName} ORDER BY id DESC LIMIT 4;")List<WarnSimilarHistory> findWarnSimilarOfATC(@Param("sectorName") String sectorName);
}
  • 涉及的数据实体类包括(在前面的任务中已经创建过,此处只需确认一下是否存在):

类/接口

作用

com.qrsoft.entity.Atc扇区对应的实体类
com.qrsoft.entity.MultiRadar雷达对应的实体类
com.qrsoft.entity.WarnFlightHistory年度告警飞行历史记录对应的实体类
com.qrsoft.entity.WarnSimilarHistory航班告警历史记录对应的实体类
com.qrsoft.entity.Company航空公司信息表对应的实体类
com.qrsoft.common.Result返回结果类
com.qrsoft.common.ResultConstants返回常量结果类

1)需要创建com.qrsoft.entity.WarnSimilarHistory类,用于航班告警历史记录对应的实体类,内容如下:

package com.qrsoft.entity;import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableName;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;import java.io.Serializable;@Data
@AllArgsConstructor
@NoArgsConstructor
@TableName("warnsimilarhistory_number")
public class WarnSimilarHistory implements Serializable {private Integer id;@TableField(value = "gj_type")private String gjType;@TableField(value = "gj_id")private String gjDd;@TableField(value = "gj_msg_type")private String gjMsgType;@TableField(value = "gj_num")private String gjNum;@TableField(value = "gj_track_num")private String gjTrackNum;@TableField(value = "gj_sector")private String gjSector;@TableField(value = "gj_acid")private String gjAcid;@TableField(value = "gj_status")private String gjStatus;@TableField(value = "gj_city")private String gjCity;@TableField(value = "gj_date")private String gjDate;@TableField(value = "count")private Integer count;}

2)其他实体类在前面的任务中已经创建,这里不需要重复创建。

4、功能测试

  • 启动后端程序:BigData-KongGuan

  • 启动后端程序:BigData-Etl-KongGuan

  • 启动前端程序

  • 页面显示效果(下面图中是原企业项目的真实展示页面,在当前项目中由于数据集的特点,实际展示效果可能会有差异)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/44418.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Linux基础知识(十六)shell脚本编程

一、简介 用户通过shell向计算机发送指令计算机通过shell给用户返回指令的执行结果 1.1 通过shell编程可以达到的效果 提高工作效率可以实现自动化 1.2 需要学习的内容 Linuxshell的语法规范 1.3 编写shell的流程 第一步&#xff1a;用vi/vim创建一个.sh的文件第二步&am…

位运算在数据库中的运用实践-以MySQL和PG为例

目录 前言 一、两种不同的数据库设计 1、状态字段存储JSON 2、使用位运算 二、数据库中的位运算实践 1、MySQL中的位运算实践 2、PostgreSQL中位运算实践 三、总结 前言 最近在解决某用户的一个业务需求时&#xff0c;遇到一个很有意思的场景。首先先跟大家分享一下需求…

飞腾平台虚拟机组播性能调优指南

【写在前面】 飞腾开发者平台是基于飞腾自身强大的技术基础和开放能力&#xff0c;聚合行业内优秀资源而打造的。该平台覆盖了操作系统、算法、数据库、安全、平台工具、虚拟化、存储、网络、固件等多个前沿技术领域&#xff0c;包含了应用使能套件、软件仓库、软件支持、软件适…

STM32G4 DMA的使用(寄存器开发)

下面以STM32G474为例&#xff0c;使用DMA来存储USART1的接收数据。 1. 查看硬件支持 首先查看要使用的DMA支持的通道数&#xff0c;在手册中有如下说明。 根据上图可以看到&#xff0c;对于不同的设备类型有不同的DMA通道数量。设备类型分类如下图所示。 我使用的是STM32G474…

基于 TI AM62 测试 QtWayland 部署

By Toradex秦海 1). 简介 目前主流的 ARM 平台嵌入式 Linux BSP 的显示后端基本都已经从 X11 升级到了 Wayland&#xff0c; 而常用的 Wayland Compositor - Weston 对于 Linux 下常用的 Qt 图形界面开发框架的一些 Plugin (比如 Qt VirtualKeyboard) 的配合并不完善&#xf…

什么是边缘计算?创造一个更快、更智慧、更互联的世界

前言 如今&#xff0c;数十亿物联网传感器广泛部署在零售商店、城市街道、仓库和医院等各种场所&#xff0c;正在生成大量数据。从这些数据中更快地获得洞察&#xff0c;意味着可以改善服务、简化运营&#xff0c;甚至挽救生命。但要做到这一点&#xff0c;企业需要实时做出决策…

tableau标靶图,甘特图与瀑布图绘制 - 9

标靶图&#xff0c;甘特图与瀑布图 1. 标靶图绘制1.1 筛选器筛选日期1.2 条形图绘制1.3 编辑参考线1.4 设置参考线1.5 设置参考区间1.6 四分位设置1.7 其他标靶图结果显示 2.甘特图绘制2.1 选择列属性2.2 选择列属性2.3 创建新字段2.4 设置天数大小及颜色 3. 瀑布图绘制3.1 she…

【pytorch20】多分类问题

网络结构以及示例 该网络的输出不是一层或两层的&#xff0c;而是一个十层的代表有十分类 新建三个线性层&#xff0c;每个线性层都有w和b的tensor 首先输入维度是784&#xff0c;第一个维度是ch_out,第二个维度才是ch_in(由于后面要转置)&#xff0c;没有经过softmax函数和…

【利用GroundingDINO裁剪分类任务的数据集】及文本提示检测图像任意目标(Grounding DINO) 的使用

文章目录 背景1.Grounding DINO安装2.裁剪指定目标的脚本 背景 在处理公开数据集ImageNet-21k的时候发现里面有很多的数据有问题&#xff0c;比如&#xff0c;数据目标有很多背景&#xff0c;且部分类别有其他种类的图片。针对数据目标有很多背景&#xff0c;公开数据集ImageNe…

【数据库】Redis主从复制、哨兵模式、集群

目录 一、Redis的主从复制 1.1 主从复制的架构 1.2 主从复制的作用 1.3 注意事项 1.4 主从复制用到的命令 1.5 主从复制流程 1.6 主从复制实现 1.7 结束主从复制 1.8 主从复制优化配置 二、哨兵模式 2.1 哨兵模式原理 2.2 哨兵的三个定时任务 2.3 哨兵的结构 2.4 哨…

ArkUI开发学习随机——B站视频简介页面,美团购买界面

案例一&#xff1a;B站视频简介页面 代码&#xff1a; build() {Column(){Column(){Stack(){Image($r("app.media.genimpact")).width(200).height(125).borderRadius({topLeft:5,topRight:5})Row(){Image($r("app.media.bz_play")).height(24).fillColor…

【人工智能】Transformers之Pipeline(概述):30w+大模型极简应用

​​​​​​​ 目录 一、引言 二、pipeline库 2.1 概述 2.2 使用task实例化pipeline对象 2.2.1 基于task实例化“自动语音识别” 2.2.2 task列表 2.2.3 task默认模型 2.3 使用model实例化pipeline对象 2.3.1 基于model实例化“自动语音识别” 2.3.2 查看model与task…

IEC62056标准体系简介-4.IEC62056-53 COSEM应用层

为在通信介质中传输COSEM对象模型&#xff0c;IEC62056参照OSI参考模型&#xff0c;制定了简化的三层通信模型&#xff0c;包括应用层、数据链路层&#xff08;或中间协议层&#xff09;和物理层&#xff0c;如图6所示。COSEM应用层完成对COSEM对象的属性和方法的访问&#xff…

01MFC建立单个文件类型——画线

文章目录 选择模式初始化文件作用解析各初始化文件解析类导向创建鼠标按键按下抬起操作函数添加一个变量记录起始位置注意事项代码实现效果图虚实/颜色线选择模式 初始化文件作用解析 运行: 各初始化文件解析 MFC(Microsoft Foundation Classes)是一个C++类库,用于在Win…

防御课综合实验

实验拓扑&#xff1a; 实验要求&#xff1a; 1、DMZ区内的服务器&#xff0c;办公区仅能在办公时间内&#xff08;9点到18点&#xff09;可以访问&#xff0c;生产区的设备全天可以访问 2、生产区不允许访问互联网&#xff0c;办公区和游客区允许访问互联网 3、办公区设备10…

二叉平衡树(左单旋,右单旋,左右双旋、右左双旋)

一、AVL树&#xff08;二叉平衡树&#xff1a;高度平衡的二叉搜索树&#xff09; 0、二叉平衡树 左右子树高度差不超过1的二叉搜索树。 public class AVLTree{static class AVLTreeNode {public TreeNode left null; // 节点的左孩子public TreeNode right null; // 节点的…

基于Transformer的端到端的目标检测 | 读论文

本文正在参加 人工智能创作者扶持计划 提及到计算机视觉的目标检测&#xff0c;我们一般会最先想到卷积神经网络&#xff08;CNN&#xff09;&#xff0c;因为这算是目标检测领域的开山之作了&#xff0c;在很长的一段时间里人们都折服于卷积神经网络在图像处理领域的优势&…

论文 | REACT: SYNERGIZING REASONING AND ACTING INLANGUAGE MODELS

本文首先认为&#xff0c;到目前为止&#xff0c;LLM 在语言理解方面令人印象深刻&#xff0c;它们已被用来生成 CoT&#xff08;思想链&#xff09;来解决一些问题&#xff0c;它们也被用于执行和计划生成。 尽管这两者是分开研究的&#xff0c;但本文旨在以交错的方式将推理…

JSP入门基础

JSP入门基础 软件开发环境这门课程的复习资料 Web开发技术概述 URL的组成部分 协议、主机DNS名或IP地址和文件名 Tomcat服务器 Tomcat服务器的默认端口号是8080 概念 软件开发环境是围绕着软件开发的一定目标而组织在一起的一组相关软件工具的有机集合 JSP和HTML的区别…

SPE连接器技术革新汽车制造业

概述 新的SPE标准在汽车制造业中的应用正日益受到重视&#xff0c;它不仅推动了汽车通信技术的革新&#xff0c;还对汽车性能测试方法产生了深远影响。本文将详细探讨SPE标准在汽车制造业中的应用案例分析&#xff0c;以及它对供应链的挑战与机遇。 SPE标准在汽车制造业中的应…