CN113658289A - Secondary equipment editing method - Google Patents

Abstract

The invention relates to a secondary equipment editing method, which comprises the following steps: step 1, editing a graphic file; step 2, obtaining configuration data, and loading the graphic file edited in the step 1 to generate a static graphic picture; step 3, the human-computer request rear-end interface reads the data service to obtain the static data and the dynamic real-time data of the entity; and 4, matching the entity real-time data acquired in the step 3 with the configuration data acquired in the step 2, and performing graph node rendering on the static graph picture generated in the step 2 according to a configuration rule after matching to generate a dynamic secondary equipment monitoring scene graph. The invention adopts the form of using the file to store the graph, has excellent portability and is easy to share.

Description

Secondary equipment editing method

Technical Field

The invention belongs to the technical field of equipment editing, relates to an equipment editing method, and particularly relates to a secondary equipment editing method.

Background

The WEB application monitors the production of scene graphs, and is usually implemented by using a relatively mature technology SVG or CANVAS. The scalable vector graphics based on the SVG have a lot of professional software or small tools, but a static SVG file is finally generated, and the static SVG file does not support the self-defined attribute and does not support the automatic data uploading of the related entity model on the basis. And other drawing methods based on CANVAS can not meet the requirements of secondary automatic monitoring scenes of a power grid, the CANVAS is used as a disposable drawing board, the drawing needs to be performed again every time the drawing is performed, the efficiency is extremely poor, the interface is easy to block, the CANVAS drawing can not generate files, and graphic data exist in a relational database, so that the transportability of the graphics is poor, and the graphics sharing is difficult to realize.

In the professional field of secondary automatic monitoring of power grids, the demand for an integrated monitoring scene graph is very strong. The scene graph can be drawn in a personalized mode, the current running state can be displayed in real time, and automatic alarming and abnormal positioning can be achieved when abnormality occurs. Such demand scenes are very diverse, and the scenes are also different in different regions. Such as state monitoring of communication, link, protection, safety control and the like of each station of a power grid, hardware monitoring of a safety production area, system software application process monitoring, machine room dynamic loop monitoring and the like. Under the current background technical situation, if the implementation is realized by simply developing WEB interfaces one by one, it is obviously impractical, therefore, how to develop a targeted secondary equipment editing method can complete the drawing of various monitoring scene graphs of secondary automation of a power grid, and the technical problem to be solved by technical personnel in the field is urgent.

Through searching, no prior art publication which is the same as or similar to the present invention is found.

Disclosure of Invention

The invention aims to overcome the defects of the prior art and provides a secondary equipment editing method which can solve the technical problem of drawing various monitoring scene graphs in secondary automation of a power grid.

The invention solves the practical problem by adopting the following technical scheme:

a secondary equipment editing method comprises the following steps:

step 1, editing a graphic file;

step 2, obtaining configuration data, and loading the graphic file edited in the step 1 to generate a static graphic picture;

step 3, the human-computer request rear-end interface reads the data service to obtain the static data and the dynamic real-time data of the entity;

and 4, matching the entity real-time data acquired in the step 3 with the configuration data acquired in the step 2, and performing graph node rendering on the static graph picture generated in the step 2 according to a configuration rule after matching to generate a dynamic secondary equipment monitoring scene graph.

Further, the editing graphic file in step 1 includes: static graphic editing and data source binding editing; the static graphic editing adopts a telescopic vector diagram drawing component; and the data source binding point editing is to inject an entity model in the relational database into a graph node label in a user-defined attribute mode through a human-computer interface so as to enable the graph node to be associated with a certain determined entity in the model.

Moreover, the editing the graphic file in step 1 further includes: and editing the primitives, wherein the edited primitives are loaded into a primitive warehouse of the drawing assembly for use in the process of editing the graphics.

Further, the specific steps of step 2 include:

(1) acquiring configuration data;

(2) reading the graphic file in a binary stream form, and converting the graphic file into a plain text character string;

(3) and initializing the graph to form a static graph picture.

Further, the step 3 includes the steps of:

(1) the man-machine initiates a GRPC long connection request to a back-end interface, and transmits the value of a custom attribute datasourceflag in the graph node as a parameter to the interface;

(2) the interface obtains entity binding point configuration parameters and stores the parameters in a memory, and the data service is called to obtain static data and real-time data of the entity;

(3) the interface logic extracts the obtained key entity data and returns the key entity data to the human-computer;

(4) and (4) returning to execute the step (2).

The invention has the advantages and beneficial effects that:

1. the invention can comprehensively embody the connection relation between the secondary equipment and the real-time running state of the secondary equipment in the form of a graphic picture in the field of secondary monitoring service of a power grid, and support the manufacturing requirement of a dynamic graphic of a large-scale secondary monitoring scene.

2. The invention adopts the form of using the file to store the graph, has excellent portability and is easy to share. In actual operation, the graph is associated with the entity equipment through the binding relationship, so that the real-time monitoring of the running state is realized. The operation can be universally applied to various customized scenes, such as real-time monitoring, timing measurement, risk early warning, auxiliary decision and the like. On the application range, the method breaks through the industry barriers of different brands of products, and realizes the rapid construction and the unified monitoring of the large-scale secondary monitoring scene dynamic graphs covering various brands of equipment.

Drawings

FIG. 1 is a process flow diagram of the present invention;

fig. 2 is a schematic configuration diagram of hardware devices of an intelligent power grid dispatching control system in an embodiment of the present invention.

Detailed Description

The embodiments of the invention will be described in further detail below with reference to the accompanying drawings:

a secondary device editing method, as shown in fig. 1, includes the following steps:

step 1, editing a graphic file;

the editing of the graphic file in the step 1 includes: static graphic editing and data source binding editing, such as three parts of a drawing assembly, a graphic file and a human-computer graphic interface in fig. 1; the static graphic editing adopts a telescopic vector diagram drawing component; and the data source binding point editing is to inject an entity model in the relational database into a graph node label in a user-defined attribute mode through a human-computer interface so as to enable the graph node to be associated with a certain determined entity in the model.

The step 1 also comprises primitive editing, and the edited primitives are loaded into a primitive warehouse of the drawing assembly for use in the process of editing the drawing and are contained in the drawing assembly.

In this embodiment, editing a graphic file includes static graphic editing and data source binding editing; static graphics editing adopts a telescopic vector diagram drawing component; and the data source binding point editing is to inject an entity model in the relational database into a graph node label in a user-defined attribute mode through a human-computer interface so as to enable the graph node to be associated with a certain determined entity in the model. And editing the graphic file further comprises primitive editing, and the edited primitives are loaded into a primitive warehouse of the drawing assembly for use in graphic editing.

In the drawing assembly, various primitives are edited and modified by using a primitive editing function. After the primitive is referred to, the runtime will set the fill color according to the data finally, so it is required that some fill color of the primitive must be sustainable, that is, no fill color is set, and the method is specially used for the runtime state coloring. Editing of the primitives is accomplished by editing static primitives in the drawing component. The definition and reference of the graphics primitive use the label of symbol and use in SVG respectively, symbol is used to define the graphics to be referred to in defs, and the value of the attribute xlink of use: href points to the id attribute of symbol, indicating the reference to a specific symbol. The primitive can be bound by the entity type of the data source and a plurality of corresponding attributes, and the bound configuration data is directly injected into a custom attribute relevanceentitytype (representing the entity type) and a relevancepropertiytest (representing the entity key attribute) of symbol. And when the graph is associated with the entity, automatically loading the type entity data associated with the quoted graphic element so as to facilitate human-computer interaction.

In the drawing assembly, edited primitives, conventional graphs, lines, texts and the like are used for making the graphs, and various entity relationship network topological graphs can be flexibly edited and modified. Because the id of each element of the graph node is relied on when the graph is analyzed by a man-machine, the assembly automatically sets a unique id attribute value for each element in the process of drawing the graph. In addition, the telescopic vector diagram drawing assembly also supports multiple tools such as layers, polygons, texts, various connecting wires, brush brushes, filters, graduated scales and color absorbing plates, so that the drawing of the diagram is more convenient.

In a word, in the drawing component, the SVG file is finally saved and generated by simultaneously utilizing the primitive making and the graphic making, and the editing of the static graphic file is completed.

After the static graphic file is edited, the graphic file can be subjected to data source binding operation on a secondary equipment editing interface, and associated entity operation can be performed on each minimum unit node or combined minimum unit nodes in the SVG graphic file if the edge attribute of the node is not false. The essence of the associated entity is to inject a custom attribute datasourceflag into the node element in the graph file, the attribute value is a character string in a JSON format, when an entity is determined to be bound, a person will package the data of the entity into a JSON including an entity ID, an entity type, key attributes and the like, and then convert the JSON into the character string and assign the character string to the attribute datasourceflag of the graph node and write the character string into the file. As indicated by the binding operation in figure 1.

Step 2, obtaining configuration data, and loading the graphic file edited in the step 1 to generate a static graphic picture;

the specific steps of the step 2 comprise:

(1) acquiring configuration data;

(2) reading the graphic file in a binary stream form, and converting the graphic file into a plain text character string;

(3) and initializing the graph to form a static graph picture.

In this embodiment, the method specifically includes the following steps:

and (2.1) acquiring configuration data. And acquiring related configuration data in advance, such as coloring configuration data corresponding to the alarm level, coloring configuration data of the running state of the entity, flashing animation interval time and the like. The configuration data are obtained in advance for matching with the configuration data after the entity real-time data are finally obtained, and the graph rendering is carried out according to the corresponding configuration rule after the matching.

And (2.2) reading the file. The man-machine reads the graphic file in the form of binary stream, and finally converts the graphic file into a plain text character string, so that the file reading efficiency is enhanced, and particularly, a large graphic file is encountered.

And (2.3) initializing the graph. The man-machine dynamically embeds text character strings of the read graphic files into DIV of H5, the browser analyzes HTML to form a static basic picture, then the man-machine program automatically sets the size and space matrix of the SVG graphics to be matched with a man-machine interface, and finally the whole graphics of the SVG can be set to be dragged by a mouse and amplified and reduced by a mouse roller, so that man-machine interaction is enhanced. And simultaneously, mouse events are bound for nodes in the graph and are used for node operation.

Step 3, the human-computer request rear-end interface reads the data service to obtain the static data and the dynamic real-time data of the entity;

the step 3 comprises the following specific steps:

(1) the man-machine initiates a GRPC long connection request to a back-end interface, and transmits the value of a custom attribute datasourceflag in the graph node as a parameter to the interface;

(2) the interface obtains entity binding point configuration parameters and stores the parameters in a memory, and the data service is called to obtain static data and real-time data of the entity;

(3) the interface logic extracts the obtained key entity data and returns the key entity data to the human-computer;

(4) and (4) returning to execute the step (2).

In this embodiment, the detailed working process of step 3 is as follows: in preparation for requesting data, the graph node elements of the SVG are recursively traversed. The structure of the SVG is a tree document structure and is composed of element nodes, and the entity binding operation is a custom attribute injected in the element, so that the element of the SVG needs to be recursively traversed until a minimum unit or an inseparable unit combined into a whole graph. In the recursive process, three things are to be done. First, each element whose attribute edge is not false is added with a mouse event, such as mouse hover, highlight when selected, display of an operation menu when right-clicking the mouse, and so on. Secondly, in order to enhance the searching speed of the element when the element is re-rendered after the entity data is acquired, the ID attributes and other attributes of all the elements are placed in an element ListJson set, the ID attributes and other attributes are essentially json objects, and the values of the ID attributes serve as key values. Because the traditional JS or Jquery acquires nodes from the whole HTML document in a traversing manner, the efficiency is poor. Thirdly, the elements of all the data source binding points are taken out separately and stored in an element entityList set, for example, in the process of 'allocating data references to binding points in an analysis file and requesting an interface to acquire entity data' in FIG. 1, the set stores the id attribute values of the elements of all the data source binding points and the corresponding entity id and attribute data, and when the interface is requested, a human-machine can transmit the set to the interface.

When the man-machine requests the interface, the man-machine and the interface establish GRPC bidirectional stream length connection, and the interface starts to circularly and periodically push entity real-time data to the man-machine front end. The man-machine interface initiates a request, when the man-machine program analyzes all the entity binding point configuration data, the man-machine starts to initiate GRPC request long connection to the back-end interface, and all the entity binding point configuration parameters (elementEntityList) are transmitted to the interface. The GRPC has the characteristic of bidirectional flow, and can always carry out front-end and back-end communication as long connection exists, and frequent connection creation and destruction are not needed, so that the GRPC has high efficiency, low consumption and good concurrency performance, and is very suitable for application scenes with huge graphic files and a lot of data source binding points.

The interface acquires all entity binding point configuration list data of a file, temporarily stores the data in a memory, circulates an entity list, calls a data service to acquire all static data and real-time data of an entity, such as the processes of 'calling service' and 'returning data' in fig. 1, and after the entity list is circulated, carries out next circulation calling data service at certain intervals.

The data service queries a database to obtain static data and dynamic real-time data or profile data of the entity. As shown in fig. 1, the data service layer operates on the database, the data service is called, and all static data, real-time dynamic condition data, real-time alarm data, and the like of the entity are obtained according to the entity ID. After the interface acquires the entity data, the key data are extracted according to the attribute configuration in the configuration list, the attribute data configured during entity binding and real-time alarm data are filtered out, and other unimportant data are discarded. The interface returns the extracted key data of a certain entity to the human-computer, logic extraction is carried out once after the interface obtains one entity data, and the extracted key data is immediately returned to the human-computer to form cyclic and periodic data pushing.

And 4, matching the entity real-time data acquired in the step 3 with the configuration data acquired in the step 2, and performing graph node rendering on the static graph picture generated in the step 2 according to a configuration rule after matching to generate a dynamic secondary equipment monitoring scene graph.

And 4, rendering comprises state coloring, alarm flashing and animation display. After the human-computer obtains the data of a certain entity, the node element binding the entity is quickly found in the element ListJson set, the configuration data is read, and the element is re-rendered, such as alarm flashing, state coloring and the like. When all the graphic node elements bound with the entities are rendered, the fact that the whole graphic file runs successfully is meant, the state of the current picture can represent the running state of the entities, and the real-time monitoring picture is formed by periodic repeated rendering.

The invention can comprehensively embody the physical link relation of the secondary equipment, the running state of the equipment, the specific running condition of the equipment and other global core data for the whole graphic picture, and provides powerful guarantee for the stable running of the secondary equipment system of the power grid. The method supports the production of large monitoring scene graphs, the custom attributes after the data source binding are all written into the files, the file portability is strong, and the files are easy to share.

For example, as shown in fig. 2, in a secondary monitoring system, in a specific scene requirement for panoramic monitoring of a security zone device, this method is adopted, and a drawing component is used to draw a configuration structure schematic diagram of the security zone device, then perform a binding operation on devices in the diagram, such as a server, a switch, a firewall, a router, a workstation, and the like, and finally run a graph file to form a specific monitoring scene.

It should be emphasized that the embodiments described herein are illustrative rather than restrictive, and thus the present invention is not limited to the embodiments described in the detailed description, but also includes other embodiments that can be derived from the technical solutions of the present invention by those skilled in the art.

Claims (5)

1. A secondary equipment editing method is characterized in that: the method comprises the following steps:

step 1, editing a graphic file;

step 2, obtaining configuration data, and loading the graphic file edited in the step 1 to generate a static graphic picture;

step 3, the human-computer request rear-end interface reads the data service to obtain the static data and the dynamic real-time data of the entity;

and 4, matching the entity real-time data acquired in the step 3 with the configuration data acquired in the step 2, and performing graph node rendering on the static graph picture generated in the step 2 according to a configuration rule after matching to generate a dynamic secondary equipment monitoring scene graph.

2. The secondary device editing method according to claim 1, wherein: the editing of the graphic file in the step 1 includes: static graphic editing and data source binding editing; the static graphic editing adopts a telescopic vector diagram drawing component; and the data source binding point editing is to inject an entity model in the relational database into a graph node label in a user-defined attribute mode through a human-computer interface so as to enable the graph node to be associated with a certain determined entity in the model.

3. The secondary device editing method according to claim 1, wherein: the editing the graphic file in the step 1 further comprises: and editing the primitives, wherein the edited primitives are loaded into a primitive warehouse of the drawing assembly for use in the process of editing the graphics.

4. The secondary device editing method according to claim 1, wherein: the specific steps of the step 2 comprise:

(1) acquiring configuration data;

(2) reading the graphic file in a binary stream form, and converting the graphic file into a plain text character string;

(3) and initializing the graph to form a static graph picture.

5. The secondary device editing method according to claim 1, wherein: the step 3 comprises the following steps:

(1) the man-machine initiates a GRPC long connection request to a back-end interface, and transmits the value of a custom attribute datasourceflag in the graph node as a parameter to the interface;

(2) the interface obtains entity binding point configuration parameters and stores the parameters in a memory, and the data service is called to obtain static data and real-time data of the entity;

(3) the interface logic extracts the obtained key entity data and returns the key entity data to the human-computer;

(4) and (4) returning to execute the step (2).

Images