一种基于Web动态路由匹配技术的无人机信息查询系统的制作方法

文档序号:15648713发布日期:2018-10-12 22:54阅读:184来源:国知局

本发明涉及软件工程技术领域,具体涉及一种基于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地址中,由客户端进行解析后向服务器查询,接收结果后将结果渲染出来,因此查询速度快。



技术特征:

技术总结
本发明公开了一种基于Web动态路由匹配技术的无人机信息查询系统,包括前端框架、通信层与表现层;所述前端框架用于对用户输入的URL地址进行URL参数解析得到查询参数,并将解析出的查询参数发送给通信层;所述通信层用于接收前端框架发送的查询参数,并将前端框架解析出的查询参数发送给服务器,同时能接收服务器根据查询参数返回的无人机信息数据,以及能将所接收的无人机信息数据发送给表现层;所述表现层用于接收通信层发送的无人机信息数据,并能根据无人机信息数据渲染页面。本发明具有使用方便且查询速度快的优点。

技术研发人员:张迎周;张灿;竺殊荣;孙仪;高扬
受保护的技术使用者:南京邮电大学
技术研发日:2018.05.15
技术公布日:2018.10.12
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1