Loading method of control interface, electronic device and readable storage medium

Abstract

Embodiments of the present application provide a control interface loading method, an electronic device and a readable storage medium, and relate to the technical field of Internet of Things. The method comprises the following steps: in response to the program of a sand table device being started, obtaining pre-stored configuration data from the cloud according to a first product identifier of the sand table device; the configuration data comprises device information set and description information of the control interface, and the first product identifier is an identifier of a product category to which the sand table device belongs; for each first device, determining a first control component corresponding to each function possessed by the first device according to at least one device information of the device; obtaining the current state of each function possessed by the first device through the cloud; and rendering the control interface according to the first control component corresponding to each function possessed by each first device, the current state and the description information of the control interface. The embodiments of the present application solve the problems of high maintenance cost and poor expansibility of the control interface of the sand table device.

Description

Technical Field

[0001] This application relates to the field of Internet of Things (IoT) technology, and more specifically, to a method for loading a control interface, an electronic device, and a readable storage medium. Background Technology

[0002] With the rapid development of IoT technology, the integration of smart home and sand table devices has been widely applied. In current sand table display and interaction scenarios, users typically monitor the status and control various physical devices (such as lights, curtains, air conditioners, etc.) within the sand table through a virtual control page on a mobile terminal.

[0003] However, the relevant technical solutions suffer from high maintenance costs and poor scalability of the control interface of the sand table equipment. Summary of the Invention

[0004] This application provides a method for loading a control interface, an electronic device, and a readable storage medium to solve the technical problems of high maintenance costs and poor scalability of the control interface of sand table equipment.

[0005] According to a first aspect of the embodiments of this application, a method for loading a control interface is provided. The method includes: in response to the startup of a program for controlling a sand table device, obtaining pre-stored configuration data from the cloud based on a first product identifier of the sand table device; the configuration data includes a set of device information and description information of the control interface, the set of device information includes at least one device information of at least one first device that the sand table device can control, the control interface is used to display and control the current status of each function of each first device, and the first product identifier is an identifier of the category to which the sand table device belongs; For each first device, based on at least one piece of device information, determine the first control component corresponding to each function of the first device; For each first device, obtain the current status of each function possessed by the first device through the cloud; The control interface is rendered based on the first control component, current status, and description information of the control interface corresponding to the functions of each first device.

[0006] In one possible implementation, for each first device, each function of the first device corresponds to a first status identifier and a first control identifier; The first state identifier is used to determine the current state of the function from the cloud before the control interface is rendered; The first control identifier is used to determine the function of the first device to which the triggering operation is targeted when a triggering operation is performed on the rendered control interface.

[0007] In another possible implementation, the current operating status of the sandbox device is obtained through the cloud; the operating status is either online or offline. If the sand table equipment is determined to be in an online state, then the state set is obtained through the cloud; the state set contains the current state of each function of each first device.

[0008] In another possible implementation, the current state of a function is represented by a first state identifier and a first state value corresponding to the first state identifier; for each function of each first device, the corresponding first state value is obtained from the state set according to the first state identifier corresponding to the function, and the first control component corresponding to the function in the control interface is rendered according to the first state value and the description information of the control interface, so that the first control component displays the current state of the corresponding function.

[0009] In another possible implementation, after rendering the control interface, the system receives the first update message published by the publisher in the first topic subscribed to by the program, and obtains the publisher's second product identifier and second device identifier, as well as the sandbox device's first device identifier; the first update message contains the second status identifier and the second status value corresponding to the second status identifier, and the first device identifier is the identifier of the sandbox device's identity; If it is determined that the second product identifier is consistent with the first product identifier and the second device identifier is consistent with the first device identifier, then the second control component corresponding to the function is determined according to the second status identifier; The second control component in the control interface is re-rendered based on the second state value.

[0010] In another possible implementation, after rendering the control interface, in response to a trigger operation for any first control component, a first control identifier is determined based on the function corresponding to the first control component, and a control value corresponding to the first control identifier is determined based on the trigger operation; the control value is used to characterize the state of the function to be updated. Construct control instructions based on the first control identifier and the control value corresponding to the first control identifier; If the cloud determines that the sand table device is currently online, then control commands are sent to the sand table device via the cloud so that the sand table device can adjust its current function status according to the control commands.

[0011] In yet another possible implementation, after sending control commands to the sand table device via the cloud, the first text is displayed on the control interface; the first text indicates that the sand table device is loading. If no control result is received from the cloud within the preset time period, the first text is hidden and the second text is displayed; the second text is used to indicate control failure. If the control result returned from the cloud is received within the preset time period, the first control component will be re-rendered based on the control result.

[0012] In another possible implementation, after rendering the control interface, the program receives a second update message published in a second topic it has subscribed to. The second update message includes the updated running status of the sandbox device; the running status is either online or offline. If the updated running status is determined to be offline, reduce the transparency of the control page, disable the interactive functions of all first control components, and display third text to indicate that the sandbox device is offline. If the updated running status is confirmed to be online, increase the transparency of the control interface, restore the interactive functions of all control components, and hide the third-party text.

[0013] According to a second aspect of the embodiments of this application, a control interface loading device is provided, the device comprising: The response module is used to respond to the program startup of the control sand table equipment. It retrieves pre-stored configuration data from the cloud based on the first product identifier of the sand table equipment. The configuration data includes a set of equipment information and a description of the control interface. The set of equipment information includes at least one piece of equipment information of at least one first device that the sand table equipment can control. The control interface is used to display and control the current status of each function of each first device. The first product identifier is the identifier of the category to which the sand table equipment belongs. The determining module is used to determine, for each first device, the first control component corresponding to each function of the first device based on at least one device information of the device; The acquisition module is used to acquire the current status of each function of the first device through the cloud; The rendering module is used to render the control interface based on the first control component, current state, and description information of the control interface corresponding to the functions of each first device.

[0014] According to a third aspect of the embodiments of this application, an electronic device is provided, the electronic device including a memory, a processor and a computer program stored in the memory, wherein the processor executes the program to implement the method provided in the first aspect.

[0015] According to a fourth aspect of the embodiments of this application, a computer-readable storage medium is provided having a computer program stored thereon that, when executed by a processor, implements the method provided in the first aspect.

[0016] According to a fifth aspect of the present application, a computer program product is provided, the computer program product including computer instructions stored in a computer-readable storage medium, wherein when a processor of a computer device reads the computer instructions from the computer-readable storage medium, the processor executes the computer instructions, causing the computer device to perform the method as provided in the first aspect.

[0017] The beneficial effects of the technical solutions provided in this application are: By responding to the program startup of the control sand table device, the pre-stored configuration data is obtained from the cloud according to the first product identifier of the sand table device. Since the configuration data contains at least one device information of at least one of the sand table devices that can be controlled and description information of the control interface, the current control page loading method can support different types of sand table devices to obtain the corresponding control page by loading different configuration data, so as to display and control the current status of each function of each first device. For each first device, based on at least one device information of the device, the first control component corresponding to each function of the first device is determined. This enables the provision of the required first control component according to the functionality of each first device, so that the same type of control component can be compatible with different device types and brand protocols. This achieves the technical effect of not needing to modify the code when adding new devices. For each first device, the current status of each function of the first device is obtained through the cloud, which ensures that the control interface of subsequent rendering is accurately synchronized with the current status of the first device, and provides strong data support for micro-control page rendering. Based on the first control component, current status, and control interface description information corresponding to the functions of each first device, the control interface is rendered. This implements the same set of underlying code for the same application, which can adaptively render the control interfaces of different sand table devices, thus solving the problems of high maintenance costs and poor scalability of the control interfaces of sand table devices. Attached Figure Description

[0018] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments of this application will be briefly introduced below.

[0019] Figure 1 A schematic diagram of the system architecture for implementing the loading method of the control interface provided in the embodiments of this application; Figure 2 A flowchart illustrating a method for loading a control interface provided in an embodiment of this application; Figure 3A flowchart illustrating the update method in a control interface loading method provided in this application embodiment; Figure 4 A flowchart illustrating the control method for a sand table device in a control interface loading method provided in this application embodiment; Figure 5 A comparison diagram of the online and offline states of the control interface in a control interface loading method provided in an embodiment of this application; Figure 6 A schematic diagram of a control page loading device provided in an embodiment of this application; Figure 7 This is a schematic diagram of the structure of a device provided in an embodiment of this application. Detailed Implementation

[0020] The embodiments of this application are described below with reference to the accompanying drawings. It should be understood that the embodiments described below with reference to the accompanying drawings are exemplary descriptions for explaining the technical solutions of the embodiments of this application, and do not constitute a limitation on the technical solutions of the embodiments of this application.

[0021] Those skilled in the art will understand that, unless otherwise stated, the singular forms “a,” “an,” “the,” and “the” used herein may also include the plural forms. It should be further understood that the terms “comprising” and “including” as used in embodiments of this application mean that the corresponding feature can be implemented as the presented feature, information, data, step, operation, element, and / or component, but do not exclude implementation as other features, information, data, step, operation, element, component, and / or combinations thereof supported by the art. It should be understood that when we say that an element is “connected” or “coupled” to another element, the one element can be directly connected or coupled to the other element, or it can mean that the one element and the other element establish a connection relationship through an intermediate element. Furthermore, “connected” or “coupled” as used herein can include wireless connection or wireless coupling. The term “and / or” as used herein indicates at least one of the items defined by the term; for example, “A and / or B” can be implemented as “A,” or as “B,” or as “A and B.”

[0022] To make the objectives, technical solutions, and advantages of this application clearer, the embodiments of this application will be described in further detail below with reference to the accompanying drawings.

[0023] The following explains the relevant technologies: Current applications generally implement smart home sandbox control using hard-coding. Different control interface codes need to be written for different sandbox scenarios, with device types, attribute field names, and control logic all fixed in the code. While some products have introduced configurable design, they are mostly limited to simple device list configurations and cannot support dynamic mapping of device attribute fields or flexible configuration of control identifiers. Furthermore, existing solutions rely heavily on polling mechanisms for device status synchronization, resulting in delayed status updates and high resource consumption. Expanding device types requires modifying the core code and re-releasing the system, leading to long development iteration cycles and high maintenance costs.

[0024] Therefore, related technical solutions generally suffer from pain points such as weak configuration capabilities, poor scalability, lagging state synchronization, high maintenance costs, and difficulties in cross-protocol adaptation. Specifically, adding a new device type requires modifying the core code and releasing a new version, making it difficult to respond to rapidly changing business needs. In addition, traditional solutions rely on periodic polling for state synchronization, resulting in delayed feedback after user operations and a poor user experience; and when facing multi-customer customization scenarios, it is often necessary to maintain multiple independent code branches, significantly increasing development and testing costs.

[0025] In response to at least one of the aforementioned technical problems or areas requiring improvement in the related technologies, this application proposes a method for loading a control interface. This method involves retrieving pre-stored configuration data from the cloud based on the first product identifier of the sand table device in response to the program startup of the control sand table device. Since the configuration data includes at least one device information of the sand table device that can control the first device and a description of the control interface, this method enables different types of sand table devices to obtain corresponding control pages by loading different configuration data. This allows for the display and control of the current status of each function of the first device. For each first device, based on at least one device information of the device, the first control component corresponding to each function of the first device is determined. This enables the provision of the required first control component according to the functionality of each first device, so that the same type of control component can be compatible with different device types and brand protocols. This achieves the technical effect of not needing to modify the code when adding new devices. For each first device, the current status of each function of the first device is obtained through the cloud, which ensures that the control interface of subsequent rendering is accurately synchronized with the current status of the first device, and provides strong data support for micro-control page rendering. Based on the first control component, current status, and control interface description information corresponding to the functions of each first device, the control interface is rendered. This implements the same set of underlying code for the same application, which can adaptively render the control interfaces of different sand table devices, thus solving the problems of high maintenance costs and poor scalability of the control interfaces of sand table devices.

[0026] The technical solutions of this application and their effects are described below through several exemplary embodiments. It should be noted that the following embodiments can be referenced, borrowed from, or combined with each other. Identical terms, similar features, and similar implementation steps in different embodiments will not be repeated.

[0027] Figure 1 This is a schematic diagram of the system architecture for implementing the control interface loading method provided in this application embodiment, wherein the system architecture includes: terminal 120, cloud 140 and sandbox device 160.

[0028] Terminal 120 installs and runs an application with a control interface loading method. Terminal 120 is used to display the control interface to display and control the current status of each function of each first device.

[0029] Terminal 120 is connected to cloud 140 via wireless network.

[0030] Cloud 140 includes at least one of a single server, multiple servers, a cloud computing platform, and a virtualization center. Illustratively, cloud 140 includes a processor 144 and a memory 142, the memory 142 including a display module 1421, a control module 1422, and a receiving module 1423. Server 140 provides background services for the application that loads the control interface. Optionally, server 140 undertakes the primary computing task, and terminal 120 undertakes secondary computing tasks; or, server 140 undertakes secondary computing tasks, and terminal 120 undertakes primary computing tasks; or, server 140 and terminal 120 collaborate on computing using a distributed computing architecture.

[0031] The sand table device 160 is used to receive control commands sent by the terminal 120 via the cloud 140 to control each first device in the sand table device.

[0032] Optionally, the device type of the terminal includes at least one of the following: smartphone, tablet computer, e-book reader, Moving Picture Experts Group Audio Layer III (MP3) player, Moving Picture Experts Group Audio Layer IV (MP4) player, laptop computer, and desktop computer.

[0033] Those skilled in the art will understand that the number of terminals described above can be more or less. For example, there may be only one terminal, or there may be dozens or hundreds of terminals, or even more. This application does not limit the number of terminals or the type of device.

[0034] This application provides a method for loading a control interface, such as... Figure 2 As shown, the method includes: S101, in response to the program startup of the control sand table device, retrieves pre-stored configuration data from the cloud based on the first product identifier of the sand table device.

[0035] In this embodiment of the application, the program is used to control the bound sand table device. When the program starts, the program first determines the first product identifier of the bound device and obtains the configuration data corresponding to the first product identifier from the cloud through the first product identifier.

[0036] In this embodiment of the application, the first product identifier is the identifier of the category to which the sand table equipment belongs. The cloud pre-stores the configuration data corresponding to different product identifiers, that is, the cloud pre-stores the configuration data of different categories of sand table equipment. In other words, different categories of sand table equipment can obtain the corresponding configuration data through the corresponding product identifier, so that the client can generate a control interface corresponding to the category of the sand table equipment.

[0037] In this embodiment of the application, the configuration data includes a set of device information and description information of the control interface. The set of device information includes at least one device information of at least one first device that can be controlled by the sand table device. The control interface is used to display and control the current status of each function of each first device.

[0038] In this embodiment, the sand table device is a display model constructed by physically miniaturizing a real smart home space at a preset scale. The sand table device includes miniaturized rooms and first devices installed in each room. The first device refers to the device embedded inside the sand table device to simulate the physical response effects of real smart home devices. Therefore, the first device inside the sand table device can be controlled through a control interface to achieve corresponding physical effects. For example, if the first device is used to simulate the physical effects of a lamp, the control interface can display the current status of the brightness function of the first device in the sand table device, and the brightness function of the first device can also be adjusted through the control interface so that the first device adjusts its corresponding brightness accordingly.

[0039] In this embodiment of the application, the description information of the control interface can be divided into static layout description and dynamic layout description. Static layout description refers to the non-interactive and unchanging display area in the control interface. Static layout description may be a background image URL, the number of rooms in the sand table device, the total number of devices of the first device that can be controlled by the sand table device, and other related scene descriptions. Dynamic layout description refers to the description of the area in the control interface used to display and control the current state of the device's functions. Specifically, it may include the arrangement of the above areas, the size of each area, and other information.

[0040] In one example, after the program starts, it dynamically retrieves the corresponding configuration data based on the unique product identifier by calling the sand table device configuration interface. The retrieved request parameters follow a specific naming convention (such as "SandTableConfig_{product identifier}").

[0041] S102, for each first device, based on at least one device information of the device, determine the first control component corresponding to each function of the first device.

[0042] In this embodiment of the application, the device information is information related to the first device, such as the room in which the first device belongs in the sand table, the name of the first device, the device type of the first device, and the functions of the first device. For example, if the first device is a lighting device, the functions corresponding to the lighting device are power supply, color temperature, brightness, and status.

[0043] In this embodiment, the corresponding first control component is determined according to the various functions of the first device. For each function, if the function only has two options, on and off, the corresponding first control component is a switch button; if the function is an adjustment function, such as adjusting brightness or color temperature, the corresponding first control component is an adjustment slider; if the function has multiple states, such as the adjustment function of the drying rod of a smart curtain being divided into rising, falling, and stopping, the corresponding first control component is a three-state control button.

[0044] In this embodiment, the first control component corresponding to each function in the device is determined based on the device type enumeration value. Different devices have different first control components due to the different characteristics of their functions, as detailed below: When the first device is a light, the first control component includes: a switch button, a brightness adjustment slider, and a color temperature adjustment slider; When the first device is a clothes rack, the first control component includes: a switch button and a "rise / stop / lower" three-state control button; When the first device is a curtain, the first control component includes a three-state control button: "open / stop / close". When the first device is an air conditioner, the switch button and temperature control are included. When the first device is of another type, the switch button.

[0045] S103: For each first device, obtain the current status of each function of the first device through the cloud.

[0046] In this embodiment of the application, for each device, by interacting with the cloud, the cloud requests the current status of each function of each first device in the sand table device. After receiving the request sent by the terminal, the cloud requests the sand table device to obtain the current status of each function of each first device. After receiving the current status of each function of each first device returned by the sand table device, the cloud forwards it to the terminal, thereby obtaining the current status of each function of the first device.

[0047] S104, Render the control interface according to the first control component, current state and control interface description information corresponding to the functions of each first device.

[0048] In this embodiment of the application, the arrangement of the first control component on the control page can be determined according to the description information of the control interface. The first device components are rendered one by one according to the arrangement. For example, the multiple first control groups corresponding to each first device are divided into a control area. The control interface arranges the control area corresponding to each first device one by one in the manner of arranging two control areas horizontally. For each control area, each first control component in the control area is arranged one by one in the manner of arranging one first control component horizontally.

[0049] In this embodiment of the application, the display form of the corresponding first control component can be determined according to the current state of each function. For example, when the first control component is a switch button, the first control component is displayed in gray when the current state of the function is off, and in green when the current state of the function is on.

[0050] In this application, after determining the specific arrangement and display form of each first control component based on the current state of the first control component, each function, and the description information of the control interface, the control interface is rendered. The rendered control interface can display the current state of each function of each first device in the sand table device, and can also control the current state of each function of each first device in the sand table device.

[0051] In this embodiment of the application, the control interface may also include a header view, which is located in the top area of ​​the control interface and is used to display images of the sand table equipment, the number of rooms, the total number of equipment, and the online status of the sand table equipment.

[0052] The control interface loading method provided in this application embodiment, in response to the program startup of the control sand table device, obtains pre-stored configuration data from the cloud according to the first product identifier of the sand table device. Since the configuration data contains at least one device information of at least one controllable first device and description information of the control interface, the current control page loading method can support different types of sand table devices to obtain the corresponding control page by loading different configuration data, so as to realize the display and control of the current status of each function of each first device; For each first device, based on at least one device information of the device, the first control component corresponding to each function of the first device is determined. This enables the provision of the required first control component according to the functionality of each first device, so that the same type of control component can be compatible with different device types and brand protocols. This achieves the technical effect of not needing to modify the code when adding new devices. For each first device, the current status of each function of the first device is obtained through the cloud, which ensures that the control interface of subsequent rendering is accurately synchronized with the current status of the first device, and provides strong data support for micro-control page rendering. Based on the first control component, current status, and control interface description information corresponding to the functions of each first device, the control interface is rendered. This implements the same set of underlying code for the same application, which can adaptively render the control interfaces of different sand table devices, thus solving the problems of high maintenance costs and poor scalability of the control interfaces of sand table devices.

[0053] Based on the above embodiments, as an optional embodiment, for each first device, each function of the first device corresponds to a first state identifier and a first control identifier; the first state identifier is used to determine the current state of the function from the cloud before rendering the control interface; the first control identifier is used to determine the function of the first device targeted by the trigger operation when triggering the rendered control interface.

[0054] In this embodiment of the application, since the cloud provides the current state of each function of each first device by providing the correspondence between the corresponding first state identifiers of all functions and the current state to the terminal in the form of a dictionary, the first state identifier of each function can help determine the current state of the function, so that the first control and component corresponding to the function can determine the style to be rendered.

[0055] In this embodiment, the first control identifier is used to identify the user's trigger operation on the control page. Based on the user's trigger operation, the function of the first device that the user currently intends to control can be determined, and the first control identifier corresponding to the function can be obtained so that when the terminal generates a control command based on the user's trigger operation, it can be based on the corresponding specific function.

[0056] In this embodiment of the application, a basic view controller is used when rendering the control interface. A grid layout container is initialized as the main interface carrier, and two reusable view components are registered: a device card view and a sand table header view. The sand table card view is used to display the control interface of a single device, and the sand table header view is used as the top area of ​​the list to display the sand table background image, the number of rooms, the total number of devices, and the online status of the sand table devices.

[0057] In the above scheme, based on the role of the identifier, the functional identifiers are divided into a first state identifier for rendering and a first control identifier for controlling the device. This solves the problem of seamless cross-brand compatibility when there are large differences in the read and write protocols of the underlying hardware manufacturers. Furthermore, when the terminal performs rendering operations, the underlying code and control components do not need to be modified when the first device changes. Moreover, dividing the functional identifiers according to their roles decouples the rendering and control of the control interface.

[0058] Based on the above embodiments, as an optional embodiment, the current operating status of the sand table device is obtained through the cloud; the operating status is either online or offline; if it is determined that the operating status of the sand table device is online, then a status set is obtained through the cloud; the status set contains the current status of each function of each first device.

[0059] In this embodiment of the application, the current operating status of the sand table device is obtained through the cloud. That is, it is first determined whether the sand table device is currently offline or online. If it is currently offline, it means that the sand table device cannot be controlled at present. Therefore, when it is determined that the sand table device is offline, the text "the device is offline" can be directly displayed on the control interface.

[0060] In this embodiment of the application, a request to obtain the current status of each function of each first device will be sent to the cloud only after it is determined that the sand table is in operation. After receiving the request, the cloud obtains the current status of each function of each first device from the sand table device and returns the current status of each function in the form of a dictionary.

[0061] In one example, the device information interface is first called to obtain the running status of the sand table device, and it is determined whether the sand table device is offline. If it is determined that the sand table device is online, the device data description interface is called to obtain the current status of each function returned in dictionary form.

[0062] In the above scheme, the operating status of the sand table device is first obtained to determine whether the sand table device is online. If the sand table device is online, the current status of each function of the first device is then obtained. By adopting the above two-level loading mechanism, the accuracy and integrity of the data are ensured, while avoiding sending invalid requests when the sand table device is offline, which would cause users to wait too long.

[0063] Based on the above embodiments, as an optional embodiment, the current state of a function is represented by a first state identifier and a first state value corresponding to the first state identifier; for each function of each first device, according to the first state identifier corresponding to the function, the corresponding first state value is obtained from the state set, and the first control component corresponding to the function in the control interface is rendered according to the first state value and the description information of the control interface, so that the first control component displays the current state of the corresponding function.

[0064] In the embodiments of this application, the current state of each function is represented by a state identifier and a corresponding state value. Therefore, after obtaining the state set, the first state value corresponding to the state identifier can be determined from the state set based on the first state identifier corresponding to each function, that is, the current state of each function can be determined.

[0065] In this embodiment of the application, since the display form of the first control component is determined by the current state, the obtained first state value determines the specific display form of the first control component. For example, if the first state identifier corresponds to the on / off function of the lighting device, then the corresponding first state value has two values. If the first state value is 1, it indicates that the current lighting device is in the on state, so the first control component is displayed in green. If the first state value is 0, it indicates that the current lighting device is in the off state, so the first control component is displayed in gray.

[0066] In this embodiment of the application, after determining the corresponding first state value according to the first state identifier corresponding to each function, the arrangement of each first control component is determined according to the description information of the control interface, and then the display form of the first control component of the corresponding function is determined by the first state value corresponding to each first state identifier. The first control component is rendered according to the arrangement and display form of each first control component.

[0067] In one example, each first device is traversed, and the corresponding first state value is matched from the state set according to the first state identifier of each function of each first device. The parsed first state value is then used as the current value of the first control component of the corresponding function using data binding technology.

[0068] In the above scheme, the first state value of each function is determined by the first state identifier corresponding to each function, so that the first control component is rendered according to the first state value corresponding to each function. This realizes that the loading process of the control interface does not depend on hard-coded field names and realizes the ability to adapt to the differentiated protocol structure of different manufacturers' devices.

[0069] Based on the above embodiments, as an optional embodiment, an updating method is also provided, such as... Figure 3 As shown, the specific content is as follows: S201, Receive the first update message published by the publisher in the first topic subscribed to by the program, and obtain the second product identifier and second device identifier of the publisher and the first device identifier of the sand table device; S202, if it is determined that the second product identifier is consistent with the first product identifier and the second device identifier is consistent with the first device identifier, then the second control component corresponding to the function is determined according to the second status identifier; S203, re-render the second control component in the control interface based on the second state value.

[0070] In this embodiment of the application, the first update message includes a second status identifier and a second status value corresponding to the second status identifier. The first device identifier is the identifier of the sandbox device identity. That is, the second status identifier is the identifier corresponding to the function where the current status is updated. The first update message is a message sent based on Message Queuing Telemetry Transport (MQTT).

[0071] In S201 of this embodiment, after rendering the control interface, if a first update message published in a pre-subscribed first topic is received, it indicates that the current state of the function of the first device in the sandbox device has changed. Therefore, the second product identifier and second device identifier of the publisher of the first update message, as well as the first device identifier of the sandbox device, are obtained to determine the identity of the publisher, thereby confirming whether the currently received first update message is trustworthy. In S202 of this application embodiment, if it is determined that the second product identifier is consistent with the first product identifier and the second device identifier is consistent with the first device identifier, it indicates that the publishing end and the sandbox device bound to the program are consistent. Therefore, the second status identifier in the first update message determines the second control component of the corresponding function.

[0072] In S203 of this application embodiment, after determining the second control component, the second control component is re-rendered according to the second state value so that the rendered second control component can represent the current state of the function corresponding to the second state identifier.

[0073] In the above solution, the source of the first update message is determined by comparing the product identifier and the device identifier, and the control interface achieves millisecond-level state synchronization by uniformly listening to topic message pushes.

[0074] Based on the above embodiments, as an optional embodiment, a method for controlling a sand table device is also provided, such as... Figure 4 As shown, the specific content is as follows: S301, in response to a trigger operation for any first control component, a first control identifier is determined according to the function corresponding to the first control component, and a control value corresponding to the first control identifier is determined according to the trigger operation; the control value is used to characterize the state of the function to be updated; S302, construct a control command based on the first control identifier and the control value corresponding to the first control identifier; S303: If the cloud determines that the sand table device is currently online, then the cloud sends control commands to the sand table device so that the sand table device can adjust its current function status according to the control commands.

[0075] In S301 of this application embodiment, when a trigger operation is detected for any first control component, a first control identifier is determined according to the function corresponding to the first control component, and a control value of the first control identifier is determined according to the trigger operation. For example, if the first control component being triggered is an adjustment slider component corresponding to the brightness function, and the slider in the slider component is determined to finally stop at the position corresponding to the maximum brightness value according to the final stop position of the trigger operation, it indicates that the state to be updated for the brightness function is the maximum brightness state.

[0076] In S302 of this application embodiment, a control instruction is constructed based on the first control identifier and the control value corresponding to the first control identifier, and serialized into JSON format.

[0077] In S303 of this application embodiment, before sending the control command, it is first determined through the cloud whether the sand table device is currently online. When it is determined that the sand table device is online, the cloud sends the control command to the sand table device so that the sand table device adjusts the current state of the corresponding function of the corresponding first device according to the control command.

[0078] In this embodiment of the application, if it is determined that the sand table device is currently offline before sending the control command, the user is directly prompted that the sand table device is currently offline.

[0079] In the above scheme, Based on the above embodiments, as an optional embodiment, after sending control commands to the sand table device via the cloud, a first text is displayed on the control interface; the first text is used to indicate that the sand table device is loading.

[0080] In this embodiment of the application, when a control command is sent to the sand table device via the cloud, the first text is displayed on the control interface to indicate that the sand table device is loading, that is, to indicate that the command has been issued and is waiting for the sand table device to execute.

[0081] In this embodiment of the application, if it is determined that no control result is received from the cloud within a preset time period, the first text is hidden and the second text is displayed. The second text is used to indicate control failure. That is, after the control command is sent through the cloud, the timer starts. If it is determined that the time elapsed since the control command was sent has exceeded the preset time period and no control result from the sand table device has been received from the cloud, it indicates that the sand table device has not executed the control command. The first text is hidden and the user is prompted that the control has failed.

[0082] In this embodiment of the application, if it is determined that a control result returned from the cloud is received within a preset time period, the first control component is re-rendered according to the control result.

[0083] In this embodiment of the application, if it is determined that the control result returned by the cloud is received within a preset time period, it means that the sand table device has adjusted the current state of the function of the corresponding first device according to the control command. Therefore, the first control component is re-rendered according to the control result so that the rendered first control component can represent the state of the function of the corresponding first device after adjustment.

[0084] In the above scheme, after the command is successfully sent, the system waits for the control result to re-render the first control component of the control interface. This achieves separation between the control interface display and the control logic by passing the user's trigger operation to the logic layer through a callback mechanism. Furthermore, if no control result is received within a timeout period, the first text is automatically hidden to prevent the interface from appearing frozen. Based on the above embodiments, as an optional embodiment, after rendering the control interface, a second update message published in the second topic subscribed to by the program is received. The second update message includes the updated running status of the sandbox device; the running status is either online or offline.

[0085] In this embodiment of the application, the second update message is a message sent based on MQTT. After rendering the control interface, if a second update message published in a pre-subscribed second topic is received, it indicates that the current operating status of the sandbox device has changed.

[0086] In this embodiment of the application, if it is determined that the updated running status is offline, the transparency of the control page is reduced, the interactive functions of all first control components are disabled, and a third text is displayed to indicate that the sand table device is offline.

[0087] In this embodiment of the application, if the sand table device is currently online based on the control interface, but the updated running status is determined to be offline according to the second update message, the transparency of the control page is reduced, all interactive functions of the first control component are disabled, meaning that the control interface cannot be triggered at present, and a third text indicating that the sand table device is offline is displayed, so as to prevent the user from issuing invalid control commands through the control page when the sand table device cannot be controlled.

[0088] In this embodiment of the application, if it is determined that the updated running status is online, the transparency of the control interface is increased, the interactive functions of all control components are restored, and the third text is hidden.

[0089] In this embodiment of the application, if the sand table is currently in an offline state based on the second update message, and the updated running state is determined to be online, then the transparency of the control page is increased to the initial state, the interactive functions of all control components are restored, and the third text indicating that the device is offline is hidden.

[0090] In the above scheme, by subscribing to the second update message published by the second topic, it is possible to obtain the online or operational status change message of the sand table equipment in real time, thereby immediately re-rendering the control interface and achieving seamless switching of the operational status of the sand table equipment.

[0091] In one example, a comparison chart of the control interface when the sand table device is in online and offline states is provided, such as... Figure 5 As shown, the specific content is as follows: When the control page indicates that the sand table device is offline, the text "Device is offline" will be displayed on the control interface to indicate to the user that the current sand table device is offline. When the sand table device is online, the first control component corresponding to each function of each first device will be displayed, and the first control component is in an interactive state. When the sand table device is offline, only the first control component of the on / off function of each first device will be displayed, and this component is in a non-interactive state.

[0092] The control interface loading method provided in this application dynamically loads the corresponding control interface by using configuration data distributed from the cloud and the current status of each function of each first device. Combined with MQTT real-time push technology, it realizes real-time synchronization of the operating status of the sandbox device and the current status of each function of each first device, thereby constructing a highly scalable, low-latency, and adaptive sandbox device control interface loading method. It achieves decoupling of code and configuration, enabling flexible handling of diverse device protocols, supporting new device access without modifying the code, and replacing inefficient polling with real-time push, ultimately achieving low-cost and high-efficiency sandbox device control interface loading.

[0093] The control interface loading method provided in this application can be applied to fields such as IoT smart home sandbox control, real estate marketing sandbox systems, and intelligent building integrated control systems, offering significant advantages such as flexible configuration and strong adaptability. It can accurately match sandbox scenarios corresponding to different product identifiers without modifying the code, greatly improving the system's configuration flexibility and enabling the same APP to adapt to ever-changing business needs. By separating the "control identifier" and "status identifier" design, it supports differentiated mapping of control commands and status attribute fields. It abandons the traditional high-latency, high-consumption polling mechanism and adopts MQTT real-time push technology to achieve low-latency state synchronization. Users can immediately see status changes after operation, significantly improving the smoothness of interaction and the instant feedback experience. Adopting a decoupled design of function type enumeration and dynamic view rendering, when adding a new device type, only the enumeration value and corresponding rendering logic need to be expanded, without modifying the existing core control flow. External integration only requires passing in configuration data, greatly reducing the difficulty of subsequent development iterations and long-term maintenance costs.

[0094] This application provides a device for controlling page loading, such as... Figure 6 As shown, the loading device 60 of the control page may include: a response module 601, a determination module 602, an acquisition module 603, and a rendering module 604.

[0095] Specifically, the response module 601 is used to respond to the startup of the program controlling the sand table equipment, and to obtain pre-stored configuration data from the cloud according to the first product identifier of the sand table equipment; the configuration data includes a set of equipment information and description information of the control interface, the set of equipment information includes at least one type of equipment information of at least one first type of equipment that the sand table equipment can control, the control interface is used to display and control the current status of each function of each first type of equipment, and the first product identifier is the identifier of the category to which the sand table equipment belongs; The determining module 602 is used to determine, for each first device, the first control component corresponding to each function of the first device based on at least one device information of the device; The acquisition module 603 is used to acquire the current status of each function of the first device through the cloud for each first device; The rendering module 604 is used to render the control interface according to the first control component, current state and description information of the control interface corresponding to the functions of each first device.

[0096] The control interface loading device provided in this application embodiment, in response to the program startup of the control sand table device, obtains pre-stored configuration data from the cloud according to the first product identifier of the sand table device. Since the configuration data includes at least one device information of at least one controllable first device and description information of the control interface, the current control page loading method can support different types of sand table devices to obtain the corresponding control page by loading different configuration data, so as to realize the display and control of the current status of each function of each first device; For each first device, based on at least one device information of the device, the first control component corresponding to each function of the first device is determined. This enables the provision of the required first control component according to the functionality of each first device, so that the same type of control component can be compatible with different device types and brand protocols. This achieves the technical effect of not needing to modify the code when adding new devices. For each first device, the current status of each function of the first device is obtained through the cloud, which ensures that the control interface of subsequent rendering is accurately synchronized with the current status of the first device, and provides strong data support for micro-control page rendering. Based on the first control component, current status, and control interface description information corresponding to the functions of each first device, the control interface is rendered. This implements the same set of underlying code for the same application, which can adaptively render the control interfaces of different sand table devices, thus solving the problems of high maintenance costs and poor scalability of the control interfaces of sand table devices.

[0097] The apparatus in this application embodiment can execute the method provided in this application embodiment, and the implementation principle is similar. The actions performed by each module in the apparatus of each embodiment of this application correspond to the steps in the method of each embodiment of this application. For detailed functional descriptions of each module of the apparatus, please refer to the descriptions in the corresponding methods shown above, which will not be repeated here.

[0098] Furthermore, in one possible implementation, for each first device, each function possessed by the first device corresponds to a first status identifier and a first control identifier; The first state identifier is used to determine the current state of the function from the cloud before the control interface is rendered; The first control identifier is used to determine the function of the first device to which the triggering operation is targeted when a triggering operation is performed on the rendered control interface.

[0099] In another possible implementation, the current operating status of the sandbox device is obtained through the cloud; the operating status is either online or offline. If the sand table equipment is determined to be in an online state, then the state set is obtained through the cloud; the state set contains the current state of each function of each first device.

[0100] In another possible implementation, the current state of a function is represented by a first state identifier and a first state value corresponding to the first state identifier; for each function of each first device, the corresponding first state value is obtained from the state set according to the first state identifier corresponding to the function, and the first control component corresponding to the function in the control interface is rendered according to the first state value and the description information of the control interface, so that the first control component displays the current state of the corresponding function.

[0101] In another possible implementation, after rendering the control interface, the system receives the first update message published by the publisher in the first topic subscribed to by the program, and obtains the publisher's second product identifier and second device identifier, as well as the sandbox device's first device identifier; the first update message contains the second status identifier and the second status value corresponding to the second status identifier, and the first device identifier is the identifier of the sandbox device's identity; If it is determined that the second product identifier is consistent with the first product identifier and the second device identifier is consistent with the first device identifier, then the second control component corresponding to the function is determined according to the second status identifier; The second control component in the control interface is re-rendered based on the second state value.

[0102] In another possible implementation, after rendering the control interface, in response to a trigger operation for any first control component, a first control identifier is determined based on the function corresponding to the first control component, and a control value corresponding to the first control identifier is determined based on the trigger operation; the control value is used to characterize the state of the function to be updated. Construct control instructions based on the first control identifier and the control value corresponding to the first control identifier; If the cloud determines that the sand table device is currently online, then control commands are sent to the sand table device via the cloud so that the sand table device can adjust its current function status according to the control commands.

[0103] In yet another possible implementation, after sending control commands to the sand table device via the cloud, the first text is displayed on the control interface; the first text indicates that the sand table device is loading. If no control result is received from the cloud within the preset time period, the first text is hidden and the second text is displayed; the second text is used to indicate control failure. If the control result returned from the cloud is received within the preset time period, the first control component will be re-rendered based on the control result.

[0104] In another possible implementation, after rendering the control interface, the program receives a second update message published in a second topic it has subscribed to. The second update message includes the updated running status of the sandbox device; the running status is either online or offline. If the updated running status is determined to be offline, reduce the transparency of the control page, disable the interactive functions of all first control components, and display third text to indicate that the sandbox device is offline. If the updated running status is confirmed to be online, increase the transparency of the control interface, restore the interactive functions of all control components, and hide the third-party text.

[0105] This application provides an electronic device (computer device / equipment / system) including a memory, a processor, and a computer program stored in the memory. The processor executes the computer program to implement the steps of loading the user interface. Compared with related technologies, this can achieve the following: it implements the same set of application code and can adaptively render the control interfaces of different sand table devices, thus solving the problems of high maintenance cost and poor scalability of the control interface of sand table devices.

[0106] In one alternative embodiment, an electronic device is provided, such as Figure 7 As shown, Figure 7The illustrated electronic device 4000 includes a processor 4001 and a memory 4003. The processor 4001 and the memory 4003 are connected, for example, via a bus 4002. Optionally, the electronic device 4000 may further include a transceiver 4004, which can be used for data interaction between the electronic device and other electronic devices, such as sending and / or receiving data. It should be noted that in practical applications, the transceiver 4004 is not limited to one type, and the structure of the electronic device 4000 does not constitute a limitation on the embodiments of this application.

[0107] Processor 4001 may be a CPU (Central Processing Unit), a general-purpose processor, a DSP (Digital Signal Processor), an ASIC (Application Specific Integrated Circuit), an FPGA (Field Programmable Gate Array), or other programmable logic devices, transistor logic devices, hardware components, or any combination thereof. It can implement or execute the various exemplary logic blocks, modules, and circuits described in conjunction with the disclosure of this application. Processor 4001 may also be a combination that implements computational functions, such as including one or more microprocessor combinations, a combination of a DSP and a microprocessor, etc.

[0108] Bus 4002 may include a pathway for transmitting information between the aforementioned components. Bus 4002 may be a PCI (Peripheral Component Interconnect) bus or an EISA (Extended Industry Standard Architecture) bus, etc. Bus 4002 can be divided into address bus, data bus, control bus, etc. For ease of representation, Figure 7 The bus is represented by a single thick line, but this does not mean that there is only one bus or one type of bus.

[0109] The memory 4003 may be ROM (Read Only Memory) or other types of static storage devices capable of storing static information and instructions, RAM (Random Access Memory) or other types of dynamic storage devices capable of storing information and instructions, or EEPROM (Electrically Erasable Programmable Read Only Memory), CD-ROM (Compact Disc Read Only Memory) or other optical disc storage, optical disc storage (including compressed optical discs, laser discs, optical discs, digital universal optical discs, Blu-ray discs, etc.), magnetic disk storage media, other magnetic storage devices, or any other medium capable of carrying or storing computer programs and capable of being read by a computer, without limitation herein.

[0110] The memory 4003 stores computer programs that execute embodiments of this application, and its execution is controlled by the processor 4001. The processor 4001 executes the computer programs stored in the memory 4003 to implement the steps shown in the foregoing method embodiments.

[0111] The electronic device package may include, but is not limited to, mobile terminals such as mobile phones, laptops, digital radio receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), and in-vehicle terminals (such as in-vehicle navigation terminals), as well as fixed terminals such as digital TVs and desktop computers. Figure 7 The electronic device shown is merely an example and should not impose any limitation on the functionality and scope of use of the embodiments of this application.

[0112] This application provides a computer-readable storage medium storing a computer program. When executed by a processor, the computer program can implement the steps and corresponding content of the aforementioned method embodiments. Compared with the prior art, it achieves the following: It implements the same set of application code at the lowest level, enabling adaptive rendering of control interfaces for different sand table devices, thus solving the problems of high maintenance costs and poor scalability of sand table device control interfaces.

[0113] It should be noted that the computer-readable medium described above in this application can be a computer-readable signal medium, a computer-readable medium, or any combination of the two. A computer-readable storage medium can be, for example,—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination thereof. In this application, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In this application, a computer-readable signal medium can include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium can be any computer-readable medium other than a computer-readable storage medium, which can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any suitable medium, including but not limited to: wires, optical fibers, RF (radio frequency), etc., or any suitable combination thereof.

[0114] This application also provides a computer program product, including a computer program that, when executed by a processor, can implement the steps and corresponding content of the aforementioned method embodiments. Compared with the prior art, it can achieve: The underlying code of the same application was implemented, which can adaptively render the control interface of different sand table devices, thus solving the problems of high maintenance cost and poor scalability of the control interface of sand table devices.

[0115] The terms "first," "second," "third," "fourth," "1," "2," etc. (if present) in the specification, claims, and accompanying drawings of this application are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this application described herein can be implemented in a sequence other than that shown in the illustrations or text descriptions.

[0116] It should be understood that although arrows indicate various operation steps in the flowcharts of this application's embodiments, the order in which these steps are implemented is not limited to the order indicated by the arrows. Unless explicitly stated herein, in some implementation scenarios of this application's embodiments, the implementation steps in each flowchart can be executed in other orders as required. Furthermore, some or all steps in each flowchart, based on the actual implementation scenario, may include multiple sub-steps or multiple stages. Some or all of these sub-steps or stages can be executed at the same time, and each sub-step or stage can also be executed at different times. In scenarios where execution times differ, the execution order of these sub-steps or stages can be flexibly configured according to requirements, and this application's embodiments do not limit this.

[0117] The above are only optional implementation methods for some implementation scenarios of this application. It should be noted that for those skilled in the art, other similar implementation methods based on the technical concept of this application, without departing from the technical concept of this application, also fall within the protection scope of the embodiments of this application.

Claims

1. A method for loading a control interface, characterized in that, include: In response to the startup of the program controlling the sand table device, pre-stored configuration data is retrieved from the cloud based on the first product identifier of the sand table device; The configuration data includes a set of device information and a description of the control interface. The set of device information includes at least one device information of at least one first device that the sand table device can control. The control interface is used to display and control the current status of each function of each first device. The first product identifier is the identifier of the category to which the sand table device belongs. For each first device, based on at least one device information of the device, determine the first control component corresponding to each function of the first device; For each first device, the current status of each function possessed by the first device is obtained through the cloud; The control interface is rendered based on the first control component corresponding to the function of each first device, its current state, and the description information of the control interface.

2. The method according to claim 1, characterized in that, For each first device, each function possessed by the first device corresponds to a first status identifier and a first control identifier; The first status identifier is used to determine the current status of the function from the cloud before rendering the control interface; The first control identifier is used to determine the function of the first device targeted by the trigger operation when a trigger operation is performed on the rendered control interface.

3. The method according to claim 2, characterized in that, For each first device, the current status of each function of the first device is obtained through the cloud, including: The current operating status of the sand table device is obtained through the cloud; the operating status is either online or offline. If the sand table device is determined to be in an online state, a state set is obtained through the cloud; the state set contains the current state of each function of each first device.

4. The method according to claim 3, characterized in that, The current state of the function is represented by a first state identifier and a first state value corresponding to the first state identifier; The step of rendering the control interface based on the first control component corresponding to the function of each first device, the current state, and the description information of the control interface includes: For each function of each first device, a corresponding first state value is obtained from the state set according to the first state identifier corresponding to the function. The first control component corresponding to the function in the control interface is rendered according to the first state value and the description information of the control interface, so that the first control component displays the current state of the corresponding function.

5. The method according to claim 1, characterized in that, The process of rendering the control interface then includes: The system receives a first update message published by the publisher in the first topic subscribed to by the program, and obtains the second product identifier and second device identifier of the publisher, as well as the first device identifier of the sandbox device. The first update message includes a second status identifier and a second status value corresponding to the second status identifier, and the first device identifier is an identifier of the sandbox device's identity. If it is determined that the second product identifier is consistent with the first product identifier, and the second device identifier is consistent with the first device identifier, then the second control component corresponding to the function is determined according to the second status identifier; The second control component in the control interface is re-rendered based on the second state value.

6. The method according to claim 2, characterized in that, The process of rendering the control interface then includes: In response to a trigger operation for any first control component, a first control identifier is determined based on the function corresponding to the first control component, and a control value corresponding to the first control identifier is determined based on the trigger operation; the control value is used to characterize the state of the function that needs to be updated. A control instruction is constructed based on the first control identifier and the control value corresponding to the first control identifier; If it is determined through the cloud that the sand table device is currently online, then the control command is sent to the sand table device through the cloud, so that the sand table device can adjust the current state of the function according to the control command.

7. The method according to claim 6, characterized in that, The process of sending the control commands to the sand table device via the cloud further includes: The control interface displays a first text; the first text indicates that the sand table device is loading. If no control result is received from the cloud within a preset time period, the first text is hidden and the second text is displayed; the second text is used to indicate control failure. If the control result returned by the cloud is received within a preset time period, the first control component is re-rendered based on the control result.

8. The method according to claim 1, characterized in that, The process of rendering the control interface then includes: The program receives a second update message published in a second topic it has subscribed to, the second update message including the updated operating status of the sandbox device; the operating status is either online or offline. If the updated running status is determined to be offline, the transparency of the control page is reduced, all interactive functions of the first control component are disabled, and a third text is displayed to indicate that the sand table device is offline. If the updated running status is determined to be online, then increase the transparency of the control interface, restore the interactive functions of all control components, and hide the third text.

9. An electronic device comprising a memory, a processor, and a computer program stored in the memory, characterized in that, The processor executes the computer program to implement the method according to any one of claims 1-8.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by a processor, it implements the method described in any one of claims 1-8.

Images