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

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

An UAV information query system based on Web dynamic route matching technology

The invention discloses an UAV information query system based on Web dynamic routing matching technology, which comprises a front-end framework, a communication layer and a presentation layer; the front-end framework is used to parse the URL address input by the user to obtain the query parameters, and sends the parsed query parameters to the communication layer; and the communication layer is used for the communication layer. It receives the query parameters sent by the front-end framework and sends the query parameters parsed by the front-end framework to the server. It also receives the UAV information data returned by the server according to the query parameters, and can send the received UAV information data to the presentation layer, which is used to receive the no sent by the communication layer. Human machine information data, and can render pages according to UAV information data. The invention has the advantages of convenient operation and fast query speed.

【技术实现步骤摘要】
一种基于Web动态路由匹配技术的无人机信息查询系统
本专利技术涉及软件工程
,具体涉及一种基于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地址中,由客户端进行解析后向服务器查询,接收结果后将结果渲染出来,因此查询速度快。本文档来自技高网...

【技术保护点】
1.一种基于Web动态路由匹配技术的无人机信息查询系统,其特征在于:包括前端框架、通信层与表现层;所述前端框架用于对用户输入的URL地址进行URL参数解析得到查询参数,并将解析出的查询参数发送给通信层;所述通信层用于接收前端框架发送的查询参数,并将前端框架解析出的查询参数发送给服务器,同时能接收服务器根据查询参数返回的无人机信息数据,以及能将所接收的无人机信息数据发送给表现层;所述表现层用于接收通信层发送的无人机信息数据,并能根据无人机信息数据渲染页面。

【技术特征摘要】
1.一种基于Web动态路由匹配技术的无人机信息查询系统,其特征在于:包括前端框架、通信层与表现层;所述前端框架用于对用户输入的URL地址进行URL参数解析得到查询参数,并将解析出的查询参数发送给通信层;所述通信层用于接收前端框架发送的查询参数,并将前端框架解析出的查询参数发送给服务器,同时能接收服务器根据查询参数返回的无人机信息数据,以及能将所接收的无人机信息数据发送给表现层;所述表现层用于接收通信层发送的无人机信息数据,并能根据无人机信息数据渲染页面。2.根据权利要求1所述的一种...

【专利技术属性】
技术研发人员:张迎周张灿竺殊荣孙仪高扬
申请(专利权)人:南京邮电大学
类型:发明
国别省市:江苏,32

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1