CN112464119B - Web-end-based SCADA (supervisory control and data acquisition) online configuration editing method - Google Patents
Web-end-based SCADA (supervisory control and data acquisition) online configuration editing method Download PDFInfo
- Publication number
- CN112464119B CN112464119B CN202011283748.9A CN202011283748A CN112464119B CN 112464119 B CN112464119 B CN 112464119B CN 202011283748 A CN202011283748 A CN 202011283748A CN 112464119 B CN112464119 B CN 112464119B
- Authority
- CN
- China
- Prior art keywords
- primitive
- primitives
- product
- monitoring
- editing
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a web-end-based SCADA online configuration editing method. The problems of complex operation and low efficiency in the online configuration editing process in the prior art are solved; the invention comprises the following steps: s1: configuring product graphics primitives; adding product attributes and primitives of the product in different states, and configuring corresponding expressions to be met; s2: configuring a general graphic element; selecting a general primitive type, setting basic attributes of the general primitive, and configuring a corresponding expression; s3: drawing a monitoring graph; adding a primitive in the editing area, and automatically binding a corresponding interaction event by the primitive to finish drawing and editing the monitoring graph; s4: monitoring graph information configuration; modifying the primitive binding information to generate a new html file; s5: and configuring a monitoring system, generating a monitoring system access link, and checking the running states of different equipment by a user according to the access authority. The functional operation method is simple and clear, the learning cost is reduced, and the efficiency is improved.
Description
Technical Field
The invention relates to the field of configuration editing methods, in particular to a web-side-based SCADA online configuration editing method.
Background
In the traditional industrial SCADA system, most of the systems are CS modes, the configuration, the drawing of the primitive and the drawing process of the monitoring graph are mixed, and the installation and learning costs are high. With the popularization of BS applications, the demand for developing web-side lightweight SCADA systems is increasing. With the rapid development of the Web related technology in recent years, related standards such as HTML5, javascript, CSS3, and WebGL are continuously perfected, wherein the use of the svg technology can enable the monitoring graph not to be distorted and completely support DOM, however, in the existing internet of things platform, the drawing of the monitoring graph needs to use a CS drawing tool with a third party open source, a primitive and the monitoring graph need to be circularly imported and exported in the process of device configuration, the operation flow is very complicated, and the division of drawing and point-to-point binding function operations is unclear, thereby reducing the work efficiency.
For example, a publication No. CN111459501A of "a system and a method for storing and displaying a Web configuration screen based on SVG" disclosed in chinese patent literature sets up a monitoring screen by a drag configuration, generates an XML format file from screen element contents corresponding to the monitoring screen, generates a screen script, stores the XML format file and the screen script, and sends the XML format file and the screen script to a background service; the background service receives the XML format file and the picture script and converts the XML format file and the picture script into an HTML page capable of running in a browser; and loading a monitoring picture in a picture running state, rendering picture elements in a browser, registering the monitoring picture and refreshing data of the monitoring picture to background services, responding to a user interaction event, and refreshing the picture elements. However, the scheme does not describe how the primitive binds parameters such as attributes and events, the primitive is limited to some general controls, and the primitives are transmitted to a background to be XML files and picture scripts, and background processing is complex and is prone to errors.
Disclosure of Invention
The invention mainly solves the problems of complex operation and low efficiency of the online configuration editing process in the prior art; the method for editing the SCADA online configuration based on the web side is provided, engineers can edit and configure product primitives and general assembly primitives, draw monitoring interfaces, bind corresponding point positions of the primitives and related events, configure monitoring systems, and monitor the running state of each point position of field equipment in real time in a browser.
The technical problem of the invention is mainly solved by the following technical scheme:
a web-end-based SCADA online configuration editing method comprises the following steps:
s1: configuring product graphics primitives; adding product attributes and primitives of the product in different states, and configuring corresponding expressions to be met;
s2: configuring a general primitive; selecting a general primitive type, setting basic attributes of the general primitive, and configuring a corresponding expression;
s3: drawing a monitoring graph; adding a primitive in the editing area, and automatically binding a corresponding interaction event by the primitive to finish the drawing and editing of the monitoring graph;
s4: monitoring graph information configuration; modifying the primitive binding information to generate a new html file;
s5: and configuring a monitoring system, generating a monitoring system access link, and checking the running states of different equipment by a user according to the access authority.
According to the scheme, different primitive components are configured on the product primitive configuration module and the general component configuration module, the rear end generates a corresponding svg component library according to the configuration, and the configured component library is automatically led into the monitoring graph editing system. And dragging the primitive into an editing domain to complete the addition of the primitive, and automatically binding known attributes such as the information of the product, the equipment name, the attribute and the like on the primitive. Meanwhile, an event corresponding to the primitive can be configured on the editing interface, for example, the primitive is clicked to open a certain interface, the edited monitoring graph in the svg file format and the edited event parameter in the json format are transmitted to the background, and the background directly generates the previewable html file according to the svg file, the primitive library and the event parameter. Online previews may be selected to view the real-time operating state of the device. After the configuration of the flow monitoring chart is completed, the corresponding monitoring system can be configured, parameters can be configured, namely, the monitoring system can be accessed by one key, and the real-time running state of the equipment can be mastered. Only parameter configuration of the graphics primitives needs to be concerned by engineering personnel, the graphics primitive configuration operation is simple, the learning cost is reduced, and the working efficiency is improved; the primitive information is automatically bound when the monitoring graph is drawn, so that the operation is saved, and the efficiency is improved; the edited parameters are self-defined, and the access link is automatically generated by the background, so that the method is flexible and convenient. The scheme integrates monitoring configuration and editing, optimizes the process of enterprise monitoring projects and saves cost.
Preferably, the step S1 includes the following steps:
s11: newly building a product in the product list, and adding a corresponding state attribute;
s12: uploading a positioning diagram and primitives of the new product in different states;
s13: and configuring an expression which needs to be satisfied by the state attribute for the graphic element in different states of the product.
Various form graphs of the graphic elements are drawn by the designer, and the engineer uploads and configures the expression to complete the configuration of the product graphic elements. The primitive configuration is simple to operate, the learning cost is reduced, and the working efficiency is improved.
Preferably, the general primitive types comprise texts, multi-line text boxes, input boxes and custom graphics; basic attributes of general primitives include packaging not limited to font color, font type, and default text. The general graphic elements only need to input parameters and do not need to be drawn, and the background generates corresponding graphic elements, so that the operation is convenient.
Preferably, the primitives include, but are not limited to, svg, png, gif, or jpg formats. And multiple formats are supported, and the adaptability is strong.
Preferably, after the product primitive configuration and the general primitive configuration are finished, a primitive component library is automatically generated, wherein the primitive component library comprises a basic primitive, a product primitive, an equipment primitive and a general primitive; the basic graphic element comprises text without configured attributes, a multi-line text box and an input box; and displaying the product primitives and the equipment primitives according to the product grouping. The primitive component library is automatically generated by a background, and the primitives are selected from a basic primitive, a product primitive, an equipment primitive and a general primitive in various forms, so that the operation is simple and the forms are rich.
Preferably, the step S3 includes the following steps:
s31: selecting a graphic primitive from a graphic primitive component library, dragging the graphic primitive to an editing area, and adding the graphic primitive in the form of an svg tag;
s32: the primitive binding interaction event displays primitive binding information comprising a primitive ID, the product and the equipment name;
s33: and submitting the edited svg file to a background for storage, and generating a corresponding html file by the background according to the svg file, the product primitive expression configuration and the event configuration information.
And after the engineering personnel finish the primitive configuration work, drawing the monitoring interface. The main body of the editing interface is a middle editing area, a graphic element is selected from a left-side graphic element library and dragged to the editing area, and the graphic element is added in the form of an svg label, so that the addition of the graphic element is completed. The engineer can drag, zoom, delete and the like the graphics primitive. The editing interface also supports the dragging and zooming functions of the whole monitoring interface. After the primitive addition is completed, the primitive is clicked, the information bound by the primitive, the primitive ID, the product name and the equipment name of the primitive and the like are displayed on the right menu bar, and corresponding interaction events can be bound, for example, a popup window is issued under the control of clicking the primitive. The general components cannot automatically bind specific bit numbers, and engineering personnel are required to manually configure specific bit numbers and events. And after the editing of the monitoring graph is finished, submitting the svg file to a background for storage, generating a corresponding html by the background according to the svg file, the primitive expression configuration, the event configuration and other information of the product, inquiring the running information of the equipment in real time, and displaying the corresponding primitive by the interface according to the running state of the equipment.
Preferably, the primitive binding information is modified after the monitoring graph is drawn, the modified primitive binding information is submitted to the background, the background regenerates the svg file and the html file, and the latest equipment running state is monitored on the monitoring interface.
After the engineer finishes and submits the drawing of the monitoring graph, all the uploaded monitoring graphs are checked in the monitoring graph list, and the drawn monitoring graph and the configuration information of each primitive can be seen. At this time, the state is only statically displayed, and the real-time information cannot be edited and seen. And the engineering personnel can click the graphic element, modify the binding information of the graphic element, such as the binding bit number or event and the like, in the information column, submit the binding information after the editing is finished, transmit the configuration information to the background, regenerate the svg file and the html file in the background, and see the latest equipment running state in the monitoring interface. The interface can also perform preview and download of the monitoring interface.
Preferably, the step S5 includes the following steps:
s51: configuring monitoring system parameters; the monitoring system parameters comprise monitoring graphs and grouping conditions thereof, authority distribution of the monitoring system and appearance style of the monitoring system;
s52: and generating access connection of the monitoring systems, and checking the running states of all devices in different monitoring systems by a user according to the corresponding address accessed by the browser under the access authority.
After the engineer finishes drawing and configuring the monitoring graph, the engineer can configure different monitoring systems, and can conveniently manage and display the monitoring graph. The editing parameters are customized, the background automatically generates the access link, and the method is flexible and convenient.
The invention has the beneficial effects that:
1. the operating method of the primitive configuration function is simple and clear, the learning cost is reduced, and the efficiency is improved.
2. The primitive component library is generated by a background, the monitoring graph is drawn, the primitive information is automatically bound, and operation is saved.
3. The primitive is selected from basic primitives, product primitives, equipment primitives and general primitives in multiple forms, and the multi-format support and high compatibility are achieved.
4. The editing parameters are customized, the background automatically generates the access link, and the method is flexible and convenient.
5. The monitoring configuration and the monitoring editing are integrated, the process of enterprise monitoring projects is optimized, and the cost is saved.
Drawings
FIG. 1 is a flowchart of an online configuration editing method according to the present invention.
Detailed Description
The technical scheme of the invention is further specifically described by the following embodiments and the accompanying drawings.
Example (b):
as shown in fig. 1, the method for editing SCADA on-line configuration based on a web end in this embodiment includes the following steps:
s1: configuring product primitives; adding product attributes and primitives of the product in different states, and configuring corresponding expressions to be met.
Various form graphs of the graphic elements are drawn by the designer, and the engineer uploads and configures the expression to complete the configuration of the product graphic elements. The operation is simple, and the learning cost of engineering personnel is reduced.
In this embodiment, the operation state of a straight elevator a is monitored in real time, which includes an attribute point door (car door state), ST (operation direction), FLOOR display (FLOOR display), and FL (fault state). The engineer needs to monitor the operation status of the vertical ladder and the information of whether a fault occurs.
S11: and newly building a product in the product list, and adding a corresponding state attribute.
The engineer creates a new product in the product list and adds corresponding attributes including door (car door state), ST (running direction), FLOOR display (FLOOR display), and FL (fault state) to the attribute page of the details.
S12: and uploading a positioning diagram and primitives of the new product in different states.
And uploading a positioning diagram and graphic elements of the specific vertical ladder equipment in different states on a graphic list of the product details. A location graph is a placeholder graph that represents a product or generic component when a monitoring graph is drawn. Primitives include, but are not limited to, svg, png, gif, or jpg formats.
S13: and configuring expressions which need to be satisfied by the state attributes for the primitives in different states of the product.
The expression which needs to be met is configured, and the display state of the product can be more than one, so that the setting of multiple sets of graphic elements of the product is supported, and similarly, multiple display modes can be selected for one product or equipment when the monitoring interface is drawn subsequently.
Svg shows svg animation when the straight elevator rises, for example, the uploaded vertical ladder _ up shows that the svg graph is configured with the expression "tag.st = =1& & tag.door = =2", then in the monitoring graph, the attribute ST (running direction) of the specific vertical elevator device is monitored to be 1, i.e., upward, and the DOOR (car DOOR state) is monitored to be 2, i.e., the car DOOR is closed, and the elevator device shows vertical ladder _ up.
And displaying the default primitive when any expression is not satisfied.
S2: configuring a general graphic element; selecting the type of the general primitive, setting the basic attribute of the general primitive, and configuring the corresponding expression.
Common primitive types include text, multi-line text boxes, input boxes, and custom graphics.
Setting basic properties of the primitive, such as text and input boxes, can bind common configurations such as font color, font type, and default text.
The configuration of the custom graph is consistent with the configuration flow of the product primitive, but because the general primitive does not relate to a specific product, the configured attribute point value is shown in the actual runtime, so that the attribute is pointed by "value" when configuring the expression, for example: "value >0" and does not support multiple sets of primitives.
For example, during the operation of the straight ladder a, the warning light is turned on red when the straight ladder is closed. The engineer creates a custom graphic assembly Light representing the warning Light and uploads the picture and configures an expression with reference to the product primitive, for example, red. A Light component is placed in the specific monitoring graph, the attribute DOOR of the straight ladder a is bound on the Light component, when the value in the expression points to the value of the DOOR, and when the car DOOR of the straight ladder a is opened, namely, DOOR = =2, namely, value = =2, a red button graph red.
And after the product primitives are configured, the engineering personnel automatically generate a primitive component library, and the existing basic primitives, the product primitives, the equipment primitives and the general primitives are displayed in the primitive component library of the editing interface.
The basic graphic element comprises a text without configured attributes, a multi-line text box and an input box; after the icon is dragged into the editing domain, the configuration of attributes such as font color and the like can be carried out.
The product primitives display positioning graphs of a plurality of sets of primitives in a product grouping mode, the primitives are dragged into an editing domain to display information of the primitives in an information panel, and bound products are read only and cannot be changed.
The equipment primitives are grouped by products, equipment names contained in the products are displayed as a unit component list, when the primitives are dragged into an editing domain, if a plurality of sets of primitives exist in the products, a primitive selection popup box appears, and after selection is completed, related information bound by the primitives, such as primitive equipment names/product names, can be displayed in an information panel, and at the moment, the products cannot be changed but the equipment can still be changed.
S3: drawing a monitoring graph; and adding a primitive in the editing area, and automatically binding a corresponding interaction event by the primitive to finish the drawing and editing of the monitoring graph.
S31: and selecting a primitive from the primitive component library, dragging the primitive to an editing area, and adding the primitive in the form of an svg tag.
And after the engineering personnel finish the primitive configuration work, drawing the monitoring interface. And the main body of the editing interface is an editing area, a primitive is selected from the primitive component library and dragged to the editing area, and the primitive is added in the form of an svg label. The engineer can drag, zoom, delete and the like the primitives. The editing interface also supports the dragging and zooming functions of the whole monitoring interface.
S32: and (4) a primitive binding interaction event, and displaying primitive binding information, including a primitive ID, the product and the equipment name.
After the primitive addition is completed, the primitive is clicked, the information bound by the primitive, including the primitive ID, the product name and the equipment name, is displayed in the menu bar, and the corresponding interaction event can be bound, for example, the popup window is controlled to be issued when the primitive is clicked. The general graphic elements cannot automatically bind specific bit numbers, and engineering personnel are required to manually configure the specific bit numbers and events.
Interaction events are divided into two categories, control and open panel. The "control" generally completes the statement issuing, for example, clicking on the custom graphic a, and issues the value edited in the input box component B to the attribute DOOR of the escalator equipment a. The "open panel" is to open an interface, which may be an existing monitoring graph or a link address specified by an engineer, for example, clicking on the custom graph a to open a hundred-degree interface. The basic primitive and the general primitive cannot automatically bind specific bit numbers, and engineering personnel are required to manually configure specific bit numbers and events.
S33: and submitting the edited svg file to a background for storage, and generating a corresponding html file by the background according to the svg file, the product primitive expression configuration and the event configuration information.
After the editing of the monitoring graph is completed, submitting an svg file to a background for storage, generating a corresponding html according to the svg file, the primitive expression configuration and the event configuration of the product and other information by the background, inquiring the equipment operation information in real time, displaying a corresponding primitive according to the operation state of the equipment by an interface, for example, during the operation of the escalator A, indicating a Light component Light to be bound to the escalator attribute DOOR, and a text component textA to be bound to the escalator attribute DOOR, when the escalator A car DOOR is opened, namely DOOR = =2, namely, value = =2, displaying a red button diagram, and correspondingly changing the text of textA into 2, namely, indicating that the car DOOR is in an opened state. At the moment, the operation state of each point of the field device can be monitored in real time by one-key preview in the browser.
S4: monitoring graph information configuration; and modifying the primitive binding information to generate a new html file. And modifying the primitive binding information after the monitoring graph is drawn, submitting the modified primitive binding information to the background, regenerating the svg file and the html file by the background, and monitoring the latest equipment running state on the monitoring interface.
After the engineer finishes and submits the drawing of the monitoring graph, all the uploaded monitoring graphs can be checked in the monitoring graph list, and the drawn monitoring graph and the configuration information of each primitive can be seen by clicking the checking details. At this time, the state is only statically displayed, and the real-time information cannot be edited and seen. The engineering personnel can click the graphic element, binding information of the graphic element, such as a binding position number, an event and the like, is modified in the information column, the binding information is submitted after the editing is completed, the configuration information is transmitted to the background, the background regenerates the svg file and the html file, and the latest equipment running state can be seen in the monitoring interface. The interface can also perform preview and download of the monitoring interface.
S5: and configuring a monitoring system, generating an access link of the monitoring system, and checking different equipment running states by a user according to the access authority.
S51: configuring monitoring system parameters; the monitoring system parameters comprise monitoring graphs and grouping conditions thereof, authority distribution of the monitoring system and appearance style of the monitoring system.
In order to facilitate management and display of the monitoring graph, an engineer can configure different monitoring systems after drawing and configuring the monitoring graph. After the monitoring system is newly built, configuring parameters of the monitoring system; including the monitoring graphs and grouping conditions contained in the monitoring system, the authority distribution of the monitoring system and the style of the monitoring system (side/top navigation, navigation background graph, background color of a monitoring display area, and other functions to be displayed, such as alarm, 3D, report, trend, log, etc.).
S52: and generating access connection of the monitoring systems, and checking the running states of all devices in different monitoring systems by a user according to the corresponding addresses accessed by the browser under the access authority.
After parameter configuration is completed, access connection of the monitoring system is generated, and a user with access authority can directly view the running states of the devices in different monitoring graphs at the corresponding address accessed by the browser.
According to the scheme of the embodiment, different primitive components are configured on the product primitive configuration module and the general component configuration module, the corresponding svg component library is generated at the rear end according to the configuration, and the configured component library is automatically imported into the monitoring graph editing system. And dragging the primitive into an editing domain to complete the addition of the primitive, and automatically binding known attributes such as the information of the product, the equipment name, the attribute and the like on the primitive. Meanwhile, an event corresponding to the primitive can be configured on the editing interface, for example, the primitive is clicked to open a certain interface, the edited monitoring graph in the svg file format and the edited event parameter in the json format are transmitted to the background, and the background directly generates the previewable html file according to the svg file, the primitive library and the event parameter. Online previews may be selected to view the real-time operating state of the device. After the configuration of the flow monitoring chart is completed, the corresponding monitoring system can be configured, parameters can be configured, namely, the monitoring system can be accessed by one key, and the real-time running state of the equipment can be mastered.
The operating method of the primitive configuration function in the scheme is simple and clear, and the learning cost is reduced; the primitive component library is generated by a background, a monitoring graph is drawn, primitive information is automatically bound, and operation is saved; the editing parameters are customized, and the background automatically generates the access link, so that the method is flexible and convenient; the monitoring configuration and editing are integrated, the process of enterprise monitoring projects is optimized, and the cost is saved.
It should be understood that the examples are for illustrative purposes only and are not intended to limit the scope of the present invention. Further, it should be understood that various changes or modifications of the present invention may be made by those skilled in the art after reading the teaching of the present invention, and such equivalents may fall within the scope of the present invention as defined in the appended claims.
Claims (6)
1. A SCADA online configuration editing method based on a web end is characterized by comprising the following steps:
s1: configuring product graphics primitives; adding product attributes and primitives of the product in different states, and configuring corresponding expressions to be met;
s2: configuring a general primitive; selecting a general primitive type, setting basic attributes of the general primitive, and configuring a corresponding expression;
after the product primitives are configured, the engineering personnel automatically generate a primitive component library, and the existing basic primitives, the product primitives, the equipment primitives and the general primitives are displayed in the primitive component library of the editing interface;
the basic graphic element comprises a text without configured attributes, a multi-line text box and an input box; after the icon is dragged into the editing domain, the configuration of the attribute can be carried out;
the product graphics primitives show positioning graphs of a plurality of sets of graphics primitives in a product grouping mode, the graphics primitives are dragged into an editing domain, then the information of the graphics primitives is shown in an information panel, and bound products are read only and cannot be changed;
the equipment primitives are grouped by products, the equipment names contained in the products are used as unit component list display, when the primitives are dragged into an editing domain, if a plurality of sets of primitives exist in the products, a primitive selection popup box appears, and after the selection is completed, related information bound by the primitives can be displayed in an information panel, so that the products cannot be changed at the moment, but the equipment can still be changed;
s3: drawing a monitoring graph; adding a primitive in the editing area, and automatically binding a corresponding interaction event by the primitive to finish the drawing and editing of the monitoring graph;
the step S3 comprises the following steps:
s31: selecting a graphic primitive from a graphic primitive component library, dragging the graphic primitive to an editing area, and adding the graphic primitive in an svg label form;
s32: the graphics primitive binding interaction event displays the graphics primitive binding information including the graphics primitive ID, the product and the equipment name;
after the primitive addition is completed, clicking the primitive, displaying the primitive binding information on a menu bar, wherein the primitive binding information comprises a primitive ID, a product name and a device name, and corresponding interaction events can be bound; the basic graphic elements and the general graphic elements cannot automatically bind specific bit numbers, and engineering personnel are required to manually configure the specific bit numbers and events;
s33: submitting the edited svg file to a background for storage, and generating a corresponding html file by the background according to the svg file, the product primitive expression configuration and the event configuration information;
s4: monitoring graph information configuration; modifying the primitive binding information to generate a new html file;
s5: and configuring a monitoring system, generating a monitoring system access link, and checking the running states of different equipment by a user according to the access authority.
2. The method for SCADA online configuration editing based on web-side as claimed in claim 1, wherein the step S1 comprises the steps of:
s11: newly building a product in the product list, and adding a corresponding state attribute;
s12: uploading a positioning diagram and primitives of the new product in different states;
s13: and configuring an expression which needs to be satisfied by the state attribute for the graphic element in different states of the product.
3. The method of claim 1, wherein the generic primitive types include text, multi-line text boxes, input boxes, and custom graphics; basic attributes of a generic primitive include, but are not limited to, font color, font type, and default text.
4. A SCADA online configuration editing method based on web-end as claimed in claim 1, 2 or 3, wherein the primitives include but are not limited to svg, png, gif or jpg format.
5. The SCADA online configuration editing method based on the web side as claimed in claim 1, wherein the primitive binding information is modified after the monitor graph is drawn, the modified monitor graph is submitted to a background, the background regenerates the svg file and the html file, and the latest equipment running state is monitored in a monitor interface.
6. A method for SCADA online configuration editing based on web site as claimed in claim 1, wherein the step S5 comprises the steps of:
s51: configuring monitoring system parameters; the monitoring system parameters comprise monitoring graphs and grouping conditions thereof, authority distribution of the monitoring system and appearance style of the monitoring system;
s52: and generating access connection of the monitoring systems, and checking the running states of all devices in different monitoring systems by a user according to the corresponding address accessed by the browser under the access authority.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011283748.9A CN112464119B (en) | 2020-11-17 | 2020-11-17 | Web-end-based SCADA (supervisory control and data acquisition) online configuration editing method |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011283748.9A CN112464119B (en) | 2020-11-17 | 2020-11-17 | Web-end-based SCADA (supervisory control and data acquisition) online configuration editing method |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112464119A CN112464119A (en) | 2021-03-09 |
CN112464119B true CN112464119B (en) | 2022-10-14 |
Family
ID=74837537
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011283748.9A Active CN112464119B (en) | 2020-11-17 | 2020-11-17 | Web-end-based SCADA (supervisory control and data acquisition) online configuration editing method |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112464119B (en) |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113568613A (en) * | 2021-07-08 | 2021-10-29 | 浙江浙大中控信息技术有限公司 | Method for on-line rotating dynamic interactive webpage of svg configuration flow chart |
CN113656729A (en) * | 2021-07-23 | 2021-11-16 | 广州鲁邦通物联网科技有限公司 | Method and system for automatically generating WEB data curve of equipment based on XML (extensive markup language) rule |
CN113656092B (en) * | 2021-07-29 | 2024-04-19 | 浙江中控信息产业股份有限公司 | Plug-in-based SCADA system driving protocol efficient management method |
CN114895891A (en) * | 2022-04-13 | 2022-08-12 | 北京广利核系统工程有限公司 | Graphic software processing method and device, electronic equipment and storage medium |
CN114675925B (en) * | 2022-05-30 | 2022-09-16 | 苏州光格科技股份有限公司 | Configuration image processing method and device, computer equipment and storage medium |
CN115712426B (en) * | 2022-11-18 | 2023-08-04 | 上海船舶运输科学研究所有限公司 | Method and system for modifying graphical interface of ship monitoring alarm system in real time |
CN116610320B (en) * | 2023-07-21 | 2023-10-17 | 江苏橙智云信息技术有限公司 | Configuration system of configuration page of building automatic control system |
CN117519009A (en) * | 2023-10-31 | 2024-02-06 | 北京龙软科技股份有限公司 | Configuration editing system and method based on WEB mode |
-
2020
- 2020-11-17 CN CN202011283748.9A patent/CN112464119B/en active Active
Non-Patent Citations (4)
Title |
---|
一种新的煤矿综合自动化图模库一体化组态系统;陈章良;《煤矿开采》;20101015(第05期);全文 * |
基于国产麒麟操作系统的图形组态软件设计;王毅璇等;《通讯世界》;20170625(第12期);第279-280页 * |
油气管道SCADA系统跨平台人机界面的设计与实现;祁国成等;《天然气工业》;20131122(第11期);全文 * |
电力管理信息系统中图形的Web发布;蒋元晨等;《电力系统自动化》;20030930(第18期);第61-63页 * |
Also Published As
Publication number | Publication date |
---|---|
CN112464119A (en) | 2021-03-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112464119B (en) | Web-end-based SCADA (supervisory control and data acquisition) online configuration editing method | |
CN110597506B (en) | Front-end application visualization development tool and use method | |
CN107844297B (en) | Data visualization implementation system and method | |
CN104216691B (en) | A kind of method and device for creating application | |
JP6067543B2 (en) | Graphic display editor | |
US8121716B2 (en) | System and method for managing software applications, particularly manufacturing execution system (MES) applications | |
CA2618211C (en) | Designating, setting and discovering parameters for spreadsheet documents | |
CN112506493A (en) | Table configuration method, device, equipment and medium based on vue | |
US20040006743A1 (en) | Method and apparatus for re-editing and redistributing web documents | |
US20070242082A1 (en) | Scalable vector graphics, tree and tab as drag and drop objects | |
CN112364496B (en) | Avionics simulation panel generation system based on HTML5 and VUE technologies | |
EP1821219A1 (en) | Document processing device and document processing method | |
JP2005513607A (en) | Tracking user flow of website web pages | |
FR2823578A1 (en) | Method for visualizing or printing a graphical automation application program on a terminal or PC without the source application so that a technician can quickly locate a fault in an automation plant | |
EP1811399A1 (en) | Data processing device and data processing method | |
CN113326044A (en) | Development method, system and storage medium based on control library | |
CN115982266A (en) | Page dynamic rendering method and system based on custom configuration attribute field | |
CN114995801A (en) | Visual application development method and system based on Internet of things platform | |
CN114706584A (en) | Data visualization display manufacturing system | |
US20100077295A1 (en) | Document processing device and document processing module | |
US20030016242A1 (en) | Use of hyperlinks in an automation application program and a station for programming such an application | |
US7458016B1 (en) | Framework for declarative customization of web presentation formats | |
CN113849257A (en) | Page processing method, device, medium and electronic equipment | |
US20080263444A1 (en) | Document Processing Device and Document Processing Method | |
CN112269960B (en) | Webpage updating method, system, equipment and storage medium based on associated report |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: 310053 23-25, 2 building, 352 BINKANG Road, Binjiang District, Hangzhou, Zhejiang. Applicant after: Zhejiang zhongkong Information Industry Co.,Ltd. Address before: 310053 23-25, 2 building, 352 BINKANG Road, Binjiang District, Hangzhou, Zhejiang. Applicant before: ZHEJIANG SUPCON INFORMATION TECHNOLOGY Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |