基于Vue.js的城市轨道交通综合安防系统模块化设计研究.docx

?

?

基于Vue.js的城市轨道交通综合安防系统模块化设计研究

?

?

李健张居力张聃

【摘?要】近年来，随着Web前端技术的快速发展，用户对产品的体验和可用性需求大幅度提升，衍生出目前流行的三大前端框架Angular.js、React.js、Vue.js。而Vue.js由美籍华人开发，性能强悍、文档清晰明了、简单易学且更契合国内开发者习惯，成为国内当前最受欢迎的前端框架。以功能强大、开发方便的Vue.js作为城市轨道交通综合安防系统的后台开发，通过其模块化设计模式，可以构建出更高效、更快捷、可维护性强、更符合用户体验的用户界面。

【Abstract】Inrecentyears，withtherapiddevelopmentofWebfront-endtechnology，usersdemandsforproductexperienceandusabilityhavebeengreatlyimproved，andthethreepopularfront-endframeworksAngular.js，React.jsandVue.jshavebeenderived.Vue.jsisdevelopedbyChineseAmericans.Withstrongperformance，cleardocumentation，easytolearnandmoreinlinewiththehabitsofdomesticdevelopers，ithasbecomethemostpopularfront-endframeworkinChina.WiththepowerfulandconvenientdevelopmentofVue.jsasthebackgrounddevelopmentofurbanrailtransitintegratedsecuritysystem，themodulardesignmodecanbuildamoreefficient，faster，maintainable，andmoreconsistentwithuserexperienceuserinterface.

【关键词】Vue.js;模块化;城市轨道交通;安防系统

【Keywords】Vue.js;modular;urbanrailtransit;securitysystem

【中图分类號】U231;TP18???????????????????????【文献标志码】A?????????????????????????1673-1069（2021）02-0192-03

1引言

近年来，公共场所的恐怖极端事件频发，面对国际与国内恐怖主义威胁，通过高科技安防手段遏制恐怖活动，保障社会稳定和公共安全，是当前中国乃至世界各国都在研究的重要课题，而城市轨道交通综合安防系统正是公司立项着手开发聚合多维度管理、跨平台、多部门协调等功能特性于一身的针对地铁安全防范的综合管理系统。在前端界面开发上，采用当前最流行的Vue.js+Element-UI前端框架以模块化方式进行界面的搭建，以更优的性能减少代码冗余增强后期维护性，以自带的查错机制减少系统故障率。

2模块化编程的定义

模块化编程是一种软件设计技术，它强调将程序的功能分为独立的，可互换的模块，以使每个模块都包含执行所需功能的一个方面所必需的一切。

在创建模块化系统时，不是创建一个整体的应用程序（其中最小的组件是整体），而是单独编写几个较小的模块，因此当它们组合在一起时，它们会构建可执行的应用程序。典型地，这些也被编译分别经由单独的编译，然后通过一个链接的连接子。一个刚刚即时编译器可以执行一些这样的结构“上即时”的运行时间。这些独立的功能通常分为程序控制功能或特定任务功能。程序控制功能旨在用于一个程序，专门准备了特定的任务功能以适用于各种程序。

3模块化的优势

组件化开发通过组件把一个单页面应用中的各个模块拆分到一个一个的单独组件中，只要在父级应用中写好各种组件标签的占位，并且在组件标签中写好要传入组件的参数（就像给函数传入参数一样，这个参数叫作组件的熟悉），然后再分别写好对应组件的实现，这样整个页面就算做完了。这样的开发不仅提高了开发的效率、方便重复使用、简化了调试的步骤，而且提升了整个项目的可维护性，便于协同开发。

4模块化开发在安防系统上的应用及设计

住建部于2015年发布了