基于Vue和SpringBoot的机场气象信息系统设计与实现
作者：赵富强 严风硕 边岱泉 朱小波
来源：《现代信息科技》2020年第21期
        摘 要：文章针对通用机场的气象信息服务体系建设不完善、气象服务保障不足的现状，提出一种基于Vue和SpringBoot的机场气象信息系统。以SpringBoot、Vue框架进行手机端和网页端应用开发，在移动端实现了机场本场气象数据、变化曲线、报文、设备等信息的展示功能，在网页端实现了气象模块、地图模式、列表模式、日志管理、用户管理等功能。通过该系统可远程、实时、准确了解机场本场气象信息和报文信息，为航空器起降和通用航空低空作业及飞行安全提供参考。
        关键词：Vue;SpringBoot;机场;气象
        中图分类号：TP311.5 文献标识码：A 文章编号：2096-4706（2020）21-0001-06
        Design and Implementation of Airport Meteorology Information System
        Based on Vue and SpringBoot
springboot推荐算法
        ZHAO Fuqiang，YAN Fengshuo，BIAN Daiquan，ZHU Xiaobo
        （The Second Research Institute of CAAC，Chengdu 610041，China）
        Abstract：This article proposes an airport meteorology information system based on Vue and SpringBoot in view of the current situation that imperfect construction of meteorology information service system of general airport and insufficient meteorology service guarantee. Use SpringBoot and Vue frameworks for mobile and web application development，realize the display function of the airport’s local meteorology data，change curves，messages，equipment and other information on the mobile side，and realize the meteorology module，map mode，list mode，log management，user management and other functions on the web side. Through this system，it is possible to remotely，real-time and accurately understand the local meteorology information and message information of the airport，and provide reference for aircraft take-off and landing，general aviation low-altitude operations and flight safety.
        Keywords：Vue;SpringBoot;airport;meteorology
        0 引 言
        机场气象服务是保障航空器安全起降的重要措施之一[1]。通用机场航空器运行空域属
于低空空域，该区域气象条件复杂多变，容易对航空安全造成影响。而目前我国通用机场气象服务体系建设还不够完善，主要体现在以下方面：一是大多数通用机场专业气象人员和气象探测设备配备不足，气象服务保障水平不高;二是一些通用机场依靠从互联网或临近气象机构获取的气象资料，不能准确反映通用机场瞬息变化的气象情况;三是现有的系统自成一体，存在信息“孤岛”现象，还不能完全满足实际需求，目前部署在本场的气象观测系统需工作人员现场操作，而有些机场气象观测站位置与人员的居所距离较远，不能及时掌握实时气象信息，也缺少便捷的移动端应用。上述情况均对通用航空安全保障产生一定影响。
        目前关于机场气象信息化研究取得了一些进展，虽然解决了部分问题，但仍具有一定的局限性。杨银霞借鉴气象局的应用案例，提出通过高清视频摄像观测机场气象替代人工现场观测的构想[2];丁圣等采用Java语言开发了通用机场气象服务APP，主要显示机场周边区域的气象实况资料信息[3];李洋磊等利用Leaflet库进行设计开发Web网页，实现航空气象信息与时空信息在地图上的充分结合[4]。
        综合考虑通用机场气象保障的现状，本文基于Vue和SpringBoot框架，设计实现了一
套机场气象信息系统，包括网页端和移动端，借助互联网，实现远程实时显示机场本场的温度、湿度、风向、风速、气压、降水、云高、能见度等氣象要素，并定时显示机场例行观测报文，该系统可辅助专业人员实时准确地了解机场区域的气象实况，为专业人员作出更加科学合理的决策提供技术支持。
        1 项目环境
        本项目将SpringBoot框架与Vue结合实现了系统的前后端分离[5]，以现代化轻量级代码编辑器Visual Studio Code V1.48.2作为开发工具，移动客户端利用混合开发方式[6]，采用Cordova 8.1.2开发工具进行开发。开发完成后，为了测试系统在网页端和移动端的可用性与兼容性，分别对网页端和移动端进行了测试。项目开发环境如表1所示。
        主要开发工具及框架说明：
        （1）JavaScript（简称“JS”）。JS是一种轻量级的解释型或即时编译型的高级编程语言。
        （2）Visual Studio Code。Visual Studio Code可在Mac OS X、Windows和Linux上
运行，可用于编写现代Web和云应用的跨平台编辑器。
        （3）MySQL。MySQL是一种关系型数据库，其成本低，支持快速开发，具有良好的跨平台性能。
        （4）SpringBoot后端框架。SpringBoot框架使用特定方式来进行配置，通过内嵌的Tomcat服务器，直接将项目打包成jar包，从而简化项目的部署工作[7]。通过配置Maven工具来管理大量的项目资源，可以解决项目资源管理难的问题。
        （5）Vue框架。Vue是由国内开发者尤雨溪研发用于搭建用户界面的框架，Vue采用自底向上增量开发的设计方式，提供了丰富的组件库，支持独立开发，采用Vue生态系统支持的库和单文件组件结合使用，Vue可为复杂的单页应用程序提供支持[8]。此外，通过Vue，将更便于前端调用第三方工具（如Web API）。
        （6）Cordova框架。Apache Cordova是一个开源的移动开发框架，允许使用标准的Web技术HTML5、CSS3和JavaScript做跨平台开发[9]。应用在每个平台的具体执行被封装了起来，并依靠符合标准的API绑定去访问每个设备的功能。
        （7）ECharts库。ECharts是一个基于JavaScript实现的开源可视化库，可以快速运行在PC端和移动设备上，底层依赖矢量图形库ZRender，可提供高度个性化定制的数据可视化图表[10]。
        2 总体设计
        2.1 整体架构
        系統的整体架构如图1所示。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。