Web integration development method, system and device of data monitoring system and storage medium

Abstract

The present disclosure provides a web integration development method and system of a data monitoring system, a terminal device and a computer readable storage medium, to at least solve the problem of low deployment efficiency of the data monitoring system in the prior art, wherein the method comprises: configuring a Service service interface of the data monitoring system; creating a web project code file of the data monitoring system; publishing the web project code file to a workspace; generating a data monitoring system web page based on the web project code file in the workspace; if a user access request is received, calling the Service service interface in the workspace; and obtaining monitoring data of a to-be-monitored device based on the Service service interface, and displaying the monitoring data of the to-be-monitored device on the data monitoring system web page. The present disclosure integrates development, deployment and operation in one, which not only can reduce development cost, but also facilitates operation and maintenance of the monitoring system, and effectively improves the deployment efficiency of data monitoring business.

Description

TECHNICAL FIELD

[0001] The present disclosure relates to the technical field of software development, in particular to a web integrated development method of a data monitoring system, a web integrated development system of a data monitoring system, a terminal device and a computer readable storage medium. BACKGROUND

[0002] At present, the development of a data monitoring system is usually carried out according to a traditional software development process for a specific data monitoring business scenario and a specific data monitoring task to realize business requirements, and then the software development, deployment and operation are carried out separately. The traditional software development process is long and inefficient, which is not conducive to the deployment and implementation of the data monitoring system. SUMMARY

[0003] The present disclosure provides a web integrated development method, system, terminal device and computer readable storage medium of a data monitoring system to at least solve the problems of long software development cycle, low efficiency and being not conducive to the deployment and implementation of the data monitoring system.

[0004] To achieve the above-mentioned purpose, the present disclosure provides a web integrated development method of a data monitoring system, comprising:

[0005] configuring a Service service interface of the data monitoring system;

[0006] creating a web project code file of the data monitoring system;

[0007] publishing the web project code file to a workspace;

[0008] generating a data monitoring system web page based on the web project code file in the workspace;

[0009] if a user access request is received, calling the Service service interface in the workspace; and

[0010] obtaining monitoring data of a to-be-monitored device based on the Service service interface, and displaying the monitoring data of the to-be-monitored device on the data monitoring system web page.

[0011] In an embodiment, the interface type of the Service service interface is RESTFull or WebSocket.

[0012] In an embodiment, after publishing the web project code file to the workspace, the method further comprises:

[0013] generating an access uniform resource locator URL address corresponding to the web project code file in the workspace;

[0014] if the user access request is received, calling the Service service interface in the workspace, including:

[0015] if the user access request is received, judging whether the URL address is carried in the user access request, if yes, calling the Service service interface in the workspace.

[0016] In an embodiment, the method further includes:

[0017] creating an initial Web engineering code file of the data monitoring system;

[0018] obtaining interface calling code of the Service service interface; and,

[0019] writing the interface calling code into the initial Web engineering code file to obtain a Web engineering code file of the data monitoring system;

[0020] the calling the Service service interface in the workspace includes:

[0021] calling the Service service interface in the workspace based on the Web engineering code file.

[0022] In an embodiment, after obtaining the monitoring data of the to-be-monitored device based on the Service service interface, the method further includes:

[0023] writing the monitoring data of the to-be-monitored device into a persistent library.

[0024] To achieve the above object, the present disclosure also provides a Web integrated development system of a data monitoring system, including:

[0025] a Service development component configured to configure a Service service interface of the data monitoring system;

[0026] a Web development component configured to create a Web engineering code file of the data monitoring system;

[0027] the Web development component is further configured to publish the Web engineering code file to a workspace;

[0028] the workspace is configured to generate a Web page of the data monitoring system based on the Web engineering code file;

[0029] the workspace is further configured to call the Service service interface when a user access request is received; and,

[0030] The workspace is further configured to acquire monitoring data of the to-be-monitored device based on the Service service interface, and display the monitoring data of the to-be-monitored device on the data monitoring system Web page.

[0031] In an implementation, the interface type of the Service service interface is RESTFull or WebSocket.

[0032] In an implementation,

[0033] The workspace is further configured to generate an access uniform resource locator URL address corresponding to the Web project code file uniquely after the Web development component sends the Web project code file to the workspace;

[0034] The workspace comprises a judging unit and a first calling unit, wherein,

[0035] The judging unit is configured to judge whether the URL address is carried in the user access request when the user access request is received;

[0036] The first calling unit is configured to call the Service service interface based on the Web project code file when the judging unit judges that the URL address is carried.

[0037] To achieve the above object, the disclosure further provides a terminal device comprising a memory and a processor, wherein the memory stores a computer program, and when the processor runs the computer program stored in the memory, the processor executes the Web integrated development method of the data monitoring system.

[0038] To achieve the above object, the disclosure further provides a computer readable storage medium, which stores a computer program, and when the processor executes the computer program, the processor executes the Web integrated development method of the data monitoring system.

[0039] The method, system, terminal device and computer readable storage medium for developing a web integration of a data monitoring system according to the present disclosure comprise configuring a Service service interface of the data monitoring system, creating a web project code file of the data monitoring system, publishing the web project code file to a workspace, generating a data monitoring system web page in the workspace based on the web project code file, calling the Service service interface in the workspace if a user access request is received, and finally obtaining monitoring data of a to-be-monitored device based on the Service service interface and displaying the monitoring data of the to-be-monitored device on the data monitoring system web page. The present disclosure integrates development, deployment and operation in one, realizes hot deployment of the monitoring system, can reduce development cost, facilitates operation and maintenance management of the monitoring system, and effectively improves deployment and implementation efficiency of data monitoring business.

[0040] Other features and advantages of the present disclosure will be set forth in the following description, and in part will become apparent from the description, or can be learned by practice of the present disclosure. The objects and other advantages of the present disclosure can be achieved and obtained by the structure particularly pointed out in the description, claims and drawings. BRIEF DESCRIPTION OF DRAWINGS

[0041] The accompanying drawings are included to provide a further understanding of the technical solutions of the present disclosure, and constitute a part of the specification, and are used to explain the technical solutions of the present disclosure together with the embodiments of the present disclosure, and do not constitute a limitation on the technical solutions of the present disclosure.

[0042] Figure 1 A flowchart of a method for developing a web integration of a data monitoring system according to an embodiment of the present disclosure is shown in FIG. 1.

[0043] Figure 2 A flowchart of a method for developing a web integration of a data monitoring system according to another embodiment of the present disclosure is shown in FIG. 2.

[0044] Figure 3 A structure diagram of a web integration development system of a data monitoring system according to an embodiment of the present disclosure is shown in FIG. 3.

[0045] Figure 4 A structure diagram of a web integration development system of a data monitoring system according to an embodiment of the present disclosure is shown in FIG. 4.

[0046] Figure 5 A structure diagram of a terminal device according to an embodiment of the present disclosure is shown in FIG. 5. DETAILED DESCRIPTION

[0047] In order to make the purposes, technical solutions, and advantages of the embodiments of the present disclosure clearer, the following will detail the specific embodiments of the present disclosure with reference to the drawings. It should be understood that the specific embodiments described herein are only used to illustrate and explain the present disclosure, and are not used to limit the present disclosure.

[0048] It should be noted that the terms "first", "second", and the like in the description and claims of the present disclosure and the above drawings are used to distinguish similar objects, and do not necessarily describe a specific order or sequence; and, without conflict, the embodiments in the present disclosure and the features in the embodiments can be combined with each other at will.

[0049] The terms used in the embodiments of the present disclosure are merely for the purpose of describing specific embodiments, and are not intended to limit the present disclosure. The singular forms "a", "an", and "the" used in the embodiments of the present disclosure and the appended claims are also intended to include the plural forms, unless the context clearly indicates otherwise.

[0050] In the following description, the suffixes such as "module", "part", or "unit" used to represent elements are only for the purpose of facilitating the description of the present disclosure, and have no specific meaning by themselves. Therefore, "module", "part", or "unit" can be used interchangeably.

[0051] To solve the above technical problems, the embodiments of the present disclosure provide an integrated development method of a data monitoring WEB system, which realizes a one-stop data monitoring system from development to implementation deployment by using a B / S (Browser / Server) architecture, integrates development, deployment, and operation, and realizes hot development and hot deployment, so that a data monitoring WEB system can be realized by a simple and efficient way.

[0052] Please refer to Figure 1 , Figure 1 The flowchart of the Web integrated development method of a data monitoring system provided by the embodiments of the present disclosure, the method comprises steps S101-S107.

[0053] In step S101, the Service service interface of the data monitoring system is configured.

[0054] In this embodiment, the Service development component is configured to develop the Service interface of the data monitoring system. Specifically, the Service development component can be configured to develop the Service interface after the programmer imports / creates the data monitoring system Web project in the Web development component. In an embodiment, the interface type of the Service interface is RESTFull or WebSocket. RESTFull is Representational State Transfer, which means that resources are transferred in a certain form in the network. WebSocket is a new network protocol based on TCP, which can realize full-duplex communication between the browser and the server, and allows the server to actively send information to the client.

[0055] In an embodiment, the Service development component can include an access module, a management module, and a running module.

[0056] 1. The access module can provide a unified Service interface for Web development, and in some embodiments, provides request verification function to verify the request of the Web (in the workspace) and provides scheduling function to select the corresponding Service according to the service ID called by the Web request.

[0057] 2. The management module is configured to develop the Service interface, including: service interface configuration, message service configuration, database configuration, data processing configuration, and Http API configuration.

[0058] (1) Service interface configuration, which is mainly to select the data business process and related parameters, i.e. the configuration of the data business process and related parameters between the service interface and the device / gateway to be monitored.

[0059] (2) Message service configuration, which manages and maintains message service information and selects message service products. For example, MQTT (Message Queuing Telemetry Transport), IP, port, user, password, etc.

[0060] (3) Database configuration, which manages and maintains database information and selects database products. For example, influxdb, and the database basic information. It can be understood that InfluxDB is a time series database.

[0061] (4)Data processing configuration, managing data processing template information, editing data processing business. For example: data mapping, cleaning, type conversion, etc. for monitoring data display on Web pages.

[0062] (5)Http API configuration, managing and maintaining third-party Http API information, such as: message header information, request parameters, response parameters, etc.

[0063] 3. Running module, that is, the module running the Service service. The completed service interface will run in the running module according to the established data business process. The running mode can be divided into automatic running and passive running. Automatic running is that after starting the service, the service interface remains in a listening state, and automatically processes when receiving data. Passive running is triggered by the Web page sending a request to run, and then responds to the processing result.

[0064] In step S102, a Web project code file of the data monitoring system is created.

[0065] In this embodiment, the Web development component is set to develop the Web page of the data monitoring system. The main functions include code editing, project creation, project import, and project release. Among them, the Web project code file of the data monitoring system is created. First, the programmer edits the Web project code in the system, and the Web development component accepts the Web project code edited by the programmer to create the Web project code file.

[0066] In step S103, the Web project code file is published to the workspace.

[0067] In step S104, the data monitoring system Web page is generated in the workspace based on the Web project code file.

[0068] In this embodiment, the workspace is a data monitoring system Web server supporting hot deployment. The Web development component publishes the project code to the workspace to generate the data monitoring system Web page. At this time, the data monitoring system is completed simultaneously with development and deployment. If a user wants to access the data monitoring system, the user can send a request to the workspace.

[0069] In step S105, if a user access request is received, the Service service interface is called in the workspace; and,

[0070] In step S106, the monitoring data of the to-be-monitored device is obtained based on the Service service interface.

[0071] In step S107, the monitoring data of the to-be-monitored device is displayed on the data monitoring system Web page.

[0072] Compared with the prior art, a specific data monitoring business scenario and a specific data monitoring task need to be monitored, a traditional software development process is implemented according to a business requirement, and then deployment and operation are implemented. The embodiment is based on a B / S architecture to develop an integrated Web system of a data monitoring system, and a Web development component, a Service development component and a workspace of the data monitoring system are used to realize hot development and hot deployment. The generated environment system can be directly developed or modified, and saving is equivalent to publishing, real-time deployment is implemented without restarting or updating the system. The development, deployment and operation are integrated, the problems of long development cycle and low efficiency in software development for specific business scenarios and monitoring tasks in the prior art are effectively solved, the development cost is reduced, the operation and maintenance of the system are made easier, and the implementation efficiency of the data monitoring business is effectively improved.

[0073] Please refer to Figure 2 , Figure 2 A flowchart of a Web integrated development method of a data monitoring system according to another embodiment of the present disclosure is provided, and the difference from the previous embodiment is that a uniform resource locator (URL) is generated in the embodiment, and a user can access the developed and deployed data monitoring system by using the URL, so that the operation efficiency of the data monitoring efficiency is improved. Specifically, after the Web project code file is published to the workspace (step S103), as shown in FIG. 4, the method further includes step S201, and step S105 is further divided into step S1041, Figure 2

[0074] In step S201, an access uniform resource locator URL address corresponding to the Web project code file is generated in the workspace.

[0075] In step S1051, if a user access request is received, it is judged whether the URL address is carried in the user access request. If yes, the Service service interface is called in the workspace.

[0076] Further, the interface calling code of the Service service interface is written into the Web project code file, and the Service service interface can be directly called based on the Web project code file in the workspace. Specifically, the Web project code file of the data monitoring system includes the following steps:

[0077] An initial Web project code file of the data monitoring system is created.

[0078] The interface calling code of the Service service interface is obtained; and

[0079] ​write the interface calling code into the initial Web project code file to obtain a Web project code file of the data monitoring system;

[0080] The Service service interface is called in the workspace (step S105), specifically as follows:

[0081] The Service service interface is called in the workspace based on the Web project code file.

[0082] In some embodiments, the Service development component tests the Service service interface after developing and configuring the Service service interface, and then generates interface calling code automatically through the tested service interface.

[0083] Further, the embodiment realizes persistent storage of data by writing monitoring data into a persistent library, so that the user can read the data of the persistent library again after closing the program. After obtaining the monitoring data of the to-be-monitored device based on the Service service interface (S106), the following steps are further included:

[0084] The monitoring data of the to-be-monitored device is written into a persistent library.

[0085] Based on the same technical concept, please refer to Figure 3 , Figure 3 A structural schematic diagram of a Web integrated development system of a data monitoring system provided by the embodiment of the present disclosure, comprising a Service development component 31, a Web development component 32 and a workspace 33, wherein,

[0086] The Service development component 31 is configured to configure a Service service interface of the data monitoring system;

[0087] The Web development component 32 is configured to create a Web project code file of the data monitoring system;

[0088] The Web development component 32 is further configured to publish the Web project code file to the workspace 33;

[0089] The workspace 33 is configured to generate a Web page of the data monitoring system based on the Web project code file;

[0090] The workspace 33 is further configured to call the Service service interface when receiving a user access request; and

[0091] The workspace 33 is further configured to acquire monitoring data of the to-be-monitored device based on the Service service interface, and display the monitoring data of the to-be-monitored device on the data monitoring system Web page.

[0092] In an embodiment, the interface type of the Service service interface is RESTFull or WebSocket.

[0093] In an embodiment, the workspace 33 is further configured to generate a unique access uniform resource locator URL address corresponding to the Web project code file after the Web development component 32 sends the Web project code file to the workspace 33.

[0094] The workspace 33 includes a judging unit and a first calling unit, wherein,

[0095] The judging unit is configured to judge whether the URL address is carried in the user access request when the user access request is received.

[0096] The first calling unit is configured to call the Service service interface based on the Web project code file when the judging unit judges that the URL address is carried.

[0097] In an embodiment, the Web development component 32 includes:

[0098] A creating unit configured to create an initial Web project code file of the data monitoring system;

[0099] An acquiring unit configured to acquire interface calling code of the Service service interface; and

[0100] A writing unit configured to write the interface calling code into the initial Web project code file to obtain the Web project code file of the data monitoring system.

[0101] The workspace 33 is specifically configured to call the Service service interface based on the Web project code file.

[0102] In an embodiment, the system further includes:

[0103] A writing module configured to write the monitoring data of the to-be-monitored device into a persistent library after the workspace 33 acquires the monitoring data of the to-be-monitored device based on the Service service interface.

[0104] For the convenience of understanding the embodiments of the present disclosure, please refer to Figure 4 , Figure 4Fig. 2 is a structural schematic diagram of a Web integrated development system of a data monitoring system according to an embodiment of the present disclosure, which comprises a user (terminal) 10, an external system 20, and a Web integrated development system 30 of the data monitoring system, and takes monitoring of production / consumption data as an example, wherein,

[0105] The Web integrated development system 30 of the data monitoring system comprises a Web development component 31, a Service development component 32, and a workspace 33.

[0106] The Web development component 31 is used for developing a Web page of the data monitoring system, and the main functions thereof include code editing, project creation, project import, and project release.

[0107] 1. Code editing, which is used for reading and writing operations on the content of a code file, and supports code file types including all mainstream Web development-related file types, such as html, js, css, jsp, etc.

[0108] 2. Project creation, which is used for newly creating a Web project code of the data monitoring system.

[0109] 3. Project import, which is used for importing an existing Web project code.

[0110] 4. Project release, which is used for releasing a project code to the workspace.

[0111] The Service development component 32 is used for developing a Service interface of the data monitoring system, and the main functions thereof include an access module, a management module, and a running module.

[0112] 1. The access module provides a unified interface (RESTFull, WebSocket) for Web development to call, provides request verification functions to perform necessary verification on the request of the Web, and provides a scheduling function to select a corresponding Service service according to the service ID called by the Web request.

[0113] 2. The management module develops a Service service interface in a configuration manner, including service interface configuration, message service configuration, database configuration, data processing configuration, and Http API configuration.

[0114] (1) Service interface configuration, which is mainly used for selecting a data business process and related parameters.

[0115] (2) Message service configuration, which is used for managing and maintaining message service information, selecting a message service product, such as MQTT, and the IP, port, user, password, etc. of the message service.

[0116] (3) Database configuration (persistent library), manage and maintain database information, select database products. For example: influxdb, and the database basic information.

[0117] (4) Data processing configuration, manage data processing template information, edit data processing business. For example: data mapping, cleaning, type conversion, etc.

[0118] (5) Http API configuration, manage and maintain third-party Http API information, such as message header information, request parameters, response parameters, etc.

[0119] 3. Running module, that is, the module running the Service service. The completed service interface will run in the running module according to the established data business process. The running mode is divided into automatic running and passive running. Automatic running is that after starting the service, the service interface remains in a listening state, and automatically processes when receiving data. Passive running is triggered by the Web page sending a request to run, and then responds to the processing result.

[0120] Workspace 33, the workspace is a data monitoring system Web server, supporting hot deployment. The Web development component publishes the project code to the workspace, and then the workspace provides the corresponding URL address, and the user uses the URL to access the data monitoring system.

[0121] Users include ordinary users and programmer users. Ordinary users monitor external systems by accessing the Web integrated development system of the data monitoring system (hereinafter referred to as the system). The external monitoring system includes (to be monitored) devices a...n / gateways a...n. Among them, the user realizes the data monitoring process by accessing the workspace of the system; the programmer user creates the Web project of the data monitoring system in the Web development component and edits the Web project code, so that the Web development component generates the Web project code file, and finally generates the Web page of the data monitoring system. Specifically, the operation process of the programmer and the user is as follows:

[0122] I. Programmer user:

[0123] Create / import the Web project of the data monitoring system through the Web development component;

[0124] Develop and configure the Service service interface through the Service development component;

[0125] Test the Service service interface, and the interface calling code can be automatically generated through the tested Service service interface;

[0126] Edit the Web project code and use the Service development component to write the Service interface call code to the corresponding location in the Web project code;

[0127] Start the Service interface;

[0128] The data monitoring system web project code files are generated and published to the workspace through the Service development component, and the workspace generates the access URL;

[0129] Obtain the access URL of the data monitoring system;

[0130] II. Regular Users:

[0131] Within the workspace, access the data monitoring system via URL;

[0132] The web interface (workspace) of the data monitoring system calls the Service service interface of the running module in the Service development component. The interface types are RESTFull or WebSocket.

[0133] The Service development component runs its business logic, obtains monitoring data from external systems, and responds to or broadcasts the results to the web client.

[0134] The web client renders the monitoring data from the external system onto the web page.

[0135] Based on the same technical concept, this disclosure also provides a terminal device, such as... Figure 5 As shown, it includes a memory 51 and a processor 52. The memory 51 stores a computer program. When the processor 52 runs the computer program stored in the memory 51, the processor 52 executes the Web integration development method of the data monitoring system.

[0136] Based on the same technical concept, this disclosure also provides a computer-readable storage medium storing a computer program thereon, wherein when the computer program is executed by a processor, the processor executes the Web integration development method of the data monitoring system.

[0137] Those skilled in the art can understand that all or some of the steps in the method disclosed above, the functional modules / units in the system and the device can be implemented as software, firmware, hardware and appropriate combinations thereof. In the hardware implementation, the division between the functional modules / units mentioned in the above description does not necessarily correspond to the division of physical components; for example, one physical component can have multiple functions, or one function or step can be performed by several physical components in cooperation. Some or all of the physical components can be implemented as software executed by a processor, such as a central processing unit, a digital signal processor or a microprocessor, or as hardware, or as an integrated circuit, such as an application-specific integrated circuit. Such software can be distributed on a computer readable medium, which can include computer storage media (or non-transitory media) and communication media (or transitory media). As known to those skilled in the art, the term computer storage media includes volatile and non-volatile, removable and non-removable media implemented in any method or technology for storage of information such as computer readable instructions, data structures, program modules or other data. Computer storage media includes, but is not limited to, RAM, ROM, EEPROM, flash memory or other memory technology, CD-ROM, digital versatile disks (DVD) or other optical disk storage, magnetic cassettes, magnetic tapes, magnetic disk storage or other magnetic storage devices, or any other medium that can be used to store the desired information and can be accessed by a computer. In addition, as known to those skilled in the art, communication media typically includes computer readable instructions, data structures, program modules or other data in a modulated data signal such as a carrier wave or other transport mechanism, and can include any information delivery medium.

[0138] Finally, it should be noted that: the above embodiments are only used to illustrate the technical solutions of the present disclosure, and not to limit them; although the present disclosure has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that: it can still modify the technical solutions recorded in the foregoing embodiments, or make equivalent replacement to part or all of the technical features; and these modifications or replacements do not make the essence of the corresponding technical solutions deviate from the scope of the technical solutions of the embodiments of the present disclosure.

Claims

1. A method for developing a web integration of a data monitoring system, characterized in that, The application comprises the following steps: a Service service interface of a data monitoring system is configured by a Service development component, and a data service process and related parameters between the Service service interface and a device to be monitored are configured; the Service development component comprises an access module, a management module and a running module, the access module provides a unified Service service interface for Web development, the management module develops the Service service interface in a configuration mode, including service interface configuration, message service configuration, database configuration, data processing configuration and Http API configuration, and the running module runs the Service service; a Web engineering code file of the data monitoring system is created by a Web development component; the Web engineering code file is published to a workspace by the Web development component, the workspace is a Web server of the data monitoring system and supports hot deployment; a Web page of the data monitoring system is generated in the workspace based on the Web engineering code file, at this time, the data monitoring system is simultaneously developed and deployed; functions of the Web page include code editing, engineering creation, engineering import and engineering publishing; if the workspace receives an access request of a user to access the data monitoring system, the Service service interface of the Service development component is called in the workspace, so that the Service development component executes its business logic, monitoring data of the device to be monitored is obtained based on the Service service interface of the Service development component, the monitoring data of the device to be monitored is responded or broadcast to the workspace, and the monitoring data of the device to be monitored is displayed on the Web page of the data monitoring system in the workspace.

2. The method of claim 1, wherein, The interface type of the Service service interface is RESTFull or WebSocket.

3. The method of claim 1, wherein, After the Web engineering code file is published to the workspace, the following steps are further included: an access uniform resource locator URL address corresponding to the Web engineering code file is generated in the workspace; if the user access request is received, the Service service interface is called in the workspace, including the following steps: if the user access request is received, it is judged whether the URL address is carried in the user access request, if yes, the Service service interface is called in the workspace.

4. The method of claim 1, wherein, The Web engineering code file of the data monitoring system is created, including the following steps: an initial Web engineering code file of the data monitoring system is created; interface calling code of the Service service interface is obtained; and the interface calling code is written into the initial Web engineering code file, so that the Web engineering code file of the data monitoring system is obtained; the Service service interface is called in the workspace, including the following steps: the Service service interface is called in the workspace based on the Web engineering code file.

5. The method of claim 1, wherein, After the monitoring data of the device to be monitored is obtained based on the Service service interface, the following steps are further included: Write the monitoring data of the device to be monitored into a persistent library.

6. A Web integration development system of a data monitoring system, characterized by, Comprise: The service development component is configured to configure the service interface of the data monitoring system, and configure the data service process and its related parameters between the service interface and the device to be monitored; the service development component comprises an access module, a management module and a running module, the access module provides a unified service interface for Web development calling, the management module develops the service interface in a configured manner, including: service interface configuration, message service configuration, database configuration, data processing configuration, Http API configuration, and the running module runs the service; The Web development component is configured to create a Web engineering code file of the data monitoring system; The Web development component is further configured to publish the Web engineering code file to a workspace, the workspace is a Web server of the data monitoring system, and supports hot deployment; The workspace is configured to generate a Web page of the data monitoring system based on the Web engineering code file, so that the data monitoring system completes development and deployment at the same time; the functions of the Web page include code editing, engineering creation, engineering import, and engineering publishing; The workspace is further configured to, when receiving an access request of a user to access the data monitoring system, call the service interface of the service development component, so that the service development component executes its business logic, obtains the monitoring data of the device to be monitored based on the service interface of the service development component, and responds or broadcasts the monitoring data of the device to be monitored to the workspace; and The workspace is further configured to receive the monitoring data of the device to be monitored from the service interface of the service development component, and display the monitoring data of the device to be monitored on the Web page of the data monitoring system.

7. The system of claim 6, wherein, The interface type of the service interface is RESTFull or WebSocket.

8. The system of claim 6, wherein, The workspace is further configured to, after the Web development component sends the Web engineering code file to the workspace, generate an access uniform resource locator URL address corresponding to the Web engineering code file; The workspace comprises a judgment unit and a first calling unit, wherein, The judgment unit is configured to, when receiving a user access request, judge whether the URL address is carried in the user access request; The first calling unit is configured to, when the judgment unit judges that the URL address is carried, call the service interface based on the Web engineering code file.

9. A terminal device, comprising: A computer program product comprising a memory and a processor, the memory storing a computer program, when the processor runs the computer program stored in the memory, the processor executes the Web integrated development method of the data monitoring system according to any one of claims 1 to 5.

10. A computer-readable storage medium, characterized in that, A computer program is stored thereon, and the computer program is executed by a processor, and the processor executes the Web integration development method of the data monitoring system according to any one of claims 1 to 5.

Images