Monitoring system business component management method, monitoring system, electronic equipment and medium

By encapsulating and parsing business components on the browser side, the problem of low reuse rate of traditional business components and the need to rely on the platform system is solved, and the independent operation and efficient development efficiency of components on the browser side is achieved.

CN119883249APending Publication Date: 2025-04-25BEIJING TIANMA INTELLIGENT CONTROL TECHNOLOGY CO LTD +1
View PDF 0 Cites 1 Cited by

Patent Information

Application Number
CN202411681199.9
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-11-22
Publication Date
2025-04-25

AI Technical Summary

Technical Problem

The reuse rate of traditional business components is low, and it needs to be operated by the platform system. The analysis of business components is carried out on the server side, which reduces the development efficiency of the remote operation and maintenance platform of the intelligent comprehensive mining working face.

Method used

On the browser side, the different business functions in the monitoring system are encapsulated into multiple business component models, and a model component library is created to parse real-time monitoring data transmitted from the server side and convert its format into a format that can be displayed on the front-end interface of the system. Assign business component instances according to the configuration file of each business component, and dynamically render the system front-end interface according to the business component instance.

Benefits of technology

It realizes that business components run completely on the browser side, can be used independently from the platform, and improves the business component reuse rate and the development efficiency of remote operation and maintenance platforms.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119883249A_ABST
    Figure CN119883249A_ABST
Patent Text Reader

Abstract

The invention provides a monitoring system service component management method, a monitoring system, electronic equipment and a medium, different service functions in the monitoring system are packaged into a plurality of service component models at a browser end, and a model component library is created according to the plurality of service component models; the component model library is used for analyzing the real-time monitoring data transmitted by the server side and converting the format of the real-time monitoring data into a format which can be displayed by a system front-end interface; assigning a service component instance according to the configuration file corresponding to each service component; and dynamically rendering the system front-end interface according to the service component instance, so that the component can be completely operated at a browser end and can be independently used without a platform, and meanwhile, the reuse rate of the service component is improved and the development efficiency of a remote operation and maintenance platform is improved.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present invention relates to the field of operation and maintenance monitoring technology, and in particular to a monitoring system business component management method, a monitoring system, an electronic device and a medium. Background Art

[0002] The front-end development of the remote operation and maintenance platform for intelligent comprehensive mining working faces is implemented using WEB technology. Even for similar pages, all components in each monitoring page need to be configured and managed separately, and the reuse rate of business components is low. In addition, the existing business components must rely on the platform system to run, and the analysis of business components is performed on the server side, which reduces the development efficiency of the remote operation and maintenance platform for intelligent comprehensive mining working faces. Summary of the invention

[0003] The present invention provides a monitoring system business component management method, a monitoring system, an electronic device and a medium, which are used to solve the problems that the reuse rate of traditional business components is low and they must rely on a platform system to run. The analysis of business components is performed on the server side, which reduces the development efficiency of the intelligent comprehensive mining face remote operation and maintenance platform.

[0004] The present invention provides a monitoring system service component management method, comprising: On the browser side, different business functions in the monitoring system are encapsulated into multiple business component models, and a model component library is created based on the multiple business component models; the component model library is used to parse the real-time monitoring data transmitted from the server side, and convert the format of the real-time monitoring data into a format that can be displayed on the system front-end interface; Assign business component instances according to the configuration files corresponding to each business component; The system front-end interface is dynamically rendered according to the business component instance.

[0005] According to the monitoring system service component management method provided by the present invention, the configuration file is a global configuration file, and further includes: During the process of building the system interface, the configuration properties in the global configuration file are assigned to the business component instances to batch modify the styles and properties of multiple business components.

[0006] According to the monitoring system service component management method provided by the present invention, the configuration file is a real-time configuration file, and further includes: After the front interface of the system is built, the real-time configuration file sent by the server is received in real time, the real-time configuration file is assigned to the corresponding business component instance, and the front interface of the system is dynamically rendered.

[0007] According to the monitoring system business component management method provided by the present invention, the configuration file includes parameter configuration and method configuration, and the method configuration includes interaction method configuration within the component and event method configuration provided by the component to the outside.

[0008] According to the monitoring system service component management method provided by the present invention, the configuration file is assigned a priority level of: The real-time configuration file assignment has a higher priority than the global configuration file assignment; The global configuration file assignment priority is higher than the business component default attribute.

[0009] According to the monitoring system service component management method provided by the present invention, the real-time receiving of the real-time configuration file sent by the server includes: The data API is used to encapsulate the message subscription strategy and data acquisition logic, and several general interface functions are set, through which the real-time configuration file sent by the server is received in real time.

[0010] According to the monitoring system business component management method provided by the present invention, the system front-end interface is dynamically rendered according to the business component instance, including: If the system front-end interface communicates normally with the back-end service, each business function component in the system front-end interface loads the back-end data and component configuration and then renders the interface; If the communication between the system front-end interface and the back-end service is abnormal, each business function component in the system interface will only load the component configuration for interface rendering, and the business component will display prompt information.

[0011] The present invention also provides a remote operation and maintenance monitoring system, comprising: A creation module is used to encapsulate different business functions in the monitoring system into multiple business component models on the browser side, and create a model component library based on the multiple business component models; the component model library is used to parse the real-time monitoring data transmitted from the server side, and convert the format of the real-time monitoring data into a format that can be displayed on the system front-end interface; The assignment module is used to assign values ​​to business component instances according to the configuration files corresponding to each business component; A rendering module is used to dynamically render the system front-end interface according to the business component instance.

[0012] The present invention also provides an electronic device, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the program, the monitoring system business component management method as described in any one of the above items is implemented.

[0013] The present invention also provides a non-transitory computer-readable storage medium on which a computer program is stored. When the computer program is executed by a processor, the monitoring system business component management method described in any one of the above items is implemented.

[0014] The monitoring system business component management method, monitoring system, electronic device and medium provided by the present invention encapsulate different business functions in the monitoring system into multiple business component models on the browser side, and create a model component library based on the multiple business component models; the component model library is used to parse real-time monitoring data transmitted from the server side, and convert the format of the real-time monitoring data into a format that can be displayed on the system front-end interface; assign business component instances according to the configuration file corresponding to each business component; and dynamically render the system front-end interface according to the business component instances, so that the components can be completely run on the browser side and can be used independently without the platform, while improving the low reuse rate of business components and the development efficiency of the remote operation and maintenance platform. BRIEF DESCRIPTION OF THE DRAWINGS

[0015] In order to more clearly illustrate the technical solutions in the present invention or the prior art, the following briefly introduces the drawings required for use in the embodiments or the description of the prior art. Obviously, the drawings described below are some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0016] Figure 1 It is a flowchart of a monitoring system service component management method provided by an embodiment of the present invention; Figure 2 It is a schematic diagram of the structure of the system front-end interface provided by an embodiment of the present invention; Figure 3 is a schematic diagram of the business component model structure provided by an embodiment of the present invention; Figure 4 It is a schematic diagram of the structure of a voice transmission system provided by an embodiment of the present invention; Figure 5 It is a functional structure diagram of a remote operation and maintenance monitoring system provided by an embodiment of the present invention; Figure 6 It is a functional structure diagram of an electronic device provided by an embodiment of the present invention. DETAILED DESCRIPTION

[0017] In order to make the purpose, technical solution and advantages of the present invention clearer, the technical solution of the present invention will be clearly and completely described below in conjunction with the drawings of the present invention. Obviously, the described embodiments are part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of the present invention.

[0018] Figure 1 A flowchart of a monitoring system service component management method provided by an embodiment of the present invention, such as Figure 1 As shown, the monitoring system service component management method provided by the embodiment of the present invention includes: Step 101: Encapsulate different business functions in the monitoring system into multiple business component models on the browser side, and create a model component library based on the multiple business component models; the component model library is used to parse the real-time monitoring data transmitted from the server side, and convert the format of the real-time monitoring data into a format that can be displayed on the system front-end interface; In the embodiment of the present invention, the modular design of the component is based on the basic operating environment, which includes tool classes, third-party UI libraries and browser kernel environments. The designed model component has default properties, which include business-related basic parameter configurations and component style-related parameter configurations. Without configuring any external properties, the component default properties can be used to support the direct operation of the component embedded in the Web system.

[0019] The component library encapsulates multiple reusable model components according to business functions. The component library is the core function of this system. The design and implementation of components strictly comply with model specifications, including naming specifications, attribute specifications, data specifications, and method call specifications. By standardizing the definition of model components, the reuse rate of business components can be improved.

[0020] Step 102: assigning business component instances according to the configuration files corresponding to each business component; Step 103: dynamically render the system front-end interface according to the business component instance.

[0021] Existing business components must rely on the platform system to run, and the analysis of business components is performed on the server side, which reduces the development efficiency of the intelligent comprehensive mining face remote operation and maintenance platform.

[0022] The monitoring system business component management method provided by the embodiment of the present invention encapsulates different business functions in the monitoring system into multiple business component models on the browser side, and creates a model component library based on the multiple business component models; the component model library is used to parse the real-time monitoring data transmitted from the server side, and convert the format of the real-time monitoring data into a format that can be displayed on the system front-end interface; assigns business component instances according to the configuration file corresponding to each business component; and dynamically renders the system front-end interface according to the business component instances, so that the components can be completely run on the browser side and can be used independently without the platform, while improving the low reuse rate of business components and the development efficiency of the remote operation and maintenance platform.

[0023] Based on any of the above embodiments, the output of the componentized design is a model component library. According to business divisions, the model component library in the present invention is oriented to the field of intelligent coal mining, and mainly includes a coal mining machine component library, a pump station component library, a three-machine component library, a support component library and a general component library.

[0024] Componentized system interface construction means using the model component library to quickly build the system. The system construction method can be low-code, and the components are programmed with a small amount of front-end development language and loaded and integrated into the system page. Each page of the system is composed of Layout components, container components and common components in the framework. The layout component is used to control how other components of the system are laid out. The container component loads the business components in the component model library. The common components in the framework are used to implement non-business content areas such as system function navigation. The system front-end interface structure is as follows: Figure 2 As shown in the figure, in the front-end interface architecture, the Layout component is responsible for the overall layout, the container component and the business component are responsible for the specific function implementation, and the basic atomic component provides the basic UI building blocks. The components transmit and interact with data and functions through Props, Events, Slots, etc. The Layout component contains multiple container components and common components (such as Header, Footer).

[0025] Container components contain business components, and each container component contains a business component.

[0026] Business components are specific business logic implementations, and each container component has a business component inside.

[0027] Basic atomic components are some basic UI elements, such as line charts, bar charts, pie charts, etc. These basic atomic components are relied upon by business components.

[0028] ComponentShow is a specific component instance. It contains functions such as Props, Events, Slots, and network requests. Props are the property values ​​passed to the component. Events are events that can be triggered by the component. Slots are used to insert other content or subcomponents inside the component.

[0029] Network request refers to the process of data interaction between components and servers.

[0030] As the outermost container, the Layout component contains all container components and common components. Container components are nested in the Layout component, and each container component contains its own business components. Business components rely on basic atomic components to complete their functions and communicate with other components through Props, Events, Slots, etc. As a specific component instance, ComponentShow implements the above functional modules and can receive external data through Props, trigger corresponding operations through Events, insert additional content through Slots, and obtain remote data through network requests.

[0031] Based on any of the above embodiments, the configuration file is a global configuration file, and further includes: During the process of building the system interface, the configuration properties in the global configuration file are assigned to the business component instances to batch modify the styles and properties of multiple business components.

[0032] In an embodiment of the present invention, the configuration file is a real-time configuration file, and further includes: After the front interface of the system is built, the real-time configuration file sent by the server is received in real time, the real-time configuration file is assigned to the corresponding business component instance, and the front interface of the system is dynamically rendered.

[0033] In the embodiment of the present invention, the configuration file includes parameter configuration and method configuration, and the method configuration includes interaction method configuration within the component and event method configuration provided by the component to the outside.

[0034] The business component model structure is as follows Figure 3As shown, a clear division is made from input to output to internal processing flow, which helps to understand how to organize and manage complex user interface components. Business Props defines basic parameter configurations related to the business, such as interface name, business parameters, etc. Style Props defines parameter configurations related to component style, such as theme color, background image, width and height, etc. Function defines the interaction method within the component, including data request, click event processing, business logic, etc. Events defines the event method provided by the component to the outside; watch is used to monitor changes in certain variables and execute corresponding methods. Computed is used to calculate properties, and new property values ​​can be dynamically calculated based on other properties. Development customization: It means that the component can be customized and extended during the development process. Extensible means that the component has a certain degree of extensibility, and more functions or features can be added according to needs.

[0035] In the business component model, Props is where the component receives external data and configuration information, which is divided into business Props and style Props. The function part in Methods defines the specific behavior and logic within the component, including data requests, event processing, and business logic; while the Events part is some event methods exposed by the component for external calls. Watch and computed are both mechanisms for processing data changes. The former is mainly used to respond to changes in a specific variable in real time, and the latter is used to calculate new data based on existing data. Development customization means that developers can modify and adjust components according to actual needs. Scalability emphasizes that the component design takes into account possible future changes in requirements, and can easily add new functions or optimize existing functions without destroying the original code.

[0036] In the embodiment of the present invention, the configuration file is assigned a priority of: The real-time configuration file assignment has a higher priority than the global configuration file assignment; The global configuration file assignment priority is higher than the business component default attribute.

[0037] Component instance configuration is to load a configuration file that pre-sets the component instance properties. When the system is running, the configuration file is parsed and then the style of the component instance is modified. The configuration file is connected to the component through the Business Key.

[0038] In the embodiment of the present invention, the real-time receiving of the real-time configuration file sent by the server includes: The data API is used to encapsulate the message subscription strategy and data acquisition logic, and several general interface functions are set, through which the real-time configuration file sent by the server is received in real time.

[0039] Monitoring data call is to obtain the device monitoring data of the server in real time, and the monitoring data is used for rendering and visualization of component content. The present invention uses message subscription to achieve data acquisition, and WebSocket is one of the technical means to achieve it. The system platform provides a lightly coupled middleware: data API. The API encapsulates the message subscription strategy and data acquisition logic, and provides several general interface functions. Through these interfaces, real-time data and basic configuration of each type of component can be obtained. It is optional for the component to obtain monitoring data through the API. If the data corresponding to the component is obtained, the component instance is refreshed; if the data cannot be obtained, the component is assigned initialization properties in order of priority and rendered. The priority order of component properties is as follows: the configuration priority in the data API is higher than the global configuration file, and the global configuration file priority is higher than the component default properties.

[0040] Finally, the entire Web system is centered on the Web component library, which obtains real-time monitoring data through the message subscription method of the middleware (data API), loads the monitoring data, and then renders the Web component. By configuring the Web component to different terminals for application, the application can be quickly built.

[0041] Based on any of the above embodiments, dynamically rendering the system front-end interface according to the business component instance includes: If the system front-end interface communicates normally with the back-end service, each business function component in the system front-end interface loads the back-end data and component configuration and then renders the interface; If the communication between the system front-end interface and the back-end service is abnormal, each business function component in the system interface will only load the component configuration for interface rendering, and the business component will display prompt information.

[0042] Based on any of the above embodiments, the monitoring system service component management method specifically includes the following steps: Step 1: Pre-sort out the system business and design the components. This step of business component design outputs multiple component models containing the business. Multiple component models form a model component library. Step 2: The model component library supports embedding into the Web system to realize rapid construction and adjustment of the system interface; Step 3: During the system interface construction process, if a global configuration file is set, the configuration properties are assigned to the component instance during operation to modify the component style and properties; Step 4: During the component operation, obtain the server-side real-time monitoring data and configuration through message subscription. This configuration is optional. If the server has configured it, assign the configuration item to the component instance to achieve dynamic rendering.

[0043] In an embodiment of the present invention, the data acquisition and display component library may directly obtain data from the back-end platform through front-end technology. The back-end platform stores the original data in relational and non-relational databases, queries the data in the database center in different interfaces to implement the business logic of each component to obtain data, and parse, process and display it on the front-end.

[0044] Data is transmitted in JSON, XML or other formats. The component library has the ability to parse these formats and convert the data into a format that can be displayed on the front end. The component library separates the backend data from the frontend interface. If the frontend communicates normally with the backend service, the business function components in the system interface load the backend data and component configuration to render the interface. If the frontend communicates abnormally with the backend service, the business function components in the system interface only load the component configuration for interface rendering, and the business component shows that there is no data. The component library is responsible for handling user interactions, such as clicks, input, dragging, etc., and responding on the front end. The component library contains rich interaction logic, such as dynamically updating the interface, displaying prompt information, and processing user input.

[0045] The backend platform of the component library implements the rules, algorithms and logic required for the business, and these logics are executed on the backend platform. The front end only obtains data from the backend platform for rendering, and the underlying logic of the front end and backend platform is decoupled. The component library highly encapsulates the business functions of different monitoring systems into multiple business components, and each component exposes properties and methods to secondary developers so that each component can be quickly applied to the secondary development of the system interface by reference through configuration modification. Encapsulating business logic when designing components and reusing components when applying components can reduce repeated code development work, improve development efficiency, and enable reuse in different projects.

[0046] According to business requirements and functional characteristics, the front-end interface is divided into multiple independent components, each of which is responsible for specific functions or interface elements, such as data display, user interaction, form processing, etc. The component library adopts a modular design. Each component is an independent module, which is easy to manage and maintain. The modular design allows the component library to easily add, delete or modify components without affecting other components. The back-end API interface sets reasonable permission control to ensure that only legal front-end components can be called. The back-end API interface sets reasonable permission control to ensure that only legal front-end components can be called, and the back-end platform interface is secure. The data calculation logic of each component is implemented on the back-end platform, and the front-end only obtains data for interface rendering. The front-end and back-end only communicate data, and do not rely too much on the back-end platform. Even if the communication is abnormal and the front-end cannot obtain data, the system interface can normally render the style without data, realizing light coupling between the front-end and back-end.

[0047] The monitoring system business component management method provided by the embodiment of the present invention has a component design method with weak dependence on the server and is more scalable and reusable. It can run on the mobile terminal and the Web terminal, can run under the platform system, and can also run independently in an environment without the platform system; the componentization is completely parsed and run on the browser side, and only data communication is performed with the server side, and component reuse does not require additional server resources.

[0048] The remote operation and maintenance monitoring system provided by the present invention is described below. The remote operation and maintenance monitoring system described below and the monitoring system business component management method described above can be referenced to each other.

[0049] Figure 4 A schematic diagram of the structure of a remote operation and maintenance monitoring system provided by an embodiment of the present invention is shown in FIG. Figure 4 As shown, the remote operation and maintenance monitoring system provided by the embodiment of the present invention includes: A creation module 401 is used to encapsulate different business functions in the monitoring system into multiple business component models on the browser side, and create a model component library based on the multiple business component models; the component model library is used to parse the real-time monitoring data transmitted from the server side, and convert the format of the real-time monitoring data into a format that can be displayed on the system front-end interface; The assignment module 402 is used to assign values ​​to business component instances according to the configuration files corresponding to each business component; The rendering module 403 is used to dynamically render the system front-end interface according to the business component instance.

[0050] System architecture Figure 5 As shown, the system includes four layers: server, middleware, component library and application.

[0051] The server is a data center, including data interfaces, core business logic, and databases. This layer provides server-side subscription and push of monitoring data, including various equipment operation data, sensor data, and statistical analysis data required for component operation. The server and the component library have a light dependency relationship. The server only provides monitoring data and basic data configuration required for component operation, and does not provide component parsing and rendering services. The expansion of component reuse scale does not increase server overhead.

[0052] The middleware consists of two parts: the operating environment and the data API, which is the necessary support part for the operation of the component library. The operating environment includes tool classes, third-party component libraries, and browser kernels. This part provides basic environment support for the model component library. The data API is the middleware between the model component library and the server. This part provides data support for the model component library. The data API provides two core functions: subscribing to server-side data and pushing data to the model component library for rendering; providing interface functions for component models to call server-side methods.

[0053] The component obtains data from the server through the data API and performs visual rendering through property settings. There are three ways to set properties: component default properties, system global configuration, and data API.

[0054] The application layer is an application system built based on several reusable components in the model component library, including but not limited to mobile systems, Web systems, and large-screen visualization systems. The construction of the application layer can be achieved through front-end programming, or through the code-free visual editing function provided by the system platform, including drag-and-drop, property configuration, and other methods of export and generation. When building the application layer, you can set the component style by setting the Props of the model component, or you can set the component style by specifying a global configuration file. The global configuration file has a higher priority than the Props property setting.

[0055] The remote operation and maintenance monitoring system provided by the embodiment of the present invention encapsulates different business functions in the monitoring system into multiple business component models on the browser side, and creates a model component library based on the multiple business component models; the component model library is used to parse the real-time monitoring data transmitted from the server side, and convert the format of the real-time monitoring data into a format that can be displayed on the system front-end interface; assigns business component instances according to the configuration file corresponding to each business component; and dynamically renders the system front-end interface according to the business component instances, so that the components can be completely run on the browser side and can be used independently without the platform, while improving the low reuse rate of business components and the development efficiency of the remote operation and maintenance platform.

[0056] Figure 6 An example of a physical structure diagram of an electronic device is shown in FIG. Figure 6 As shown, the electronic device may include: a processor 610, a communication interface 620, a memory 630 and a communication bus 640, wherein the processor 610, the communication interface 620 and the memory 630 communicate with each other through the communication bus 640. The memory 630 includes a computer program, an operating system and acquired data, and the processor 610 may call the logic instructions in the memory 630 to execute the monitoring system business component management method, the method comprising: encapsulating different business functions in the monitoring system into multiple business component models on the browser side, creating a model component library according to the multiple business component models; the component model library is used to parse the real-time monitoring data transmitted from the server side, and convert the format of the real-time monitoring data into a format that can be displayed by the system front-end interface; assigning business component instances according to the configuration files corresponding to each business component; and dynamically rendering the system front-end interface according to the business component instances.

[0057] In addition, the logic instructions in the above-mentioned memory 630 can be implemented in the form of a software functional unit and can be stored in a computer-readable storage medium when it is sold or used as an independent product. Based on this understanding, the technical solution of the present invention, or the part that contributes to the relevant technology or the part of the technical solution, can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including a number of instructions to enable a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present invention. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), disk or optical disk and other media that can store program codes.

[0058] On the other hand, the present invention also provides a non-transitory computer-readable storage medium having a computer program stored thereon. When the computer program is executed by a processor, it is implemented to execute the monitoring system business component management method provided by the above-mentioned methods. The method includes: encapsulating different business functions in the monitoring system into multiple business component models on the browser side, and creating a model component library based on the multiple business component models; the component model library is used to parse the real-time monitoring data transmitted from the server side, and convert the format of the real-time monitoring data into a format that can be displayed on the system front-end interface; assigning business component instances according to the configuration file corresponding to each business component; and dynamically rendering the system front-end interface according to the business component instances.

[0059] The device embodiments described above are merely illustrative, wherein the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, they may be located in one place, or they may be distributed on multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the scheme of this embodiment. Ordinary technicians in this field can understand and implement it without paying creative labor.

[0060] Through the description of the above implementation methods, those skilled in the art can clearly understand that each implementation method can be implemented by means of software plus a necessary general hardware platform, and of course, can also be implemented by hardware. Based on this understanding, the above technical solution is essentially or the part that contributes to the relevant technology can be embodied in the form of a software product, and the computer software product can be stored in a computer-readable storage medium, such as ROM / RAM, a disk, an optical disk, etc., including a number of instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to execute the methods described in each embodiment or some parts of the embodiment.

[0061] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, rather than to limit it. Although the present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or make equivalent replacements for some of the technical features therein. However, these modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the embodiments of the present invention.

Claims

1. A monitoring system service component management method, characterized in that: include: Encapsulating different business functions in the monitoring system into multiple business component models on the browser side, and creating a model component library based on the multiple business component models; The component model library is used to parse the real-time monitoring data transmitted from the server and convert the format of the real-time monitoring data into a format that can be displayed on the system front-end interface; Assign business component instances according to the configuration files corresponding to each business component; The system front-end interface is dynamically rendered according to the business component instance.

2. The monitoring system service component management method according to claim 1, characterized in that: The configuration file is a global configuration file, and also includes: During the process of building the system interface, the configuration properties in the global configuration file are assigned to the business component instances to batch modify the styles and properties of multiple business components.

3. The monitoring system service component management method according to claim 1, characterized in that: The configuration file is a real-time configuration file, and further includes: After the front interface of the system is built, the real-time configuration file sent by the server is received in real time, the real-time configuration file is assigned to the corresponding business component instance, and the front interface of the system is dynamically rendered.

4. The monitoring system service component management method according to any one of claims 1 to 3, characterized in that: The configuration file includes parameter configuration and method configuration, and the method configuration includes interaction method configuration within the component and event method configuration provided by the component to the outside.

5. The monitoring system service component management method according to claim 4, characterized in that: The configuration file is assigned a priority of: The real-time configuration file assignment has a higher priority than the global configuration file assignment; The global configuration file assignment priority is higher than the business component default attribute.

6. The monitoring system service component management method according to claim 1, characterized in that: The real-time receiving of the real-time configuration file sent by the server includes: The data API is used to encapsulate the message subscription strategy and data acquisition logic, and several general interface functions are set, through which the real-time configuration file sent by the server is received in real time.

7. The monitoring system service component management method according to claim 1, characterized in that: The dynamically rendering the system front-end interface according to the business component instance includes: If the system front-end interface communicates normally with the back-end service, each business function component in the system front-end interface loads the back-end data and component configuration and then renders the interface; If the communication between the system front-end interface and the back-end service is abnormal, each business function component in the system interface will only load the component configuration for interface rendering, and the business component will display prompt information.

8. A remote operation and maintenance monitoring system, characterized in that: include: A creation module is used to encapsulate different business functions in the monitoring system into multiple business component models on the browser side, and create a model component library based on the multiple business component models; The component model library is used to parse the real-time monitoring data transmitted from the server and convert the format of the real-time monitoring data into a format that can be displayed on the system front-end interface; The assignment module is used to assign values ​​to business component instances according to the configuration files corresponding to each business component; A rendering module is used to dynamically render the system front-end interface according to the business component instance.

9. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein: When the processor executes the program, the monitoring system business component management method according to any one of claims 1 to 7 is implemented.

10. A non-transitory readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the monitoring system service component management method according to any one of claims 1 to 7 is implemented.

Citation Information

Cited By

  • Web front-end service architecture and implementation method thereof

    CN121441891A