Multi-terminal large-screen interaction control method and system, page, equipment and medium

Abstract

The invention discloses a multi-terminal large-screen interaction control method and system, a page, equipment and a medium, and the method comprises the steps: responding to an interaction event triggered on a visual interface in a first terminal of a general control page, and determining the event data of the interaction event; matching the event data with a preset interaction control rule set, and if matching succeeds, generating a large screen control instruction for controlling a second terminal according to a matched interaction control rule; and sending the large-screen control instruction to a second terminal specified by the first terminal identifier, so that the second terminal is positioned to a target visual component corresponding to the target component identifier, and updating the target visual component based on the operation parameters to realize multi-terminal large-screen interaction control. Therefore, the multi-terminal large-screen interaction control efficiency can be improved in a zero-code scene.

Description

Technical Field

[0001] This invention relates to the field of interactive control, and in particular to a multi-terminal large-screen interactive control method, system, page, device and medium. Background Technology

[0002] In advanced business scenarios such as smart cities and emergency command, there is an urgent need for complex, real-time linkage (such as linkage analysis and status synchronization) between multiple physical screens.

[0003] The most common existing solution is a multi-terminal management method based on iframe embedding. This involves embedding the URLs of various independently developed terminal pages into a central control platform page using HTML iframe tags. This method heavily relies on professional developers to write code, resulting in long development cycles, high costs, and the need to modify the code for any subsequent changes to business logic. It is extremely rigid and difficult to maintain. Therefore, implementing this function on a BI no-code platform aims to enable business personnel to define and adjust interaction rules independently and flexibly through intuitive graphical configuration. This transforms complex inter-control logic from "code implementation" to "business configuration," greatly reducing the technical threshold and improving response speed and business agility. Summary of the Invention

[0004] This invention provides a method, system, page, device, and medium for multi-terminal large-screen interactive control, which can improve the efficiency of multi-terminal large-screen interactive control in a zero-code scenario.

[0005] An embodiment of the present invention provides a multi-terminal large-screen interactive control method, comprising: Responding to an interactive event triggered on the visual interface of the first terminal within the master control page, and determining the event data of the interactive event, wherein the first terminal and the second terminal exist in the master control page in the form of layered layers; The event data is matched with a preset set of interactive control rules. If the match is successful, a large screen control command for controlling the second terminal is generated according to the matched interactive control rules. The large screen control command includes at least the first terminal identifier, the target component identifier, and the target operation parameters. The large screen control command is sent to the second terminal specified by the first terminal identifier, so that the second terminal locates the target visualization component corresponding to the target component identifier, and updates the target visualization component based on the operation parameters, so as to realize multi-terminal large screen interactive control.

[0006] This invention automatically and instantly captures the user's operational intent on any terminal interface and standardizes it into structured event data. This transforms the interactive logic, which previously required manual identification and transmission, into machine-readable input, thereby improving the efficiency and accuracy of interactive information transmission from the source. Utilizing a pre-configured set of interactive control rules through a zero-code platform's graphical interface, the captured event data is automatically mapped to precise large-screen control commands. This transforms cross-terminal control logic, which previously required complex coding, into rule definition work that business personnel can easily configure. This significantly reduces the technical threshold and development costs, resulting in an order-of-magnitude improvement in the efficiency of building, testing, and iterating complex interactive control logic. It truly achieves highly efficient control logic orchestration under "zero-code" conditions. By automatically and accurately pushing commands to designated terminals and driving specific components on those terminals to complete state updates, it eliminates the delays and potential errors caused by manual operations in intermediate stages, achieving end-to-end automation of control commands from triggering to execution. This greatly improves the response speed and execution efficiency of interactive control. Compared with existing technologies, this invention enables business personnel to quickly implement complex interactive scenarios without relying on developers to write code, and significantly improves the overall efficiency, accuracy, and response speed of interactive control strategies.

[0007] Furthermore, prior to the interactive event triggered on the visual interface within the first terminal of the central control page, the method further includes: After receiving the configuration management module's response to the user's instruction to access the central control page, it retrieves the list of terminal configurations to be managed from the configuration storage center; According to the list of terminals to be managed, an independent rendering layer is created for each terminal within the page of the master control page, wherein the rendering layers are stacked in the vertical direction; Based on the configuration data of each terminal, the visualization interface is rendered in the corresponding layer.

[0008] By acquiring the configuration in advance and completing the layered rendering of all terminal interfaces, all the resources required for subsequent interactive control are placed in memory, fundamentally eliminating the loading delay when switching terminals and ensuring that interactive commands can be responded to instantly. This provides a crucial performance foundation for achieving highly efficient zero-code interoperability.

[0009] Furthermore, the step of rendering the visual interface in the corresponding layer according to the configuration data of each terminal includes: determining the default terminal layer and the hidden layers corresponding to other terminals according to the configuration information, displaying the rendering layer corresponding to the default terminal, and hiding all rendering layers corresponding to other terminals.

[0010] By pre-rendering all terminal interfaces to independent layers and initializing to show the default terminal while hiding others, "instant switching" between terminals is achieved, completely eliminating the loading delay and white screen phenomenon when switching traditional iframe solutions. This provides users with a seamless and smooth control experience and greatly improves the efficiency of multi-terminal control from the perspective of interaction response.

[0011] Furthermore, after rendering the visualization interface within the corresponding layer based on the configuration data of each terminal, the process also includes: In response to a terminal switching request received on the central control page, and based on the terminal switching request, confirm the second terminal identifier; Based on the pre-maintained terminal-layer mapping relationship, determine the target rendering layer corresponding to the second terminal identifier; Hide the default terminal layer and display the target rendering layer in the visualization interface.

[0012] By replacing the traditional "iframe reloading" with "layer visibility," instantaneous and seamless switching between terminals is achieved with zero code configuration. This eliminates loading waits and white screen phenomena during switching, making users' access and control operations on different large screens on the central control terminal incredibly smooth. This greatly improves the efficiency of interactive control operations and user experience, and ensures the overall efficiency of multi-terminal management processes.

[0013] Furthermore, the event data is matched with a preset set of interactive control rules. If a match is successful, a large-screen control command for controlling the second terminal is generated based on the matched interactive control rules, including: The initial component identifier and interaction parameters are matched with the interaction control rules in the interaction control rule set, wherein the interaction control rule set contains at least one interaction control rule configured through the graphical interface of the no-code platform, and each interaction control rule set includes a trigger, a condition, and an action. When the initial component identifier matches the trigger of each of the interaction control rules, and the interaction parameters satisfy the conditions of the interaction control rules, the match is considered successful. Based on the actions defined in the successfully matched interaction control rules, a structured large-screen control instruction is generated, wherein the large-screen control instruction encapsulates the first terminal identifier, the target component identifier, and the target operation parameters determined by the interaction parameters.

[0014] By utilizing a pre-configured set of interactive control rules through a no-code platform's graphical interface, captured event data can be automatically mapped to precise large-screen control commands. This transforms cross-terminal control logic, which previously required writing complex code, into rule definition work that business personnel can complete with simple configuration. This significantly reduces the technical threshold and development costs, resulting in an order-of-magnitude improvement in the efficiency of building, testing, and iterating complex interactive control logic. It truly achieves efficient control logic orchestration under "zero code".

[0015] Further, the step of sending the large-screen control command to the second terminal specified by the first terminal identifier, so that the second terminal locates the target visualization component corresponding to the target component identifier, and updates the target visualization component based on the operation parameters to realize multi-terminal large-screen interactive control, includes: The large screen control command is pushed in real time to the second terminal specified by the first terminal identifier via a WebSocket long connection. The second terminal then parses the large screen control command to obtain the target component identifier and the target operation parameters. Based on the target component identifier, the target visual component specified by the large screen control command is located, and the rendering engine is invoked to perform state change, data filtering, or view update operations on the target visual component according to the target operation parameters, so as to realize multi-terminal large screen interactive control.

[0016] By automatically and accurately pushing instructions to designated terminals and driving specific components on those terminals to complete state updates, the delays and potential errors caused by manual operation in the intermediate links are eliminated. This achieves end-to-end automation of control instructions from triggering to execution, thereby greatly improving the response speed and execution efficiency of interactive control.

[0017] Another embodiment of the present invention provides a multi-terminal large-screen interactive control system, including: a determining module, a matching module, and a control module; The determining module is used to respond to an interactive event triggered on the visual interface of the first terminal in the master control page, and to determine the event data of the interactive event, wherein the first terminal and the second terminal exist in the master control page in the form of layered layers; The matching module is used to match the event data with a preset set of interactive control rules. If the match is successful, a large screen control command for controlling the second terminal is generated according to the matched interactive control rules. The large screen control command includes at least the first terminal identifier, the target component identifier, and the target operation parameters. The control module is used to send the large screen control command to the second terminal specified by the first terminal identifier, so that the second terminal locates the target visualization component corresponding to the target component identifier, and updates the target visualization component based on the operation parameters, so as to realize multi-terminal large screen interactive control.

[0018] Another embodiment of the present invention provides a terminal control page, including: a configuration management module; a layer manager; a rendering engine; and an interaction control rule management module. The terminal control page is configured to perform the steps of the multi-terminal large-screen interactive control method as described in this application.

[0019] Another embodiment of the present invention provides a terminal device, including: a processor, a memory, and a computer program stored in the memory and configured to be executed by the processor. When the processor executes the computer program, it implements the steps of the multi-terminal large-screen interactive control method of the present invention.

[0020] Another embodiment of the present invention provides a computer-readable storage medium item, including: a stored computer program, which, when the computer program is running, controls the device where the computer-readable storage medium is located to perform the steps of the multi-terminal large-screen interactive control method of the present invention. Attached Figure Description

[0021] To more clearly illustrate the technical solution of this application, the drawings used in the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained from these drawings without creative effort.

[0022] Figure 1 This is a flowchart illustrating one embodiment of the multi-terminal large-screen interactive control method provided in this application; Figure 2 This is a flowchart illustrating one embodiment of steps S201 to S203 provided in this application; Figure 3 This is a flowchart illustrating one embodiment of steps S301 to S303 provided in this application; Figure 4 This is a schematic diagram of the structure of one embodiment of the multi-terminal large-screen interactive control system provided in this application; Figure 5 This is a schematic diagram of the structure of one embodiment of the terminal control page provided in this application. Detailed Implementation

[0023] To make the objectives, technical solutions, and advantages of this application clearer, the technical solutions of this application will be clearly and completely described below with reference to the accompanying drawings of the embodiments. Obviously, the described embodiments are only some embodiments of this application, not all embodiments. Based on the embodiments of this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0024] 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 application pertains; the terminology used herein is for the purpose of describing particular embodiments only and is not intended to limit the application; the terms “comprising” and “having”, and any variations thereof, in the specification, claims, and foregoing description of the drawings are intended to cover non-exclusive inclusion.

[0025] In the description of the embodiments of this application, technical terms such as "first" and "second" are used only to distinguish different objects and should not be construed as indicating or implying relative importance or implicitly specifying the number, specific order, or primary and secondary relationship of the indicated technical features. In the description of the embodiments of this application, "multiple" means two or more, unless otherwise explicitly defined.

[0026] In this document, the term "embodiment" means that a particular feature, structure, or characteristic described in connection with an embodiment may be included in at least one embodiment of this application. The appearance of this phrase in various places throughout the specification does not necessarily refer to the same embodiment, nor is it a separate or alternative embodiment mutually exclusive with other embodiments. It will be explicitly and implicitly understood by those skilled in the art that the embodiments described herein can be combined with other embodiments.

[0027] In the description of the embodiments in this application, the term "and / or" is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A existing alone, A and B existing simultaneously, or B existing alone. Additionally, the character " / " in this document generally indicates that the preceding and following related objects have an "or" relationship.

[0028] In the description of the embodiments of this application, the term "multiple" refers to two or more (including two), similarly, "multiple sets" refers to two or more (including two sets), and "multiple pieces" refers to two or more (including two pieces).

[0029] In the description of the embodiments of this application, unless otherwise expressly specified and limited, technical terms such as "installation," "connection," "joining," and "fixing" should be interpreted broadly. For example, they can refer to a fixed connection, a detachable connection, or an integral part; they can refer to a mechanical connection or an electrical connection; they can refer to a direct connection or an indirect connection through an intermediate medium; they can refer to the internal communication of two components or the interaction between two components. For those skilled in the art, the specific meaning of the above terms in the embodiments of this application can be understood according to the specific circumstances.

[0030] Currently, in the field of business intelligence (BI) and data visualization, BI no-code platforms allow users to quickly build data dashboards for monitoring, analysis, and decision support by dragging and dropping components and configuring data sources. In practical applications, such as command centers and monitoring halls, it is often necessary to centrally manage and control multiple business dashboards (terminals) on a single control platform. The most common solution in existing technologies is the "multi-terminal management method based on iframe embedding." This method cannot achieve the "instant switching" effect of real-time response, has high resource consumption, and low interactive control efficiency.

[0031] See Figure 1 To improve the efficiency of interactive control of multi-terminal large screens in a zero-code scenario, an embodiment of the present invention provides a multi-terminal large screen interactive control method, including steps S101 to S103: Step S101: Respond to an interactive event triggered on the visual interface of the first terminal in the master control page, and determine the event data of the interactive event, wherein the first terminal and the second terminal exist in the master control page in the form of layer stacking; In some embodiments, before the interactive event triggered on the visual interface within the first terminal of the central control page, steps S201 to S203 are further included: Step S201: After receiving the instruction from the configuration management module in response to the user's access to the central control page, retrieve the list of terminal configurations to be managed from the configuration storage center; In some embodiments, when a user accesses the main terminal control page, the system's configuration management module is activated. By calling its interface, it retrieves the configuration list of terminals to be managed from the storage center. The storage center centrally stores the structured configuration information of all large-screen terminals, and the configuration list of terminals to be managed contains the core definition information of all terminals to be managed.

[0032] Step S202: According to the configuration list of terminals to be managed, create an independent rendering layer for each terminal within the page of the master control page, wherein the rendering layers are stacked in the vertical axis direction; In some embodiments, the system's layer manager manages a list of terminal configurations. In the Document Object Model (DOM) of the master control page, it dynamically creates and manages an independent layer container (such as a DIV element) for each terminal in the list to create several independent rendering layers. All these layers are created during initialization and are stacked in the Z-axis direction using CSS positioning technology, laying the structural foundation for subsequent pre-rendering and switching control.

[0033] Step S203: Based on the configuration data of each terminal, complete the rendering of the visualization interface in the corresponding layer.

[0034] In some embodiments, rendering the visual interface within the corresponding layer based on the configuration data of each terminal includes: determining the default terminal layer and other hidden layers corresponding to other terminals based on the configuration information, displaying the rendering layer corresponding to the default terminal, and hiding all rendering layers corresponding to other terminals. Specifically, firstly, the layer manager determines which terminal is preset as the default terminal based on the terminal configuration list information obtained from the configuration storage center; then, in the layer stack of the main control page, the rendering layer corresponding to the default terminal is set to the display state, while the rendering layers corresponding to all other terminals are uniformly set to the hidden state, thereby ensuring that when the user enters the main control page, only the complete visual interface of the default terminal is seen, and although all terminal interfaces have been preloaded and are ready, the initial visual focus is effectively concentrated.

[0035] It should be noted that the configuration storage center is used to centrally store two types of core configuration information: Terminal configuration information: This stores the complete definition of each large-screen terminal in structured data (such as JSON), including data source connection information, visual component attributes, style settings, etc. Interaction control rule set: This stores the control rules defined by the user through the no-code interface, specifying the interaction logic between the terminal and the large screen.

[0036] By pre-rendering all terminal interfaces to independent layers and initializing to show the default terminal while hiding others, "instant switching" between terminals is achieved, completely eliminating the loading delay and white screen phenomenon when switching traditional iframe solutions. This provides users with a seamless and smooth control experience and greatly improves the efficiency of multi-terminal control from the perspective of interaction response.

[0037] By acquiring the configuration in advance and completing the layered rendering of all terminal interfaces, all the resources required for subsequent interactive control are placed in memory, fundamentally eliminating the loading delay when switching terminals and ensuring that interactive commands can be responded to instantly. This provides a crucial performance foundation for achieving highly efficient zero-code interoperability.

[0038] In some embodiments, after rendering the visualization interface in the corresponding layer according to the configuration data of each terminal, the method further includes: responding to a terminal switching request received on the central control page and confirming a second terminal identifier based on the terminal switching request; determining the target rendering layer corresponding to the second terminal identifier according to a pre-maintained terminal-layer mapping relationship; hiding the default terminal layer and displaying the target rendering layer in the visualization interface. Specifically, firstly, the system responds to a user-initiated terminal switching request received on the central control page, which encapsulates a unique identifier for the target terminal (i.e., the second terminal identifier); subsequently, the system's layer manager accurately locates the target rendering layer corresponding to the second terminal identifier based on its internally pre-maintained mapping relationship between terminal identifiers and rendering layer DOM elements; finally, the layer manager performs atomic DOM operations to hide the currently displayed default terminal layer and simultaneously display the target rendering layer in the visualization interface. Since the interface resources of all layers have been pre-loaded and reside in memory, this display-hide operation does not require reloading resources, thereby achieving millisecond-level seamless switching between terminals.

[0039] For example, suppose that in the central control page of a smart city command center, the interfaces of three terminals are preloaded and rendered: "City Traffic Monitoring Screen," "Public Safety Monitoring Screen," and "Municipal Facilities Monitoring Screen." Initially, the layer corresponding to the "City Traffic Monitoring Screen" is displayed by default, while the layers of the other two screens are hidden. When the commander needs to view public safety conditions, he clicks the "Public Safety Monitoring Screen" tab in the terminal list bar of the central control page. This click generates a terminal switching request, which includes the identifier of the target terminal, such as "public_security." After receiving this request, the layer manager of the central control page immediately queries its maintained mapping table and learns that the identifier "public_security" corresponds to a specific container (i.e., the target rendering layer) on the page. Subsequently, the layer manager applies CSS styles to the currently displayed "City Traffic Monitoring Screen" layer to hide it, and applies CSS styles to the "Public Safety Monitoring Screen" layer to show it. In this way, the content on the central control page switches from a traffic map to a public security monitoring view. The entire process is seamless and smooth, without any loading delay or blank screen.

[0040] By replacing the traditional "iframe reloading" with "layer visibility," instantaneous and seamless switching between terminals is achieved with zero code configuration. This eliminates loading waits and white screen phenomena during switching, making users' access and control operations on different large screens on the central control terminal incredibly smooth. This greatly improves the efficiency of interactive control operations and user experience, and ensures the overall efficiency of multi-terminal management processes.

[0041] In some embodiments, in response to an interactive event triggered on the visualization interface within the first terminal of the central control page, the system determines the event data of the interactive event. Specifically, when a user operates on the currently displayed visualization interface of the first terminal within the central control page, a visualization component (such as a chart or button) configured with interactive capabilities will perform an interactive behavior (e.g., the user performs a click or data filtering operation). This behavior is automatically captured by the underlying front-end framework of the platform, generating an event carrying a component identifier and interactive data. This event is a structured data object, which encapsulates an "initial component identifier" (such as a component ID) to identify which component triggered the event, and "interaction parameters" (e.g., the name of the clicked data item, the specific filtering condition value) describing the specific content of this interaction. By listening to and receiving this event object, the system completes the process of "responding to the interactive event" and "determining the event data".

[0042] Step S102: Match the event data with a preset set of interactive control rules. If the match is successful, generate a large screen control command for controlling the second terminal according to the matched interactive control rules. The large screen control command includes at least the first terminal identifier, the target component identifier, and the target operation parameters. Please refer to Figure 3 In some embodiments, step S102 includes steps S301 to S303: Step S301: Match the initial component identifier and interaction parameters with the interaction control rules in the interaction control rule set. The interaction control rule set includes at least one interaction control rule configured through the graphical interface of the no-code platform. Each interaction control rule set includes a trigger, a condition, and an action. In some embodiments, the initial component identifier and interaction parameters in the event data are matched with rules in a preset interaction control rule set. The rule set is configured through a graphical interface of a no-code platform. Each rule defines a trigger (specifying the component from which the event originates), a condition (logical constraints on the interaction parameters), and an action (defining the control target and operation). The matching process is based on the predefined structure of the rule base and compares the event data with the trigger and condition parts of the rules one by one.

[0043] Step S302: When the initial component identifier matches the trigger of each of the interaction control rules, and the interaction parameters meet the conditions of the interaction control rules, it is determined that the match is successful. In some embodiments, when the initial component identifier in the event data is consistent with the trigger component identifier of a rule, and the interaction parameters meet the conditions defined in the rule (e.g., the parameter values ​​conform to a specific range or enumeration value), the interaction control rule management module determines that the rule is successfully matched. This step ensures that only interaction events that conform to the preset logic will trigger the generation of subsequent control instructions.

[0044] Step S303: Based on the actions defined in the successfully matched interaction control rules, generate structured large-screen control instructions, wherein the large-screen control instructions encapsulate the first terminal identifier, the target component identifier, and the target operation parameters determined by the interaction parameters.

[0045] In some embodiments, for a successfully matched rule, the system generates a structured large-screen control instruction based on its action portion. This instruction encapsulates the target terminal identifier (i.e., the controlled second terminal), the target component identifier (i.e., the visual component to be updated in the second terminal), and the target operation parameters (such as filtering conditions, status values, etc.) converted or mapped from the interaction parameters. This process is completed automatically by the rule engine, achieving zero-code conversion from interaction events to control instructions.

[0046] By utilizing a pre-configured set of interactive control rules through a no-code platform's graphical interface, captured event data can be automatically mapped to precise large-screen control commands. This transforms cross-terminal control logic, which previously required writing complex code, into rule definition work that business personnel can complete with simple configuration. This significantly reduces the technical threshold and development costs, resulting in an order-of-magnitude improvement in the efficiency of building, testing, and iterating complex interactive control logic. It truly achieves efficient control logic orchestration under "zero code".

[0047] Step S103: Send the large screen control command to the second terminal specified by the first terminal identifier, so that the second terminal locates the target visualization component corresponding to the target component identifier, and updates the target visualization component based on the operation parameters, so as to realize multi-terminal large screen interactive control.

[0048] In some embodiments, step S103 includes: pushing the large-screen control command to the second terminal specified by the first terminal identifier in real time via a WebSocket long connection, so that the second terminal parses the large-screen control command to obtain the target component identifier and the target operation parameters, locates the target visual component specified by the large-screen control command based on the target component identifier, and calls the rendering engine to perform state change, data filtering, or view update operations on the target visual component according to the target operation parameters, so as to realize multi-terminal large-screen interactive control. Specifically, the large-screen control command is pushed to the second terminal specified by the first terminal identifier in real time via a WebSocket long connection; after receiving the command, the client of the second terminal, after security verification and parsing, locates the target component and operation method specified by the command; then, the client calls its local rendering engine to perform state change, data filtering, or view update operations on the target component according to the command parameters, thereby completing the final presentation of the interactive effect and realizing multi-terminal large-screen interactive control.

[0049] It should be noted that WebSocket long-lived connections are a hybrid communication mechanism used for real-time cross-screen communication, while the event bus is used for communication between layers.

[0050] By automatically and accurately pushing instructions to designated terminals and driving specific components on those terminals to complete state updates, the delays and potential errors caused by manual operation in the intermediate links are eliminated. This achieves end-to-end automation of control instructions from triggering to execution, thereby greatly improving the response speed and execution efficiency of interactive control.

[0051] This invention automatically and instantly captures the user's operational intent on any terminal interface and standardizes it into structured event data. This transforms the interactive logic, which previously required manual identification and transmission, into machine-readable input, thereby improving the efficiency and accuracy of interactive information transmission from the source. Utilizing a pre-configured set of interactive control rules through a zero-code platform's graphical interface, the captured event data is automatically mapped to precise large-screen control commands. This transforms cross-terminal control logic, which previously required complex coding, into rule definition work that business personnel can easily configure. This significantly reduces the technical threshold and development costs, resulting in an order-of-magnitude improvement in the efficiency of building, testing, and iterating complex interactive control logic. It truly achieves highly efficient control logic orchestration under "zero-code" conditions. By automatically and accurately pushing commands to designated terminals and driving specific components on those terminals to complete state updates, it eliminates the delays and potential errors caused by manual operations in intermediate stages, achieving end-to-end automation of control commands from triggering to execution. This greatly improves the response speed and execution efficiency of interactive control. Compared with existing technologies, this invention enables business personnel to quickly implement complex interactive scenarios without relying on developers to write code, and significantly improves the overall efficiency, accuracy, and response speed of interactive control strategies.

[0052] To facilitate understanding of the large-screen interactive control method of this invention, please refer to the example: In a smart city command center, the complete interfaces of three terminal screens—"Traffic Flow," "Public Safety," and "Emergency Resources"—are pre-loaded in layers on the control page in front of the controller. Initially, the page displays the "Traffic Flow" screen. First, while observing the "Traffic Flow" screen, the controller notices abnormal congestion on a main road, "Renmin Road." They then click on the map icon corresponding to that road. This interaction event is captured by the system, generating event data. Subsequently, the system's interactive control rule management module immediately matches this event data with a predefined set of rules. It finds a rule: "When the map component of the Traffic Flow screen is clicked, and the interaction parameters include a road name, an instruction is sent to the Public Safety screen, causing its monitoring video list component to perform filtering and display real-time monitoring data near that road." Simultaneously, the rule match is successful, and the module generates a large-screen control instruction, which includes the target terminal (Public Safety screen), the target component, and the operation parameters. Finally, the control command was instantly pushed to the "Public Safety" physical screen displayed on the conference room wall via a WebSocket long connection. After receiving and parsing the command, the client on the screen immediately located the monitoring video list component and called its rendering engine. Based on the parameter "Renmin Road", the video list was filtered. Instantly, the video list on the physical screen only displayed the monitoring footage around "Renmin Road", assisting the commander to quickly retrieve the on-site video and analyze the cause of the congestion.

[0053] like Figure 4 As shown, based on the above method embodiments, corresponding apparatus embodiments are provided; One embodiment of the present invention provides a multi-terminal large-screen interactive control system, including: a determining module 100, a matching module 200, and a control module 300; The determining module 100 is used to respond to an interactive event triggered on the visual interface of the first terminal in the master control page, and to determine the event data of the interactive event, wherein the first terminal and the second terminal exist in the master control page in the form of layered layers; The matching module 200 is used to match the event data with a preset set of interactive control rules. If the match is successful, a large screen control instruction for controlling the second terminal is generated according to the matched interactive control rules. The large screen control instruction includes at least a first terminal identifier, a target component identifier, and target operation parameters. The control module 300 is used to send the large screen control command to the second terminal specified by the first terminal identifier, so that the second terminal locates the target visualization component corresponding to the target component identifier, and updates the target visualization component based on the operation parameters, so as to realize multi-terminal large screen interactive control.

[0054] It is understood that the above-described device embodiments correspond to the method embodiments of the present invention, and can implement the multi-terminal large-screen interactive control method provided by any of the above-described method embodiments of the present invention.

[0055] It should be noted that the device embodiments described above are merely illustrative, and some or all of the modules can be selected to achieve the purpose of this embodiment according to actual needs. Furthermore, in the accompanying drawings of the device embodiments provided by this invention, the connection relationships between modules indicate that they have communication connections, which can specifically be implemented as one or more communication buses or signal lines. Those skilled in the art can understand and implement this without any creative effort.

[0056] Please refer to Figure 5 Based on the above embodiments of the multi-terminal large-screen interactive control method, another embodiment of the present invention provides a terminal control page, including: a configuration management module; a layer manager; a rendering engine; and an interactive control rule management module. The terminal control page is configured to execute the steps of the multi-terminal large-screen interactive control method as described in this application.

[0057] The configuration management module is responsible for interacting with the configuration storage center to obtain, parse, and manage all terminal configuration and rule data.

[0058] Layer Manager: Based on the terminal configuration list, it creates and manages an independent rendering layer for each terminal within the page. All layers are created during initialization.

[0059] Rendering engine: The core component of the BI zero-code platform, it receives terminal configuration data and renders a complete visual UI interface within its corresponding layer container.

[0060] Interactive control rule management module: Provides a visual interface for users to define and configure interactive control rules (trigger-condition-action), as well as distribute control commands.

[0061] Based on the above embodiments of the multi-terminal large-screen interactive control method, another embodiment of the present invention provides a terminal device, which includes a processor, a memory, and a computer program stored in the memory and configured to be executed by the processor. When the processor executes the computer program, it implements the multi-terminal large-screen interactive control method of any embodiment of the present invention.

[0062] For example, in this embodiment, the computer program can be divided into one or more modules, which are stored in the memory and executed by the processor to complete the present invention. The one or more modules may be a series of computer program instruction segments capable of performing a specific function, which describe the execution process of the computer program in the terminal device.

[0063] The terminal device may be a desktop computer, laptop, handheld computer, or cloud server, etc. The terminal device may include, but is not limited to, a processor and a memory.

[0064] The processor can be a Central Processing Unit (CPU), or other general-purpose processors, digital signal processors (DSPs), application-specific integrated circuits (ASICs), field-programmable gate arrays (FPGAs), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. A general-purpose processor can be a microprocessor or any conventional processor. The processor is the control center of the terminal device, connecting all parts of the terminal device via various interfaces and lines.

[0065] Based on the above-described method embodiments, another embodiment of the present invention provides a computer-readable storage medium including a stored computer program, wherein, when the computer program is executed, it controls the device where the computer-readable storage medium is located to execute the multi-terminal large-screen interactive control method described in any of the above-described method embodiments of the present invention.

[0066] The modules / units integrated in the device / terminal equipment, if implemented as software functional units and sold or used as independent products, can be stored in a computer-readable storage medium. Based on this understanding, all or part of the processes in the above embodiments of the present invention can also be implemented by a computer program instructing related hardware. The computer program can be stored in a computer-readable storage medium, and when executed by a processor, it can implement the steps of the various method embodiments described above. The computer program includes computer program code, which can be in the form of source code, object code, executable files, or certain intermediate forms. The computer-readable medium can include: any entity or device capable of carrying the computer program code, a recording medium, a USB flash drive, a portable hard drive, a magnetic disk, an optical disk, a computer memory, a read-only memory (ROM), a random access memory (RAM), an electrical carrier signal, a telecommunication signal, and a software distribution medium, etc.

[0067] The above description represents the preferred embodiments of the present invention. It should be noted that those skilled in the art can make various improvements and modifications without departing from the principles of the present invention, and these improvements and modifications are also considered to be within the scope of protection of the present invention.

Claims

1. A multi-terminal large-screen interactive control method, characterized in that, include: Responding to an interactive event triggered on the visual interface of the first terminal within the master control page, and determining the event data of the interactive event, wherein the first terminal and the second terminal exist in the master control page in the form of layered layers; The event data is matched with a preset set of interactive control rules. If the match is successful, a large screen control command for controlling the second terminal is generated according to the matched interactive control rules. The large screen control command includes at least the first terminal identifier, the target component identifier, and the target operation parameters. The large screen control command is sent to the second terminal specified by the first terminal identifier, so that the second terminal locates the target visualization component corresponding to the target component identifier, and updates the target visualization component based on the operation parameters, so as to realize multi-terminal large screen interactive control.

2. The multi-terminal large-screen interactive control method according to claim 1, characterized in that, Prior to the interactive event triggered on the visual interface within the first terminal of the central control page, the method further includes: After receiving the configuration management module's response to the user's instruction to access the central control page, it retrieves the list of terminal configurations to be managed from the configuration storage center; According to the list of terminals to be managed, an independent rendering layer is created for each terminal within the page of the master control page, wherein the rendering layers are stacked in the vertical direction; Based on the configuration data of each terminal, the visualization interface is rendered in the corresponding layer.

3. The multi-terminal large-screen interactive control method according to claim 2, characterized in that, The step of rendering the visual interface in the corresponding layer according to the configuration data of each terminal includes: determining the default terminal layer and the hidden layers corresponding to other terminals according to the configuration information, displaying the rendering layer corresponding to the default terminal, and hiding all rendering layers corresponding to other terminals.

4. The multi-terminal large-screen interactive control method according to claim 3, characterized in that, After rendering the visualization interface within the corresponding layer based on the configuration data of each terminal, the process further includes: In response to a terminal switching request received on the central control page, and based on the terminal switching request, confirm the second terminal identifier; Based on the pre-maintained terminal-layer mapping relationship, determine the target rendering layer corresponding to the second terminal identifier; Hide the default terminal layer and display the target rendering layer in the visualization interface.

5. The multi-terminal large-screen interactive control method according to claim 1, characterized in that, The process involves matching the event data with a preset set of interactive control rules. If a match is successful, a large-screen control command for controlling the second terminal is generated based on the matched interactive control rules, including: The initial component identifier and interaction parameters are matched with the interaction control rules in the interaction control rule set, wherein the interaction control rule set contains at least one interaction control rule configured through the graphical interface of the no-code platform, and each interaction control rule set includes a trigger, a condition, and an action. When the initial component identifier matches the trigger of each of the interaction control rules, and the interaction parameters satisfy the conditions of the interaction control rules, the match is considered successful. Based on the actions defined in the successfully matched interaction control rules, a structured large-screen control instruction is generated, wherein the large-screen control instruction encapsulates the first terminal identifier, the target component identifier, and the target operation parameters determined by the interaction parameters.

6. The multi-terminal large-screen interactive control method according to claim 1, characterized in that, The step of sending the large-screen control command to the second terminal specified by the first terminal identifier, so that the second terminal locates the target visualization component corresponding to the target component identifier, and updating the target visualization component based on the operation parameters, to realize multi-terminal large-screen interactive control, includes: The large screen control command is pushed in real time to the second terminal specified by the first terminal identifier via a WebSocket long connection. The second terminal then parses the large screen control command to obtain the target component identifier and the target operation parameters. Based on the target component identifier, the target visual component specified by the large screen control command is located, and the rendering engine is invoked to perform state change, data filtering, or view update operations on the target visual component according to the target operation parameters, so as to realize multi-terminal large screen interactive control.

7. A large-screen interactive system, characterized in that, include: Identify the module, match the module, and control the module; The determining module is used to respond to an interactive event triggered on the visual interface of the first terminal in the master control page, and to determine the event data of the interactive event, wherein the first terminal and the second terminal exist in the master control page in the form of layered layers; The matching module is used to match the event data with a preset set of interactive control rules. If the match is successful, a large screen control command for controlling the second terminal is generated according to the matched interactive control rules. The large screen control command includes at least the first terminal identifier, the target component identifier, and the target operation parameters. The control module is used to send the large screen control command to the second terminal specified by the first terminal identifier, so that the second terminal locates the target visualization component corresponding to the target component identifier, and updates the target visualization component based on the operation parameters, so as to realize multi-terminal large screen interactive control.

8. A terminal control page, characterized in that, include: Configuration management module; Layer manager; rendering engine; The interactive control rule management module, wherein the terminal control page is configured to execute the steps of the multi-terminal large-screen interactive control method as described in any one of claims 1-6.

9. A terminal device, characterized in that, include: One or more processors; A memory, coupled to the processor, for storing one or more programs; When the one or more programs are executed by the one or more processors, the one or more processors implement the steps of the multi-terminal large-screen interactive control method as described in any one of claims 1-6.

10. A computer-readable storage medium, characterized in that, include: A stored computer program, wherein, when the computer program is executed, it controls the device containing the computer-readable storage medium to perform the steps of the multi-terminal large-screen interactive control method as described in any one of claims 1-6.

Images