A codeless digital twin training system

Abstract

This invention discloses a no-code digital twin training system, belonging to the field of digital twin training systems. It includes: a front-end framework, cloud 3D API encapsulation, back-end support, data management, a visual editor, security, and scalability and maintainability. The front-end framework uses Vue, React, or UI as its basic framework, allowing for easy construction of real-world cases without programming, completely eliminating the limitation of traditional systems that require technical personnel to have programming skills to modify or create training content. Through a pre-built script function, the system can accurately recreate real business scenarios, making fault simulation cases more closely resemble actual operations, significantly improving the effectiveness and realism of the training. The innovatively introduced interactive function of the twin device model combines training questions with device model actions, significantly enhancing the interactivity and engagement of the training.

Description

Technical Field

[0001] This invention relates to the field of digital twin training system technology, and specifically to a code-free digital twin training system. Background Technology

[0002] With the development of clean energy, the strategic importance of the West-to-East Power Transmission Project and ultra-high-voltage direct current (UHVDC) transmission is becoming increasingly prominent. Among these, DC measurement equipment is used to collect high-current DC data, serving the DC control and protection system. It ensures both the stable operation of the DC transmission system and the safety of the DC transmission equipment, making it a crucial and unique component of the UHVDC transmission system. In recent years, with the continuous construction and commissioning of UHV converter stations, the overall number of DC measurement devices has been increasing, leading to a rise in DC power outages and temporary shutdowns caused by equipment problems. This places higher demands on the fault analysis, judgment, and handling capabilities of DC measurement equipment operation and maintenance personnel.

[0003] In this context, using digital twin technology to implement fault simulation training can effectively improve the professional skills of operation and maintenance personnel and ensure the safe and stable operation of the system. However, traditional digital twin projects often lack the application of customized courses, especially when it comes to training and fault simulation involving 3D interaction, which usually requires professional programmers to write code. This not only increases the complexity and time cost of the project, but also limits the flexibility and customization capabilities of the training content.

[0004] Existing digital twin training technologies on the market have significant drawbacks, primarily in their high requirements for the programming skills of technical personnel. Specifically, these systems typically require technicians to possess strong programming skills to modify or create new training content, resulting in high maintenance costs and long development cycles. Furthermore, these systems are highly complex when constructing real-world business scenarios and often lack pre-built scripts, making it difficult for business personnel to easily adjust and optimize training content, further increasing the difficulty and cost of use.

[0005] Existing digital twin training systems have significant limitations in terms of test question types. Most systems typically only support basic multiple-choice or fill-in-the-blank questions, making it difficult to meet diverse training needs. More seriously, many systems lack interactive functionality between the twin device model and the training questions, which greatly limits the realism and interactivity of the training scenario, making it difficult to achieve the expected training results.

[0006] To address these issues, we provide a code-free digital twin training system. Summary of the Invention

[0007] To address the problems existing in the prior art, this invention provides a code-free digital twin training system that can significantly improve the quality and effectiveness of training by adding richer question types and enhancing interactive functions.

[0008] To achieve the above objectives, the present invention employs a no-code digital twin training system, comprising: a front-end framework, cloud 3D API encapsulation, back-end support, data management, a visual editor, security, and scalability and maintainability;

[0009] The front-end framework uses Vue, React, or UI as its base framework;

[0010] The cloud 3D API encapsulation is used to handle message communication and function calls with the 3D rendering streaming client;

[0011] Among them, the cloud 3D API encapsulation includes the encapsulation of the WebRTC communication process, the encapsulation of the front-end video playback component, and the encapsulation of the bidirectional data channel between the streaming end and the front end.

[0012] The encapsulation of the WebRTC communication process involves encapsulating the creation of the WebRTC PeerConnection object and the establishment of a point-to-point connection between the signaling information, media negotiation information, and the streaming end into a unified Client class. The front end creates the Client class, and through the backend load balancing scheduling, selects a suitable streaming node and establishes the WebRTC communication process with the current Client object.

[0013] The encapsulation of the front-end video playback component is to receive the video stream from the push end and play it in the video component after the WebRTC connection is successfully established;

[0014] The encapsulation of the bidirectional data channel between the streaming end and the front end is achieved through a unified data interaction interface. Mouse, keyboard, and function calls on the front end video component are sent to the streaming end through the data channel. After the streaming end completes the corresponding processing, it returns data to the front end through the data channel. The corresponding returned data is processed through predefined callback functions and standard events.

[0015] The backend support uses Node.js as the backend service platform, and combines the Express framework or Koa framework to quickly build an API server, and selects the Java Spring framework as the backend support.

[0016] The data management supports data integration from third parties and 3D base data obtained through the cloud 3D API. It utilizes the v-model mechanism of the Vue.js or Angular framework to achieve two-way data binding and update the UI interface in real time.

[0017] The visual editor uses the Blockly, JointJS, or Prograph graphical programming library to implement drag-and-drop editing functionality;

[0018] The security measures employed employ multiple security measures to protect user data and system integrity.

[0019] The scalability and maintainability are achieved through the following strategies:

[0020] Microservice architecture: Using a microservice architecture to break down functional modules improves the system's scalability and independent deployment capabilities;

[0021] Event-driven: Utilize message queues to achieve asynchronous communication and decoupling, thereby improving system response speed and overall stability.

[0022] As a further optimization of the above solution, the state management in the front-end framework uses Vuex or Redux to manage the global state.

[0023] As a further optimization of the above solution, the front-end framework uses Vue Router or ReactRouter to manage page navigation and status.

[0024] As a further optimization of the above solution, the UI components in the UI basic framework include containerized and non-containerized components. Containerized components support multi-level nesting, while non-containerized components include cloud 3D components and basic page building components. Cloud 3D components are used to establish connections, render video streams, and implement interactive logic.

[0025] As a further optimization of the above solution, the cloud 3D API encapsulation supports function calls, operation interactions, and event responses to the 3D base through a predefined cloud 3D standard API interface.

[0026] As a further optimization of the above solution, the visual editor uses the Integromat no-code platform to replace the Blockly, JointJS, or Prograph graphical programming libraries.

[0027] As a further optimization of the above solution, the security measures employ JWT or OAuth authentication protocols for user authentication and authorization management.

[0028] JWT Authentication Protocol: Uses the JSON Web Tokens open standard for user authentication and authorization management;

[0029] The security measures also employ an HTTPS channel and protect data transmission security with SSL / TLS encryption.

[0030] The security measures also employ CSP content security policies to prevent security threats such as XSS.

[0031] As a further optimization of the above solution, a serverless architecture is used to replace the microservice architecture to achieve a system architecture that balances elasticity and cost-effectiveness.

[0032] As a further optimization of the above scheme, the event-driven approach uses Apache Kafka as the message middleware to provide high throughput and low latency event processing capabilities.

[0033] As a further optimization of the above solution, the implementation process of the code-free digital twin training system includes the following steps:

[0034] S1: 3D model building, using the PBR modeling process to create a high-quality digital power station 3D model, importing the model into Unreal Engine 5 or other digital twin engines for scene building, and deploying it on a cloud 3D server.

[0035] S2: Install and configure the Unreal Engine 5 pixel streaming server;

[0036] S3: Using HTML5 in the Web front-end <video>Implement JavaScript event listeners using tags or related JavaScript libraries to capture user click, drag, and zoom interactions, and use WebRTC to send user commands to the server;

[0037] S4: Encapsulates animation playback, model interaction, and other functions into an API; provides a concise API interface for easy front-end calls;

[0038] S5: Use the Vue framework to build a web interface and implement user management, question answering, and question bank management modules;

[0039] S6: Based on the Vue framework, integrates Blockly or JointJS to implement drag-and-drop editing functionality; supports the creation of interactive primitives for logic flow and interface layout, calls the cloud 3D API to achieve interaction with the pixel flow server, and adds 3D model operation functions to the questions.

[0040] The no-code digital twin training system of the present invention has the following beneficial effects:

[0041] This invention provides a no-code digital twin training system that allows for the easy construction of real-world cases without programming, completely eliminating the limitations of traditional systems that require technical personnel with programming skills to modify or create training content. Through a pre-set script function, the system can accurately recreate real business scenarios, making fault simulation cases more closely resemble actual operations and significantly improving the effectiveness and realism of the training. The innovative introduction of a twin device model interactive function combines training questions with device model actions, significantly enhancing the interactivity and engagement of the training.

[0042] By encapsulating various interactive controls, the construction process of the digital twin training system is significantly simplified. Digital site administrators can customize various graphic and 3D interactive training content with just a simple mouse click. These controls include, but are not limited to, animation playback, model rotation, scaling, movement, and various interactive feedback mechanisms, which greatly reduces the operating threshold for non-technical personnel.

[0043] Users can easily build and recreate real-world cases by customizing script flows, stages, steps, and specific events. The control library provides a rich set of basic controls, allowing users to directly add and modify content to adapt to different training needs. All question types support setting scores and correct answers to achieve the assessment experience goals. During the interaction, the system provides functions such as pop-up confirmations and information reminders, and a customizable countdown mechanism to ensure the smooth conduct of user assessments.

[0044] In addition, the system supports defining basic logic rules to adapt to various action events. These rules can be edited and configured in a visual way, which greatly improves the system's flexibility and operability. Completed cases can be published to the platform with one click, and the system also supports case management functions for easy maintenance and updates.

[0045] Referring to the following description, specific embodiments of the present invention are disclosed in detail, indicating how the principles of the present invention can be adopted. It should be understood that the embodiments of the present invention are not limited in scope as a result, and that the embodiments of the present invention include many changes, modifications and equivalents within the spirit and scope of the appended claims. Detailed Implementation

[0046] To make the objectives, technical solutions, and advantages of this invention clearer, the invention will be further described in detail below through embodiments. However, it should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the scope of the invention.

[0047] It should be noted that when an element is referred to as "set on" or "provided with" another element, it can be directly on the other element or there may be an intermediate element. When an element is referred to as "connected to" or "connected to" another element, it can be directly connected to the other element or there may be an intermediate element. "Fixed connection" means fixed connection. There are many ways of fixed connection, which are not within the scope of protection of this document. The terms "vertical", "horizontal", "left", "right" and similar expressions used in this document are only for illustrative purposes and do not represent the only implementation method.

[0048] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this invention pertains. The terminology used in the specification herein is for the purpose of describing particular embodiments only and is not intended to limit the invention. The term "and / or" as used herein includes any and all combinations of one or more of the associated listed items.

[0049] This invention provides a technical solution: a code-free digital twin training system, which mainly provides power grid business personnel with code-free, highly customized fault inversion case creation.

[0050] This system allows business users to easily build and recreate real-world cases by customizing script flows, stages, steps, and specific events. The control library provides a rich set of basic controls, which business users can directly add and customize. All question types support setting scores and correct answers to achieve the goal of improving the assessment experience.

[0051] This system encapsulates 3D twin scenes, 3D twin devices, and fault animations into components, enabling no-code editing and customization of training content, and allowing 3D interaction within the training content.

[0052] The main problems this system addresses are: 1. 3D operation and interaction cannot be integrated into training and assessment content. This system encapsulates 3D as a component of the web interface (training and assessment interface) through cloud 3D API encapsulation. 2. Furthermore, through no-code technology, business personnel become experts in creating fault simulation case studies. Real-world fault cases are organized into step-by-step demonstration scripts, and assessment questions and scoring rules are set for key steps based on actual business situations. It provides powerful customization of training content without requiring programming. Process stages, steps, events, question types, scores, controls, countdowns, and 3D model interactions are all customizable to adapt to complex and ever-changing on-site needs.

[0053] The no-code digital twin training system provided by this invention aims to provide users with an efficient digital training and simulation environment experience by combining technical solutions from multiple levels, including front-end framework, cloud 3D API encapsulation, back-end support, data management, visual editor implementation, security, and scalability.

[0054] Traditional computer training software mostly relies on text and images or videos to present training content and assesses learners through multiple-choice questions. In contrast, the innovation of this invention lies in introducing high-precision 3D digital twin models into traditional text and video training exercises. This achieves a 1:1 accurate mapping between the internal structure of the power equipment model and the real equipment, ensuring that the experience gained by trainees through simulated operations can be seamlessly transferred to actual equipment operation. It also employs semi-automated interactive animation demonstrations to highly replicate the real substation operating environment and processes, providing trainees with a "what you see is what you get" immersive training experience. This innovation not only allows trainees to practice large-scale maintenance operations that are difficult to implement in actual production environments, but also greatly enhances the fun of training and trainees' memory of the training content. Compared to traditional, dry, and uninterrupted training methods such as text and videos, it has significant advantages. From a technical perspective, it achieves the mixed use of 3D content and 2D text, images, and videos through cloud-based 3D API encapsulation.

[0055] This invention also develops a web-based, no-code visual editor; this editor allows users to achieve powerful customization of training content without programming. It encapsulates graphics, 3D models, and various processes, steps, and events in power grid operation and maintenance into components. Users can easily create rich and diverse training content through simple drag-and-drop and click operations. This editor is not only easy to use but also powerful, and can flexibly adapt to complex and ever-changing field needs.

[0056] The specific implementation process is as follows:

[0057] I. 3D Model Construction:

[0058] Use the PBR modeling workflow to create high-quality 3D models of digital power plants, import the models into Unreal Engine 5 or other digital twin engines for scene building, and deploy them on cloud 3D servers.

[0059] II. Installing and configuring the Unreal Engine 5 pixel streaming server:

[0060] Ensure the server can handle high-concurrency pixel stream transmission, client display, and interaction;

[0061] III. Using HTML5 in Web Front-End <video>Tags or related JavaScript libraries, such as Video.js, display pixel streams; implement JavaScript event listeners to capture user click, drag, and zoom interactions; use WebRTC or other real-time communication technologies to send user commands to the server; encapsulate cloud 3D APIs;

[0062] IV. Encapsulate animation playback, model interaction, and other functions into APIs; provide concise API interfaces for easy front-end calls; WEB training system development;

[0063] 5. Build a web interface using the Vue framework; implement functional modules such as user management, question answering, and question bank management; and create a visual question editor;

[0064] VI. Based on the Vue framework, integrate Blockly or JointJS to implement drag-and-drop editing functionality; support the creation of interactive primitives for logic flow and interface layout; call the cloud 3D API to achieve interaction with the pixel flow server, and add 3D model operation functions to the questions.

[0065] 1. Front-end framework

[0066] In terms of front-end framework selection, this system adopts Vue as the base framework to leverage its powerful componentization capabilities and flexible state management:

[0067] UI framework: Vue framework supports component-based development and can build complex user interfaces; Vue is a JavaScript framework for building user interfaces.

[0068] State management: Vuex is used to manage global state, which is particularly suitable for handling the state logic of complex applications.

[0069] Route management: Vue Router is used to manage page navigation and state, ensuring smooth transitions between user interfaces and state management.

[0070] UI Components: Includes containerized and non-containerized components. Containerized components support multi-level nesting, while non-containerized components include cloud 3D components and basic page building components. Cloud 3D components are used to establish connections, render video streams, and implement interactive logic; UI Components is a mobile UI framework launched by Dcloud.

[0071] Alternative solution:

[0072] Consider using React as an alternative front-end framework, leveraging its virtual DOM and unidirectional data flow advantages; React is a JavaScript library for building user interfaces, primarily used for constructing UIs.

[0073] In terms of state management, Redux can replace Vuex, providing a similar global state management solution.

[0074] For route management, React Router can be used as an alternative to Vue Router, offering equally powerful route management features.

[0075] 2. Cloud 3D API encapsulation

[0076] The cloud 3D API in the system is mainly used to handle message communication and function calls between the system and the 3D rendering streaming client.

[0077] The cloud 3D API encapsulation includes:

[0078] The first step is to encapsulate the WebRTC communication process: the creation of the WebRTC PeerConnection object and the establishment of a point-to-point connection between the signaling information, media negotiation information and the streaming end are encapsulated into a unified Client class. The front end creates the Client class, and after the back end load balances and schedules, it selects a suitable streaming node and establishes the WebRTC communication process with the current Client object.

[0079] The second step is to encapsulate the front-end video playback component: After the WebRTC connection is successfully established, the video stream from the push end is received and played in the video component.

[0080] The third step is the encapsulation of the bidirectional data channel between the streaming end and the front end: Through a unified data interaction interface, mouse, keyboard, and function calls on the front end video component are sent to the streaming end via the data channel. After the streaming end completes the corresponding processing, it returns data to the front end via the data channel. The corresponding returned data is processed through predefined callback functions and standard events.

[0081] Function and interface definition: Through the predefined cloud 3D standard API interface, it supports function calls, operation interaction and event response of 3D base.

[0082] 3. Backend support

[0083] In terms of backend support, this system uses Node.js as the main backend service platform, combined with the Express framework to quickly build an API server:

[0084] Node.js & Express: Provides efficient backend services, handling frontend-backend communication, data storage, and integration with third-party services.

[0085] Alternative solution:

[0086] The Koa framework can replace the Express framework, providing a more modern and lightweight Node.js backend development framework.

[0087] Choosing the Java Spring framework as the backend provides a more powerful enterprise-level solution.

[0088] 4. Data Management

[0089] The data management module is responsible for data binding and dynamic rendering, and supports data integration from third parties and 3D base data obtained through the cloud 3D API.

[0090] Data binding and dynamic rendering: The v-model mechanism of the Vue.js framework is used to achieve two-way data binding and update the UI interface in real time.

[0091] Alternative solution:

[0092] You could consider using the Angular framework instead of the Vue.js framework, taking advantage of its powerful data binding and change detection mechanisms.

[0093] For data standardization, GraphQL is a modern API query language and runtime that can be used as an alternative to JSON Schema.

[0094] 5. Visual Editor

[0095] To simplify user operation, this system uses graphical programming libraries such as Blockly and JointJS to implement drag-and-drop editing functionality.

[0096] Features: Supports users in creating interactive block primitives for building logical flows and interface layouts.

[0097] Alternative solution:

[0098] Using Prograph as an alternative graphical programming language provides a higher level of graphical programming capabilities.

[0099] No-code platforms such as Integromat can also be used as alternatives, offering a wider range of automation integration and workflow management capabilities.

[0100] 6. Security

[0101] To ensure system security, this system employs multiple security measures to protect user data and system integrity:

[0102] JWT Authentication Protocol: Uses the JSON Web Tokens open standard for user authentication and authorization management.

[0103] HTTPS channel: All communication is encrypted via SSL / TLS, protecting the security of data transmission.

[0104] CSP Content Security Policy: Implement content security policies to prevent security threats such as XSS.

[0105] Alternative solution:

[0106] The OAuth authentication protocol can replace the JWT authentication protocol for user authentication and authorization management.

[0107] The Content Security Policy (CSP) Level 3 provides more stringent security controls.

[0108] 7. Scalability and Maintainability

[0109] To improve the scalability and maintainability of the system, the following strategies are adopted:

[0110] Microservice architecture: As the system evolves, a microservice architecture is adopted to break down functional modules, thereby improving the system's scalability and independent deployment capabilities.

[0111] Event-driven: Utilize message queues (such as RabbitMQ and Kafka) to achieve asynchronous communication and decoupling, thereby improving system response speed and overall stability.

[0112] Alternative solution:

[0113] Use a serverless architecture to replace traditional microservices to achieve a more flexible and cost-effective system architecture.

[0114] Using Apache Kafka as a message middleware provides high-throughput and low-latency event processing capabilities; Apache Kafka is an open-source messaging system project written in Scala, whose goal is to provide a unified, high-throughput, low-latency platform for processing real-time data.

[0115] In summary, this invention provides a comprehensive technical solution covering multiple key aspects such as front-end framework, cloud 3D API encapsulation, back-end support, data management, visual editor implementation, security, and scalability. Through different alternative solutions, the system design can be further optimized to meet the needs of different users and application scenarios, thereby improving the system's functionality and performance.

[0116] 1. Low-code / no-code development platform

[0117] Technology used:

[0118] Low-code / no-code development platforms: Utilizing platforms such as OutSystems, Mendix, and Bubble, users can build applications through drag-and-drop interfaces, reducing the need for programming skills.

[0119] Visual programming tools, such as Microsoft's PowerApps, allow business users to create applications through a graphical interface, further lowering the technical barrier.

[0120] 2. Pre-set simulation scenarios to accurately recreate real business scenarios.

[0121] Technology used:

[0122] Scene simulation engines, such as Unity and Unreal Engine, are used to create and run complex business scenario simulations.

[0123] 3. Diverse types of exam questions

[0124] Technology used:

[0125] E-learning platforms (LMS), such as Moodle and Blackboard, support various types of test questions and automatic assessment functions.

[0126] Forms and survey tools, such as Google Forms and Typeform, support the rapid creation of various types of questions and the collection of answers.

[0127] 4. User interface and customization capabilities

[0128] Technology used:

[0129] Modular development frameworks, such as React and Vue.js, support highly customizable component development.

[0130] Rule engines, such as Drools and OpenRules, allow users to define and manage complex business rules, enabling flexible customization.

[0131] This invention's no-code digital twin fault simulation and training system overcomes many shortcomings of existing technologies through innovative technical solutions, achieving significant advantages. The core advantage of this system lies in its ability to easily construct real-world cases without programming, completely eliminating the limitation of traditional systems that require technicians with programming skills to modify or create training content. Through pre-set scripts, the system can accurately recreate real business scenarios, making fault simulation cases more closely resemble actual operations and significantly improving the effectiveness and realism of training. The innovatively introduced interactive function of the twin equipment model combines training questions with equipment model actions, significantly enhancing the interactivity and engagement of the training.

[0132] Furthermore, the system supports various question types, such as multiple choice and fill-in-the-blank questions, to meet diverse training needs and overcome the limitations of traditional systems with limited question types. The system's high degree of customization allows users to customize script flows, stages, steps, question types, scores, controls, countdowns, and 3D model interactions, adapting to complex and ever-changing on-site requirements. This significantly enhances the system's flexibility and applicability technically.

[0133] Most notably, this system requires only simple training to learn and use, without the need for developer intervention, greatly reducing the difficulty of training and implementation. By publishing fault cases to the training platform with a single click, users can easily participate in training and assessments, significantly improving publishing efficiency and management convenience. This feature overcomes the shortcomings of traditional systems that require cumbersome steps for publishing and managing cases.

[0134] The system also boasts strong scalability, supporting different types of scripts' process stages, steps, and events to adapt to changes in on-site business processes and updating model animations according to business needs. The system's case management function facilitates subsequent maintenance and updates, ensuring the continued effectiveness of the training system. This system significantly outperforms traditional systems in terms of user satisfaction and training effectiveness, greatly improving the operational skills of business personnel and training efficiency. Through no-code technological innovation, this invention's digital twin training system effectively overcomes the shortcomings of traditional systems, providing a more efficient and convenient fault regression and training experience.

[0135] This is merely a preferred embodiment of the present invention and is not intended to limit the present invention. Any modifications, equivalent substitutions, or improvements made within the spirit and principles of the present invention should be included within the scope of protection of the present invention.< / video> < / video>

Claims

1. A codeless digital twin training system, characterized in that, The system comprises a front-end framework, a cloud three-dimensional API encapsulation, back-end support, data management, a visual editor, security, and scalability and maintainability. The front-end framework uses UI as a basic framework. The cloud three-dimensional API encapsulation is used to process message communication and function calls between the three-dimensional rendering push stream end and the front end. The cloud three-dimensional API encapsulation comprises encapsulation of a webrtc communication process, encapsulation of a front-end video playback component, and encapsulation of a push stream end and front-end bidirectional data channel. The encapsulation of the webrtc communication process encapsulates the PeerConnection object creation and signaling information, media negotiation information, and the establishment of a point-to-point connection with the push stream end into a unified Client class. The encapsulation of the front-end video playback component receives the video stream from the push stream end and plays it in the video component after the webrtc connection is successfully established. The encapsulation of the push stream end and front-end bidirectional data channel sends mouse, keyboard, and function calls on the front-end video component to the push stream end through a unified data interaction interface. The back-end support uses Node.js as a back-end service platform, combines Express framework or Koa framework to quickly build an API server, and selects Java Spring framework as back-end support. The data management supports data integration from third parties and three-dimensional base data obtained through the cloud three-dimensional API, and realizes data bidirectional binding and real-time UI interface update through the v-model mechanism of the Vue.js framework or Angular framework. The visual editor uses Blockly, JointJS, or Prograph graphical programming library to realize drag-and-drop editing function. The security uses multiple security measures to protect user data and system integrity. The scalability and maintainability use the following strategies: Microservice architecture: the microservice architecture is used to split functional modules, improve the scalability and independent deployment capability of the system. Event-driven: message queues are used to realize asynchronous communication and decoupling, improve system response speed and overall stability. The UI basic framework comprises container-type and non-container-type components, the container-type components support multi-layer nesting, and the non-container-type components comprise cloud three-dimensional components and basic page building components. The front-end framework uses Vuex or Redux to manage global state.

2. The codeless digital twin training system of claim 1, wherein: The front-end framework uses Vue Router or React Router to manage page navigation and state.

3. The codeless digital twin training system of claim 1, wherein: The cloud three-dimensional API encapsulation supports function calls, operation interactions, and event responses on the three-dimensional base through predefined cloud three-dimensional standard API interfaces.

4. The codeless digital twin training system of claim 1, wherein: ​ 5. The codeless digital twin training system of claim 1, wherein: The visual editor replaces Blockly, JointJS or Prograph graphical programming libraries with the Integromat no-code platform.

6. The codeless digital twin training system of claim 1, wherein: The security uses the JWT authentication protocol or the OAuth authentication protocol for user identity verification and authorization management. JWT authentication protocol: uses the JSON Web Tokens open standard for user identity verification and authorization management. The security also uses the HTTPS channel and protects data transmission security through SSL / TLS encryption. The security also uses the CSP content security policy to implement the content security policy and prevent XSS security threats.

7. The codeless digital twin training system of claim 1, wherein: The Serverless architecture is used to replace the microservices architecture to achieve a system architecture that balances flexibility and cost efficiency.

8. The codeless digital twin training system of claim 1, wherein: Apache Kafka is used as a message middleware in the event-driven architecture, providing high-throughput and low-latency event processing capabilities.

9. The codeless digital twin training system of claim 1, wherein: The implementation process of the no-code digital twin training system includes the following steps: S1: Three-dimensional model construction, use PBR modeling process to create high-quality digital power plant three-dimensional model, import the model into Unreal 5 or other digital twin engines for scene building, and deploy the cloud three-dimensional server; S2: Install and configure the Unreal 5 Pixel Stream Server; S3: Use HTML5 on the web front end <video>The tag or related JavaScript library implements JavaScript event listening to capture user click, drag, and zoom interaction behaviors, and uses webrtc to send user instructions to the server;< / video> S4: Encapsulate the play animation and model interaction functions into APIs; provide simple API interfaces for easy front-end calls; S5: Use the front-end framework to build the WEB interface and implement user management, question answering, and question bank management function modules; S6: Based on the front-end framework, integrate Blockly or JointJS to implement drag-and-drop editing functions; support creating interactive graph elements for logic flow and interface layout, calling cloud three-dimensional APIs, interacting with the Pixel Stream Server, and adding three-dimensional model operation functions to the questions.