CN107991905A - A kind of analogue system of the multiple no-manned plane mission planning based on Web - Google Patents
A kind of analogue system of the multiple no-manned plane mission planning based on Web Download PDFInfo
- Publication number
- CN107991905A CN107991905A CN201711420651.6A CN201711420651A CN107991905A CN 107991905 A CN107991905 A CN 107991905A CN 201711420651 A CN201711420651 A CN 201711420651A CN 107991905 A CN107991905 A CN 107991905A
- Authority
- CN
- China
- Prior art keywords
- vue
- storehouses
- web
- analogue system
- end frame
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G05—CONTROLLING; REGULATING
- G05B—CONTROL OR REGULATING SYSTEMS IN GENERAL; FUNCTIONAL ELEMENTS OF SUCH SYSTEMS; MONITORING OR TESTING ARRANGEMENTS FOR SUCH SYSTEMS OR ELEMENTS
- G05B17/00—Systems involving the use of models or simulators of said systems
- G05B17/02—Systems involving the use of models or simulators of said systems electric
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Automation & Control Theory (AREA)
- Stored Programmes (AREA)
Abstract
The invention discloses a kind of analogue system of the multiple no-manned plane mission planning based on Web, including front end frame, communication layers, Business Logic, presentation layer.Using Vue.js as front end frame, coordinate vue router, vuex to use, there is modularization, scalability is strong.Communication layers use the service call mode of RESTful styles, simple light weight.Presentation layer is designed using Element ui storehouses, beautiful interface.The present invention is the application program based on Web, therefore has good cross-platform ability.
Description
Technical field
The present invention relates to a kind of exploitation of web application, belong to field of software engineering.More particularly to a kind of unmanned plane
The design of mission planning analogue system.
Background technology
Unmanned air vehicle technique has become the most important thing of various countries' strategic objective in the world, therefore develops the technology with extremely
Important meaning.The research and development of unmanned plane, start with from theory first, finally just produce entity unmanned plane, and simulation means are in this
The centre of two links, best bridge has been done for the connection between theory and practice.The research of unmanned plane emulation platform is theoretical for examining
The feasibility of research and the development progress for accelerating unmanned plane, there is provided important means and instrument.The emulation platform pair of unmanned plane
Have great importance and be worth in the mission planning problem of research unmanned plane, by by the flight path route of planning in two dimension or
Construct, effectively route quality degree can be evaluated, to the validity of path planning method in three-dimensional space
Judged.The appearance of unmanned plane emulation platform, for actual conditions fly along path planning of demonstration unmanned plane with study nobody
The Track In Track control of machine provides platform.
In terms of unmanned plane mission planning analogue system, largely belong to desktop.For example, Feng Hangeng design nobody
Machine air route analogue system is using advanced DirectX three dimensional graphic interfaces as exploitation basis, is programmed by C# and carries out software development,
Realize three-dimensional air route copying.Tang Yixin is emulated using matlab simulation softwares.Liu Zekun is developed based on DirectX
Unmanned plane Real-time Flight Simulation System.Zhou Qingjun is also to realize the unmanned plane based on virtual reality using C# and DirectX to navigate
Mark planning simulation system.In internet society of today, the inferior position of desktop is increasing, it is impossible to cross-platform characteristic
Bring very more inconvenience.Meanwhile there is the problems such as too fat to move design, code redundancy in the one-of-a-kind system of tradition exploitation.
The content of the invention
Goal of the invention：The purpose of the present invention is designing a kind of analogue system of the multiple no-manned plane mission planning based on Web, adopt
By the use of Vue.js as front end frame, there is cross-platform, lightweight, modularization.
Technical solution：
The present invention proposes a kind of analogue system of the multiple no-manned plane mission planning based on Web, including front end frame, communication
Layer, Business Logic, presentation layer.
1st, front end frame is using Vue.js.The main framework of Web page is built using Vue.js, uses vue-
Control URL routes in router storehouses redirect, and global state data are managed using vuex.
2nd, communication layers use RESTful service call modes, and the storehouse used is axios.Using axios storehouses allow browser with
Server carries out Ajax communications.
3rd, Business Logic includes the specific business procedure of analogue system, including Sign-On authentication, service call, authority pipe
Reason, icon representation, unmanned plane additions and deletions change look into, scene layout, task distribution, trajectory planning, emulation draw.
4th, presentation layer uses Element-ui storehouses.Element-ui is the front-end interface UI storehouses based on Vue.js frames, is made
Interface element design is carried out with it.
Beneficial effect
1st, it is cross-platform：The present invention is the application program based on Web, it is possible to is run on most of browser, therefore
With good cross-platform characteristic.
2nd, lightweight：The present invention is the application program based on Web, has benefited from the trustship advantage of browser platform, it is only necessary to
Run a small amount of JavaScript code and the system can be used.
3rd, modularization：The front end frame that the present invention uses is Vue.js, it has the characteristics that Module Development Method, therefore develops
Process more specification, and framework is succinct, scalability is strong.
Brief description of the drawings
Fig. 1 is system integrated stand composition.
Embodiment
The present invention proposes a kind of analogue system of the multiple no-manned plane mission planning based on Web, including front end frame, communication
Layer, Business Logic, presentation layer.It is as shown in Figure 1 system integrated stand composition.
1st, front end frame is using Vue.js.The main framework of Web page is built using Vue.js, uses vue-
Control URL routes in router storehouses redirect, and global state data are managed using vuex.
Vue is the gradual frame of a set of structure user interface.Unlike other heavyweight frames, Vue is used certainly
The design of the upward incremental development in bottom.The core library of Vue only focuses on view layer, it is not only easy to left-hand seat, is also convenient for and third party library
Or existing Item increasing.On the other hand, when the storehouse with monofile component and the support of the Vue ecosystems is used in combination, Vue is also complete
Enough driving all can be provided for complicated single page application program.
The front end frame of present mainstream mainly has three：React,Angular,Vue.With itself React and Angular phase
Than Vue has the characteristics that small, performance is good, flexibility is strong.
Vue-router is the URL for aiming at the offer of a Vue.js application programs routes jump tool storehouse, can be with using it
Easily redirected between the components, it is very convenient for exploitation Vue.js application programs.
Vuex is the condition managing for aiming at a Vue.js application developments pattern.It should using centralised storage management
The state of all component, and by corresponding regular guarantee state by it is a kind of it is predictable in a manner of change.
2nd, communication layers use RESTful service call modes, and the storehouse used is axios.Using axios storehouses allow browser with
Server carries out Ajax communications.
RESTful is a kind of software architecture style, design style.It is a kind of new Web service framework mode, compared to
Traditional SOAP framework modes, the software based on RESTful Style Designs can be more succinct, more have levels, it is easier to realize slow
The mechanism such as deposit.
Axios is one and is used for browser and the HTTP clients of nodejs based on Promise, and itself has following spy
Sign：
● XMLHttpRequest is created from browser
● send http request from node.js
Support Promise API
● interception request and response
● convert requests and response data
● cancellation request
Automatic conversion JSON data
Client is supported to prevent CSRF/XSRF
3rd, Business Logic includes the specific business procedure of analogue system, including Sign-On authentication, service call, authority pipe
Reason, icon representation, unmanned plane additions and deletions change look into, scene layout, task distribution, trajectory planning, emulation draw.
Sign-On authentication：Browser first verifies whether username and password input is complete, then is sent out logging request by Ajax
Server is sent to, server returns the result.Login successfully, jump to homepage, login failure then prompts user.
Service call：Actual Ajax communication process is performed by axios storehouses, cumbersome process is encapsulated into function call.
Rights management：After logining successfully, the user information that is returned according to server obtains the Permission Levels of the user, root
The limitation of corresponding operating is carried out according to grade.
Icon representation：Use Highcharts storehouses drawing data chart.Highcharts is a pure JavaScript of use
The chart storehouse write, being capable of the very simple and convenient chart that interactivity is added with Web site or web application.
Unmanned plane additions and deletions, which change, looks into：By service call above, the Unmanned Aerial Vehicle Data progress additions and deletions to server, which change, looks into behaviour
Make.
Scene layout：Using D3.js storehouses map making interface, have on map interface including unmanned plane, enemy radar area, barrier
Hinder the patterns such as thing, task point.
Task is distributed：Upper existing unmanned plane, the data of task point according to the map, calculate which which unmanned plane performs
Task.
Trajectory planning：After task is assigned, according to the map on barrier and the information such as enemy radar, calculate nobody
The track of machine flight.
Emulation is drawn：The Flight Animation of unmanned plane is drawn using D3.js.
4th, presentation layer uses Element-ui storehouses.Element-ui is the front-end interface UI storehouses based on Vue.js frames, is made
Interface element design is carried out with it.
Element-ui is the back-end component storehouse based on Vue.js 2.0 that front end is released that is hungry, it can help you more
Web projects are easily developed more quickly.The use of it can be the realization that developer is absorbed in service logic, and without divert one's attention in
Interface is beautified.
Claims (1)
1. a kind of analogue system of the multiple no-manned plane mission planning based on Web, including front end frame, communication layers, Business Logic,
Presentation layer；
Front end frame is using Vue.js；The main framework of Web page is built using Vue.js, is controlled using vue-router storehouses
URL routes processed redirect, and global state data are managed using vuex；
Communication layers use RESTful service call modes, and the storehouse used is axios；Browser and server are allowed using axios storehouses
Carry out Ajax communications；
Business Logic includes the specific business procedure of analogue system, including Sign-On authentication, service call, rights management, icon
Represent, unmanned plane additions and deletions change look into, scene layout, task distribution, trajectory planning, emulation drawing；
Presentation layer uses Element-ui storehouses.Element-ui is the front-end interface UI storehouses based on Vue.js frames, using it into
Row interface element designs.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711420651.6A CN107991905A (en) | 2017-12-25 | 2017-12-25 | A kind of analogue system of the multiple no-manned plane mission planning based on Web |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711420651.6A CN107991905A (en) | 2017-12-25 | 2017-12-25 | A kind of analogue system of the multiple no-manned plane mission planning based on Web |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107991905A true CN107991905A (en) | 2018-05-04 |
Family
ID=62042751
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711420651.6A Pending CN107991905A (en) | 2017-12-25 | 2017-12-25 | A kind of analogue system of the multiple no-manned plane mission planning based on Web |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107991905A (en) |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108650183A (en) * | 2018-05-15 | 2018-10-12 | 南京邮电大学 | A kind of unmanned plane information query system based on Web dynamic routing matching techniques |
| CN109165009A (en) * | 2018-08-14 | 2019-01-08 | 安徽云才信息技术有限公司 | The project development method that a kind of web project front and back end is kept completely separate |
| CN109271149A (en) * | 2018-09-29 | 2019-01-25 | 四川长虹电器股份有限公司 | A kind of method of framework single page application program |
| CN109448427A (en) * | 2018-11-09 | 2019-03-08 | 易的物联科技无锡有限公司 | A kind of system of the wisdom parking management towards all kinds of parking lots |
| CN110275830A (en) * | 2019-06-13 | 2019-09-24 | 南京邮电大学 | The dynamic modulation of unmanned plane formation flight control system based on continuity |
| CN110568855A (en) * | 2018-06-06 | 2019-12-13 | 上海资誉电子科技有限公司 | Unmanned aerial vehicle visual flight management system and method based on big data calculation engine |
| CN110602539A (en) * | 2019-08-26 | 2019-12-20 | 贵州省广播电视信息网络股份有限公司 | Vue framework implementation based on TV |
| CN111835646A (en) * | 2020-07-13 | 2020-10-27 | 四川虹魔方网络科技有限公司 | Vue-based modular routing management method and authority control method |
| CN111858102A (en) * | 2020-07-30 | 2020-10-30 | 山东超越数控电子股份有限公司 | Vue and axios-based Restful API (application program interface) request method and device |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1728700A (en) * | 2004-07-26 | 2006-02-01 | 中兴通讯股份有限公司 | Web telecommunication network management system based on 'struts' architecture, and method |
| CN101533262A (en) * | 2009-04-22 | 2009-09-16 | 北京航空航天大学 | Method for realizing associative simulation of machine and control system based on service |
| CN102508439A (en) * | 2011-11-18 | 2012-06-20 | 天津大学 | HLA (High Level Architecture)-based multi-unmmaned aerial vehicle distributed simulation method |
| CN102567836A (en) * | 2010-12-31 | 2012-07-11 | 青岛海尔软件有限公司 | Project resource management system |
| CN103546564A (en) * | 2013-10-28 | 2014-01-29 | 珠海许继芝电网自动化有限公司 | WEB application method and system for achieving RIA on basis of Flex technology |
| CN103699106A (en) * | 2013-12-30 | 2014-04-02 | 合肥工业大学 | Multi-unmanned aerial vehicle cooperative task planning simulation system based on VR-Forces simulation platform |
| CN104239071A (en) * | 2014-10-13 | 2014-12-24 | 浪潮通信信息系统有限公司 | Cross-platform mobile application development framework system based on general-purpose module and transfer service |
| CN105242926A (en) * | 2015-09-30 | 2016-01-13 | 北京锐安科技有限公司 | Web front-end development platform |
| CN105302575A (en) * | 2015-11-19 | 2016-02-03 | 中国移动通信集团广东有限公司汕头分公司 | Foundational development framework |
-
2017
- 2017-12-25 CN CN201711420651.6A patent/CN107991905A/en active Pending
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1728700A (en) * | 2004-07-26 | 2006-02-01 | 中兴通讯股份有限公司 | Web telecommunication network management system based on 'struts' architecture, and method |
| CN101533262A (en) * | 2009-04-22 | 2009-09-16 | 北京航空航天大学 | Method for realizing associative simulation of machine and control system based on service |
| CN102567836A (en) * | 2010-12-31 | 2012-07-11 | 青岛海尔软件有限公司 | Project resource management system |
| CN102508439A (en) * | 2011-11-18 | 2012-06-20 | 天津大学 | HLA (High Level Architecture)-based multi-unmmaned aerial vehicle distributed simulation method |
| CN103546564A (en) * | 2013-10-28 | 2014-01-29 | 珠海许继芝电网自动化有限公司 | WEB application method and system for achieving RIA on basis of Flex technology |
| CN103699106A (en) * | 2013-12-30 | 2014-04-02 | 合肥工业大学 | Multi-unmanned aerial vehicle cooperative task planning simulation system based on VR-Forces simulation platform |
| CN104239071A (en) * | 2014-10-13 | 2014-12-24 | 浪潮通信信息系统有限公司 | Cross-platform mobile application development framework system based on general-purpose module and transfer service |
| CN105242926A (en) * | 2015-09-30 | 2016-01-13 | 北京锐安科技有限公司 | Web front-end development platform |
| CN105302575A (en) * | 2015-11-19 | 2016-02-03 | 中国移动通信集团广东有限公司汕头分公司 | Foundational development framework |
Non-Patent Citations (2)
| Title |
|---|
| 孟占云: "基于轻量级框架的直放站管理系统设计与实现", 《中国优秀硕士学位论文全文数据库信息科技辑》 * |
| 张昕等: "MATLAB与JAVA在电磁仿真系统中的应用", 《教育现代化》 * |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108650183A (en) * | 2018-05-15 | 2018-10-12 | 南京邮电大学 | A kind of unmanned plane information query system based on Web dynamic routing matching techniques |
| CN110568855A (en) * | 2018-06-06 | 2019-12-13 | 上海资誉电子科技有限公司 | Unmanned aerial vehicle visual flight management system and method based on big data calculation engine |
| CN109165009A (en) * | 2018-08-14 | 2019-01-08 | 安徽云才信息技术有限公司 | The project development method that a kind of web project front and back end is kept completely separate |
| CN109271149A (en) * | 2018-09-29 | 2019-01-25 | 四川长虹电器股份有限公司 | A kind of method of framework single page application program |
| CN109271149B (en) * | 2018-09-29 | 2021-04-27 | 四川长虹电器股份有限公司 | Method for constructing single-page application program |
| CN109448427A (en) * | 2018-11-09 | 2019-03-08 | 易的物联科技无锡有限公司 | A kind of system of the wisdom parking management towards all kinds of parking lots |
| CN110275830A (en) * | 2019-06-13 | 2019-09-24 | 南京邮电大学 | The dynamic modulation of unmanned plane formation flight control system based on continuity |
| CN110602539A (en) * | 2019-08-26 | 2019-12-20 | 贵州省广播电视信息网络股份有限公司 | Vue framework implementation based on TV |
| CN111835646A (en) * | 2020-07-13 | 2020-10-27 | 四川虹魔方网络科技有限公司 | Vue-based modular routing management method and authority control method |
| CN111835646B (en) * | 2020-07-13 | 2021-03-16 | 四川虹魔方网络科技有限公司 | Vue-based modular routing management method and authority control method |
| CN111858102A (en) * | 2020-07-30 | 2020-10-30 | 山东超越数控电子股份有限公司 | Vue and axios-based Restful API (application program interface) request method and device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107991905A (en) | A kind of analogue system of the multiple no-manned plane mission planning based on Web | |
| Fu et al. | A survey of blockchain and intelligent networking for the metaverse | |
| US9916693B1 (en) | Augmented reality geolocation optimization | |
| Lubbers et al. | Pro HTML5 programming | |
| Ammar | LOB and CPM integrated method for scheduling repetitive projects | |
| CN104183023B (en) | The construction method of many scene graph in a kind of distributed virtual environment | |
| Hu et al. | Web-based 3-D control laboratory for remote real-time experimentation | |
| US20100093438A1 (en) | Dynamic and Scalable Topology for Virtual World Environments | |
| Chia | The metaverse, but not the way you think: game engines and automation beyond game development | |
| EP2907013A1 (en) | Weighted focus navigation of graphical user interface | |
| JP2014529792A (en) | Virtual world interaction system and method | |
| US20130019195A1 (en) | Aggregating multiple information sources (dashboard4life) | |
| US20180096512A1 (en) | Computer architecture for animation of a model in a simulation | |
| Fairclough et al. | LayOpt: an educational web-app for truss layout optimization | |
| Shao et al. | Iot avatars: Mixed reality hybrid objects for core ambient intelligent environments | |
| US9199170B2 (en) | Pass-structured game platform | |
| Cheng | Metaverse | |
| Xu et al. | New beam element for incremental launching of bridges | |
| Liao | Research and implementation of the intelligent tourism system based on VRGIS | |
| CN109670011A (en) | A kind of more figure source Map Services engines | |
| KR102487289B1 (en) | Interface system and method according to provision of gesture guide interface | |
| Chikov et al. | MVC Framework Approach in the Online assisted platform for Computer-aided Design in Communications–Online-CADCOM | |
| KR20230033871A (en) | Method for implementing metaverse space based on reality map and the system thereof | |
| Rahikainen | Web Application in Angular and Ionic | |
| Molina et al. | An interaction model for the TRES-D framework |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20180504 |