WO2017215298A1

WO2017215298A1 - Web graphic deployment method, apparatus, system and computer readable storage medium

Info

Publication number: WO2017215298A1
Application number: PCT/CN2017/076515
Authority: WO
Inventors: 冯学健
Original assignee: 平安科技（深圳）有限公司
Priority date: 2016-06-17
Filing date: 2017-03-14
Publication date: 2017-12-21
Also published as: CN106469055B; CN106469055A

Abstract

A web graphic deployment method, an apparatus, a system and a computer readable storage medium, said method comprising: detecting whether there is a placement operation of product graphics being dragged and dropped in a workspace, wherein product graphics correspond to pre-stored product information (S101); if there is a placement operation, then product graphics are placed within a workspace according to pre-stored image information of the product graphics (S102); detecting whether there is an establishment operation for establishing an association relationship between product graphics in the workspace (S103); and if there is an establishment operation, establishing an association relationship between corresponding product graphics (S104); constructing at least one product system diagram in the workspace according to the product graphics which have been dragged and dropped and the association relationship that has been established (S105); deploying the product resources for each product system diagram (S106). Resource deployment for an application system is completed by means of editing the product graphics and forming product system diagrams in the workspace, allowing for a more direct view of association relationships between products to be displayed, while also improving the organizational efficiency.

Description

Web graphics deployment method, device, system and computer readable storage medium

Technical field

The present invention relates to the field of computer technologies, and in particular, to a web graphics deployment method, apparatus, system, and computer readable storage medium.

Background technique

With the development of the computer field, many times users need to build multiple products into a set of collaborative application services. The existing methods often create a product one by one for each user to operate one type of product in the view. The relationship between products is displayed in the form of words or tables. In this way, the relationship between products is not intuitive enough, and the efficiency of building them after a single creation is low and error-prone.

Summary of the invention

The embodiment of the invention provides a web graphics deployment method and system, which can establish a plurality of products and association relationships between products in the same view, and finally complete resource deployment of application services.

In a first aspect, an embodiment of the present invention provides a method for deploying a web graphic, the method comprising: detecting whether there is a placing operation of dragging and dropping a product graphic into a work area, and a product graphic corresponding to pre-stored product information; The product graphics are placed in the work area, and the product graphics are placed in the work area according to the picture information of the pre-stored product graphics; detecting whether there is an establishment operation for establishing an association relationship between product graphics in the work area; Establishing an association relationship between the related products, establishing an association relationship between the corresponding product graphics; constructing at least one product system map in the work area according to the drag-and-drop product graphics and the established association relationship; deploying each product system diagram Product resources.

In another aspect, an embodiment of the present invention provides a web graphics deployment apparatus, where the web graphics deployment apparatus includes: a detecting unit, a placing unit, an establishing unit, and a building unit, wherein the detecting unit is configured to detect whether there is a drag and drop of the product graphic. a placement operation in the work area, a product graphic corresponding to the pre-stored product information; the placement unit is configured to place the product graphic in the work area according to the picture information of the pre-stored product graphic if there is a placement operation for placing the product graphic in the work area; The detecting unit is further configured to detect whether there is a establishing operation for establishing an association relationship between the product graphics in the working area; the establishing unit is configured to establish a relationship between the corresponding product graphics if there is an establishing operation of establishing an association relationship between the product graphics The association unit is configured to construct at least one product system map in the work area according to the product graphics of the drag and drop and the established association relationship; the processing unit is used to deploy the product resources of each product system diagram.

In another aspect, an embodiment of the present invention provides a computer readable storage medium storing one or more programs, one or more programs executable by one or more processors to perform the following operating:

Detect whether there is a placing operation of dragging and dropping the product graphics into the work area, and a product graphic corresponds to the pre-stored product information; if there is a placing operation for placing the product graphic in the work area, the product graphic is placed according to the picture information of the pre-stored product graphic In the working area; detecting whether there is an establishing operation for establishing an association relationship between product graphics in the working area; if there is an establishing operation of establishing an association relationship between product graphics, establishing an association relationship between corresponding product graphics; Drag and drop product graphics and established relationships to build at least one product system map in the workspace; deploy product resources for each product system diagram.

In another aspect, an embodiment of the present invention provides a Web graphics deployment system, the system including one or more processors, and one or more input/output devices and a memory connected to one or more processors,

Input/output means for inputting user instructions and outputting response data of the web graphics deployment system to the input user instructions; memory for storing one or more programs with various functions; processor for executing the memory Store the program to do the following:

The embodiment of the present invention provides a unified view for the user to edit the product graphics and association relationship corresponding to the product in the working area in the view, and finally forms a product system diagram representing the application system, and then completes according to the information carried on the product system diagram. With the resource deployment of the corresponding application system, all products can be edited in the same view, and the relationship between the products is more intuitively displayed, and the assembly efficiency is also improved.

DRAWINGS

In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings used in the description of the embodiments will be briefly described below. It is obvious that the drawings in the following description are some embodiments of the present invention. For the ordinary technicians, other drawings can be obtained based on these drawings without any creative work.

1 is a schematic diagram of a visual view of a web graphics deployment device according to an embodiment of the present invention;

2 is a schematic flowchart of a web graphics deployment method according to an embodiment of the present invention;

3 is a schematic diagram of a product system diagram in a visual view according to an embodiment of the present invention;

4a is a schematic diagram of a product diagram of all levels on a display product system diagram in the same view according to an embodiment of the present invention;

FIG. 4b is a product diagram showing a product graphics of a selected infrastructure level and hiding an application service level according to an embodiment of the present invention; FIG.

FIG. 5 is a schematic diagram of a composition of a web graphics deployment apparatus according to an embodiment of the present invention; FIG.

FIG. 6 is a hardware structural diagram of a first embodiment of a web graphics deployment system according to an embodiment of the present invention; FIG.

FIG. 7 is a hardware structural diagram of a second embodiment of a Web graphics deployment system according to an embodiment of the present invention.

detailed description

The technical solutions in the embodiments of the present invention are clearly and completely described in the following with reference to the accompanying drawings in the embodiments of the present invention. It is obvious that the described embodiments are a part of the embodiments of the present invention, but not all embodiments. All other embodiments obtained by those skilled in the art based on the embodiments of the present invention without creative efforts are within the scope of the present invention.

It will be understood that the terms "comprise" and "the" when used in the specification and the appended claims "Comprising" indicates the existence of the described features, integers, steps, operations, elements and/or components, but does not exclude the presence of one or more other features, integers, steps, operations, elements, components and/or combinations thereof Add to. It is also to be understood that the terminology of the present invention is to be construed as a The singular forms "", ",",,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, It should also be further understood that the term "and / is used in the description of the invention and the appended claims. Or "" refers to any combination of one or more of the associated listed items and all possible combinations, and includes such combinations.

1 is a schematic diagram of a visual view of a web graphics deployment device according to an embodiment of the present invention. The Web graphics deployment device provides a unified visual view based on SVG and VML for user operations. As shown, the visual view 10 includes three modules: a product list 11, a work area 12, and an attribute panel 13, and the product list 11 is used to display corresponding product graphics of a plurality of products for the user to correspond to the desired products. The product graphics are dragged to the workspace for editing; the workspace 12 is for the user to edit the product graphics selected from the product list to form a product system map for representing the application system. The editing includes, but is not limited to, creating an association relationship between product graphics, and adjusting the size of the product graphic; the property panel 13 is for the user to modify or set the parameters of the selected product, and the parameters of the product include but are not limited to the product. Name, product configuration, for example, you can reset the CPU, memory size, number of instances, etc. of the selected cloud host on the property panel; set the mount point and size of the disk on the property panel 13.

FIG. 2 is a schematic flowchart of a web graphics deployment method according to an embodiment of the present invention. As shown, the method includes:

In step S101, it is detected whether there is a placing operation of dragging and dropping the product graphic into the work area, and a product graphic corresponds to the pre-stored product information, because the product graphic corresponds to the product, and the product corresponds to the pre-stored product information. Specifically, the product is a resource required for forming an application system, and the products include but are not limited to resources such as a host, a disk, an application server, a database, a network, and a virtual machine. This resource involves resources such as hardware devices, software services, and networks when building an application system. It should also be understood that the product corresponds to the product graphic in the product list; the product also corresponds to the pre-stored product information. It should be noted that the product information corresponding to the product is pre-stored, but the property panel of the web graphics deployment device may be modified for the preset part of the product information, wherein the product information includes but is not limited to the product type, the product name, and the product. Parameters and attributes, etc.

It should be noted that, if it is detected that there is no placement operation for dragging and dropping the product graphic into the work area, the end process of step S107 is performed.

Step S102: If there is a placing operation of placing the product graphic in the work area, the product graphic is placed in the work area according to the picture information of the pre-stored product graphic. Specifically, the detecting operation of dragging and dropping the product graphic into the work area is regarded as the user selecting the product corresponding to the product graphic to form the application system, so the product graphic needs to be dragged and dropped to the work area for the user to edit. The pre-stored picture information includes, but is not limited to, a placement position, a size, a shape, a type, and the like. Step S102 specifically places the product graphic in a corresponding position in the work area according to the placement position in the picture information.

Step S103, detecting whether there is an establishing operation of establishing an association relationship between product graphics in the work area. Specifically, many products in the application system work in cooperation and have a rich relationship with each other. Therefore, when constructing a product system diagram for indicating an application system in this embodiment, it is used to represent a product graphic between products. The relationship is also very rich. In this embodiment, different lines are preferably used to indicate different association relationships between product graphics, including but not limited to inclusion relationships, dependencies, reference relationships, and the like. The type of line can be distinguished by color, virtual solid line, and thickness. It should be understood that the correspondence between the type of the line and the associated relationship is preset, and when the user selects a certain line to connect the product graphic, the relationship between the connected product graphics is correspondingly known. In other feasible embodiments, other manners may be adopted to indicate the association relationship of the products. For example, when the inclusion relationship between the product A and the product B is indicated, the product graphic corresponding to the product graphic corresponding to the product B of the product A may be adopted.

It should be noted that, if it is detected that there is no establishment operation for establishing an association relationship between product graphics in the work area, the end process of step S107 is performed.

Step S104, if there is an establishing operation of establishing an association relationship between product graphics, establishing an association relationship between corresponding product graphics.

Step S105, constructing at least one product system map in the work area according to the product graphics of the drag and drop and the established association relationship.

Step S106, deploying product resources of each product system diagram.

Step S107, ending.

Specifically, the product resources are deployed according to the information carried in the product system diagram to form an application system. Editing the product graphics in the work area finally forms a product system diagram for representing the application system. The product system diagram includes product graphics and association relationships. Since the product graphics correspond to product information, the application system can be obtained from the product system diagram. The required product information, including the type, name, parameters and attributes of the product. The specific implementation process converts the information carried in the product system diagram into data of a specific format, and then constructs corresponding product resources according to the data of a specific format.

It should be noted that, when performing product graphic editing in the work area, part of the product information of the corresponding product may be modified in the property panel module. Specifically, if the user corrects the modification operation of the product information on the property panel, the corresponding modification is pre-stored. Product information; and modify the mark on the corresponding product graphic in the work area to display the product information. For example, if the size of the data disk is modified on the property panel, the data for indicating the size on the corresponding data disk in the work area is also modified accordingly.

It should be understood that the web graphics deployment method is mainly applied to a user-established application system in cloud computing, and automatically constructs a corresponding product system diagram for deploying application product resources according to user operations and preset rules.

Further, if the position of the product graphic is randomly placed, it is easy to cause the product graphics to overlap each other when editing the plurality of product graphics in the work area, which is disadvantageous for viewing, etc. Therefore, in order to improve the user experience, the user is more intuitive to view. The product system diagram also needs to further limit the placement of the product graphics in the work area. The method of web graphics deployment also includes:

The work area is divided into several areas according to the product information of the product, and the product graphic of each product corresponds to at least one area in the work area. Specifically, the working area may be divided into a plurality of areas according to the product type in the product information; or may be divided according to the product attribute, which is not specifically limited in the embodiment of the present invention. For example, the product graphics in the two regions of Shenzhen and Shanghai correspond to the different placement areas in the work area in order to distinguish the application systems built in the two cities to prevent clutter.

Further, if there is a placing operation of placing the product graphic in the work area in step S102, placing the product graphic in the working area according to the picture information of the pre-stored product graphic specifically includes:

Determining whether the product graphic is placed in a corresponding area in the working area; if not in the corresponding area in the working area, removing the product graphic from the area where the product graphic is placed in the working area; if it is placed in the working area The corresponding area retains the product graphic in the workspace.

It should be noted that, in other feasible embodiments, if not located in a corresponding area in the work area, the product graphic is removed from the area where the product graphic is placed in the work area and the product graphic is placed in the work area. The corresponding area.

It should also be noted that although the placement of the product graphics in the work area is set for the foregoing, in order to more intuitively display the relationship between the product graphics in the product system diagram, the placement of the product graphics can be further restricted. position. The graphic information of the product graphic includes the size, shape, type, and level characteristics in addition to the position. The product graphics are designed according to the product information, including the design of its size and shape; the level characteristics are used to indicate the level relationship between the product graphics and other product graphics, that is, the level of product graphics and other product graphics can be obtained according to the level characteristics of the product graphics. relationship.

In this embodiment, the product graphics are classified into two types according to the product type and the product attribute in the product information, wherein the size of the product graphic can accommodate other product graphics, and the size of the product graphic is not adjustable. Cannot be adjusted. Among them, the storage mode is used to indicate the relationship between the products, the product graphics can only be in the upper product graphics range, that is, the product graphics of the upper level can accommodate the next level of product graphics, but the next level of product graphics. Can not accommodate the product graphics of the previous level, and the product graphics of the same level can not intersect. Therefore, according to the level characteristic of the product graphic, the storage mode of the product graphic and other product graphics can be obtained, thereby further limiting the placement position of the product graphic. For example, the product graphics of the region are of a size-adjustable type, wherein the product graphics of the network domain are placed in the product graphics of the region; the product graphics of the cloud host are placed in the product graphics of the network domain, but cannot be directly placed in the region. In the product graphics; the product graphics of the cloud disk are placed in the product graphics of the cloud host. It should be understood that the product graphic of the geographical area is the upper level of the product graphic of the network domain; the product graphic of the network domain is the upper level of the product graphic of the cloud host; the product graphic of the cloud host is the upper level of the product graphic of the cloud disk.

In this embodiment, the method for web graphics deployment further includes: setting a level characteristic of the product graphic according to the service requirement and the product information. For example, if the service requirement is to establish a tomcat server cluster, and for the load balancing level feature, the load balancing level feature is set to the next level of the region according to the service requirement and the load balancing attribute, and then used to represent load balancing and The connection to the tomcat server association connects the load-balanced product graphics with the product graphics of the tomcat server.

Further, since an application system involves resources such as hardware devices, software devices, and networks, in order to facilitate the user to analyze and view the product system diagram from different angles when setting up the product system diagram, the method for deploying the Web graphics further includes:

Divide the product into different levels according to the product type in the pre-stored product information;

The product system diagram is divided into different levels according to the product hierarchy. The corresponding product graphics of the products of the same level are located in the same level in the product system diagram; the corresponding product graphics of different levels of products are located at different levels in the product system diagram.

In this embodiment, the product is divided into a basic product layer and an application product layer according to the product type in the product information, and the product system diagram is divided into an infrastructure level and an application service level according to the product hierarchy. The product graphics on the infrastructure level correspond to the products in the base product layer; the product graphics on the application service level correspond to the products in the application product layer. For example, products on the infrastructure layer include, but are not limited to, geographies, networks, virtual machines, hosts, disks, and the like. Products on the application layer include but are not limited to Web containers, application servers, Tomcat and other middleware, load balancing, database products, and so on. For example, middleware such as Tomcat needs to be placed in the application layer of the cloud host, that is, at the application service level of the product system diagram, but the cloud host is at the infrastructure level. Referring to FIG. 3, in the embodiment, the middleware at the infrastructure level on the product system diagram and the middleware such as Tomcat on the application service level form a rectangular parallelepiped on the plane, and the product system diagram is more intuitively displayed to the user. It should be understood that the application layer is integrated with the cloud host, represented as a host at the infrastructure level, and represented as a logical entity at the application service level. Therefore, the web graphics deployment method also includes:

Detecting the user's choice to view the product system graphics. The operations of viewing the product system graphics include viewing the product graphics for all levels, viewing the product graphics for one of the layers, and viewing the product graphics for one of the layers and some of the product graphics for other levels.

If the operation of viewing the product graphics of all levels is detected, the product graphics of all levels on the product system graphic are displayed in the same view. If an operation to view a product graphic of one of the layers is detected, the product graphics of the selected hierarchy are displayed in the same view and the product graphics of other levels are hidden. If it is detected that the product graphics of one layer and the product graphics of other layers are simultaneously viewed, all product graphics of the selected hierarchy and the product graphics of other selected levels are displayed in the same view, and other levels are hidden. Selected product graphics. Referring to Figures 4a and 4b, Figure 4a shows the product graphics of all levels on the product system graphic in the same view; Figure 4b shows the product graphics of the selected infrastructure level and hides the product graphics of the application service level.

It should be noted that, in order to enable the constructed product system diagram to be used for webpages for user interaction, the web graphics deployment method further includes:

Construct a graphical data model based on the product system diagram. The graphical data model includes a plurality of implementation data, each instance data corresponding to a combination of a product graphic or a product graphic on a product system map, and thus, an instance data includes product information and graphic information corresponding to the product graphic. In this embodiment, the preferred graphical data model is a tree structure including a root node, a tree node, and a plurality of branch nodes, and the branch nodes are located on the tree nodes. Each node corresponds to one instance data, that is, each node corresponds to a combination of product graphics or product graphics. The inclusion relationship between the tree node and the branch node corresponds to the inclusion relationship between the product graphics. Therefore, in this embodiment, the product system diagram process is constructed, and the graphic data model is constructed according to the product graphics and the corresponding correspondence between the product graphics and the nodes.

In summary, the construction of the product system diagram completes the creation of the graphical data model, and when the image is exported, the data model can be simultaneously exported in addition to the data of the graphic itself, so the product system diagram constructed can be used for webpage user interaction.

It should be understood that the above-mentioned Web graphics deployment method provides a unified view for the user to establish a number of products and the relationship between the products, thereby completing the resource deployment of the application system, specifically by editing the product graphics corresponding to the product in the work area, and finally forming a The frame is used to represent the product system diagram of the application system, and then the product resources of the corresponding application system are deployed according to the information carried on the product system diagram. This process does not require a view to edit the product graphics one by one, which improves the assembly efficiency. Further, the product graphics are designed according to the product information and the product system diagram is divided into multiple levels, which is more intuitive and will be more intuitive in the application system. The relationship of each product is displayed, which is convenient for users to view and improve the experience.

A person skilled in the art may understand that all or part of the steps of implementing the above embodiments may be completed by hardware, or may be instructed by a program to execute related hardware, and the program may be stored in a computer readable storage medium. The storage medium mentioned may be a read only memory, a magnetic disk or an optical disk or the like.

The invention also provides a computer readable storage medium having stored one or more programs, one or more programs executable by one or more processors to perform the operations:

Detect whether there is a placement operation of dragging and dropping the product graphics into the work area, and a product graphic corresponds to the pre-stored product information;

If there is a placement operation for placing the product graphic in the work area, the product graphic is placed in the work area according to the picture information of the pre-stored product graphic;

Detecting whether there is an establishment operation for establishing an association relationship between product graphics in the work area;

If there is an establishing operation for establishing an association relationship between product graphics, establishing an association relationship between corresponding product graphics;

Constructing at least one product system map in the work area according to the product graphics of the drag and drop and the established relationship;

Deploy product resources for each product system diagram.

Preferably, the one or more programs may also be executed by one or more processors to perform the following operations: dividing the work area into a plurality of areas according to product information of the product, and the product graphic corresponding to each product At least one area within the work area;

The operation of placing the product graphic in the work area according to the picture information of the pre-stored product graphic further includes:

Determining whether the product graphic is placed in a corresponding area in the work area;

If not, the product graphic is removed from the area in which the product graphic is placed in the work area, and if it is placed in a corresponding area in the work area, the product graphic is retained in the work area.

Preferably, the product graphic is divided into two types according to preset product information: the size is adjustable and the size is not adjustable, and the size-adjustable product graphic can accommodate other product graphics. Among them, the storage mode is used to indicate the relationship between the products, the product graphics can only be in the upper product graphics range, that is, the product graphics of the upper level can accommodate the next level of product graphics, but the next level of product graphics. Can not accommodate the product graphics of the previous level, and the product graphics of the same level can not intersect.

Preferably, one or more programs may also be executed by one or more processors to perform the following operations:

Set the level characteristics of product graphics based on business needs and product information.

The products are divided into different levels according to the product types in the pre-stored product information; wherein the product information includes the product types.

If the operation of viewing the product graphics of all levels is detected, the product graphics of all levels on the product system graphic are displayed in the same view. If an operation to view a product graphic of one of the layers is detected, the product graphics of the selected hierarchy are displayed in the same view and the product graphics of other levels are hidden. If it is detected that the product graphics of one layer and the product graphics of other layers are simultaneously viewed, all product graphics of the selected hierarchy and the product graphics of other selected levels are displayed in the same view, and other levels are hidden. Selected product graphics.

FIG. 5 is a schematic diagram of a composition of a web graphics deployment apparatus 100 according to an embodiment of the present invention. As shown, the Web graphics deployment apparatus 100 includes a detection unit 501, a placement unit 502, an establishment unit 503, a construction unit 504, and a processing unit 505.

The detecting unit 501 is configured to detect whether there is a placing operation of dragging and dropping the product graphic into the working area, and a product graphic corresponds to the pre-stored product information. This is because the product graphics correspond to the product, and the product corresponds to pre-stored product information. Specifically, the product is a resource required for forming an application system, and the products include but are not limited to resources such as a host, a disk, an application server, a database, a network, and a virtual machine. This resource involves resources such as hardware devices, software services, and networks when building an application system. It should also be understood that the product corresponds one-to-one with the product graphics in the product list; the product also corresponds to the pre-stored product information. Product information includes, but is not limited to, product type, product name, product attributes, and parameters.

The detecting unit 501 is further configured to detect whether there is an establishing operation of establishing an association relationship between product graphics in the working area.

The placing unit 502 is configured to place the product graphic in the work area according to the picture information of the pre-stored product graphic if the detecting unit 501 detects that there is a placing operation of dragging and dropping the product graphic into the working area. Specifically, the picture information includes, but is not limited to, a placement position, a size, a shape, a type, and the like.

The establishing unit 503 is configured to establish an association relationship between corresponding product graphics if the detecting unit 501 detects that there is an establishing operation of establishing an association relationship between product graphics in the working area. Specifically, many products in the application system work in cooperation and have a rich relationship with each other. Therefore, when constructing a product system diagram for indicating an application system in this embodiment, it is used to represent a product graphic between products. The relationship is also very rich. In this embodiment, different lines are preferably used to indicate different association relationships between product graphics, including but not limited to inclusion relationships, dependencies, reference relationships, and the like. The type of line can be distinguished by color, virtual solid line, and thickness.

The building unit 504 is configured to construct at least one product system map in the work area according to the product graphics of the drag and drop and the established association relationship.

The processing unit 505 is configured to deploy product resources of each product system diagram. Specifically, the product resources are constructed according to product information and association relationships of all product graphics in each product system diagram. Then edit the product graphics in the work area to form a product system diagram for representing the application system. The product system diagram includes product graphics and association relationships. Since the product graphics correspond to product information, the application can be obtained from the product system diagram. The product information required by the system, including the type, name, attributes and parameters of the product. The specific implementation process converts the information carried in the product system diagram into data of a specific format, and then constructs corresponding product resources according to the data of a specific format.

Further, if the position of the product graphic is randomly placed, it is easy to cause the product graphics to overlap each other when editing the plurality of product graphics in the work area, which is disadvantageous for viewing, etc. Therefore, in order to improve the user experience, the user is more intuitive to view. The product system diagram further requires further limitation of the placement of the product graphics in the work area. The Web graphics deployment apparatus 100 further includes a dividing unit 506.

The dividing unit 506 is configured to divide the working area into a plurality of areas according to the product information of the product, and the product graphic of each product corresponds to at least one area in the working area.

The placing unit 502 further includes a determining unit 521 and a control unit 522, wherein the determining unit 512 is configured to determine whether the product graphic is placed in a corresponding area in the working area; and the control unit 522 is configured to determine that the determining unit 521 is not placed in the working area. Corresponding area, the product graphic is removed from the area where the product graphic is placed in the working area, and is also used to retain the product graphic in the working area if the determining unit 521 determines that the corresponding area is placed in the working area. .

In other feasible embodiments, the control unit 522 is configured to: if the determining unit 521 determines that the corresponding area is not placed in the working area, remove the product graphic from the area where the product graphic is placed in the working area and the product The graphics are placed in the corresponding areas in the workspace.

It should also be noted that, in order to more accurately display the relationship between the product graphics in the product system diagram for the placement of the product graphics in the working area, the placement of the product graphics may be further defined. The graphic information of the product graphic includes the size, shape, type, and level characteristics in addition to the position. The product graphics are designed according to the product information, including the design of its size and shape; the level characteristics are used to indicate the level relationship between the product graphics and other product graphics, that is, the level of product graphics and other product graphics can be obtained according to the level characteristics of the product graphics. relationship. In this embodiment, the product graphics are classified into two types according to the product type and the product attribute in the product information, wherein the size of the product graphic can accommodate other product graphics, and the size of the product graphic is not adjustable. Cannot be adjusted. Among them, the storage mode is used to indicate the relationship between the products, the product graphics can only be in the upper product graphics range, that is, the product graphics of the upper level can accommodate the next level of product graphics, but the next level of product graphics. Can not accommodate the product graphics of the previous level, and the product graphics of the same level can not intersect. Therefore, according to the level characteristic of the product graphic, the storage mode of the product graphic and other product graphics can be obtained, thereby further limiting the placement position of the product graphic.

The web graphics deployment apparatus 100 further includes a setting unit 507 for setting a level characteristic of the product graphic according to the business requirement and the product information.

Further, since an application system involves resources such as hardware devices, software devices, and networks, the Web graphics deployment device 100 further includes a classification unit 508, in order to facilitate the user to analyze and view the product system map from different angles when the product system map is formed. And a layering unit 509.

The classification unit 508 is configured to divide the products into different levels according to the product types in the pre-stored product information.

The layering unit 509 is configured to divide the product system diagram into different levels according to the level of the product, and the corresponding product graphics of the products of the same level are located in the same level in the product system diagram; the corresponding product graphics of the products of different levels are located in the product system diagram. Level.

In this embodiment, the product is divided into a basic product layer and an application product layer according to the product type in the product information, and the product system diagram is divided into an infrastructure level and an application service level according to the product hierarchy. The product graphics on the infrastructure level correspond to the products in the base product layer; the product graphics on the application service level correspond to the products in the application product layer. For example, products on the infrastructure layer include, but are not limited to, geographies, networks, virtual machines, hosts, disks, and the like. Products on the application layer include but are not limited to Web containers, application servers, Tomcat and other middleware, load balancing, database products, and so on.

In order to satisfy the user's more intuitive view of the product system graphics to understand the relationship between the products, the Web graphics deployment apparatus 100 further includes a detecting unit 510 and a display unit 511.

The detecting unit 510 is configured to detect an operation of the user to select to view the product system graphic, and the operation of viewing the product system graphic includes viewing product graphics of all levels, viewing product graphics of one layer, and viewing product graphics and other layers of one layer at the same time. Part of the product graphics at the level.

The display unit 511 is configured to: when the detecting unit 510 detects the operation of viewing the product graphics of all the levels, display the product graphics of all levels on the product system graphic in the same view; if the operation of viewing the product graphics of one of the layers is detected, the display The product graphics of the selected hierarchy are in the same view and hide the product graphics of other levels; if it is detected that the product graphics of one layer and the product graphics of other layers are simultaneously viewed, all product graphics of the selected hierarchy are displayed in the same view and Other levels of product graphics are selected, and other levels of unselected product graphics are hidden.

In order to enable the constructed product system diagram to be used for webpages for user interaction, the web graphics deployment apparatus 100 further includes a modeling unit 512, wherein the modeling unit 512 is configured to construct a graphical data model according to the product system diagram, where the graphical data model includes A plurality of implementation data, each instance data corresponding to a product graphic or a combination of product graphics on a product system map, therefore, an instance data includes product information and graphic information corresponding to the product graphic. In this embodiment, the preferred graphical data model is a tree structure including a root node, a tree node, and a plurality of branch nodes, and the branch nodes are located on the tree nodes. Each node corresponds to one instance data, that is, each node corresponds to a combination of product graphics or product graphics. The inclusion relationship between the tree node and the branch node corresponds to the inclusion relationship between the product graphics. Therefore, in the embodiment, the product system map process is constructed, and the modeling unit 512 constructs the graphic according to the product graphic and the corresponding relationship between the product graphic and the node. Data model.

In summary, the above-mentioned Web graphics deployment apparatus and method provide a unified view for a user to establish a number of products and associations between products, thereby completing resource deployment of the application system, and specifically editing the product graphics corresponding to the products in the work area by the user. Finally, a product system diagram representing the application system is formed, and then the resource deployment of the corresponding application system is completed according to the information carried on the product system diagram. The web graphics deployment method and tool are mainly applied to a user-established application system in cloud computing, and automatically construct a corresponding product system diagram according to user operations and preset rules.

It should be noted that the steps in the method of the embodiment of the present invention may be sequentially adjusted, merged, and deleted according to actual needs. The units in the apparatus of the embodiment of the present invention may be combined, divided, and deleted according to actual needs.

On the other hand, in hardware implementation, the above detecting unit 501, the placing unit 502, the establishing unit 503, and the like may be embedded in or independent of a Web graphics deployment system in hardware, or may be stored in a Web form in a hardware manner. The graphics are deployed in the memory of the system so that the processor performs the operations corresponding to the above units. The processor can be a central processing unit (CPU ), microprocessor, microcontroller, etc.

As shown in FIG. 6, FIG. 6 is a hardware structural diagram of a first embodiment of a Web graphics deployment system according to an embodiment of the present invention. In this embodiment, the Web graphics deployment system includes one or more processes. 601, one or more input/output devices 602, and a memory 603 and display 604. The above processor 601, input/output device 602, and memory 603 and display 604 are connected by a bus.

The input/output device 602 is configured to input a user instruction and output response data of the input graphical user command by the web graphics deployment system. The input/output device 602 of an embodiment of the present invention may be one or more physical buttons and/or a mouse and/or a joystick or the like.

The display 604 is configured to display a human-computer interaction interface for the user to input an instruction, and output a response data indicating the user instruction of the web graphics deployment system;

The memory 603 is for storing one or more programs with various functions. In a specific implementation, the memory 603 of the embodiment of the present invention may be a system memory such as volatile (such as RAM), non-volatile (such as ROM, flash memory, etc.), or a combination of the two. In a specific implementation, the memory 603 of the embodiment of the present invention may also be an external memory outside the system, such as a magnetic disk, an optical disk, a magnetic tape, or the like.

The processor 601 is configured to execute a program stored in the memory 603 to perform the following operations:

Deploy product resources for each product system diagram.

Preferably, when the processor 601 executes the program stored in the memory 603, it also performs an operation of dividing the work area into a plurality of areas according to product information of the product, and the product graphic of each product corresponds to at least one area in the work area.

When the processor 601 executes the program stored in the memory 603 to perform the operation of placing the product graphic in the work area according to the picture information of the pre-stored product graphic, the following operations are specifically performed:

If not, the product graphic will be removed from the area where the product graphic is placed in the workspace. If it is placed in the corresponding area of the workspace, the product graphic is retained in the workspace.

Preferably, the product graphic is divided into two types according to preset product information: the size is adjustable and the size is not adjustable, and the product graphic with adjustable size can accommodate other product graphics. Among them, the storage mode is used to indicate the relationship between the products, the product graphics can only be in the upper product graphics range, that is, the product graphics of the upper level can accommodate the next level of product graphics, but the next level of product graphics. Can not accommodate the product graphics of the previous level, and the product graphics of the same level can not intersect.

Preferably, when the processor 601 executes the program stored in the memory 603, it also performs the following operations:

As shown in FIG. 7 , FIG. 7 is a hardware structural diagram of a second embodiment of a web graphics deployment system according to an embodiment of the present invention. In this embodiment, the web graphics deployment system is in the first embodiment. The web graphics deployment system of this type is substantially similar, with the main difference being that the touch input/display device 702 is used in place of the input/output device 602 and the display 604 in the first embodiment.

The touch input/display device 702 is configured to provide a human-computer interaction interface for the user to touch input commands based on the human-computer interaction interface, and output response data of the web graphics deployment system to the input user instruction. In the embodiment, the touch input/display device 702 includes a touch input device and a display device, and the touch input device is used for touch input in a touch sensing area of the human-machine interaction interface. The display device is a display device with a touch panel. The human-computer interaction interface includes one or more virtual keys (not shown), which have the same functions as the physical keys in the first embodiment of the present invention, and are not described here. In addition, it can be understood that any physical button in the first embodiment can be replaced by a virtual button on the touch input/display device 702.

The processor in the embodiment of the present invention may be a central processing unit (Central Processing) Unit, CPU), the processor can also be other general purpose processors, digital signal processors (Digital Signal Processor, DSP), Application Specific Integrated Circuit (ASIC), off-the-shelf programmable gate array (Field-Programmable Gate Array, FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. The general purpose processor may be a microprocessor or the processor or any conventional processor or the like.

A person skilled in the art can clearly understand that, for the convenience and brevity of the description, the specific working process of the above-mentioned tools and units can refer to the corresponding processes in the foregoing method embodiments, and details are not described herein again.

In the several embodiments provided by the present application, it should be understood that the disclosed apparatus and method may be implemented in other manners. For example, the device embodiments described above are merely illustrative. For example, the division of the unit is only a logical function division. In actual implementation, there may be another division manner, for example, multiple units or components may be combined or Can be integrated into another system, or some features can be ignored or not executed. In addition, the mutual coupling or direct coupling or communication connection shown or discussed may be an indirect coupling or communication connection through some interface, device or unit, or an electrical, mechanical or other form of connection.

The units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, may be located in one place, or may be distributed to multiple network units. Some or all of the units may be selected according to actual needs to achieve the objectives of the embodiments of the present invention.

In addition, each functional unit in each embodiment of the present invention may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above integrated unit can be implemented in the form of hardware or in the form of a software functional unit.

The integrated unit, if implemented in the form of a software functional unit and sold or used as a standalone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present invention contributes in essence or to the prior art, or all or part of the technical solution may be embodied in the form of a software product stored in a storage medium. Including several instructions to make a computer device (may be a personal computer, server, or network device, etc.) Performing all or part of the steps of the method described in various embodiments of the present invention. The foregoing storage medium includes: a USB flash drive, a mobile hard disk, and a read only memory. (ROM, Read-Only Memory), random access memory (RAM, Random Access) A variety of media that can store program code, such as a memory, a disk, or an optical disk.

The above is only the specific embodiment of the present invention, but the scope of the present invention is not limited thereto, and any equivalent person can be easily conceived within the technical scope of the present invention by any person skilled in the art. Modifications or substitutions are intended to be included within the scope of the invention. Therefore, the scope of protection of the present invention should be determined by the scope of the claims.

Claims

A method for web graphics deployment, comprising:

Detecting whether there is a placing operation of dragging and dropping a product graphic into a work area, and one of the product graphics corresponds to pre-stored product information;

If there is a placement operation of placing the product graphic in the work area, the product graphic is placed in the work area according to the picture information of the pre-stored product graphic;

Detecting whether there is an establishing operation for establishing an association relationship between product graphics in the work area;

If there is an establishing operation of establishing an association relationship between product graphics, establishing the association relationship between corresponding product graphics;

Constructing at least one product system map in the work area according to the product graphic of the drag and drop and the associated relationship established;

Deploy product resources for each of the product system diagrams.
The method of claim 1 further comprising:

Dividing the work area into a plurality of areas according to product information of the product, and a product graphic of each product corresponds to at least one area in the work area;

The placing the product graphic in the work area according to the picture information of the pre-stored product graphic further includes:

Determining whether the product graphic is placed in a corresponding area in the work area;

If not, the product graphic will be removed from the area in which the product graphic is placed in the work area.
The method according to claim 1, wherein the product graphic is divided into two types according to preset product information: the size adjustable and the size non-adjustable, and the size adjustable product graphic can accommodate other product graphics.
The method of claim 1, wherein the product information comprises a product type, the method further comprising:

Divide the product into different levels according to the product type in the pre-stored product information;

The product system diagram is divided into different levels according to the product hierarchy. The corresponding product graphics of the products of the same level are located in the same level in the product system diagram; the corresponding product graphics of different levels of products are located at different levels in the product system diagram.
The method of claim 4, wherein the method further comprises:

Detecting an operation of the user selecting to view a product system graphic, the operation of viewing the product system graphic includes viewing a product graphic of all levels and viewing a product graphic of one of the layers;

If the operation of viewing the product graphics of all levels is detected, the product graphics of all levels on the product system graphics are displayed in the same view; if the operation of viewing the product graphics of one of the layers is detected, the product graphics of the selected hierarchy are displayed. The same view and hide product graphics from other levels.
A web graphics deployment device, comprising:

Detection unit for Detecting whether there is a placing operation of dragging and dropping a product graphic into a work area, and one of the product graphics corresponds to pre-stored product information;

a placing unit, if there is a placing operation for placing the product graphic in the working area, placing the product graphic in the working area according to the picture information of the pre-stored product graphic;

The detecting unit is further configured to detect whether there is an establishing operation for establishing an association relationship between product graphics in the working area;

Establishing a unit, if there is an establishing operation of establishing an association relationship between product graphics, establishing the association relationship between corresponding product graphics;

a building unit, configured to construct at least one product system map in the work area according to the product graphic of the drag and drop and the established relationship;

A processing unit for deploying product resources of each of the product system diagrams.
The web graphics deployment device according to claim 6, wherein the web graphics deployment device further comprises a dividing unit, the placing unit further comprising a determining unit and a control unit,

The dividing unit is configured to divide the working area into a plurality of areas according to product information of the product, and the product graphic of each product corresponds to at least one area in the working area;

The determining unit is configured to determine whether the product graphic is placed in a corresponding area in the working area;

The control unit is configured to remove the product graphic from an area in which the product graphic is placed in the working area if it is determined that the product graphic is not placed in a corresponding area in the working area.
The web graphics deployment device according to claim 6, wherein the product graphics are divided into two types according to preset product information: the size is adjustable and the size is not adjustable, and the size-adjustable product graphics can accommodate other products. Graphics.
The web graphics deployment device according to claim 6, wherein the web graphics deployment device further comprises:

a classification unit for classifying products into different levels according to product types in pre-stored product information;

The hierarchical unit is used to divide the product system diagram into different levels according to the product hierarchy, and the corresponding product graphics of the products of the same level are located at the same level in the product system diagram; the corresponding product graphics of different levels of products are located in the product system diagram. Level.
The web graphics deployment device according to claim 9, wherein the web graphics deployment device further comprises:

a detecting unit, configured to detect an operation of the user to select a product system graphic, the operation of viewing the product system graphic includes viewing a product graphic of all levels and viewing a product graphic of one of the layers;

a display unit, configured to display the product graphics of all levels on the product system graphic in the same view if the operation of viewing the product graphics of all levels is detected; if the operation of viewing the product graphics of one of the layers is detected, the selected hierarchy is displayed The product graphics are in the same view and hide other levels of product graphics.
A computer readable storage medium, characterized in that the computer readable storage medium stores one or more programs, the one or more programs being executable by one or more processors to perform the operations:

Detecting whether there is a placing operation of dragging and dropping a product graphic into a work area, and one of the product graphics corresponds to pre-stored product information;

If there is a placement operation of placing the product graphic in the work area, the product graphic is placed in the work area according to the picture information of the pre-stored product graphic;

Detecting whether there is an establishing operation for establishing an association relationship between product graphics in the work area;

If there is an establishing operation of establishing an association relationship between product graphics, establishing the association relationship between corresponding product graphics;

Constructing at least one product system map in the work area according to the product graphic of the drag and drop and the associated relationship established;

Deploy product resources for each of the product system diagrams.
The computer readable storage medium of claim 11 wherein the one or more programs are further executable by the one or more processors to perform the following operations:

Dividing the work area into a plurality of areas according to product information of the product, and a product graphic of each product corresponds to at least one area in the work area;

And placing the product graphic in the work area according to the picture information of the pre-stored product graphic, specifically including:

Determining whether the product graphic is placed in a corresponding area in the work area;

If not, the product graphic will be removed from the area in which the product graphic is placed in the work area.
The computer readable storage medium according to claim 11, wherein the product graphic is divided into two types according to preset product information, which are adjustable in size and not adjustable in size, and the product graphic of the adjustable size can accommodate other products. Product graphics.
The computer readable storage medium of claim 11, wherein the product information comprises a product type, and the one or more programs are further executable by the one or more processors to perform the following operations :

Divide the product into different levels according to the product type in the pre-stored product information;

The product system diagram is divided into different levels according to the product hierarchy. The corresponding product graphics of the products of the same level are located in the same level in the product system diagram; the corresponding product graphics of different levels of products are located at different levels in the product system diagram.
The computer readable storage medium of claim 14, wherein the one or more programs are further executable by the one or more processors to perform the following operations:

Detecting an operation of the user selecting to view a product system graphic, the operation of viewing the product system graphic includes viewing a product graphic of all levels and viewing a product graphic of one of the layers;

If the operation of viewing the product graphics of all levels is detected, the product graphics of all levels on the product system graphics are displayed in the same view; if the operation of viewing the product graphics of one of the layers is detected, the product graphics of the selected hierarchy are displayed. The same view and hide product graphics from other levels.
A Web graphics deployment system, the system comprising one or more processors, and one or more input/output devices and memory coupled to the one or more processors,

The input/output device is configured to input a user instruction, and output response data of the web graphics deployment system to the input user instruction;

The memory for storing one or more programs with various functions;

The processor is configured to execute a program stored in the memory to perform the following operations:

Detecting whether there is a placing operation of dragging and dropping a product graphic into a work area, and one of the product graphics corresponds to pre-stored product information;

If there is a placement operation of placing the product graphic in the work area, the product graphic is placed in the work area according to the picture information of the pre-stored product graphic;

Detecting whether there is an establishing operation for establishing an association relationship between product graphics in the work area;

If there is an establishing operation of establishing an association relationship between product graphics, establishing the association relationship between corresponding product graphics;

Constructing at least one product system map in the work area according to the product graphic of the drag and drop and the associated relationship established;

Deploy product resources for each of the product system diagrams.
The web graphics deployment system according to claim 16, wherein when the processor executes the program stored in the memory, the following operations are also performed:

Dividing the work area into a plurality of areas according to product information of the product, and a product graphic of each product corresponds to at least one area in the work area;

When the processor executes the program stored in the memory, when performing the placing of the product graphic in the work area according to the picture information of the pre-stored product graphic, the processor further performs the following operations:

Determining whether the product graphic is placed in a corresponding area in the work area;

If not, the product graphic will be removed from the area in which the product graphic is placed in the work area.
The web graphics deployment system according to claim 16, wherein the product graphics are divided into two types according to preset product information: the size is adjustable and the size is not adjustable, and the size-adjustable product graphics can accommodate other products. Graphics.
The web graphics deployment system according to claim 16, wherein the product information comprises a product type, and when the processor executes the program stored in the memory, the following operations are also performed:

Divide the product into different levels according to the product type in the pre-stored product information;

The product system diagram is divided into different levels according to the product hierarchy. The corresponding product graphics of the products of the same level are located in the same level in the product system diagram; the corresponding product graphics of different levels of products are located at different levels in the product system diagram.
The web graphics deployment system according to claim 19, wherein when the processor executes the program stored in the memory, the following operations are also performed:

Detecting an operation of the user selecting to view a product system graphic, the operation of viewing the product system graphic includes viewing a product graphic of all levels and viewing a product graphic of one of the layers;

If the operation of viewing the product graphics of all levels is detected, the product graphics of all levels on the product system graphics are displayed in the same view; if the operation of viewing the product graphics of one of the layers is detected, the product graphics of the selected hierarchy are displayed. The same view and hide product graphics from other levels.