Abstract:Regarding the power system, front-end technologies are diverse at present, whereas the manual coding is inefficient and cannot meet the rapid growth of demand. In response, this study designs a low-code visualization page editing engine for the power system with visualization and virtual DOM technologies in light of the component-based design idea. The virtual DOM technology is applied to the high-performance rendering of most scenes during page building. A unified data model is designed to integrate heterogeneous data and share data among components. The idea of a multi-type template for page editing is proposed to meet the requirement of the business system for diversified integration. The practice indicates that the system can provide agile, efficient, and low-code development under low barriers, which significantly improves the development efficiency of front-end pages.