CN112464119A - 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 PDF

Info

Publication number
CN112464119A
CN112464119A CN202011283748.9A CN202011283748A CN112464119A CN 112464119 A CN112464119 A CN 112464119A CN 202011283748 A CN202011283748 A CN 202011283748A CN 112464119 A CN112464119 A CN 112464119A
Authority
CN
China
Prior art keywords
primitive
product
monitoring
configuring
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.)
Granted
Application number
CN202011283748.9A
Other languages
Chinese (zh)
Other versions
CN112464119B (en
Inventor
唐飞婷
何琦枫
王陈淼
姜雪明
谷阳
杨振伟
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Zhejiang Supcon Information Technology Co ltd
Original Assignee
Zhejiang Supcon Information Technology Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Zhejiang Supcon Information Technology Co ltd filed Critical Zhejiang Supcon Information Technology Co ltd
Priority to CN202011283748.9A priority Critical patent/CN112464119B/en
Publication of CN112464119A publication Critical patent/CN112464119A/en
Application granted granted Critical
Publication of CN112464119B publication Critical patent/CN112464119B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (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 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. The functional operation method is simple and clear, the learning cost is reduced, and the efficiency is improved.

Description

Web-end-based SCADA (supervisory control and data acquisition) online configuration editing method
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, WebGL and the like are also continuously perfected, wherein the use of the svg technology enables the monitoring graph not to be distorted and completely supports DOM, however, in the existing internet of things platform, the drawing of the monitoring graph needs a CS drawing tool which is sourced by a third party, a primitive and the monitoring graph need to be circularly imported and exported in the process of configuring the device, the operation flow is very complicated, and the division of drawing and binding functions of the dot and the dot is unclear, so that the work efficiency is reduced.
For example, a publication No. CN111459501A of "a system and a method for storing and displaying a Web configuration picture based on SVG" and a medium thereof disclosed in chinese patent literature sets up a monitoring picture by a drag configuration, generates an XML format file from picture element contents corresponding to the monitoring picture, generates a picture script, stores the XML format file and the picture script, and sends the XML format file and the picture 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 show how the primitive binds parameters such as attributes and events, the primitive is limited to some general controls, and XML files and picture scripts are transmitted to the background, and background processing is complex and is easy to make mistakes.
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 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 in 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 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 packing, 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 groups. The primitive component library is automatically generated by a background, and the primitives are selected from multiple forms of basic primitives, product primitives, equipment primitives and general primitives, 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 universal component cannot automatically bind a specific bit number, and needs an engineer to manually configure the specific bit number and an event. 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. The engineering personnel can click the graphic element, binding information of the graphic element, such as a binding position number or an event, 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.
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 addresses accessed by the browser under the access authority.
After the engineer finishes drawing and configuring the monitoring graph, different monitoring systems can be configured, and the monitoring graph can be managed and displayed conveniently. 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):
in this embodiment, as shown in fig. 1, the SCADA online configuration editing method based on a web end 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 status), ST (direction of travel), FLOOR (FLOOR display) and FL (fault status) 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 an expression which needs to be satisfied by the state attribute for the graphic element in different states of the product.
The expression required to be satisfied is configured, and considering that the display state of the product can be more than one, the method supports the setting of multiple sets of graphic primitives of the product, and similarly, multiple display modes can be selected for one product or equipment when the monitoring interface is drawn subsequently.
For example, the uploaded vertical ladder _ up.svg shows svg animation when the vertical ladder rises, the svg graph is configured with an expression "tag.st = =1& & tag.door = = 2", then in the monitoring graph, the attribute ST (running direction) of the specific vertical ladder 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.svg.
And displaying the default primitive when any expression is not satisfied.
S2: configuring a general primitive; 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 vertical ladder a, the warning light is turned on red when the vertical 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, the equipment names contained in the products are used as unit component list display, when the primitives are dragged into the editing domain, if a plurality of sets of primitives exist in the products, a primitive selection elastic box appears, and after the selection is completed, related information bound by the primitives, such as primitive equipment names/product names, can be displayed in the 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. The main body of the editing interface is an editing area, a graphic primitive is selected from a graphic primitive component library and dragged to the editing area, and the graphic primitive is added in the form of an svg label, so that the addition of the graphic primitive is completed. 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 a background, regenerating an svg file and an html file by the background, and monitoring the latest equipment running state on a 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 a monitoring system access link, and checking the running states of different equipment 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 the 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 in 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 in 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 access links, so that the method is flexible and convenient; the monitoring configuration and the monitoring 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 (8)

1. A SCADA online configuration editing method based on a web end is characterized by comprising 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;
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.
2. The method for web-end based SCADA online configuration editing according to 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 general primitives include packing, 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 web-side based SCADA online configuration editing method according to claim 1, 2 or 3, characterized in that after the product primitive configuration and the general primitive configuration are completed, 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 groups.
6. The method for web-end based SCADA online configuration editing according to claim 5, wherein the step S3 comprises the steps of:
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.
7. The method for SCADA online configuration editing based on the web side as claimed in claim 1 or 6, wherein the primitive binding information is modified after the rendering of the monitoring graph is completed, the modified monitoring graph is submitted to the background, the background regenerates the svg file and the html file, and the latest device running state is monitored on the monitoring interface.
8. The method for web-end based SCADA online configuration editing according to 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 addresses accessed by the browser under the access authority.
CN202011283748.9A 2020-11-17 2020-11-17 Web-end-based SCADA (supervisory control and data acquisition) online configuration editing method Active CN112464119B (en)

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 true CN112464119A (en) 2021-03-09
CN112464119B 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)

Cited By (8)

* Cited by examiner, † Cited by third party
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
CN113656092A (en) * 2021-07-29 2021-11-16 浙江浙大中控信息技术有限公司 Plug-in-based SCADA system driver protocol efficient management method
CN114675925A (en) * 2022-05-30 2022-06-28 苏州光格科技股份有限公司 Configuration image processing method and device, computer equipment and storage medium
CN114895891A (en) * 2022-04-13 2022-08-12 北京广利核系统工程有限公司 Graphic software processing method and device, electronic equipment and storage medium
CN115712426A (en) * 2022-11-18 2023-02-24 上海船舶运输科学研究所有限公司 Method and system for modifying graphical interface of ship monitoring and alarming system in real time
CN116610320A (en) * 2023-07-21 2023-08-18 江苏橙智云信息技术有限公司 Configuration platform 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

Non-Patent Citations (6)

* Cited by examiner, † Cited by third party
Title
屈志坚等: "基于SVG和持久框架的SCADA图库一体化配置系统", 《电力自动化设备》 *
杨丰萍等: "基于Java和SVG的监控画面图形生成软件的设计", 《继电器》 *
王毅璇等: "基于国产麒麟操作系统的图形组态软件设计", 《通讯世界》 *
祁国成等: "油气管道SCADA系统跨平台人机界面的设计与实现", 《天然气工业》 *
蒋元晨等: "电力管理信息系统中图形的Web发布", 《电力系统自动化》 *
陈章良: "一种新的煤矿综合自动化图模库一体化组态系统", 《煤矿开采》 *

Cited By (11)

* Cited by examiner, † Cited by third party
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
CN113656092A (en) * 2021-07-29 2021-11-16 浙江浙大中控信息技术有限公司 Plug-in-based SCADA system driver protocol efficient management method
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
CN114675925A (en) * 2022-05-30 2022-06-28 苏州光格科技股份有限公司 Configuration image processing method and device, computer equipment and storage medium
CN115712426A (en) * 2022-11-18 2023-02-24 上海船舶运输科学研究所有限公司 Method and system for modifying graphical interface of ship monitoring and alarming system in real time
CN115712426B (en) * 2022-11-18 2023-08-04 上海船舶运输科学研究所有限公司 Method and system for modifying graphical interface of ship monitoring alarm system in real time
CN116610320A (en) * 2023-07-21 2023-08-18 江苏橙智云信息技术有限公司 Configuration platform of configuration page of building automatic control system
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

Also Published As

Publication number Publication date
CN112464119B (en) 2022-10-14

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
US7873946B2 (en) Scalable vector graphics, tree and tab as drag and drop objects
US9052812B1 (en) System for exportable graphical designs with interactive linked comments between design and playback environments
CN109074061B (en) Apparatus and method for generating industrial process graphics
DE102017124551A1 (en) DEVICE AND METHOD FOR DYNAMIC DEVICE DESCRIPTION LANGUAGE MENUS
CA2618211A1 (en) Designating, setting and discovering parameters for spreadsheet documents
US7325229B2 (en) Method for graphically visualizing an automatism application and computer terminal for carrying out said method
CN112364496B (en) Avionics simulation panel generation system based on HTML5 and VUE technologies
CN103176954A (en) Mathematical formula display method and mathematical formula display system based on hypertext markup language (HTML) 5 canvas
CN110175026B (en) Webpage visual editing method, device and storage medium
CN114706584A (en) Data visualization display manufacturing system
US7802181B2 (en) Document processing device and document processing method
CN103226475A (en) Method and device for realizing control replacement during transcoding
CN116009862A (en) Data processing method, system, device and storage medium
KR101632951B1 (en) Computer readable medium recording program for converting to online learning data and method of converting to online learning data
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
CN204334631U (en) A kind of real time monitoring apparatus based on web graph shape
Braune et al. XML-based monitoring and operating for web services in automation
Rice Prima Power Analytics Application: Using React. js

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