气象信保业务导航系统设计研究

摘要：针对目前莆田市气象局系统内不存在独立的信息网络与装备保障业务导航系统，日常的运行监控或查看信息网络安全等网页地址都是保存在浏览器的收藏栏中。为方便保障信息网络安全与装备保障的业务使用以及日常查找方便，采用前后端分离方式开发了莆田市气象局的信保业务导航系统。该系统前端主要由Vue.js框架以及Element-UI组件组成，后端主要由SpringBoot，MySQL等组成，其提供气象信保部门快捷登入查询各个业务系统、访问日常值班等功能。

关键词：业务导航系统；浏览器；前后端分离

随着计算机的发展，信息化时代的到来，气象局业务不断扩展，为了管理方便而不断构建相关信息化系统。信息化系统的构建能够带来许多工作上的便利，其中最好的地方就是为气象部门与用户之间架起一座网络信息的桥梁，提供了一个互相交流的平台，可以满足用户对气象问题的查阅需求，解决用户的问题。同时，推动气象服务信息化有助于气象部门与用户的互动，在互相了解问题的过程中，解决群众对气象问题的困惑，提高了群众对气象工作的理解与支持，并根据要求不断反省自我，促进气象服务工作不断进步[1]。目前市级气象信息网络保障部门的主要工作职责有承担全市骨干通信网络系统和机房环境的规划设计、系统管理、运行维护和技术指导；负责全市气象探测设备运行状态和数据上行、下行传输的监控，承担市局各类气象资料的接收、传输和管理；负责全市视频电视会商系统的运行保障，配合省气象信息中心对省—市—县视频通信系统建设和维护；为气象政务管理信息系统、福建省突发事件预警信息系统、莆田市县气象业务集约化系统等业务系统的运行提供维护保障和技术支；负责全市部级自动气象站设备故障的快捷反应和在重大灾害性天气过程中特定设备的重点保障工作；承担对县级自动站维修维护的远程技术支持；负责全市常规气象观测仪器、自动站设备、大型气象设备的计量和检定管理工作。为了方便管理以及了解各个设备信息，大部分工作都通过网络查看设备信息以及操控相关设备，因此有多达十几个信息化系统。这些信息化系统的网页地址通常都保存在浏览器的收藏夹中，虽然可以通过浏览器自带的收藏夹文件管理进行分类，但展示的信息还是不够明晰，偶尔还需要登入才能具体清楚是哪个业务系统，为了方便气象信息网络保障部门值班人员日常工作，因此构建莆田信保业务导航系统。

1需求分析

根据信息网络保障部门的日常值班登入查看系统的频率以及各个业务划分情况，该系统的主要结构功能如图1所示，系统功能包含综合观测、业务支撑、气象数据、用户管理。综合观测、业务支撑、气象数据都是通过点击即可查看相关链接。用户管理即设置可登入该系统的用户，方便信息网络保障部门自主添加管理员。

2系统设计与实现

本文根据莆田市气象局所拥有的电脑性能配置以及维保人员的人数，选择前后端分离搭建系统方便查看以及权限管理，前后端分离的开发模式可以提高代码的可读性、降低代码的冗杂程度、可重用性增强，因为是分别部署，所有系统的性能也会有所提升。在前后端分离的开发模式中，开发者只需各司其职，后端程序员只负责业务逻辑，向前端程序员提供API接口。前端人员负责将API接口上获得的数据渲染到HTML页面上。前后端分离实现了项目的可扩展性、维护性以及分工的明确性[2]。

2.1总体设计

本系统采用B/S结构，其拥有成本低、维护方便、分布性强、开发简单，任何一台内网计算机都能进行访问操作。信息系统应用JAVA技术，通过Web-Service服务的方式完成对外的整合和服务。后端基于springboot、Mybatis等主流的J2EE应用开发框架，以组件化开发模式进行业务导航系统的构建，并以RestfulAPI方式为前端提供服务；前端采用Vue.js框架进行展示层的开发，在易用性、友好性等方面，借助Web2.0和Ajax技术，实现信息系统的完美展现和交互功能[3]。

2.2系统前端

前端采用Vue.js框架，Vue.js是一种用于搭建软件界面的渐进式前端框架。它采用自下而上的增量开发设计方法，对于搭建信息化系统来说是一种简单的体系结构，具备更加灵活且开放自由的代码模式，有利于信息网络保障部门人员基础入门上手维护，Vue.js发展至今日渐完善，存在着大量现有集成代码与项目供开发者使用，其中Vue-router、Axios、El-ement-Ui等插件使用较广且方便[4]。VueRouter是Vue.js的官方路由，它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举。ElementUI是一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库，包含了一套设计原则、组件和组件，还提供如Axure组件、Sketch模板的设计资源。Axios是一个基于promise的HTTP库，是一款高效的HTTP请求插件。

2.3系统后端

SpringBoot框架是基于Spring框架而进一步封装的开源的轻量级框架。SpringBoot可以建立独立的Spring应用程序，内置服务端容器，不需要部署工作，简化了烦琐的xml文件配置，可自动配置Spring，简化Maven的配置。SpirngBoot是基于Spring的条件注册的一套快速开发整合包。SpringBoot集成MyBatis。MyBatis是一个简化和实现了Java数据持久化层(persistencelayer)的开源框架，它抽象了大量的JDBC冗余代码，并提供了一个简单易用的API和数据库交互。在Spin-gBoot中，只需要POM文件设置Mybatis的依赖，即可实现数据库的持久化[5]。

2.4系统实现

根据上述的系统设计以及功能需求，本文构建如下气象信保业务导航系统设计，系统的登入界面如图2所示，包含用户登入信息显示、登入名、登入密码以及登录按键。为了方便管理以及提高系统安全性，并未创建用户注册功能，只有通过管理员添加的用户才可以登入系统查阅链接信息。前端代码如下：登入气象信保业务导航系统后，该系统界面的侧边栏显示效果如图3所示，其根据需求所设计相关菜单功能。由图3可见，气象信保业务导航系统侧边栏可选择综合观测、业务支撑、气象数据、用户管理功能，其中用户管理可以根据部门不同修改相关菜单栏的查阅权限，不同用户可以查看的侧边栏菜单会有所不同。前端的代码如下：关于系统数据库表的设计，本文的用户人员信息数据库表结构如表1所示，表中包含用户姓名以及用户密码。

2.5运行结果

该系统目前尚在运行测试中，能够初步实现设计的需求，侧边栏菜单功能根据信息管理的类别划分，点击侧边栏目录可以直接进入相关展示页面，但依然存在的一些问题，如显示的界面不够美观，整体布局不够协调，链接说明不够清楚，点击链接中不包含该管理系统的用户名以及密码，依然需要再次手动输入用户名和密码，菜单栏没有自行添加功能，不利于该系统在内部推广。

3结语

根据气象信息网络保障部门的日常值班情况以及常用业务需求，设计并搭建了气象信保业务导航系统，系统采用B/S结构开发，界面显示简洁，初步实现气象信保业务相关信息系统显示，通过侧边栏的分类设计，较为清楚的展示不同功能的信息化管理系统。除此之外，该系统增加了权限，用户需要登入才能访问该系统。

参考文献：

[1]张忠勇.计算机网络技术在气象领域中的应用[J].无线互联科技,2021,17:79-80.

[2]邹瑞,段华琼.基于前后端分离技术的在线商城的设计与实现[J].电脑知识与技术,2020,16(26):231-232,239.

[3]胡兵,林钒,陈艺芳.莆田市县气象业务集约化系统设计与分析[J].海峡科学,2021,171(3):22-26.

[4]李晓薇.vue.js前端应用技术分析[J].网络安全技术与应用,2022,4:44-45.

[5]巢晟盛.基于SpringBoot微服务架构下前后端分离的MVVM模型浅析[J].电脑知识与技术,2021,17(23):128-130,141.

作者：郑清杰 郑智健 林永强 单位：莆田市气象局