A multi-engineering display method and system based on digital base containerization

Abstract

This invention provides a multi-project display method and system based on digital platform containerization, comprising the following steps: deploying a local engineering system to ensure that the local project can monitor and maintain electromechanical equipment; packaging the programs and data in the local engineering system into an image file to ensure that all necessary components are included for easy subsequent deployment and use; deploying the packaged image file into a multi-project container to ensure that the display effect is consistent with the local system; performing data bridging and binding during multi-project container deployment to ensure accurate data transmission and real-time updates; and after data bridging and binding, performing message triggering and multi-path push to ensure real-time data synchronization between the multi-project display end and the local project display end. This invention utilizes container technology to encapsulate the interface and data processing logic of the visualization system into standardized image files, enabling synchronization of local and cloud data.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of intelligent building systems, and in particular to a multi-project display method and system based on digital base containerization. BACKGROUND

[0002] At present, most of the traditional intelligent building systems are customized and developed according to specific engineering projects, and each project has unique characteristics, such as different types of connected devices and different front-end page display methods. However, with the continuous development of smart cities, the demand for more comprehensive data and unified display of multi-region and multi-project data is becoming increasingly urgent, which helps decision-makers to make overall analysis and decisions.

[0003] The traditional unified data display method usually adopts a "two-end" development mode. Specifically, the local control system first develops a set of system to meet the needs of local device monitoring and operation and maintenance. If unified display is required, the local system needs to open an API interface to transmit data to the cloud, and then develop a visual interface on the cloud according to the display requirements. This approach results in repeated development of data and interfaces, increasing development workload and time cost.

[0004] Moreover, the data on the traditional front-end display page is updated based on the HTTP multi-interface timed data request method. In the process of multi-project display, large-scale HTTP requests can cause a sudden increase in server concurrency, leading to server paralysis. SUMMARY

[0005] The present application aims to provide a multi-project display method and system based on digital base containerization to solve the technical problems of repeated development, large workload, and high cost in local and remote development during multi-project display in the prior art.

[0006] To achieve the above-mentioned purpose, the present application provides the following technical solutions:

[0007] The present application provides a multi-project display method based on digital base containerization, comprising the following steps:

[0008] Deploy the local engineering system to ensure that the local engineering can monitor and maintain the electromechanical equipment;

[0009] Pack the programs and data in the local engineering system into an image file through image data packaging to ensure that all necessary components are included for subsequent deployment and use;

[0010] Deploy the packaged image file through multi-project containerization to ensure that the display effect is consistent with the local;

[0011] When the image is deployed in the multi-engine container, data bridge binding is performed to ensure accurate transmission and real-time update of data;

[0012] After the data bridge link is bound, message triggering and multi-path pushing are performed to ensure real-time synchronization of data between the multi-engine display end and the local engineering display end.

[0013] The multi-engine display method based on digital base containerization provided by the application encapsulates the interface and data processing logic of the visualization system into a standardized image file by using container technology, which can realize synchronization of local and cloud data and ensure consistency and real-time of data; through the message triggering technology, multi-path active pushing and real-time synchronization of data are realized, and through the message triggering mechanism, multi-path active pushing and real-time synchronization of data are realized, which can push data to multiple terminal devices at the same time, ensure real-time synchronization of data between nodes, and maintain consistency and accuracy of data.

[0014] As a further improvement of the application, the deployment of the local engineering system is completed to ensure that the local engineering can realize monitoring and operation and maintenance of electromechanical equipment, comprising:

[0015] According to the requirements of the local engineering, the corresponding visual display interface content is developed;

[0016] After development, the software is deployed to the computer end of the local engineering;

[0017] The electromechanical equipment of the local engineering is connected, and the local system data is debugged.

[0018] As a further improvement of the application, the packaged image file is deployed in the multi-engine container to ensure consistent display effect with the local, comprising:

[0019] The localized image file is transmitted to the cloud;

[0020] Each local engineering generates an independent container;

[0021] The local image file uploaded to the cloud is run in the corresponding multi-engine display end container.

[0022] As a further improvement of the application, when the image is deployed in the multi-engine container, data bridge binding is performed to ensure accurate transmission and real-time update of data, comprising:

[0023] When the image is deployed in each container, the multi-engine display end container maps the data interface to the corresponding local engineering to realize automatic generation of the system docking interface;

[0024] The local engineering collects data of electromechanical equipment, and the local engineering data bridge receives the push data of the corresponding local engineering through the docking interface to forward the data to the multi-engine display end.

[0025] As a further improvement of the application, after the data bridge link is bound, message triggering and multi-channel pushing are performed to ensure real-time synchronization of data of the multi-project display end and the local project display end, including:

[0026] After the data bridge link is bound, the local visualization system synchronously pushes the data of the electromechanical equipment to the local visualization display end after receiving the data of the electromechanical equipment, and pushes the data to the server in the background according to the binding relationship of the data bridge;

[0027] The server performs background rendering according to the page component corresponding to the updated data, and caches the rendered component page in the static file of the server;

[0028] According to the page to be displayed in the corresponding container of the multi-end display, if the display content of the component is involved, the HTML of the component is pushed to the corresponding container.

[0029] As a further improvement of the application, the program and data in the local engineering system include all visual interfaces of the local engineering and dependent running environments.

[0030] The multi-project display method based on containerization of the digital base of the application uses container technology to realize the reuse of the whole front end, and can also automatically bridge and associate with the data of the electromechanical equipment while being reused, thereby meeting the demand for localized management interface, and the cloud-end management interface is also generated synchronously, which can be used for product promotion or unified management by the management layer.

[0031] The application provides a multi-project display system based on containerization of a digital base, which is used to execute the method.

[0032] As a further improvement of the application, the multi-project display end and a plurality of local project display ends are included; the multi-project display end and the plurality of local project display ends are connected through a data bridge.

[0033] As a further improvement of the application, the multi-project display end includes a plurality of containers, and each container corresponds to one of the local project display ends.

[0034] As a further improvement of the application, the local project display end includes an engineering visualization module and a plurality of electromechanical equipment, the engineering visualization module is connected with the plurality of electromechanical equipment to collect and display the data and parameters of the electromechanical equipment.

[0035] The multi-project display system based on the digital base containerization of the application realizes real-time pushing of messages, real-time rendering, multi-terminal use, ensures real-time synchronization of data of the multi-project display end and the local project display end, introduces container technology, optimizes data docking and expansion of the visual interface, through this technology, only one-time development is needed on the local side, the cloud can reuse the visual content of the local side, and data access also needs to be connected with the on-site mechanical and electrical equipment only once. In this way, the local single-project data and the cloud data can synchronously receive device data, the traditional "two-end" development mode is optimized to single-time development, the development workload is significantly reduced, and the project development speed is improved. Meanwhile, the background modular static encapsulation mode is adopted, the rendering of components in the page is dynamically performed in the server background based on device data change driving, after the rendering is completed, the HTML page of the components is pushed to the front end in the container and updated, the HTTP concurrent request amount of the front end page can be greatly reduced, this innovation not only improves the development efficiency, but also provides strong support for comprehensive data management and decision-making of the smart city. BRIEF DESCRIPTION OF DRAWINGS

[0036] In order to more clearly illustrate the technical solutions in the embodiments of the present application or the prior art, below the drawings needed to be used in the embodiment or the prior art description will be briefly introduced, obviously, the drawings in the following description are only some embodiments of the present application, and for those skilled in the art, other drawings can also be obtained without creative labor.

[0037] Figure 1 is a flow chart of the multi-project display method based on the digital base containerization of the present application;

[0038] Figure 2 is a flow chart of one embodiment of the multi-project display method based on the digital base containerization of the present application;

[0039] Figure 3 is a system architecture diagram of the multi-project display system based on the digital base containerization of the present application. DETAILED DESCRIPTION

[0040] In order to make the purpose, technical scheme and advantages of the present application more clear, the technical scheme of the present application will be described in detail below. Obviously, the described embodiments are only some of the embodiments of the present application, not all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those skilled in the art without creative labor belong to the scope of protection of the present application.

[0041] As shown in Figure 1 , the present application provides a multi-project display method based on digital base containerization, comprising the following steps:

[0042] Step S1: Complete the deployment of the local engineering system to ensure that the local engineering system can monitor and maintain the electromechanical equipment. Specifically, completing the deployment of the local engineering system to ensure that the local engineering system can monitor and maintain the electromechanical equipment includes:

[0043] Step S11: Develop the corresponding visual display interface content according to the requirements of the local project;

[0044] Step S12: After development is complete, deploy the software to the local project's computer.

[0045] Step S13: Connect to the electromechanical equipment of the local project and perform local system data debugging.

[0046] Step S2: Package the programs and data in the local project system into an image file, ensuring that all necessary components are included for easy deployment and use later. After the local system is debugged, package all visual interfaces and their dependent programs or data to generate a local project image file. This step ensures that all necessary components are included for easy deployment and use later.

[0047] Step S3: Deploy the packaged image file into multiple project containers to ensure that the display effect is consistent with the local display.

[0048] Specifically, the packaged image file will be deployed in multiple project containers to ensure that the display effect is consistent with the local environment, including:

[0049] Step S31: Transfer the localized image file to the cloud;

[0050] Step S32: Each local project generates an independent container;

[0051] Step S33: Run the local image file uploaded to the cloud in the corresponding multi-project display container.

[0052] Step S4: When deploying images in multiple project containers, perform data bridging and binding to ensure accurate data transmission and real-time updates;

[0053] Specifically, when deploying images across multiple container projects, data bridging and binding are performed to ensure accurate data transmission and real-time updates, including:

[0054] Step S41: When deploying an image in each container, the multi-project display container maps the data interface to the corresponding local project so that the system can automatically generate the interface.

[0055] Step S42: Local engineering collects data from electromechanical equipment. The local engineering data bridge automatically receives the push data of the corresponding local engineering through the docking interface, and forwards the data to the multi-engineering display terminal.

[0056] Step S5: After the data bridging link is bound, message triggering and multi-channel push are performed to ensure real-time data synchronization between multiple project display terminals and the local project display terminal.

[0057] Specifically, after the data bridging link is bound, message triggering and multi-path push are performed to ensure real-time data synchronization between multiple project display terminals and the local project display terminal, including:

[0058] Step S51: After the data bridging link is bound, the local visualization system receives data from the electromechanical equipment and simultaneously pushes it to the local visualization display terminal, as well as to the backend server according to the data bridging binding relationship.

[0059] Step S52: The server performs background rendering of the page components corresponding to the updated data and caches the rendered component pages in the server's static files.

[0060] Step S53: According to the page that needs to be displayed in the corresponding container of the multi-terminal display, if it involves the display content of this component, the HTML of the component will be pushed to the corresponding container.

[0061] The multi-project display method based on digital base containerization provided by this invention utilizes container technology to encapsulate the interface and data processing logic of the visualization system into standardized image files, enabling synchronization of local and cloud data and ensuring data consistency and real-time performance. Furthermore, the technology achieves multi-channel proactive push and real-time data synchronization through message triggering. This technology can simultaneously push data to multiple terminal devices, ensuring real-time data synchronization across all nodes and maintaining data consistency and accuracy.

[0062] As an optional embodiment of the present invention, the programs and data in the local engineering system include all visual interfaces of the local engineering system and the dependent runtime environment.

[0063] The multi-project display method based on digital base containerization of the present invention uses container technology to achieve overall front-end reuse. While reusing, it can also automatically bridge and associate with the data of electromechanical equipment, realizing the requirement of localized management interface. At the same time, the cloud management interface is also generated synchronously. The cloud can be used for product promotion or unified management by the management team. In the requirement of centralized display of data for multi-project groups, it is not necessary to develop two visualization interfaces, one for the local control end and one for the remote end, reducing the development workload. In the centralized data display of multi-project groups, only one connection to electromechanical equipment is needed to realize the synchronization of data between the local management end and the cloud centralized display, without the need for secondary API interface development on the local end.

[0064] Example 1:

[0065] In this embodiment, the present invention provides a multi-project display method based on digital base containerization. First, a local project is deployed. Then, a local project visualization interface is developed according to the requirements of the local project, along with corresponding visualization display content. After development, the software is deployed to the computer of the local project. The local project then connects to local electromechanical equipment to achieve monitoring and maintenance functions, using debugging data to ensure that the local project can effectively monitor and maintain the electromechanical equipment.

[0066] After completing data debugging and acceptance, the image data is packaged. Specifically, once the local system debugging is complete, all visual interfaces and their dependent programs or data are packaged to generate a local project image file. This means packaging all visual interfaces and dependent runtime environments of the local project into a single image file; each local project corresponds to one image file. This step ensures that all necessary components are included, facilitating subsequent deployment and use.

[0067] After packaging the image data, multi-project container deployment is performed. Specifically, the packaged local image file is transferred to the cloud, and each local project generates an independent container. In other words, the packaged image is deployed into the containers of the multi-project display end, with each local project's image file corresponding to a container on the display end. Running the local image in the corresponding container ensures that the display effect is consistent with the local display, achieving consistency and stability in the display.

[0068] During data transfer, data bridging and binding are required. Specifically, when each container deploys an image, the system automatically generates a connection interface to automatically receive push data from the corresponding local project. This process ensures accurate data transmission and real-time updates.

[0069] After data bridging and binding are completed—meaning each local project is bound to a container on the display end—message triggering and multi-channel push are enabled. Specifically, after the data bridging link is bound, when the local visualization system receives data from the electromechanical equipment, it not only pushes it synchronously to the local visualization display end but also pushes the data to the backend server according to the data bridging binding relationship. The server then performs background rendering according to the page components corresponding to the updated data and caches the rendered component pages in the server's static files. Based on the pages to be displayed in the multi-terminal display containers, if the display content involves a component, the component's HTML is pushed to the corresponding container. In other words, the multi-project display end container maps the data interface to the corresponding local project. Then, the local project collects data from the electromechanical equipment, and the local project data bridge synchronously forwards the data to the multi-project display end. This facilitates the calling and display of any local project's on-site data on the multi-project display end. Users can view the data of different projects in real time by viewing different container display interfaces. This process does not require locally developed API interfaces, achieving real-time message push, real-time rendering, multi-terminal use, and ensuring real-time data synchronization between the multi-project display end and the local project display end.

[0070] like Figure 3 As shown, the present invention provides a multi-project display system based on digital base containerization, used to execute the above-described method.

[0071] As an optional embodiment of the present invention, the multi-project display system includes a multi-project display terminal and several localized project display terminals; the multi-project display terminal and the several localized project display terminals are connected via a data bridge; specifically,

[0072] Multi-project display end: This contains the image data of all display ends of the localized project. It packages all the display content of the local visualization, as well as the environment that supports the visualization, and then deploys the packaged image file as a whole into the container of the multi-project display end for demonstration.

[0073] Localized project display terminal: Each project is displayed in a regionalized manner, which enables monitoring and maintenance of local equipment.

[0074] Data bridging: It is responsible for automatically and proactively pushing electromechanical equipment data to multiple project display terminals. When the front end is deployed to the cloud through containers, the data can also be automatically associated, directly realizing the overall reuse of interface and data.

[0075] As a further improvement of the present invention, the multi-project display terminal includes several containers, each container corresponding to a localized project display terminal. The container of the present invention provides a complete and independent front-end runtime environment, and after the front-end is developed locally, it can be directly placed to the cloud through the container.

[0076] The multi-project display system of this invention is based on a container approach, which mirrors and replicates the front-end visualization interface to achieve multi-terminal reuse of visualization and reduce development workload. By automatically bridging the data added to electromechanical equipment, it enables synchronous sharing of data between the local management terminal and the cloud without the need for secondary development of API interfaces.

[0077] As a further improvement of the present invention, the localized engineering display terminal includes an engineering visualization module and several electromechanical devices. The engineering visualization module is connected to the several electromechanical devices to collect and display the data and parameters of the electromechanical devices.

[0078] This invention presents a multi-project display system based on a digital base containerization. It achieves real-time message push, real-time rendering, and multi-terminal use without requiring locally developed API interfaces. It ensures real-time data synchronization between the multi-project display end and the local project display end. By introducing container technology, it optimizes data integration and the expansion of the visualization interface. This technology allows for one-time local development, with local visualization content reusable in the cloud. Data access also only requires a single connection to the on-site electromechanical equipment. This enables local single-project data and cloud data to synchronously receive device data, optimizing the traditional "two-end" development model into a one-time development, significantly reducing development workload and increasing project development speed. Furthermore, it adopts a modular static encapsulation method in the backend, dynamically rendering components in the page on the server backend based on device data changes. After rendering, the HTML page of the component is pushed to the frontend in the container and updated, greatly reducing the number of concurrent HTTP requests to the frontend page. This innovation not only improves development efficiency but also provides strong support for comprehensive data management and decision-making in smart cities.

[0079] First, it should be noted that "inward" refers to the direction towards the center of the storage space, while "outward" refers to the direction away from the center of the storage space.

[0080] In the description of this invention, it should be understood that the terms "center," "longitudinal," "lateral," "length," "width," "thickness," "upper," "lower," "front," "rear," "left," "right," "vertical," "horizontal," "top," "bottom," "inner," "outer," "clockwise," "counterclockwise," "axial," "radial," and "circumferential" indicate the orientation or positional relationship based on the appendix. Figure 1 The orientations or positional relationships shown are for the purpose of facilitating the description of the present invention and simplifying the description, and are not intended to indicate or imply that the device or element referred to must have a specific orientation, or be constructed and operated in a specific orientation, and therefore should not be construed as limiting the present invention.

[0081] Furthermore, the terms "first" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include at least one of that feature. In the description of this invention, "a plurality of" means at least two, such as two, three, etc., unless otherwise explicitly specified.

[0082] In this invention, unless otherwise explicitly specified and limited, the terms "installation," "connection," "linking," and "fixing," etc., 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, unless otherwise explicitly limited. Those skilled in the art can understand the specific meaning of the above terms in this invention according to the specific circumstances.

[0083] In this invention, unless otherwise explicitly specified and limited, "above" or "below" the second feature can mean that the first feature is in direct contact with the second feature, or that the first feature is in indirect contact with the second feature through an intermediate medium. Furthermore, "above," "over," and "on top" of the second feature can mean that the first feature is directly above or diagonally above the second feature, or simply that the first feature is at a higher horizontal level than the second feature. "Below," "below," and "under" the second feature can mean that the first feature is directly below or diagonally below the second feature, or simply that the first feature is at a lower horizontal level than the second feature.

[0084] In the description of this specification, the references to terms such as "one embodiment," "some embodiments," "example," "specific example," or "some examples," etc., indicate that a specific feature, structure, material, or characteristic described in connection with that embodiment or example is included in at least one embodiment or example of the present invention. In this specification, the illustrative expressions of the above terms do not necessarily refer to the same embodiment or example. Furthermore, the specific features, structures, materials, or characteristics described may be combined in any suitable manner in one or more embodiments or examples. Moreover, without contradiction, those skilled in the art can combine and integrate the different embodiments or examples described in this specification, as well as the features of different embodiments or examples.

[0085] The above description is merely a specific embodiment of the present invention, but the scope of protection of the present invention is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the technical scope disclosed in the present invention should be included within the scope of protection of the present invention. Therefore, the scope of protection of the present invention should be determined by the scope of the claims.

Claims

1. A multi-project display method based on digital base containerization, characterized in that, Includes the following steps: Complete the deployment of the local engineering system to ensure that the local engineering can monitor and maintain the electromechanical equipment; The programs and data in the local engineering system are mirrored and packaged into an image file to ensure that all necessary components are included, facilitating subsequent deployment and use; Deploy the packaged image file into multiple project containers to ensure that the display effect is consistent with the local display. When deploying images in a multi-project container, the interface mapping between the multi-project display container and the local project is realized through data bridging and binding. The system automatically generates the interface, and the local project data bridge receives electromechanical equipment data through the interface and forwards it to the multi-project display. After the data bridging link is bound, the local visualization system receives the electromechanical equipment data and pushes it synchronously to the local visualization display terminal. According to the data bridging binding relationship, the data is pushed to the server. The server performs background rendering based on the page components corresponding to the updated data, caches the rendered component pages as static files, and pushes the component HTML involving the display content to the corresponding container to ensure real-time data synchronization between the multi-project display terminal and the local project display terminal.

2. The method according to claim 1, characterized in that, The deployment of the local engineering system is completed to ensure that the local engineering system can monitor and maintain electromechanical equipment, including: Develop corresponding visual display interface content according to the requirements of local projects; Once development is complete, deploy the software to the local project's computer. Connect with the electromechanical equipment of the local project and perform local system data debugging.

3. The method according to claim 1, characterized in that, The step of deploying the packaged image file into multiple project containers to ensure consistent display effects with local deployment includes: Transfer the local image file to the cloud; Each local project generates a separate container; The local image file uploaded to the cloud is run in the corresponding multi-project display container.

4. The method according to claim 1, characterized in that, The programs and data in the local engineering system include all visual interfaces of the local project and the dependent runtime environment.

5. A multi-project display system based on digital base containerization, characterized in that, Used to perform the method as described in any one of claims 1-4.

6. The system according to claim 5, characterized in that, It includes a multi-project display terminal and several localized project display terminals; the multi-project display terminal and the several localized project display terminals are connected by a data bridge.

7. The system according to claim 6, characterized in that, The multi-project display terminal includes several containers, and each container corresponds to one of the localized project display terminals.

8. The system according to claim 6, characterized in that, The localized engineering display terminal includes an engineering visualization module and several electromechanical devices. The engineering visualization module is connected to the electromechanical devices to collect and display the data and parameters of the electromechanical devices.

Images