CN111813401B - Graphic assembly method and system in drawing modeling tool based on B/S architecture - Google Patents
Graphic assembly method and system in drawing modeling tool based on B/S architecture Download PDFInfo
- Publication number
- CN111813401B CN111813401B CN202010582783.4A CN202010582783A CN111813401B CN 111813401 B CN111813401 B CN 111813401B CN 202010582783 A CN202010582783 A CN 202010582783A CN 111813401 B CN111813401 B CN 111813401B
- Authority
- CN
- China
- Prior art keywords
- graphic
- modeling
- attribute
- list
- model
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 19
- 238000012423 maintenance Methods 0.000 claims description 39
- 238000009877 rendering Methods 0.000 claims description 12
- 238000012986 modification Methods 0.000 claims description 9
- 230000004048 modification Effects 0.000 claims description 9
- 238000010276 construction Methods 0.000 claims description 8
- 238000004458 analytical method Methods 0.000 claims description 6
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 7
- 238000005516 engineering process Methods 0.000 description 4
- 238000010586 diagram Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 238000010367 cloning Methods 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005315 distribution function Methods 0.000 description 1
- 230000009977 dual effect Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F30/00—Computer-aided design [CAD]
- G06F30/10—Geometric CAD
- G06F30/18—Network design, e.g. design based on topological or interconnect aspects of utility systems, piping, heating ventilation air conditioning [HVAC] or cabling
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/80—Creating or modifying a manually drawn or painted image using a manual input device, e.g. mouse, light pen, direction keys on keyboard
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2111/00—Details relating to CAD techniques
- G06F2111/20—Configuration CAD, e.g. designing by assembling or positioning modules selected from libraries of predesigned modules
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2113/00—Details relating to the application field
- G06F2113/04—Power grid distribution networks
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- Software Systems (AREA)
- Health & Medical Sciences (AREA)
- Economics (AREA)
- Geometry (AREA)
- General Health & Medical Sciences (AREA)
- Computational Mathematics (AREA)
- Strategic Management (AREA)
- General Business, Economics & Management (AREA)
- Primary Health Care (AREA)
- Marketing (AREA)
- Human Resources & Organizations (AREA)
- Water Supply & Treatment (AREA)
- Computer Networks & Wireless Communication (AREA)
- Tourism & Hospitality (AREA)
- Public Health (AREA)
- Mathematical Analysis (AREA)
- Mathematical Optimization (AREA)
- Pure & Applied Mathematics (AREA)
- Computer Hardware Design (AREA)
- Evolutionary Computation (AREA)
- Processing Or Creating Images (AREA)
Abstract
The invention provides a graphic assembly method and a graphic assembly system in a drawing modeling tool based on a B/S architecture.
Description
Technical Field
The invention relates to the technical field of power distribution automation, in particular to a method and a system for forming graphic components in a drawing modeling tool based on a B/S architecture.
Background
In recent years, with the comprehensive construction of a smart grid, distribution automation has also been developed, and a distribution area is taken as a main unit of a low-voltage distribution network, so that a large number of power distribution areas exist in the low-voltage distribution system, and the running condition of the power distribution areas directly affects the stable and efficient running of the whole power system. In order to improve the fine management level and the high-efficiency operation maintenance level of the transformer area, the national power grid company comprehensively advances the construction of the intelligent transformer area, and thus the visual modeling and monitoring requirements of the transformer area wiring diagram are generated. In addition, with the continuous development of informatization and internet technology, public utilities such as water supply, heat supply and gas are also faced with dual challenges of management methods and service users, and a series of intelligent applications such as intelligent water service, intelligent gas and intelligent heat supply are also developed, and these applications are also faced with visual modeling and monitoring requirements.
At present, a plurality of drawing modeling tools exist in the fields of intelligent substations, intelligent power grid dispatching and intelligent power distribution networks, the tools mainly provide drawing modeling functions of equipment related to transmission and distribution networks, equipment in a platform area at the tail end of a low-voltage power distribution network and equipment in other fields are not mentioned, and the drawing modeling tools are mainly developed specifically for specific power grid models and have certain defects in generality and expandability. In addition, most of the tools adopt a C/S architecture, have weak distribution function and poor compatibility, cannot be rapidly deployed and installed, and cannot be suitable for various application systems adopting novel internet technologies such as cloud computing, big data and the like at present.
Disclosure of Invention
The invention aims to provide a graphic assembly method and a graphic assembly system in a drawing modeling tool based on a B/S architecture, which aim to solve the problems of poor universality and expandability of the drawing modeling tool in the prior art, realize the improvement of the universality and the expandability, improve the efficiency of equipment expansion and model maintenance and save the labor cost.
To achieve the above technical objective, the present invention provides a method for forming graphic components in a drawing modeling tool based on B/S architecture, the method comprising the following operations:
Defining a device graphic style, expanding on the basis of mxGraph graphic style definition, newly adding a class attribute and a subs attribute in a shape tag to distinguish different styles of the same device type, and newly adding opened, closed two tags in a background tag to distinguish different states of the same device type;
Defining device model description information, including a name, a display name ALIASNAME, a new request path addUrl, a modification request path updateUrl, a query request path queryUrl, and an attribute list props, where the name value is the same as the class attribute value in the graphics style;
Analyzing the graphic style file, generating an equipment graphic object according to the parameters, adding the equipment graphic object into a graphic list, adding a drag event for the graphic, selecting the equipment graphic in the graphic list, and dragging the equipment graphic to a drawing area to finish drawing the graphic;
Analyzing the model description file, acquiring model description information of the equipment, converting the model description information into rendering data of a model maintenance component required by the Web front-end UI, dynamically generating the model maintenance component, and filling or selecting modeling data in the model maintenance component to complete modeling operation.
Preferably, the attribute list in the equipment model description information is added and deleted according to actual modeling requirements, and each attribute needs to define an attribute name attr, a display name label in a modeling guide, whether the attribute list can be edited editable in the modeling guide, whether a visible attribute is visible in the modeling guide, and whether the attribute list is a required field in the modeling guide.
Preferably, the rendering data is an object array, and the length of the array is equal to the number of attributes in an attribute list of the model description information; the attr, label, editable, visible, required attributes in the array are obtained by directly reading the model description file, the isSelect attributes are distinguished according to whether url attributes exist or not, the list attribute values send requests to a drawing modeling tool server according to a request path in the model description file to acquire data, and the server fills the list attribute values after returning the data.
The invention also provides a graphic assembly system in a drawing modeling tool based on the B/S architecture, which comprises:
The graphic style definition module is used for defining a graphic style of the device, expanding the graphic style on the basis of mxGraph graphic style definition, newly adding a class attribute and a subs attribute in a shape label to distinguish different styles of the same device type, and newly adding opened, closed two labels in a background label to distinguish different states of the same device type;
the model description definition module is used for defining device model description information, and comprises a name, a display name ALIASNAME, a new request path addUrl, a modification request path updateUrl, a query request path queryUrl and an attribute list props, wherein the name value is the same as the class attribute value in the graphic style;
The graphic analysis drawing module is used for analyzing the graphic style file, generating an equipment graphic object according to the parameters, adding the equipment graphic object into a graphic list, adding a drawing event for the graphic, selecting the equipment graphic in the graphic list, and drawing the equipment graphic into a drawing area to finish graphic drawing;
the model analysis construction module is used for analyzing the model description file, acquiring the model description information of the equipment, converting the model description information into rendering data of a model maintenance component required by the Web front-end UI, dynamically generating the model maintenance component, and filling or selecting modeling data in the model maintenance component to complete modeling operation.
Preferably, the attribute list in the equipment model description information is added and deleted according to actual modeling requirements, and each attribute needs to define an attribute name attr, a display name label in a modeling guide, whether the attribute list can be edited editable in the modeling guide, whether a visible attribute is visible in the modeling guide, and whether the attribute list is a required field in the modeling guide.
Preferably, the rendering data is an object array, and the length of the array is equal to the number of attributes in an attribute list of the model description information; the attr, label, editable, visible, required attributes in the array are obtained by directly reading the model description file, the isSelect attributes are distinguished according to whether url attributes exist or not, the list attribute values send requests to a drawing modeling tool server according to a request path in the model description file to acquire data, and the server fills the list attribute values after returning the data.
The effects provided in the summary of the invention are merely effects of embodiments, not all effects of the invention, and one of the above technical solutions has the following advantages or beneficial effects:
Compared with the prior art, the method and the device have the advantages that the device graph and the model are defined in the mode of the configuration file, the configuration file is automatically analyzed, the device graph is dynamically drawn, the device model is built, the integrated construction of the device graph and the device model is realized, the device is expanded by adding the device graph and the device model definition file, the design and the realization of the model maintenance component are not required to be carried out on the model definition of each device, the efficiency of the device expansion is improved, the maintenance of the device graph and the model is finished by editing the device graph and the model definition file, the Web front-end program is not required to be changed, and the device maintenance efficiency is improved. The invention has strong universality and can provide corresponding graphic style definition and model information definition for drawing modeling in different fields of electric power, water service and the like; the method has strong expandability, and can flexibly define the graphic style and modeling information according to the requirements of drawing and modeling; the front-end model maintenance component can be dynamically generated or updated according to the change of the equipment model, the efficiency of equipment expansion and model maintenance is improved, and the labor cost is saved.
Drawings
FIG. 1 is a flow chart of a method for graphical assembly in a B/S architecture-based drawing modeling tool according to an embodiment of the present invention;
FIG. 2 is an exemplary diagram of a dynamically generated newly created knife switch model assembly provided in an embodiment of the present invention;
FIG. 3 is a block diagram of a graphical componentization system in a B/S architecture-based drawing modeling tool according to an embodiment of the present invention.
Detailed Description
In order to clearly illustrate the technical features of the present solution, the present invention will be described in detail below with reference to the following detailed description and the accompanying drawings. The following disclosure provides many different embodiments, or examples, for implementing different structures of the invention. In order to simplify the present disclosure, components and arrangements of specific examples are described below. Furthermore, the present invention may repeat reference numerals and/or letters in the various examples. This repetition is for the purpose of simplicity and clarity and does not in itself dictate a relationship between the various embodiments and/or configurations discussed. It should be noted that the components illustrated in the figures are not necessarily drawn to scale. Descriptions of well-known components and processing techniques and processes are omitted so as to not unnecessarily obscure the present invention.
The following describes in detail a method and a system for forming graphic components in a drawing modeling tool based on a B/S architecture according to an embodiment of the present invention with reference to the accompanying drawings.
As shown in fig. 1, an embodiment of the present invention discloses a method for forming graphic components in a drawing modeling tool based on a B/S architecture, the method comprising the following operations:
Defining a device graphic style, expanding on the basis of mxGraph graphic style definition, newly adding a class attribute and a subs attribute in a shape tag to distinguish different styles of the same device type, and newly adding opened, closed two tags in a background tag to distinguish different states of the same device type;
Defining device model description information, including a name, a display name ALIASNAME, a new request path addUrl, a modification request path updateUrl, a query request path queryUrl, and an attribute list props, where the name value is the same as the class attribute value in the graphics style;
Analyzing the graphic style file, generating an equipment graphic object according to the parameters, adding the equipment graphic object into a graphic list, adding a drag event for the graphic, selecting the equipment graphic in the graphic list, and dragging the equipment graphic to a drawing area to finish drawing the graphic;
Analyzing the model description file, acquiring model description information of the equipment, converting the model description information into rendering data of a model maintenance component required by the Web front-end UI, dynamically generating the model maintenance component, and filling or selecting modeling data in the model maintenance component to complete modeling operation.
The embodiment of the invention is based on a B/S architecture, utilizes the graph and model componentization technology of equipment and the model maintenance component technology based on dynamic generation to realize the integrated construction of the graph and the model of the equipment, ensures that a drawing modeling tool has expandability and universality and can be suitable for different fields of electric power, water service and the like.
The embodiment of the invention improves and expands the pattern definition format of mxGraph because mxGraph (JavaScript flow chart front end library) only provides basic patterns, such as rectangular, triangular, linear, elliptic and other definition formats, and cannot meet the patterns of the equipment patterns in the fields of electric power, water service, gas and the like.
In the basic graphic style structure definition provided by mxGraph, the shape label is a root label, and graphic basic information is defined, including name, height, width, style and contour width; connections labels define connection point information, constraint labels define the positions and names of specific connection points, and if no constraint label exists in connections labels, the figure does not have connection points; background labels and foreground labels define background and foreground information respectively, patterns of graphics are defined through information in the two labels, and patterns of graphics are defined through a combination of move, line and arc labels.
The embodiment of the invention expands the basic structure, and newly adds a class attribute and a subs attribute in a shape tag to distinguish a plurality of different styles of the same equipment type, wherein class represents the equipment type name, the value corresponds to the name attribute one by one, and the subs attribute represents the equipment subtype, and the value is the subtype name; two kinds of labels are newly added opened, closed in the background label to distinguish different states of one equipment type, and the label types respectively define the patterns of the equipment in different states through the combination of the move and line labels.
The description information of the device model is defined by the Json file, and the model description information includes a name, a display name ALIASNAME, a new request path addUrl, a modification request path updateUrl, a query request path queryUrl, and an attribute list props.
In order to achieve a one-to-one correspondence of graphics and models for the same device, the name value must be equal to the class attribute value in the graphics definition. The attribute list props may be used to add and delete entries according to the actual modeling requirements. Each attribute needs to define an attribute name attr, a display name label in the modeling guide, whether it is editable editable in the modeling guide, whether visible is visible in the modeling guide, and whether it is a required field required in the modeling guide. If some attributes need to be selected in modeling guidance, a query request path url of the selected content and a required parameter param need to be set, if the query request does not need a parameter, the parameter needs to be set, but the parameter is uncertain, the value of the parameter needs to be set to be null, and the parameter values are dynamically set later.
And analyzing the graphic style definition file to generate equipment graphics, reading and analyzing the graphic style definition file, dynamically drawing the graphics in the file, and displaying the graphics in a drawing tool graphics list.
Parameters such as name, type, style, width, height and the like in the graphic style definition file are read, device graphic objects are generated according to the parameters, and then the device graphic objects are added into a graphic list. In addition, a connection point of the graphic is generated according to the connection point label, and a drag event is added to the graphic. In this way, devices such as power, water, etc. can be dynamically drawn and presented in a graphical list.
Drawing a device by dragging the device graph, selecting the device graph in the graph list, dragging the device graph to a drawing area, cloning the device graph and adding the device graph to a graph file drawn at present to realize drawing of the device graph.
And analyzing the model description file and dynamically generating a model maintenance component. And reading and analyzing the model description file, acquiring the model description information of the equipment, and converting the information into rendering data of a model maintenance component required by the Web front-end UI. The information data is an object array, the length of the array is equal to the number of attributes in an attribute list of the model description information, and the data structure of the object array is shown in table 1:
TABLE 1
The attr, label, editable, visible, required attributes are obtained by directly reading the model description file, the isSelect attributes are distinguished according to whether url attributes exist or not, the list attribute values send requests to a drawing modeling tool server according to a request path in the model description file to acquire data, the server returns the data and fills the list attribute values, and then a front-end model maintenance component is refreshed to finish dynamic generation and opening of the model maintenance component, as shown in fig. 2.
In the dynamically generated model maintenance component, modeling data is filled in or selected to complete modeling operations, thereby successfully creating a graphic of a device and its model. This operation relies on real-time synchronization of front-end graphics and model information of the drawing modeling tool of the B/S architecture. And the user sequentially drags the equipment graph and the connecting line to draw and model the graph until the graph drawing is completed.
The embodiment of the invention simultaneously defines the equipment graph and the model in a configuration file mode, automatically analyzes the configuration file, dynamically draws the equipment graph and builds the equipment model, realizes the integrated construction of the equipment graph and the model, completes the expansion of equipment by adding the equipment graph and the equipment model definition file, does not need to design and realize a model maintenance component for the model definition of each equipment, improves the equipment expansion efficiency, completes the maintenance of the equipment graph and the model by editing the equipment graph and the model definition file, does not need to change a Web front-end program, and improves the equipment maintenance efficiency.
As shown in fig. 3, the embodiment of the invention further discloses a graphic assembly system in a drawing modeling tool based on a B/S architecture, which comprises:
The graphic style definition module is used for defining a graphic style of the device, expanding the graphic style on the basis of mxGraph graphic style definition, newly adding a class attribute and a subs attribute in a shape label to distinguish different styles of the same device type, and newly adding opened, closed two labels in a background label to distinguish different states of the same device type;
the model description definition module is used for defining device model description information, and comprises a name, a display name ALIASNAME, a new request path addUrl, a modification request path updateUrl, a query request path queryUrl and an attribute list props, wherein the name value is the same as the class attribute value in the graphic style;
The graphic analysis drawing module is used for analyzing the graphic style file, generating an equipment graphic object according to the parameters, adding the equipment graphic object into a graphic list, adding a drawing event for the graphic, selecting the equipment graphic in the graphic list, and drawing the equipment graphic into a drawing area to finish graphic drawing;
the model analysis construction module is used for analyzing the model description file, acquiring the model description information of the equipment, converting the model description information into rendering data of a model maintenance component required by the Web front-end UI, dynamically generating the model maintenance component, and filling or selecting modeling data in the model maintenance component to complete modeling operation.
The embodiment of the invention expands mxGraph basic structures, and newly adds class attributes and subs attributes in a shape tag to distinguish various different styles of the same equipment type, wherein class represents equipment type names, values and name attributes are in one-to-one correspondence, and subs attributes represent equipment sub-types, and values are subtype names; two kinds of labels are newly added opened, closed in the background label to distinguish different states of one equipment type, and the label types respectively define the patterns of the equipment in different states through the combination of the move and line labels.
The description information of the device model is defined by the Json file, and the model description information includes a name, a display name ALIASNAME, a new request path addUrl, a modification request path updateUrl, a query request path queryUrl, and an attribute list props.
In order to achieve a one-to-one correspondence of graphics and models for the same device, the name value must be equal to the class attribute value in the graphics definition. The attribute list props may be used to add and delete entries according to the actual modeling requirements. Each attribute needs to define an attribute name attr, a display name label in the modeling guide, whether it is editable editable in the modeling guide, whether visible is visible in the modeling guide, and whether it is a required field required in the modeling guide. If some attributes need to be selected in modeling guidance, a query request path url of the selected content and a required parameter param need to be set, if the query request does not need a parameter, the parameter needs to be set, but the parameter is uncertain, the value of the parameter needs to be set to be null, and the parameter values are dynamically set later.
And analyzing the graphic style definition file to generate equipment graphics, reading and analyzing the graphic style definition file, dynamically drawing the graphics in the file, and displaying the graphics in a drawing tool graphics list.
Parameters such as name, type, style, width, height and the like in the graphic style definition file are read, device graphic objects are generated according to the parameters, and then the device graphic objects are added into a graphic list. In addition, a connection point of the graphic is generated according to the connection point label, and a drag event is added to the graphic. In this way, devices such as power, water, etc. can be dynamically drawn and presented in a graphical list.
Drawing a device by dragging the device graph, selecting the device graph in the graph list, dragging the device graph to a drawing area, cloning the device graph and adding the device graph to a graph file drawn at present to realize drawing of the device graph.
And analyzing the model description file and dynamically generating a model maintenance component. And reading and analyzing the model description file, acquiring the model description information of the equipment, and converting the information into rendering data of a model maintenance component required by the Web front-end UI. The information data is an object array, the length of the array is equal to the number of attributes in an attribute list of model description information, wherein attr, label, editable, visible, required attributes are obtained by directly reading from a model description file, isSelect attributes are distinguished according to whether url attributes exist or not, list attribute values are sent to a drawing modeling tool server according to a request path in the model description file to request for obtaining data, the server fills list attribute values after returning the data, and then a front-end model maintenance component is refreshed to finish dynamic generation and opening of the model maintenance component.
In the dynamically generated model maintenance component, modeling data is filled in or selected to complete modeling operations, thereby successfully creating a graphic of a device and its model. This operation relies on real-time synchronization of front-end graphics and model information of the drawing modeling tool of the B/S architecture. And the user sequentially drags the equipment graph and the connecting line to draw and model the graph until the graph drawing is completed.
The foregoing description of the preferred embodiments of the invention is not intended to be limiting, but rather is intended to cover all modifications, equivalents, and alternatives falling within the spirit and principles of the invention.
Claims (6)
1. A method for graphical componentization in a B/S architecture-based drawing modeling tool, the method comprising the operations of:
Defining a device graphic style, expanding on the basis of mxGraph graphic style definition, newly adding a class attribute and a subs attribute in a shape tag to distinguish different styles of the same device type, and newly adding opened, closed two tags in a background tag to distinguish different states of the same device type;
Defining device model description information, including a name, a display name ALIASNAME, a new request path addUrl, a modification request path updateUrl, a query request path queryUrl, and an attribute list props, where the name value is the same as the class attribute value in the graphics style;
Analyzing the graphic style file, generating an equipment graphic object according to the parameters, adding the equipment graphic object into a graphic list, adding a drag event for the graphic, selecting the equipment graphic in the graphic list, and dragging the equipment graphic to a drawing area to finish drawing the graphic;
Analyzing the model description file, acquiring model description information of the equipment, converting the model description information into rendering data of a model maintenance component required by the Web front-end UI, dynamically generating the model maintenance component, and filling or selecting modeling data in the model maintenance component to complete modeling operation.
2. The method for forming graphic components in drawing modeling tool based on B/S architecture according to claim 1, wherein the attribute list in the equipment model description information is added and deleted according to actual modeling requirement, each attribute needs to define attribute name attr, display name label in modeling guide, whether edit is possible in modeling guide editable, whether visible is visible in modeling guide, and whether required field is required in modeling guide.
3. The method for forming graphic components in a drawing modeling tool based on a B/S architecture according to claim 1, wherein the rendering data is an object array, and the length of the array is equal to the number of attributes in an attribute list of the model description information; the attr, label, editable, visible, required attributes in the array are obtained by directly reading the model description file, the isSelect attributes are distinguished according to whether url attributes exist or not, the list attribute values send requests to a drawing modeling tool server according to a request path in the model description file to acquire data, and the server fills the list attribute values after returning the data.
4. A system for graphical componentization in a B/S architecture-based drawing modeling tool, the system comprising:
The graphic style definition module is used for defining a graphic style of the device, expanding the graphic style on the basis of mxGraph graphic style definition, newly adding a class attribute and a subs attribute in a shape label to distinguish different styles of the same device type, and newly adding opened, closed two labels in a background label to distinguish different states of the same device type;
the model description definition module is used for defining device model description information, and comprises a name, a display name ALIASNAME, a new request path addUrl, a modification request path updateUrl, a query request path queryUrl and an attribute list props, wherein the name value is the same as the class attribute value in the graphic style;
The graphic analysis drawing module is used for analyzing the graphic style file, generating an equipment graphic object according to the parameters, adding the equipment graphic object into a graphic list, adding a drawing event for the graphic, selecting the equipment graphic in the graphic list, and drawing the equipment graphic into a drawing area to finish graphic drawing;
the model analysis construction module is used for analyzing the model description file, acquiring the model description information of the equipment, converting the model description information into rendering data of a model maintenance component required by the Web front-end UI, dynamically generating the model maintenance component, and filling or selecting modeling data in the model maintenance component to complete modeling operation.
5. The system of claim 4, wherein the list of attributes in the device model description information is added and deleted according to actual modeling requirements, each attribute needs to define an attribute name attr, a display name label in a modeling guide, whether it is editable editable in the modeling guide, whether it is visible in the modeling guide, and whether it is a required field in the modeling guide.
6. The system for graphic assembly in a drawing modeling tool based on a B/S architecture according to claim 4, wherein the rendering data is an object array, and the length of the array is equal to the number of attributes in an attribute list of the model description information; the attr, label, editable, visible, required attributes in the array are obtained by directly reading the model description file, the isSelect attributes are distinguished according to whether url attributes exist or not, the list attribute values send requests to a drawing modeling tool server according to a request path in the model description file to acquire data, and the server fills the list attribute values after returning the data.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010582783.4A CN111813401B (en) | 2020-06-23 | 2020-06-23 | Graphic assembly method and system in drawing modeling tool based on B/S architecture |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010582783.4A CN111813401B (en) | 2020-06-23 | 2020-06-23 | Graphic assembly method and system in drawing modeling tool based on B/S architecture |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111813401A CN111813401A (en) | 2020-10-23 |
| CN111813401B true CN111813401B (en) | 2024-05-03 |
Family
ID=72845597
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010582783.4A Active CN111813401B (en) | 2020-06-23 | 2020-06-23 | Graphic assembly method and system in drawing modeling tool based on B/S architecture |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111813401B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113157265A (en) * | 2021-03-12 | 2021-07-23 | 杭州未名信科科技有限公司 | Data processing method and device, medium and equipment for visual programming |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6611725B1 (en) * | 2000-02-03 | 2003-08-26 | Solidworks Corporation | Computer drawing system |
| CN107807954A (en) * | 2017-09-28 | 2018-03-16 | 广东亿迅科技有限公司 | Visual modeling dimensional analytic system and its method |
| CN109086515A (en) * | 2018-07-25 | 2018-12-25 | 西南交通大学 | The modeling method of primary equipment pictorial information in intelligent substation SSD based on SVG |
| CN109615210A (en) * | 2018-12-05 | 2019-04-12 | 山东浪潮通软信息科技有限公司 | Business process map methods of exhibiting and system under a kind of Web frame |
| CN110968316A (en) * | 2019-12-02 | 2020-04-07 | 山东有人信息技术有限公司 | Configuration editor and editing method based on browser |
-
2020
- 2020-06-23 CN CN202010582783.4A patent/CN111813401B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6611725B1 (en) * | 2000-02-03 | 2003-08-26 | Solidworks Corporation | Computer drawing system |
| CN107807954A (en) * | 2017-09-28 | 2018-03-16 | 广东亿迅科技有限公司 | Visual modeling dimensional analytic system and its method |
| CN109086515A (en) * | 2018-07-25 | 2018-12-25 | 西南交通大学 | The modeling method of primary equipment pictorial information in intelligent substation SSD based on SVG |
| CN109615210A (en) * | 2018-12-05 | 2019-04-12 | 山东浪潮通软信息科技有限公司 | Business process map methods of exhibiting and system under a kind of Web frame |
| CN110968316A (en) * | 2019-12-02 | 2020-04-07 | 山东有人信息技术有限公司 | Configuration editor and editing method based on browser |
Non-Patent Citations (3)
| Title |
|---|
| 基于mxGraph的可视化网络资源管理系统的设计与实现;邢可;硕士电子期刊 信息科技;20190815;全文 * |
| 基于mxGraph的遥感产品生产在线流程定制的设计与实现;孙彻;硕士电子期刊 工程科技Ⅱ辑;20200115;全文 * |
| 智能图形建模在化工流程模拟系统中的研究与实现;鲁铮 等;计算机与应用化学;20191028;第36卷(第05期);全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111813401A (en) | 2020-10-23 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103500249B (en) | Visualization Relay Protection Setting Calculation System and method | |
| CN112507499B (en) | GIS-based power distribution network line loss data acquisition method and related device | |
| CN105550758A (en) | GIS-based underground pipeline operation and maintenance system | |
| CN102750419B (en) | Subway comprehensive pipeline aided design system and method | |
| CN104317842A (en) | Intelligent data extraction and thematic map generation engine based on geographic information technology | |
| CN103530407B (en) | Method and device for generating rich text document | |
| CN101483342A (en) | Geographical information system used for electric system | |
| KR102346920B1 (en) | Apparatus and method of constructing digital twin | |
| CN108153965B (en) | Method for automatically generating interval chart based on SCD file | |
| CN110795848B (en) | Large-scale commercial complex logistics intelligent operation and maintenance method | |
| CN110532047B (en) | Power grid graph standardization system for regulating and controlling cloud platform | |
| CN111813401B (en) | Graphic assembly method and system in drawing modeling tool based on B/S architecture | |
| CN112817651A (en) | Canvas-based graph generation method and Canvas-based graph generation system | |
| CN106846431B (en) | Unified Web graph drawing system supporting multiple expression forms | |
| CN109447466B (en) | Overall process visual management and control system based on power distribution network communication network construction | |
| CN108563898B (en) | Man-machine interactive single-line digital modeling method for power grid | |
| CN107291933B (en) | Petri network-based soft PLC system data synchronization method | |
| Leng et al. | A data integration and simplification framework for improving site planning and building design | |
| CN101620744A (en) | Method for processing three-dimensional scene data based on XML | |
| CN115981625A (en) | Extensible power system wiring diagram interface modeling method and system | |
| CN106815665B (en) | Method for realizing intelligent ad hoc budget estimate of power distribution network engineering | |
| CN112532432B (en) | Automatic mapping method and system based on LTU terminal | |
| CN112560131B (en) | Traffic sign board rapid parameterization BIM dynamic modeling method and traffic sign board BIM modeling system | |
| CN114818631A (en) | Method and device for compiling over-plan power utilization and power limiting line modification table | |
| CN114676959A (en) | Distribution network graph model management method and device |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |