CN116048687A - Picture component display method and system based on new generation scheduling support system - Google Patents
Picture component display method and system based on new generation scheduling support system Download PDFInfo
- Publication number
- CN116048687A CN116048687A CN202211506683.9A CN202211506683A CN116048687A CN 116048687 A CN116048687 A CN 116048687A CN 202211506683 A CN202211506683 A CN 202211506683A CN 116048687 A CN116048687 A CN 116048687A
- Authority
- CN
- China
- Prior art keywords
- component
- picture
- service
- scene
- graphic
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 42
- 230000004927 fusion Effects 0.000 claims abstract description 20
- 238000013515 script Methods 0.000 claims description 27
- 238000004458 analytical method Methods 0.000 claims description 19
- 238000004891 communication Methods 0.000 claims description 14
- 230000008569 process Effects 0.000 claims description 9
- 230000007246 mechanism Effects 0.000 claims description 7
- 230000004044 response Effects 0.000 claims description 7
- 230000005540 biological transmission Effects 0.000 claims description 6
- 238000004422 calculation algorithm Methods 0.000 claims description 6
- 230000008859 change Effects 0.000 claims description 6
- 238000009877 rendering Methods 0.000 claims description 6
- 238000005316 response function Methods 0.000 claims description 6
- 238000003860 storage Methods 0.000 claims description 6
- 238000009826 distribution Methods 0.000 claims description 5
- 238000005538 encapsulation Methods 0.000 claims description 5
- 238000005516 engineering process Methods 0.000 abstract description 19
- 238000004364 calculation method Methods 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 12
- 238000004590 computer program Methods 0.000 description 7
- 230000003993 interaction Effects 0.000 description 7
- 230000006870 function Effects 0.000 description 5
- 230000000007 visual effect Effects 0.000 description 5
- 230000000694 effects Effects 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 238000011161 development Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000013507 mapping Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000011160 research Methods 0.000 description 2
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000035800 maturation Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 230000007306 turnover Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- 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/31—Programming languages or programming paradigms
- G06F8/315—Object-oriented languages
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q10/00—Administration; Management
- G06Q10/10—Office automation; Time management
- G06Q10/103—Workflow collaboration or project management
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/06—Energy or water supply
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y04—INFORMATION OR COMMUNICATION TECHNOLOGIES HAVING AN IMPACT ON OTHER TECHNOLOGY AREAS
- Y04S—SYSTEMS INTEGRATING TECHNOLOGIES RELATED TO POWER NETWORK OPERATION, COMMUNICATION OR INFORMATION TECHNOLOGIES FOR IMPROVING THE ELECTRICAL POWER GENERATION, TRANSMISSION, DISTRIBUTION, MANAGEMENT OR USAGE, i.e. SMART GRIDS
- Y04S10/00—Systems supporting electrical power generation, transmission or distribution
- Y04S10/50—Systems or methods supporting the power network operation or management, involving a certain degree of interaction with the load-side end user applications
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Business, Economics & Management (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Strategic Management (AREA)
- Human Resources & Organizations (AREA)
- Economics (AREA)
- Entrepreneurship & Innovation (AREA)
- Tourism & Hospitality (AREA)
- Health & Medical Sciences (AREA)
- Human Computer Interaction (AREA)
- Marketing (AREA)
- General Business, Economics & Management (AREA)
- Quality & Reliability (AREA)
- Data Mining & Analysis (AREA)
- Operations Research (AREA)
- Computing Systems (AREA)
- Public Health (AREA)
- Water Supply & Treatment (AREA)
- General Health & Medical Sciences (AREA)
- Primary Health Care (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a picture component display method and a system based on a new generation scheduling support system, which acquire a user picture component display request; acquiring a basic image and a picture component; the basic image and the picture component are subjected to fusion display; acquiring a scene service calling request sent by a user according to the content of the fusion display; acquiring all corresponding scene information according to the scene service calling request; judging whether each scene information is allocated with a sub-scene instance or not; if yes, calling a data source service according to scene information through a sub-scene instance to acquire application data; if not, the scene service is called to create a sub-scene instance according to the scene information, and the data source service is called through the sub-scene instance to acquire application data; and dynamically distributing and displaying the application data according to the application data. The advantages are that: the method realizes the efficient display of the universal component and the picture embedded window component, and supports the automatic allocation of the tide calculation sub-scene examples under the advanced application real-time scene by utilizing the sub-scene example automatic generation technology.
Description
Technical Field
The invention relates to a picture component display method and system based on a new generation scheduling support system, and belongs to the technical field of power systems and automation.
Background
With the development of large power grid integrated operation control technology, a power grid system needs to bear new services such as spot market, new energy prediction, load side resource scheduling and the like, and higher requirements are put on the display of power grid patterns. The new generation dispatch support system builds a flexible expansion, elastic expansion, safe and reliable, open sharing and autonomous controllable system platform by using cloud computing, big data, artificial intelligence and other IT emerging technologies on the basis of a traditional automation system operation control platform and model driving application. The high-efficiency display of the picture component based on the new generation dispatch support system is deployed on the new generation dispatch support system as the power grid system graphic management service, the rapid development of the new generation dispatch support system and the gradual maturation and application of the Web front end and component technology provide a good foundation for the research of the power grid graphic display under the Browser/Server (B/S) architecture.
The new generation dispatch support system stores the power grid graph in CIM/G format, and researches and displays the graph files of the I region and the III region based on CIM/G format picture components under the B/S architecture. And the interactive graphic tool box based on the HTML5 Canvas realizes the display of the interface graphics by packaging the graphic details. The design thought and key technology of the novel three-dimensional human-computer interaction interface make beneficial attempts for changing human-computer interaction modes of future regulation and control personnel.
The existing picture component display technology provides a solution for the power grid graph on the Web, solves the graph display problem to a certain extent, but in practical application, has the following problems: (1) the traditional CIM/G power grid graph has single display effect, and visual components such as buttons, text boxes and the like cannot be displayed; (2) the traditional CIM/G power grid graph can not realize linkage among components through JavaScript language; (3) using the Iframe embedding technique for nested pictures, the open graph is inefficient and the graph presentation is slow.
Disclosure of Invention
The invention aims to overcome the defects of the prior art, provides a picture component display method and a picture component display system based on a new generation scheduling support system, and aims to break through the limitation that the traditional CIM/G graph can only display station diagrams and tidal current diagrams, introduce visual components such as buttons, text boxes and the like, and realize the diversification of power grid graph display pages by assisting in scripts based on JavaScript language. For the graph containing the picture embedded window component, through decomposing, combining and displaying the picture embedded window component, iframe embedded pictures are avoided, graph display efficiency is improved, communication between components is guaranteed to be normal, light-weight display of the picture component under the B/S framework is realized, the requirement of provincial and local municipal power grid graph hierarchical display is met, the UI display component and script supporting capability is increased, rich display effects and component interaction functions are realized, a light tool is provided for high-level application display visual overhaul diagrams and operation, and the support level of high-level application is facilitated.
In order to solve the technical problems, the invention provides a picture component display method based on a new generation scheduling support system, comprising the following steps:
acquiring a user picture component display request;
acquiring a basic image and a picture component according to a user picture component display request;
the basic image and the picture component are subjected to fusion display;
acquiring a scene service calling request sent by a user according to the content of the fusion display;
acquiring all corresponding scene information according to the scene service calling request;
judging whether each scene information is allocated with a sub-scene instance or not; if yes, calling a data source service according to scene information through a sub-scene instance to acquire application data; if not, the scene service is called to create a sub-scene instance according to the scene information, and the data source service is called through the sub-scene instance to acquire application data;
and dynamically distributing and displaying the application data according to the application data.
Further, the picture component comprises a general component and a picture embedded window component;
the universal component is an expansion component, and the generation of the expansion component comprises the following steps: the method comprises the steps of calling a picture component analysis service according to the type of an extension component, obtaining attribute information of the extension component and corresponding Script information through DOM file analysis, and generating a general component according to the attribute information of the extension component and the corresponding Script information;
the generation of the picture embedded window component comprises the following steps: when the CIM/G graph is analyzed, a picture component analysis service is called according to the picture embedding window component type, the picture embedding window component is processed independently, a file service is called to read CIM/G files associated with the picture embedding window component, preresolved of the picture embedding window component is carried out according to a picture embedding window component generation algorithm, and a picture embedding window component is generated according to preresolved results.
Further, the fusing and displaying the basic image and the picture component includes:
the unified graphic file service is provided through the Web graphic to read CIM/G graphic files, analyze the CIM/G graphic files and then return the CIM/G graphic files to the Web graphic client;
classifying basic graphics and picture components at a Web graphics client, using Canvas as a rendering foundation of the basic graphics to be placed at a bottom layer, carrying out objectification encapsulation on each picture component, calculating the position, width and height of each picture component in CIM/G graphics, and drawing the picture components in an absolute positioning mode;
the Script in each picture component is used as a response function of a picture component object, processes event response of the picture component and communication among the components, and realizes communication between the basic graph and the picture component based on a mechanism of message subscription and transmission;
a subscribing and receiving channel is established between the Web graphic client and the Web graphic service, and the subscribing and receiving channel is used for the Web graphic client to receive the real-time data change message of the electric graphic element sent by the Web graphic service at regular time and to carry out local refreshing of the basic graphic;
the method comprises the steps that a data refreshing service in a Web graphic service is utilized to call a real-time data service in a new generation scheduling support system basic service, real-time data of a basic graphic are obtained through the real-time data service and returned to a Web graphic client side to be displayed in a Canvas;
and the picture component calls the data source service in the basic service according to the defined data source information, and acquires and displays the real-time data of the picture component in the system.
A picture component presentation system based on a new generation scheduling support system, comprising:
the first acquisition module is used for acquiring a user picture component display request;
the second acquisition module is used for acquiring the basic image and the picture component according to the user picture component display request;
the fusion display module is used for carrying out fusion display on the basic image and the picture component;
the third acquisition module is used for acquiring a scene service calling request sent by a user according to the fusion display content;
a fourth acquisition module, configured to acquire all corresponding scene information according to a call scene service request;
the judging module is used for judging whether each scene information is allocated with a sub-scene instance or not; if yes, calling a data source service according to scene information through a sub-scene instance to acquire application data; if not, the scene service is called to create a sub-scene instance according to the scene information, and the data source service is called through the sub-scene instance to acquire application data;
and the distribution and display module is used for dynamically distributing and displaying the application data according to the application data.
Further, the picture component comprises a general component and a picture embedded window component;
the universal component is an expansion component, and the generation of the expansion component comprises the following steps: the method comprises the steps of calling a picture component analysis service according to the type of an extension component, obtaining attribute information of the extension component and corresponding Script information through DOM file analysis, and generating a general component according to the attribute information of the extension component and the corresponding Script information;
the generation of the picture embedded window component comprises the following steps: when the CIM/G graph is analyzed, a picture component analysis service is called according to the picture embedding window component type, the picture embedding window component is processed independently, a file service is called to read CIM/G files associated with the picture embedding window component, preresolved of the picture embedding window component is carried out according to a picture embedding window component generation algorithm, and a picture embedding window component is generated according to preresolved results.
Further, the fusion display module is used for
The unified graphic file service is provided through the Web graphic to read CIM/G graphic files, analyze the CIM/G graphic files and then return the CIM/G graphic files to the Web graphic client;
classifying basic graphics and picture components at a Web graphics client, using Canvas as a rendering foundation of the basic graphics to be placed at a bottom layer, carrying out objectification encapsulation on each picture component, calculating the position, width and height of each picture component in CIM/G graphics, and drawing the picture components in an absolute positioning mode;
the Script in each picture component is used as a response function of a picture component object, processes event response of the picture component and communication among the components, and realizes communication between the basic graph and the picture component based on a mechanism of message subscription and transmission;
a subscribing and receiving channel is established between the Web graphic client and the Web graphic service, and the subscribing and receiving channel is used for the Web graphic client to receive the real-time data change message of the electric graphic element sent by the Web graphic service at regular time and to carry out local refreshing of the basic graphic;
the method comprises the steps that a data refreshing service in a Web graphic service is utilized to call a real-time data service in a new generation scheduling support system basic service, real-time data of a basic graphic are obtained through the real-time data service and returned to a Web graphic client side to be displayed in a Canvas;
and the picture component calls the data source service in the basic service according to the defined data source information, and acquires and displays the real-time data of the picture component in the system.
A computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by a computing device, cause the computing device to perform any of the methods.
A computing device, comprising,
one or more processors, memory, and one or more programs, wherein one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs comprising instructions for performing any of the methods.
The invention has the beneficial effects that:
the efficient display of the universal component and the picture embedded window component is realized by means of a picture component generation technology and a picture component display technology, and the automatic distribution of the sub-scene examples of the tide calculation under the real-time scene of the advanced application is supported by utilizing a sub-scene example automatic generation technology. Aiming at the condition that the basic graph and the component exist in the CIM/G file at the same time, the basic graph and component object and script interaction is constructed, real-time data and component display data are obtained based on real-time data service, data source service and file service, and the CIM/G graph high-efficiency and dynamic display is realized
The cloud computing, big data and Web front-end technology in the new generation of dispatch support system are utilized to realize efficient display of CIM/G graphic picture components, so that the generation efficiency of the picture components is improved, the user interaction experience is improved, and the regulation and control operation efficiency and the man-machine interaction friendliness are improved; in addition, an HTML5 technology under a B/S architecture is adopted, a communication solution between components is provided, light access of the power grid graph is realized, and development of a power grid graph display technology under a B/S architecture of a new generation scheduling support system is promoted.
Drawings
FIG. 1 is a schematic diagram of a high-efficiency display overall framework of a visual assembly of the present invention;
FIG. 2 is a schematic diagram of a sub-scene example auto-generation and graphic display process according to the present invention;
FIG. 3 is a schematic diagram of the basic graphics and component presentation data flow of the present invention.
Detailed Description
The invention is further described below with reference to the accompanying drawings. The following examples are only for more clearly illustrating the technical aspects of the present invention, and are not intended to limit the scope of the present invention.
The invention discloses a high-efficiency display method of a picture component based on a new generation dispatch support system, wherein,
(1) Generating a picture component: including generic component generation and picture-in-window component generation. The general component generation is to call a picture component analysis service according to the component type aiming at extension components such as buttons, text boxes and the like in CIM/G files, and acquire attribute information of the components and corresponding Script information in a DOM file analysis mode. The picture embedded window component generation is pre-parsing for nested components such as picture embedded windows, flip graphics and the like. When the CIM/G graph is analyzed, a picture component analysis service is called according to the component type, picture embedding window components such as a picture embedding window and a turning graph are independently processed, a file service is called to read CIM/G files in the nested component, and preresolved of the picture embedding window components is realized according to a picture embedding window component generation algorithm.
(2) And (3) display of a picture component: including generic component displays and picture-embedded window component displays. The generic component shows containing buttons, text boxes, landscape bars, curves, etc., the visualization of the generic component, the response of events, etc., can be controlled by JAVASCRIPT script. The picture embedded window component displays all information such as general components, scripts, parameters and the like of the associated graphics in the picture embedded window component by means of a picture embedded window component generating technology, and renders the information in a browser. For the turnover picture component, the animation display effect is increased.
The specific steps for generating the picture embedded window component are as follows:
(1.1) the Web graphic client calls a picture embedded window component of the Web graphic service to generate service, and parameters such as a client ID, a graphic name, scene information and the like are transmitted;
(1.2) after receiving a request, a picture embedded window component generating service in the Web graphic service identifies the id of the picture embedded window component and the name of the associated graphic, and invokes a file service according to the associated graphic name to acquire a graphic file;
(1.3) the picture embedded window component generating service acquires all components and script information in the picture embedded window component associated graph according to the associated graph file information;
(1.4) the picture embedded window component generating service generates father-son relations between the picture embedded window component and all components in the associated graph, and completes the association between the picture component id in the graph object and the component id in the associated graph;
(1.5) the picture embedding window component generating service transmits parameters in the picture embedding window component to components in the associated graph to generate a new corresponding relation;
the picture embedded window component comprises the following specific steps:
(2.1) the Web graphic client calls a picture embedded window component generating service of the Web graphic service, and the background service generates all components of a picture embedded window component associated graph, script information and a mapping relation between an embedded window component id and an associated graph component original id, and returns the mapping relation as an integral object to the Web graphic client;
(2.2) the Web graphic client acquires information such as id, width, height and the like of a picture embedded window component aiming at the object returned by the background, and generates a div object;
(2.3) calculating new coordinates and width and height of each component in the picture embedding window according to the width and height of the whole picture, the coordinates and width and height of the picture embedding window component and the original coordinates and width and height of each component in the picture embedding window;
(2.4) the Web graphic client regenerates the Script in the associated graphic component according to the picture embedded window component id and the associated graphic component original id, and replaces the original object id and the parameter name in the Script;
(2.5) traversing all components of the window component associated graph embedded in the picture by the Web graphic client, and calling a general component display method to render the components;
(3) And automatically generating sub-scene examples: when a user browses a scene graph under a specific sub-scene through Web graphics, the dynamic allocation of sub-scene instances and the display of data are performed. The Web graphic service calls a scene service to generate a sub-scene instance of the user, and calls a data source service to acquire application data according to parameters such as a scene, a scene instance, a sub-scene instance and the like for displaying.
(4) The basic graph and component display fusion technology comprises the display of basic graph and component. The Web graphic provides a unified graphic file service to read CIM/G graphic files and returns the CIM/G graphic files to the Web graphic client after analysis. The Web graphic client classifies and processes basic graphics and components, uses Canvas as a rendering foundation of the basic graphics to be placed at the bottom layer, subjects and encapsulates each component, calculates the position and width and height of each component in CIM/G graphics, and draws the components in an absolute positioning mode. The Script in each component is used as a response function of the component object, processes event response of the component and communication among the components, and realizes communication between the base graph and the components based on a message subscription and transmission mechanism. The basic graphics and the data refreshing presented by the components adopt different mechanisms. The data refreshing service in the Web graphic service calls the real-time data service in the basic service of the new generation scheduling support system, acquires real-time data and returns the real-time data to the Web graphic client to be displayed in Canvas. The Web graphic client establishes a subscribed and received channel with the Web graphic service, receives the real-time data change message of the electric graphic element sent by the Web graphic service at regular time and performs local refreshing of the basic graphic. And the component calls the data source service in the basic service according to the defined data source information, and acquires and displays the real-time data in the system. Two different access modes simultaneously support the data presentation of the base graphic and the component.
According to the efficient display method of the picture component based on the new-generation scheduling support system, provided by the invention, efficient display of the universal component and the picture embedded window component is realized by means of a picture component generation technology and a picture component display technology, and automatic distribution of sub-scene examples of tide calculation under a real-time scene of advanced application is supported by utilizing a sub-scene example automatic generation technology. Aiming at the condition that the basic graphics and the components exist in the CIM/G file at the same time, the basic graphics and the component display fusion technology is used for acquiring real-time data and component display data based on real-time data service, data source service and file service by constructing basic graphics, component objects and script interaction, so that efficient and dynamic display of the CIM/G graphics is realized. The application of the efficient display method of the picture components based on the new generation scheduling support system solves the problems that the conventional CIM/G power grid has single graphic display effect, visual components such as buttons and text boxes cannot be displayed, linkage among the components cannot be realized through JavaScript language, and the graphics display is slow due to the fact that an Iframe embedding technology is used for nested pictures, achieves efficient display of the graphics, and improves the high-level application of the power grid, the support level of real-time data graphical display and the power grid service level.
The invention also provides a picture component display system based on the new generation dispatch support system, which comprises:
the first acquisition module is used for acquiring a user picture component display request;
the second acquisition module is used for acquiring the basic image and the picture component according to the user picture component display request;
the fusion display module is used for carrying out fusion display on the basic image and the picture component;
the third acquisition module is used for acquiring a scene service calling request sent by a user according to the fusion display content;
a fourth acquisition module, configured to acquire all corresponding scene information according to a call scene service request;
the judging module is used for judging whether each scene information is allocated with a sub-scene instance or not; if yes, calling a data source service according to scene information through a sub-scene instance to acquire application data; if not, the scene service is called to create a sub-scene instance according to the scene information, and the data source service is called through the sub-scene instance to acquire application data;
and the distribution and display module is used for dynamically distributing and displaying the application data according to the application data.
The picture component comprises a general component and a picture embedded window component;
the universal component is an expansion component, and the generation of the expansion component comprises the following steps: the method comprises the steps of calling a picture component analysis service according to the type of an extension component, obtaining attribute information of the extension component and corresponding Script information through DOM file analysis, and generating a general component according to the attribute information of the extension component and the corresponding Script information;
the generation of the picture embedded window component comprises the following steps: when the CIM/G graph is analyzed, a picture component analysis service is called according to the picture embedding window component type, the picture embedding window component is processed independently, a file service is called to read CIM/G files associated with the picture embedding window component, preresolved of the picture embedding window component is carried out according to a picture embedding window component generation algorithm, and a picture embedding window component is generated according to preresolved results.
The fusion display module is used for
The unified graphic file service is provided through the Web graphic to read CIM/G graphic files, analyze the CIM/G graphic files and then return the CIM/G graphic files to the Web graphic client;
classifying basic graphics and picture components at a Web graphics client, using Canvas as a rendering foundation of the basic graphics to be placed at a bottom layer, carrying out objectification encapsulation on each picture component, calculating the position, width and height of each picture component in CIM/G graphics, and drawing the picture components in an absolute positioning mode;
the Script in each picture component is used as a response function of a picture component object, processes event response of the picture component and communication among the components, and realizes communication between the basic graph and the picture component based on a mechanism of message subscription and transmission;
a subscribing and receiving channel is established between the Web graphic client and the Web graphic service, and the subscribing and receiving channel is used for the Web graphic client to receive the real-time data change message of the electric graphic element sent by the Web graphic service at regular time and to carry out local refreshing of the basic graphic;
the method comprises the steps that a data refreshing service in a Web graphic service is utilized to call a real-time data service in a new generation scheduling support system basic service, real-time data of a basic graphic are obtained through the real-time data service and returned to a Web graphic client side to be displayed in a Canvas;
and the picture component calls the data source service in the basic service according to the defined data source information, and acquires and displays the real-time data of the picture component in the system.
The corresponding invention also provides a computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by a computing device, cause the computing device to perform any of the methods.
The corresponding invention also provides a computing device comprising,
one or more processors, memory, and one or more programs, wherein one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs comprising instructions for performing any of the methods.
It will be appreciated by those skilled in the art that embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems) and computer program products according to embodiments of the application. It will be understood that each flow and/or block of the flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
The foregoing is merely a preferred embodiment of the present invention, and it should be noted that modifications and variations could be made by those skilled in the art without departing from the technical principles of the present invention, and such modifications and variations should also be regarded as being within the scope of the invention.
Claims (8)
1. A picture element display method based on a new generation scheduling support system, comprising:
acquiring a user picture component display request;
acquiring a basic image and a picture component according to a user picture component display request;
the basic image and the picture component are subjected to fusion display;
acquiring a scene service calling request sent by a user according to the content of the fusion display;
acquiring all corresponding scene information according to the scene service calling request;
judging whether each scene information is allocated with a sub-scene instance or not; if yes, calling a data source service according to scene information through a sub-scene instance to acquire application data; if not, the scene service is called to create a sub-scene instance according to the scene information, and the data source service is called through the sub-scene instance to acquire application data;
and dynamically distributing and displaying the application data according to the application data.
2. The picture component presentation method based on the new generation scheduling support system according to claim 1, wherein the picture component comprises a general component and a picture embedded window component;
the universal component is an expansion component, and the generation of the expansion component comprises the following steps: the method comprises the steps of calling a picture component analysis service according to the type of an extension component, obtaining attribute information of the extension component and corresponding Script information through DOM file analysis, and generating a general component according to the attribute information of the extension component and the corresponding Script information;
the generation of the picture embedded window component comprises the following steps: when the CIM/G graph is analyzed, a picture component analysis service is called according to the picture embedding window component type, the picture embedding window component is processed independently, a file service is called to read CIM/G files associated with the picture embedding window component, preresolved of the picture embedding window component is carried out according to a picture embedding window component generation algorithm, and a picture embedding window component is generated according to preresolved results.
3. The picture element presentation method based on the new generation scheduling support system according to claim 1, wherein the fusing presentation of the base image and the picture element comprises:
the unified graphic file service is provided through the Web graphic to read CIM/G graphic files, analyze the CIM/G graphic files and then return the CIM/G graphic files to the Web graphic client;
classifying basic graphics and picture components at a Web graphics client, using Canvas as a rendering foundation of the basic graphics to be placed at a bottom layer, carrying out objectification encapsulation on each picture component, calculating the position, width and height of each picture component in CIM/G graphics, and drawing the picture components in an absolute positioning mode;
the Script in each picture component is used as a response function of a picture component object, processes event response of the picture component and communication among the components, and realizes communication between the basic graph and the picture component based on a mechanism of message subscription and transmission;
a subscribing and receiving channel is established between the Web graphic client and the Web graphic service, and the subscribing and receiving channel is used for the Web graphic client to receive the real-time data change message of the electric graphic element sent by the Web graphic service at regular time and to carry out local refreshing of the basic graphic;
the method comprises the steps that a data refreshing service in a Web graphic service is utilized to call a real-time data service in a new generation scheduling support system basic service, real-time data of a basic graphic are obtained through the real-time data service and returned to a Web graphic client side to be displayed in a Canvas;
and the picture component calls the data source service in the basic service according to the defined data source information, and acquires and displays the real-time data of the picture component in the system.
4. A picture element presentation system based on a new generation scheduling support system, comprising:
the first acquisition module is used for acquiring a user picture component display request;
the second acquisition module is used for acquiring the basic image and the picture component according to the user picture component display request;
the fusion display module is used for carrying out fusion display on the basic image and the picture component;
the third acquisition module is used for acquiring a scene service calling request sent by a user according to the fusion display content;
a fourth acquisition module, configured to acquire all corresponding scene information according to a call scene service request;
the judging module is used for judging whether each scene information is allocated with a sub-scene instance or not; if yes, calling a data source service according to scene information through a sub-scene instance to acquire application data; if not, the scene service is called to create a sub-scene instance according to the scene information, and the data source service is called through the sub-scene instance to acquire application data;
and the distribution and display module is used for dynamically distributing and displaying the application data according to the application data.
5. The new generation scheduling support system-based picture component presentation system of claim 4, wherein the picture component comprises a generic component and a picture-embedded window component;
the universal component is an expansion component, and the generation of the expansion component comprises the following steps: the method comprises the steps of calling a picture component analysis service according to the type of an extension component, obtaining attribute information of the extension component and corresponding Script information through DOM file analysis, and generating a general component according to the attribute information of the extension component and the corresponding Script information;
the generation of the picture embedded window component comprises the following steps: when the CIM/G graph is analyzed, a picture component analysis service is called according to the picture embedding window component type, the picture embedding window component is processed independently, a file service is called to read CIM/G files associated with the picture embedding window component, preresolved of the picture embedding window component is carried out according to a picture embedding window component generation algorithm, and a picture embedding window component is generated according to preresolved results.
6. The picture element display system based on the new generation scheduling support system according to claim 4, wherein the fusion display module is configured to
The unified graphic file service is provided through the Web graphic to read CIM/G graphic files, analyze the CIM/G graphic files and then return the CIM/G graphic files to the Web graphic client;
classifying basic graphics and picture components at a Web graphics client, using Canvas as a rendering foundation of the basic graphics to be placed at a bottom layer, carrying out objectification encapsulation on each picture component, calculating the position, width and height of each picture component in CIM/G graphics, and drawing the picture components in an absolute positioning mode;
the Script in each picture component is used as a response function of a picture component object, processes event response of the picture component and communication among the components, and realizes communication between the basic graph and the picture component based on a mechanism of message subscription and transmission;
a subscribing and receiving channel is established between the Web graphic client and the Web graphic service, and the subscribing and receiving channel is used for the Web graphic client to receive the real-time data change message of the electric graphic element sent by the Web graphic service at regular time and to carry out local refreshing of the basic graphic;
the method comprises the steps that a data refreshing service in a Web graphic service is utilized to call a real-time data service in a new generation scheduling support system basic service, real-time data of a basic graphic are obtained through the real-time data service and returned to a Web graphic client side to be displayed in a Canvas;
and the picture component calls the data source service in the basic service according to the defined data source information, and acquires and displays the real-time data of the picture component in the system.
7. A computer readable storage medium storing one or more programs, wherein the one or more programs comprise instructions, which when executed by a computing device, cause the computing device to perform any of the methods of claims 1-3.
8. A computing device, comprising,
one or more processors, memory, and one or more programs, wherein one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs comprising instructions for performing any of the methods of claims 1-3.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211506683.9A CN116048687A (en) | 2022-11-29 | 2022-11-29 | Picture component display method and system based on new generation scheduling support system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211506683.9A CN116048687A (en) | 2022-11-29 | 2022-11-29 | Picture component display method and system based on new generation scheduling support system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116048687A true CN116048687A (en) | 2023-05-02 |
Family
ID=86121037
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202211506683.9A Pending CN116048687A (en) | 2022-11-29 | 2022-11-29 | Picture component display method and system based on new generation scheduling support system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116048687A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN117591229A (en) * | 2024-01-10 | 2024-02-23 | 航粤智能电气股份有限公司 | Device data viewing and displaying method and system based on gateway embedded Web |
-
2022
- 2022-11-29 CN CN202211506683.9A patent/CN116048687A/en active Pending
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN117591229A (en) * | 2024-01-10 | 2024-02-23 | 航粤智能电气股份有限公司 | Device data viewing and displaying method and system based on gateway embedded Web |
| CN117591229B (en) * | 2024-01-10 | 2024-04-09 | 航粤智能电气股份有限公司 | Device data viewing and displaying method and system based on gateway embedded Web |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104951996B (en) | Power distribution network operational monitoring method based on scalable vector graphics | |
| CN109254771B (en) | Monitoring page generation method and device | |
| CN110765381A (en) | Web publishing method and system of distribution network main station based on WebAssembly technology | |
| CN112184856A (en) | Multimedia processing device supporting multi-layer special effect and animation mixing | |
| CN107832108A (en) | Rendering intent, device and the electronic equipment of 3D canvas web page elements | |
| CN100595752C (en) | Interactive implementing method of electrical power system pattern based on IEC61970 standard | |
| CN104008437A (en) | Visualization display system of intelligent power network, and method thereof | |
| CN109242934B (en) | Animation code generation method and equipment | |
| CN103984818A (en) | AUV (autonomous underwater vehicle) design flow visualization modeling method based on Flex technology | |
| CN110532047B (en) | Power grid graph standardization system for regulating and controlling cloud platform | |
| CN113438285B (en) | Smart campus comprehensive management platform model based on private cloud architecture | |
| CN116048687A (en) | Picture component display method and system based on new generation scheduling support system | |
| CN108733441B (en) | Rendering visualization method and system suitable for large-scale power grid symbol equipment | |
| CN102999364A (en) | Method and device for classifying and dynamically loading subjects based on power grid operation monitoring | |
| CN112083926A (en) | Web user interface generation method and device | |
| CN100504771C (en) | Method and system for creating application program interface | |
| CN114327712A (en) | Cloud application system, window management method and device | |
| CN114218052A (en) | Service interaction graph generation method, device, equipment and storage medium | |
| CN104020849A (en) | Multi-program simultaneous display method and system based on windows CE | |
| CN113282852A (en) | Method and device for editing webpage | |
| CN115408486A (en) | GIS (geographic information System) integrating multi-source heterogeneous data and management method thereof | |
| CN113407181A (en) | Lightweight man-machine terminal picture regulation and control information interaction method | |
| CN114579226A (en) | Lightweight human-computer interaction terminal system | |
| CN111641656B (en) | Hospital data real-time screen projection system | |
| CN115705465A (en) | Data analysis result presentation method, device, equipment and storage medium |
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 |