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 op-eration 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 de-velopment 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.
separation of frontend and backendUmi frameworkcomponentizationTypeScript programming languagemoni-toring system