摘要
为降低机舱智能监控系统前后端的耦合度,提高系统开发效率,设计一种基于Umi框架的机舱智能监控系统前端软件。采用前后端分离的开发模式,使开发过程更清晰、高效;构建可视化交互操作界面,并利用TypeScript编程语言和模块化程序设计思想提升代码的可读性和可维护性;同时,通过组件化开发方式和自定义功能组件提高开发效率和质量。模拟测试结果表明,该系统前端软件能提供良好的信息展示效果和交互体验,满足用户的需求,具有较好的可靠性和稳定性,可供同类型监控系统的设计参考。
In order to reduce the coupling degree between the front end and back end of the intelligent engine room monitoring system and improve development efficiency,this paper introduces an intelligent engine room monitoring system based on the Umi framework.The system adopts a front-end and back-end separation development model,constructs a visual interactive operation interface,and uses the TypeScript programming language and modular programming concept to improve the readability and maintainability of the code.Componentized development and Defining custom functional components greatly improves development efficiency and quality.Simulation software testing and real-ship use verification show that the front-end interface of the system has good presentation effect and interactive experience that users demand.The reliability and stability of the system are also proven.
作者
苏芝
栾泳立
SU Zhi;LUAN Yongli(Warship Automatic System Division,Shanghai Ship and Shipping Research Institute Co.,Ltd.,Shanghai 200135,China)
出处
《上海船舶运输科学研究所学报》
2024年第1期40-48,共9页
Journal of Shanghai Ship and Shipping Research Institute
关键词
前后端分离
Umi框架
组件化
TypeScript编程语言
监控系统
separation of frontend and backend
Umi framework
componentization
TypeScript programming language
monitoring system
