本发明涉及软件工程技术领域,具体涉及一种基于web动态路由匹配技术的无人机信息查询系统。
背景技术:
无人机技术已经成为世界上各国战略目标的重中之重,因此发展该技术具有极其重要的意义。无人机信息查询技术是无人机技术的重要方面。因而亟需发明一种使用方便且查询速度快的无人机信息查询系统。
技术实现要素:
本发明的目的是提供一种使用方便且查询速度快的基于web动态路由匹配技术的无人机信息查询系统。
为实现上述目的,本发明采用了如下技术方案:所述的一种基于web动态路由匹配技术的无人机信息查询系统,包括前端框架、通信层与表现层;
所述前端框架用于对用户输入的url地址进行url参数解析得到查询参数,并将解析出的查询参数发送给通信层;
所述通信层用于接收前端框架发送的查询参数,并将前端框架解析出的查询参数发送给服务器,同时能接收服务器根据查询参数返回的无人机信息数据,以及能将所接收的无人机信息数据发送给表现层;
所述表现层用于接收通信层发送的无人机信息数据,并能根据无人机信息数据渲染页面。
进一步地,前述的一种基于web动态路由匹配技术的无人机信息查询系统,其中:前端框架使用vue.js搭建web页面的主体架构,并使用vue-router动态路由匹配技术进行url参数分析。
进一步地,前述的一种基于web动态路由匹配技术的无人机信息查询系统,其中:通信层采用restful服务调用方式,使用axios库实现浏览器与服务器之间进行ajax通信。
进一步地,前述的一种基于web动态路由匹配技术的无人机信息查询系统,其中:表现层采用element-ui库进行页面渲染。
通过上述技术方案的实施,本发明的有益效果是:(1)本发明是基于web的应用程序,可以在大部分浏览器上运行,因此使用非常方便;(2)本发明将查询参数内嵌在url地址中,由客户端进行解析后向服务器查询,接收结果后将结果渲染出来,因此查询速度快。
附图说明
图1为本发明所述的一种基于web动态路由匹配技术的无人机信息查询系统的运行过程示意图。
具体实施方式
下面结合附图和具体实施例对本发明作进一步说明。
如图1所示,所述的一种基于web动态路由匹配技术的无人机信息查询系统,包括前端框架、通信层与表现层;
所述前端框架用于对用户输入的url地址进行url参数解析得到查询参数,并将解析出的查询参数发送给通信层;所述前端框架使用vue.js搭建web页面的主体架构,并使用vue-router动态路由匹配技术进行url参数分析;
其中vue是一套构建用户界面的渐进式框架,vue采用自底向上增量开发的设计,vue的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合;并且当与单文件组件和vue生态系统支持的库结合使用时,vue也完全能够为复杂的单页应用程序提供驱动;vue具有体积小、性能好、灵活性强等特点;vue-router是一个专为vue.js应用程序提供的url路由跳转工具库,使用它可以方便地解析url,对于提取查询参数非常方便;
所述通信层用于接收前端框架发送的查询参数,并将前端框架解析出的查询参数发送给服务器,同时能接收服务器根据查询参数返回的无人机信息数据,以及能将所接收的无人机信息数据发送给表现层;所述通信层采用restful服务调用方式,使用axios库实现浏览器与服务器之间进行ajax通信;
其中axios是一个基于promise用于浏览器和nodejs的http客户端,它本身具有以下特征:从浏览器中创建xmlhttprequest、从node.js发出http请求、支持promiseapi、拦截请求和响应、转换请求和响应数据、取消请求、自动转换json数据、客户端支持防止csrf/xsrf;
其中restful是一种软件架构风格、设计风格,它是一种新的web服务架构方式,基于restful风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制;
所述表现层用于接收通信层发送的无人机信息数据,并能根据无人机信息数据渲染页面;所述表现层采用element-ui库进行页面渲染,其中element-ui是基于vue.js框架的前端界面ui库,使用它进行界面元素设计,element-ui能够帮助你更轻松更快速地开发web项目,使用它可以是开发人员专注于业务逻辑的实现,而不用分心于界面美化。
本发明的优点是:(1)本发明是基于web的应用程序,可以在大部分浏览器上运行,因此使用非常方便;(2)本发明将查询参数内嵌在url地址中,由客户端进行解析后向服务器查询,接收结果后将结果渲染出来,因此查询速度快。