CN106469055A - A kind of Web graph shape dispositions method and device - Google Patents
A kind of Web graph shape dispositions method and device Download PDFInfo
- Publication number
- CN106469055A CN106469055A CN201610437450.6A CN201610437450A CN106469055A CN 106469055 A CN106469055 A CN 106469055A CN 201610437450 A CN201610437450 A CN 201610437450A CN 106469055 A CN106469055 A CN 106469055A
- Authority
- CN
- China
- Prior art keywords
- product
- working area
- systems
- unit
- information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 43
- 239000000047 product Substances 0.000 claims description 547
- 239000006227 byproduct Substances 0.000 claims description 5
- 238000010276 construction Methods 0.000 claims description 5
- 238000012545 processing Methods 0.000 claims description 5
- 238000001514 detection method Methods 0.000 claims description 2
- 230000008569 process Effects 0.000 description 9
- 238000013499 data model Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 8
- 238000012986 modification Methods 0.000 description 7
- 230000004048 modification Effects 0.000 description 7
- 230000000007 visual effect Effects 0.000 description 5
- 230000006399 behavior Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000008878 coupling Effects 0.000 description 2
- 230000007812 deficiency Effects 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000003860 storage Methods 0.000 description 2
- 238000005284 basis set Methods 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000007257 malfunction Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
- 230000001737 promoting effect Effects 0.000 description 1
- 230000000717 retained effect Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
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
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the invention discloses the method and device that a kind of Web graph shape is disposed, wherein method include detecting whether there is product figure drag and drop the placement operation in working area, the product information that a product figure correspondence prestores；If there is placement operation, according to the pictorial information of the product figure prestoring, product figure is positioned in working area；Detect whether there is the foundation operation setting up the incidence relation between product figure in working area；If exist setting up operation, set up the incidence relation between corresponding product figure；The incidence relation of the product figure according to drag and drop and foundation constructs at least one product systems figure in working area；Dispose the product resource of each product systems figure.The embodiment of the present invention forms product systems figure by editing product figure in working area, completes the resource deployment of application system, more intuitively the incidence relation between product can display and also improves establishment efficiency simultaneously.
Description
Technical field
The present invention relates to field of computer technology, more particularly, to a kind of Web graph shape dispositions method and device.
Background technology
With the development of computer realm, when many, user needs for multiple products to be constructed as one group of collaborative application clothes
Business, existing mode often to create product in the view one by one for user in the way of an individually operated class product every time, then passes through
The form of word or form shows the relation between product, and the incidence relation between this kind of mode product is not directly perceived and single
Set up after establishment is less efficient again, easily malfunctions.
Content of the invention
The embodiment of the present invention provides a kind of Web graph shape dispositions method and system, if dryed product can be set up in same view
And the incidence relation between product, it is finally completed the resource deployment of application service.
In a first aspect, embodiments providing a kind of method of Web graph shape deployment, the method includes：Detect whether
There is product figure drag and drop the placement operation in working area, the product information that a product figure correspondence prestores；If existing
Product figure is positioned over the placement operation of working area, according to the pictorial information of the product figure prestoring, product figure is positioned over
In working area；Detect whether there is the foundation operation setting up the incidence relation between product figure in working area；If exist setting up
The foundation operation of the incidence relation between product figure, sets up the incidence relation between corresponding product figure；According to drag and drop
Product figure and the incidence relation set up construct at least one product systems figure in working area；Dispose each product system
The product resource of system figure.
On the other hand, embodiments provide a kind of Web graph shape deployment device, this Web graph shape deployment device includes：
Detector unit, placement unit, set up unit and construction unit, wherein detector unit for detecting whether existing product figure
Placement operation in working area for the drag and drop, the product information that a product figure correspondence prestores；Will if placement unit is used for presence
Product figure is positioned over the placement operation of working area, according to the pictorial information of the product figure prestoring, product figure is positioned over work
Make in area；Detector unit is additionally operable to detect whether there is the foundation behaviour setting up the incidence relation between product figure in working area
Make；If set up unit for exist set up the foundation of incidence relation between product figure and operate, set up corresponding product figure
Incidence relation between shape；Construction unit is used for according to the product figure of drag and drop and the incidence relation set up is in working area structure
Build out at least one product systems figure；Processing unit is used for disposing the product resource of each product systems figure.
The embodiment of the present invention is passed through unified view and supplies user working area in the view to edit product corresponding with product
Figure and incidence relation, ultimately form the product systems figure that a width represents application system, and then according on product systems figure
The information carrying completes the resource deployment of corresponding application system, and all of product can enter edlin in same view, more
Incidence relation between local specialties directly perceived displays and also improves establishment efficiency simultaneously.
Brief description
In order to be illustrated more clearly that embodiment of the present invention technical scheme, required use in embodiment being described below
Accompanying drawing be briefly described it should be apparent that, drawings in the following description are some embodiments of the present invention, general for this area
For logical technical staff, on the premise of not paying creative work, other accompanying drawings can also be obtained according to these accompanying drawings.
Fig. 1 is that inventive embodiments provide a kind of Web graph shape to dispose the schematic diagram of the visual view of device；
A kind of Fig. 2 schematic flow diagram of Web graph shape dispositions method provided in an embodiment of the present invention；
Fig. 3 is the schematic diagram of the product systems figure on visual view provided in an embodiment of the present invention；
Fig. 4 a is the product figure of all levels on display product systems figure provided in an embodiment of the present invention in same view
Schematic diagram；
Fig. 4 b is the product figure showing selected infrastructure level provided in an embodiment of the present invention hiden application
The product figure of service level；
A kind of Fig. 5 Web graph shape provided in an embodiment of the present invention disposes the composition schematic diagram of device.
Specific embodiment
Below in conjunction with the accompanying drawing in the embodiment of the present invention, the technical scheme in the embodiment of the present invention is carried out clear, complete
Site preparation description is it is clear that described embodiment a part of embodiment that is the present invention, rather than whole embodiments.Based on this
Embodiment in bright, the every other enforcement that those of ordinary skill in the art are obtained under the premise of not making creative work
Example, broadly falls into the scope of protection of the invention.
It should be appreciated that when using in this specification and in the appended claims, term " inclusion " and "comprising" indicate
The presence of described feature, entirety, step, operation, element and/or establishment, but it is not precluded from one or more of the other feature, whole
Body, step, operation, the presence of element, establishment and/or its set or interpolation.It is also understood that in this description of the invention institute
The term using is not intended to limit the present invention merely for the sake of the purpose of description specific embodiment.As in description of the invention
As used in appended claims, unless context clearly indicates other situations, otherwise singulative
" one ", " one " and " being somebody's turn to do " are intended to including plural form.It will be further appreciated that, will in description of the invention and appended right
Term "and/or" used in book is asked to refer to any combinations of one or more of the associated item listed and be possible to
Combination, and include these combinations.
Referring to Fig. 1, it is that the embodiment of the present invention provides a kind of Web graph shape to dispose the schematic diagram of the visual view of device.Wherein
Web graph shape is disposed device and is provided unified visual view for user operation based on SVG and VML.As illustrated, visual view 10
Including product list 11, working area 12 and the big module of Properties palette 13 3, if product list 11 is used for the right of display dryed product
The product figure answered, enters edlin so that the corresponding product figure of required product is therefrom dragged to working area by user；Working area
12 are used for editing the product figure selecting from product list to form the product systems figure for representing application system for user.
But this editor includes incidence relation, the size of adjustment product figure being not limited between establishment product figure；Attribute
The parameter that panel 13 is used for for user's modification or sets selected product, but the parameter of product includes being not limited to product
Title, the configuration of product, for example, can reset the CPU of selected cloud main frame, memory size, example on Properties palette
Quantity etc.；Mount point and the size of disk are arranged on Properties palette 13.
Referring to Fig. 2, it is a kind of schematic flow diagram of Web graph shape dispositions method provided in an embodiment of the present invention.As illustrated,
The method includes：
Step S101, detects whether there is product figure drag and drop the placement operation in working area, a product figure
The product information that prestores of correspondence, is because that product figure is corresponding with product, and product is to should have the product information prestoring.Specifically
, product is the resource set up required for an application system, but product includes being not limited to main frame, disk, application service
The resources such as device, data base, network, virtual machine.This resource is related to hardware device, software service and net when being and setting up application system
The resources such as network.It is also understood that product is corresponding with the product figure in product list；Product and the product information prestoring also phase
Corresponding.It should be noted that prestoring the product information corresponding with product, but dispose the attribute face of device in Web graph shape
Plate can be modified for predetermined fraction product information, and wherein, but product information includes being not limited to product type, ProductName
Title, product parameters and attribute etc..
If it should be noted that detecting the placement operation not existed product figure drag and drop in working area, executing step
The end flow process of rapid S107.
, if there is the placement operation that product figure is positioned over working area, according to the product figure prestoring in step S102
Product figure is positioned in working area pictorial information.Specifically, the placement detecting product figure drag and drop in working area
Operation is then considered as user and selects this corresponding product of product figure to carry out setting up application system, therefore needs just product figure drag and drop
To working area so that user edits.But the pictorial information prestoring includes being not limited to putting position, size, shape, type etc.,
Step S102 is specially, according to the putting position in pictorial information, product figure is positioned over corresponding position in working area.
Step S103, detects whether there is the foundation operation setting up the incidence relation between product figure in working area.Tool
Body, a lot of products in application system are collaborative works, have abundant incidence relation, therefore the present embodiment each other
Middle build for representing application system product systems figure when, also very rich for representing the relation between the product figure of product
Richness, preferably represents different incidence relations between product figure with different lines in the present embodiment, this incidence relation include but
It is to be not limited to inclusion relation, dependence, adduction relationship etc..The type of lines can come area with color, deficiency and excess line, thickness
Point.It should be appreciated that the type of lines is pre-set with the corresponding relation of incidence relation, when user selects a certain line and curve connection
During product figure, then correspondingly would know that the relation between connected product figure.In other feasible embodiments, acceptable
When taking other modes to represent the incidence relation of product, the such as inclusion relation of expression product A and product B, product A can be taken
Corresponding product figure accommodates the mode of product B corresponding product figure.
If there is not, it should be noted that detecting, the foundation behaviour setting up the incidence relation between product figure in working area
Make, the end flow process of execution step S107.
Step S104, if there is the foundation operation setting up the incidence relation between product figure, sets up corresponding product
Incidence relation between figure.
Step S105, the product figure according to drag and drop and the incidence relation set up construct at least one in working area
Product systems figure.
Step S106, disposes the product resource of each product systems figure.
Step S107, terminates.
Specifically, the information deployment product resource according to entrained by product systems figure is to form application system.In working area
Interior editor's product figure ultimately forms a width for representing the product systems figure of application system, and product systems in figure includes product figure
Shape and incidence relation, because product figure is to there being product information, therefore can get application system institute from product systems figure
The product information needing, that includes type, title, parameter and attribute of product etc..Implement process, by product systems figure
Entrained information is converted to the data of specific format, and the data further according to specific format builds corresponding product resource.
It should be noted that when working area carries out product graphics edition, can be in the corresponding product of Properties palette module modification
The parts of product information of product, specifically, if receive the modification operation that user changes product information on Properties palette, accordingly
The product information that prestores of modification；And be used on corresponding product figure in modification area showing the mark of this product information
Note.Change the size of data disks for example on Properties palette, be then used on corresponding data disk in working area representing the data of size
Also change accordingly.
It should be appreciated that this Web graph shape dispositions method is mainly used in user in cloud computing sets up application system, automatically according to
The operation of user and default rule construct corresponding product systems figure for the product resource of application deployment system.
Said method further, if the position of product figure is arbitrarily put, is easily caused in working area to multiple relatively
During product graphics edition, product figure is overlapped, is unfavorable for checking, therefore, in order to improve Consumer's Experience, is easy to user more
Intuitively check product systems figure in addition it is also necessary to further limit the putting position in working area for the product figure, Web graph shape is disposed
Method also include：
Working area is divided into some regions by the product information according to product, and the product figure of each product corresponds to working area
At least one interior region.Specifically, can be that working area is divided into by several areas according to the product type in product information
Domain；Can also be and divided according to product attribute, the embodiment of the present invention is not specifically limited to this.Such as Shenzhen, Shanghai two
Placement area in working area for the product figure correspondence of individual region different so that the application system that builds in two cities of difference,
Prevent from malfunctioning in a jumble.
Further, if there is the placement operation that product figure is positioned over working area in step S102, according to prestore
The pictorial information of product figure product figure is positioned in working area and specifically includes：
Judge whether product figure is positioned over corresponding region in working area；If not being positioned over corresponding in working area
Region, then remove this product figure the region placing this product figure in working area；If being disposed in working area relatively
The region answered, then retain this product figure in working area.
It should be noted that in other feasible embodiments, if not being positioned over corresponding region in working area, then from
Remove this product figure in the region placing this product figure in working area and this product figure is positioned in working area relatively
The region answered.
Though also, it should be noted setting the placement area in working area for the product figure, in order to more straight for aforementioned
The displaying product systems in figure product figure seen relation each other, also can further limit product figure puts position
Put.The graphical information of product figure also includes size, shape, type and level features except putting position.Wherein product figure
It is to be designed according to product information, including its size of design and profile；Level features be used for representing product figure and other
The level relation of product figure, that is, the level features according to product figure can get the level of product figure and other product figures
Not relation.
In the present embodiment, dividing product figure according to the product type in product information and product attribute is size adjustable
The product figure of the non-adjustable two types with size, wherein size adjustable can accommodate other product figures, and size is nonadjustable
The shape of product figure can not be adjusted.Wherein, receiving mode is used for representing the relationship between superior and subordinate between product, product figure
Can only level thereon product graphics areas, that is, the product figure of upper level can accommodate the product figure of next stage, but under
The product figure of one-level can not accommodate the product figure of upper level, and is to intersect with the product figure of one-level.Therefore basis
The level features of product figure can get the receiving mode of product figure and other product figures, and then limits product further
The putting position of product figure.For example, the product figure of region is size adjustable type, and the product figure of wherein network domains is to put
It is placed in the product figure of region；The product figure of cloud main frame is disposed in the product figure of network domains, but can not be direct
It is positioned in the product figure of region；The product figure of cloud disk is disposed in the product figure of cloud main frame.It should be appreciated that ground
The product figure in domain is the upper level of the product figure of network domains；The product figure of network domains is the upper of the product figure of cloud main frame
One-level；The product figure of cloud main frame is the upper level of the product figure of cloud disk.
In the present embodiment, the method for Web graph shape deployment also includes：Product figure is arranged according to business demand and product information
The level features of shape.If such as business demand is to set up a tomcat server cluster, for the level features of load balancing,
Then the level features of load balancing are set to the next stage of region by the attribute according to this business demand and load balancing, then profit
Connect product figure and the tomcat of load balancing with the connection for representing load balancing and tomcat server incidence relation
The product figure of server.
Further, because an application system is related to the resources such as hardware device, software equipment, network, for the ease of
User can be analyzed checking to product systems figure when setting up product systems figure from different perspectives, the side of Web graph shape deployment
Method also includes：
Product is divided into different levels by the product type according to prestoring in product information；
Product systems figure is divided into different levels, the corresponding product figure of the product of same level by the level according to product
Morpheme is in product systems in figure same level；The corresponding product figure of the product of different levels is located at product systems in figure different layers
Level.
In the present embodiment, product is divided into by basic product layer and application product according to the product type in product information
Product systems figure is divided into infrastructure level and application service level according to product level by layer.In infrastructure level
The product of the corresponding basic product layer of product figure；The product of the corresponding application product layer of the product figure in application service level.Example
As, but the product on infrastructure layer includes being not limited to region, network, virtual machine, main frame, disk etc..Application product layer
But on product include being not limited to the middlewares such as Web container, application server, Tomcat, load balancing, database product
Deng.For example, the middleware such as Tomcat need to put into the application layer of cloud main frame, that is, be located at the application service level of product systems figure, but
It is that cloud main frame is located at infrastructure level.Refer to Fig. 3, in the present embodiment, cloud master in infrastructure level on product systems figure
Machine constitutes a cuboid in the plane with middlewares such as Tomcat in application service level, more intuitively shows product systems figure
To user.Application layer should be can be regarded as with cloud main frame is an entirety, shows as main frame in infrastructure level, in application clothes
Business level shows as a logic entity.Therefore, Web graph shape dispositions method also includes：
Detection user selects to check the operation of product systems figure, and this checks that the operation of product systems figure includes checking entirely
The product figure of portion's level, check wherein one layer of product figure and check wherein one layer of product figure and other layers simultaneously
The portioned product figure of level.
If the operation of the product figure checking whole levels is detected, the product of all levels on display product systems figure
Product figure is in same view.If the operation of the product figure checking wherein a layer is detected, show the product of selected level
Figure in same view and hide other levels product figure.If detect the product figure simultaneously checking wherein a layer and its
The operation of the portioned product figure of his level, shows all product figures of selected level and other levels selected
Product figure in same view, and hide the non-selected product figure of other levels.Refer to Fig. 4 a and Fig. 4 b, Fig. 4 a
It is that the product figure of all levels on product systems figure is showed in same view；Fig. 4 b is to show that selected basis sets
Apply the product figure of level and hiden application services the product figure of level.
It should be noted that in order that constructed product systems figure can be used in webpage and does user mutual, Web graph shape portion
Arranging method also includes：
Graphical Data Model is built according to product systems figure.This Graphical Data Model includes several and implements data, each
Product figure on the corresponding product systems figure of instance data or the combination of product figure, therefore, an instance data includes
The product information of corresponding product figure and graphical information.In the present embodiment, preferably Graphical Data Model is tree structure, its bag
Include a root node, a tree node and several nodes, Zhi Jiedian is located on tree node.Each node corresponds to a reality
Number of cases evidence, i.e. the combination of the corresponding product figure of each node or product figure.The inclusion relation of tree node and Zhi Jiedian with
Inclusion relation between product figure is corresponding, therefore in the present embodiment build product systems figure process, according to product figure with
And default product figure builds Graphical Data Model with the corresponding relation of node.
To sum up, complete the foundation of Graphical Data Model while building product systems figure, when promoting to derive picture, except figure
The data of itself, synchronous can also derive data model, therefore constructed product systems figure can be used in webpage and does user's friendship
Mutually.
It should be appreciated that above-mentioned Web graph shape dispositions method provides unified view to supply user to set up some products and product
Between incidence relation, and then complete the resource deployment of application system, edit in working area especially by user corresponding with product
Product figure, ultimately form a width for representing the product systems figure of application system, and then according to taking on product systems figure
The information of band completes the product resource deployment of corresponding application system.This process does not need to edit product figure one by one on a view
Shape recombinant, and then improve establishment efficiency；Further, according to product information deisgn product figure and division product systems
Figure is multiple level, is more intuitively more intuitively displayed the relation of product each in application system, is easy to user and checks,
Improve experience sense to be subject to.
Refer to Fig. 5, provide a kind of Web graph shape to dispose the composition schematic diagram of device 100 for the embodiment of the present invention.As schemed
Show, Web graph shape deployment device 100 include detector unit 501, placement unit 502, set up unit 503, construction unit 504 and
Processing unit 505.
Wherein detector unit 501 for detecting whether exist by product figure drag and drop the placement operation in working area, one
The product information that individual product figure correspondence prestores.It is because that product figure is corresponding with product, and product is to should have the product prestoring
Product information.Specifically, product is the resource set up required for an application system, but product includes being not limited to main frame, magnetic
The resources such as disk, application server, data base, network, virtual machine.This resource be set up application system when be related to hardware device,
The resource such as software service and network.It is also understood that product is corresponded with the product figure in product list；Product with prestore
Product information also correspond.But product information includes being not limited to product type, name of product, product attribute and parameter
Deng.
Detector unit 501 is additionally operable to detect whether there is the foundation setting up the incidence relation between product figure in working area
Operation.
If the placement that placement unit 502 detects the presence of product figure drag and drop in working area for detector unit 501
Operation, according to the pictorial information of the product figure prestoring, product figure is positioned in working area.Specifically, pictorial information includes
But it is not limited to putting position, size, shape, type etc..
Set up the association between product figure in working area if setting up unit 503 and detecting the presence of for detector unit 501
The foundation operation of relation, sets up the incidence relation between corresponding product figure.Specifically, a lot of products in application system
It is collaborative work, there is abundant incidence relation each other, therefore build for representing application system in the present embodiment
During product systems figure, also very abundant for representing the relation between the product figure of product, preferably with different in the present embodiment
Lines represent different incidence relations between product figure, but this incidence relation includes being not limited to inclusion relation, relies on and close
System, adduction relationship etc..The type of lines can be distinguished with color, deficiency and excess line, thickness.
Construction unit 504 be used for according to the product figure of drag and drop and the incidence relation set up working area construct to
A few product systems figure.
Processing unit 505 is used for disposing the product resource of each product systems figure, specifically, according to each product systems figure
In the corresponding product information of all product figures and incidence relation build product resource.And then edit product figure in working area
Shape ultimately forms a width for representing the product systems figure of application system, and product systems in figure includes product figure and association is closed
System, because product figure is to there being product information, therefore can get the product letter required for application system from product systems figure
Breath, that includes type, title, attribute and parameter of product etc..Implement process, by the information entrained by product systems figure
Be converted to the data of specific format, the data further according to specific format builds corresponding product resource.
Said method further, if the position of product figure is arbitrarily put, is easily caused in working area to multiple relatively
During product graphics edition, product figure is overlapped, is unfavorable for checking, therefore, in order to improve Consumer's Experience, is easy to user more
Intuitively check product systems figure in addition it is also necessary to further limit the putting position in working area for the product figure, Web graph shape is disposed
Device 100 also includes division unit 506.
Division unit 506 is used for, according to the product information of product, working area is divided into some regions, the product of each product
At least one region in the corresponding working area of product figure.
Placement unit 502 also includes judging unit 521 and control unit 522, and wherein judging unit 512 is used for judging to produce
Whether product figure is positioned over corresponding region in working area；If control unit 522 judges it is not to place for judging unit 521
Corresponding region in working area, then remove this product figure and go back the region placing this product figure in working area
If judging to be disposed on corresponding region in working area for judging unit 521, retained product figure is in working area.
In other feasible embodiments, if control unit 522 judges not to be disposed on working area for judging unit 521
In corresponding region, then remove this product figure the region placing this product figure in working area and by this product figure
It is positioned over corresponding region in working area.
Also, it should be noted having determined the placement area in working area for the product figure, in order to more intuitively open up for aforementioned
Show product systems in figure product figure relation each other, also can further limit the putting position of product figure.Product
The graphical information of figure also includes size, shape, type and level features except putting position.Wherein product figure is according to product
Product information is designed, including its size of design and profile；Level features are used for representing product figure and other product figures
Level relation, that is, the level features according to product figure can get the level relation of product figure and other product figures.
In the present embodiment, according to the product type in product information and product attribute divide product figure be size adjustable and size not
The product figure of adjustable two types, wherein size adjustable can accommodate other product figures, size nonadjustable product figure
Shape can not be adjusted.Wherein, receiving mode is used for representing the relationship between superior and subordinate between product, product figure can only be at it
The product graphics areas of higher level, that is, the product figure of upper level can accommodate the product figure of next stage, but the product of next stage
Product figure can not accommodate the product figure of upper level, and is to intersect with the product figure of one-level.Therefore according to product figure
Level features can get the receiving mode of product figure and other product figures, and then limit product figure further
Putting position.
Web graph shape deployment device 100 also includes arranging unit 507, and arranging unit 507 is used for according to business demand and product
Product information arranges the level features of product figure.
Further, because an application system is related to the resources such as hardware device, software equipment, network, for the ease of
User can be analyzed checking to product systems figure when setting up product systems figure from different perspectives, and Web graph shape disposes device
100 also include taxon 508 and delaminating units 509.
Product is divided into different levels by the product type that wherein taxon 508 is used for according to prestoring in product information.
Delaminating units 509 are used for, according to the level of product, product systems figure is divided into different levels, same level
The corresponding product figure of product is located at product systems in figure same level；The corresponding product figure of the product of different levels is located at and produces
Strain system in figure different levels.
In the present embodiment, product is divided into by basic product layer and application product according to the product type in product information
Product systems figure is divided into infrastructure level and application service level according to product level by layer.In infrastructure level
The product of the corresponding basic product layer of product figure；The product of the corresponding application product layer of the product figure in application service level.Example
As, but the product on infrastructure layer includes being not limited to region, network, virtual machine, main frame, disk etc..Application product layer
But on product include being not limited to the middlewares such as Web container, application server, Tomcat, load balancing, database product
Deng.
Product systems figure more intuitively can be checked to understand the incidence relation between product, Web graph in order to meet user
Shape deployment device 100 also includes detecting unit 510 and display unit 511.
Wherein detecting unit 510 is used for detecting that user selects to check the operation of product systems figure, this checks product systems
The operation of figure includes checking the product figure of whole levels, checking wherein one layer of product figure and check wherein one simultaneously
The product figure of layer and the portioned product figure of other levels.
If display unit 511 detects the operation of the product figure checking whole levels for detecting unit 510, display is produced
The product figure of all levels that strain is united on figure is in same view；If the behaviour of the product figure checking wherein a layer is detected
Make, show the product figure of selected level in same view and other levels hiding product figure；If detecting simultaneously
Check wherein one layer of product figure and the portioned product figure of other levels, show all product figures of selected level
In the product figure of same view and other levels selected, and hide the non-selected product figure of other levels.
In order that constructed product systems figure can be used in webpage and does user mutual, Web graph shape deployment device 100 also wraps
Include modeling unit 512, wherein modeling unit 512, for Graphical Data Model, this graph data mould are built according to product systems figure
Type includes several and implements data, the product figure on the corresponding product systems figure of each instance data or the group of product figure
Close, therefore, an instance data includes product information and the graphical information of corresponding product figure.In the present embodiment, preferably scheme
Graphic data model is tree structure, and it includes a root node, a tree node and several nodes, and Zhi Jiedian is located at tree
On node.Each node corresponds to an instance data, i.e. the combination of the corresponding product figure of each node or product figure.Tree
Inclusion relation between the inclusion relation of node and Zhi Jiedian and product figure is corresponding, builds product system therefore in the present embodiment
System figure process, modeling unit 512 builds figure number according to product figure and default product figure with the corresponding relation of node
According to model.
To sum up shown, above-mentioned Web graph shape dispose apparatus and method provide unified view supply user set up some products with
And the incidence relation between product, and then complete the resource deployment of application system, especially by user working area editor with produce
Product corresponding product figure, ultimately forms the product systems figure that a width represents application system, and then according on product systems figure
The information carrying completes the resource deployment of corresponding application system.This Web graph shape dispositions method and instrument are mainly used in cloud meter
In calculation, user sets up application system, and the operation automatically according to user and default rule construct corresponding product systems figure.
It should be noted that the step in present invention method can carry out order according to actual needs and adjusting, close
And and delete.
Unit in embodiment of the present invention terminal can merge according to actual needs, divides and delete.
Those skilled in the art can be understood that, for convenience of description and succinctly, the work of foregoing description
Tool and the specific work process of unit, may be referred to the corresponding process in preceding method embodiment, will not be described here.
It should be understood that disclosed apparatus and method in several embodiments provided herein, can be passed through it
Its mode is realized.For example, device embodiment described above is only schematically, for example, the division of described unit, and only
It is only a kind of division of logic function, actual can have other dividing mode when realizing, for example multiple units or set up and can tie
Close or be desirably integrated into another system, or some features can be ignored, or do not execute.In addition, shown or discussed phase
Coupling between mutually or direct-coupling or communication connection can be INDIRECT COUPLING or the communication by some interfaces, device or unit
Connect or electricity, machinery or other forms connect.
The described unit illustrating as separating component can be or may not be physically separate, show as unit
The part showing can be or may not be physical location, you can with positioned at a place, or can also be distributed to multiple
On NE.Some or all of unit therein can be selected according to the actual needs to realize embodiment of the present invention scheme
Purpose.
In addition, can be integrated in a processing unit in each functional unit in each embodiment of the present invention it is also possible to
It is that unit is individually physically present or two or more units are integrated in a unit.Above-mentioned integrated
Unit both can be to be realized in the form of hardware, it would however also be possible to employ the form of SFU software functional unit is realized.
If described integrated unit is realized and as independent production marketing or use using in the form of SFU software functional unit
When, can be stored in a computer read/write memory medium.Based on such understanding, technical scheme is substantially
The part in other words prior art being contributed, or all or part of this technical scheme can be in the form of software product
Embody, this computer software product is stored in a storage medium, including some instructions with so that a computer
Equipment (can be personal computer, server, or network equipment etc.) executes the complete of each embodiment methods described of the present invention
Portion or part steps.And aforesaid storage medium includes：USB flash disk, portable hard drive, read only memory (ROM, Read-Only
Memory), random access memory (RAM, Random Access Memory), magnetic disc or CD etc. are various can store journey
The medium of sequence code.
The above, the only specific embodiment of the present invention, but protection scope of the present invention is not limited thereto, and any
Those familiar with the art the invention discloses technical scope in, various equivalent modifications can be readily occurred in or replace
Change, these modifications or replacement all should be included within the scope of the present invention.Therefore, protection scope of the present invention should be with right
The protection domain requiring is defined.
Claims (10)
1. a kind of method of Web graph shape deployment is it is characterised in that include：
Detect whether there is product figure drag and drop the placement operation in working area, described product figure correspondence prestores
Product information；
If there is the placement operation that product figure is positioned over working area, will be described according to the pictorial information of the product figure prestoring
Product figure is positioned in working area；
Detect whether there is the foundation operation setting up the incidence relation between product figure in described working area；
If there is the foundation operation setting up the incidence relation between product figure, set up described between corresponding product figure
Incidence relation；
Described product figure according to drag and drop and the described incidence relation set up construct at least one in described working area
Product systems figure；
Dispose the product resource of each described product systems figure.
2. method according to claim 1 is it is characterised in that methods described also includes：
Described working area is divided into some regions by the product information according to product, and the product figure of each product corresponds to described work
Make at least one region in area；
The pictorial information of the product figure that described basis prestores described product figure is positioned in working area and also includes：
Judge whether described product figure is positioned over corresponding region in described working area；
If it is not, removing described product figure by placing in described working area in the region of described product figure.
3. method according to claim 1 is it is characterised in that described product figure is divided into according to default product information
Size adjustable and the non-adjustable two types of size, the product figure of described size adjustable can accommodate other product figures.
4., it is characterised in that described product information includes product type, methods described is also for method according to claim 1
Including：
Product is divided into different levels by the product type according to prestoring in product information；
Product systems figure is divided into different levels, the corresponding product pattern bit of the product of same level by the level according to product
In product systems in figure same level；The corresponding product figure of the product of different levels is located at product systems in figure different levels.
5. method according to claim 4 is it is characterised in that methods described also includes：
Detection user selects to check the operation of product systems figure, and the described operation checking product systems figure includes checking all
The product figure of level and the product figure checking wherein a layer；
If the operation of the product figure checking whole levels is detected, the product figure of all levels on display product systems figure
Shape is in same view；If the operation of the product figure checking wherein a layer is detected, show the product figure of selected level
Shape in same view and hide other levels product figure.
6. a kind of Web graph shape deployment device is it is characterised in that include：
, for detecting whether there is product figure drag and drop the placement operation in working area, a described product in detector unit
The product information that figure correspondence prestores；
Placement unit, if for there is the placement operation that product figure is positioned over working area, according to the product figure prestoring
Described product figure is positioned in working area pictorial information；
Detector unit, is additionally operable to detect whether there is the foundation behaviour setting up the incidence relation between product figure in described working area
Make；
Set up unit, if for there is the foundation operation setting up the incidence relation between product figure, setting up corresponding product
Described incidence relation between figure；
Construction unit, for the described product figure according to drag and drop and the described incidence relation set up is in described working area structure
Build out at least one product systems figure；
Processing unit, for disposing the product resource of each described product systems figure.
7. Web graph shape deployment device according to claim 6 is it is characterised in that described Web graph shape deployment device also includes
Division unit, described placement unit also includes judging unit and control unit,
Described working area is divided into some regions for the product information according to product by described division unit, each product
At least one region in the corresponding described working area of product figure；
Described judging unit, for judging whether described product figure is positioned over corresponding region in described working area；
Described control unit, if for judging that product figure is not disposed on corresponding region in described working area, will be from institute
State in the region place in working area described product figure and remove described product figure.
8. Web graph shape deployment device according to claim 6 is it is characterised in that described product figure is according to default product
Product information is divided into size adjustable and the non-adjustable two types of size, and the product figure of described size adjustable can accommodate other products
Figure.
9. Web graph shape deployment device according to claim 6 is it is characterised in that described Web graph shape deployment device also wraps
Include：
Taxon, for being divided into different levels according to the product type in product information that prestores by product；
Product systems figure is divided into different levels for the level according to product by delaminating units, the product of same level
Corresponding product figure is located at product systems in figure same level；The corresponding product figure of the product of different levels is located at product systems
In figure different levels.
10. Web graph shape deployment device according to claim 9 is it is characterised in that described Web graph shape deployment device also wraps
Include：
Detecting unit, for detect user select to check product systems figure operation, the described product systems figure checked
Operation includes checking the product figure of whole levels and checks wherein one layer of product figure；
Display unit, if for the operation product figure checking whole levels is detected, show the institute on product systems figure
The product figure having level is in same view；If the operation of the product figure checking wherein a layer is detected, display is selected
The product figure of level in same view and hide other levels product figure.
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610437450.6A CN106469055B (en) | 2016-06-17 | 2016-06-17 | A kind of Web graph shape dispositions method and device |
| PCT/CN2017/076515 WO2017215298A1 (en) | 2016-06-17 | 2017-03-14 | Web graphic deployment method, apparatus, system and computer readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610437450.6A CN106469055B (en) | 2016-06-17 | 2016-06-17 | A kind of Web graph shape dispositions method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN106469055A true CN106469055A (en) | 2017-03-01 |
| CN106469055B CN106469055B (en) | 2019-11-08 |
Family
ID=58230059
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610437450.6A Active CN106469055B (en) | 2016-06-17 | 2016-06-17 | A kind of Web graph shape dispositions method and device |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN106469055B (en) |
| WO (1) | WO2017215298A1 (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2017215298A1 (en) * | 2016-06-17 | 2017-12-21 | 平安科技（深圳）有限公司 | Web graphic deployment method, apparatus, system and computer readable storage medium |
| CN113138829A (en) * | 2021-06-22 | 2021-07-20 | 阿里云计算有限公司 | Management method, device, equipment and storage medium of cloud application architecture |
| CN113138830A (en) * | 2021-06-22 | 2021-07-20 | 阿里云计算有限公司 | Method, device, equipment and storage medium for generating cloud application architecture diagram |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111625589B (en) * | 2019-02-28 | 2023-04-14 | 阿里巴巴集团控股有限公司 | Information display method and device |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101005684A (en) * | 2006-12-25 | 2007-07-25 | 华为技术有限公司 | Method and device for realizing equipment operation, and method and device for forming equipment interface |
| CN103514310A (en) * | 2012-06-26 | 2014-01-15 | 上海宝信软件股份有限公司 | Visualized editing and displaying method for IT infrastructure topology |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US5986653A (en) * | 1997-01-21 | 1999-11-16 | Netiq Corporation | Event signaling in a foldable object tree |
| CN1567295A (en) * | 2003-06-18 | 2005-01-19 | 英业达股份有限公司 | Method for managing network resource on page |
| CN106469055B (en) * | 2016-06-17 | 2019-11-08 | 平安科技（深圳）有限公司 | A kind of Web graph shape dispositions method and device |
-
2016
- 2016-06-17 CN CN201610437450.6A patent/CN106469055B/en active Active
-
2017
- 2017-03-14 WO PCT/CN2017/076515 patent/WO2017215298A1/en active Application Filing
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101005684A (en) * | 2006-12-25 | 2007-07-25 | 华为技术有限公司 | Method and device for realizing equipment operation, and method and device for forming equipment interface |
| CN103514310A (en) * | 2012-06-26 | 2014-01-15 | 上海宝信软件股份有限公司 | Visualized editing and displaying method for IT infrastructure topology |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2017215298A1 (en) * | 2016-06-17 | 2017-12-21 | 平安科技（深圳）有限公司 | Web graphic deployment method, apparatus, system and computer readable storage medium |
| CN113138829A (en) * | 2021-06-22 | 2021-07-20 | 阿里云计算有限公司 | Management method, device, equipment and storage medium of cloud application architecture |
| CN113138830A (en) * | 2021-06-22 | 2021-07-20 | 阿里云计算有限公司 | Method, device, equipment and storage medium for generating cloud application architecture diagram |
Also Published As
| Publication number | Publication date |
|---|---|
| WO2017215298A1 (en) | 2017-12-21 |
| CN106469055B (en) | 2019-11-08 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CA2951145C (en) | Page constructor and page constructing method | |
| CN104899384B (en) | A kind of monitoring structural health conditions visualization system based on Revit | |
| CN106469055A (en) | A kind of Web graph shape dispositions method and device | |
| US7370315B1 (en) | Visual programming environment providing synchronization between source code and graphical component objects | |
| US20110210986A1 (en) | Systems and methods for determining positioning and sizing of graphical elements | |
| CN103684816B (en) | resource information display method and device | |
| CN108628608A (en) | A kind of method and device of data visualization | |
| EP2293160A1 (en) | Methods and apparatus for modifying process control data | |
| CN110807015A (en) | Big data asset value delivery management method and system | |
| CN104616207A (en) | Power grid topological visualization system and power grid topological visualization method | |
| CN102567839A (en) | Hybrid task board and critical path based project application | |
| CN102567840A (en) | Hybrid task board and critical path method based project management application interface | |
| CN103970527A (en) | Assistive Overlay For Report Generation | |
| CN102142152B (en) | For show method, device and the program of object on computer screen | |
| CN109716294B (en) | User interface with removable mini-tab | |
| CN102830979A (en) | CAD (computer-aided design) drawing information batch processing method based on ObjectArx | |
| CN105787034A (en) | Data presentation method and device | |
| CN110502803A (en) | Wiring method and device based on BIM technology | |
| CN105703923A (en) | Network asset information demonstration method and device | |
| CN102411646B (en) | Distribution data processing method and device | |
| CN103778154B (en) | The retrography method and device of form attributes | |
| CN109544703A (en) | It is a kind of to be easily achieved interactive data center Web3D model loading method | |
| CN106548290A (en) | A kind of urban area development decision-making supports system and method | |
| CN106202768B (en) | Attribute input method in house property area Calculation Plane figure | |
| CN107590341A (en) | Ground style paving service system, laying method, electronic equipment and computer program product |
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 |