WO2020253750A1 - 拓扑结构图的展示方法、装置、设备及存储介质 - Google Patents

拓扑结构图的展示方法、装置、设备及存储介质 Download PDF

Info

Publication number
WO2020253750A1
WO2020253750A1 PCT/CN2020/096665 CN2020096665W WO2020253750A1 WO 2020253750 A1 WO2020253750 A1 WO 2020253750A1 CN 2020096665 W CN2020096665 W CN 2020096665W WO 2020253750 A1 WO2020253750 A1 WO 2020253750A1
Authority
WO
WIPO (PCT)
Prior art keywords
display
topology
node
displayed
topological structure
Prior art date
Application number
PCT/CN2020/096665
Other languages
English (en)
French (fr)
Inventor
陈露静
Original Assignee
华为技术有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 华为技术有限公司 filed Critical 华为技术有限公司
Priority to EP20826124.8A priority Critical patent/EP3971736A4/en
Publication of WO2020253750A1 publication Critical patent/WO2020253750A1/zh
Priority to US17/556,054 priority patent/US20220150136A1/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L41/00—Arrangements for maintenance, administration or management of data switching networks, e.g. of packet switching networks
    • H04L41/22—Arrangements for maintenance, administration or management of data switching networks, e.g. of packet switching networks comprising specially adapted graphical user interfaces [GUI]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/28—Databases characterised by their database models, e.g. relational or object models
    • G06F16/284—Relational databases
    • G06F16/285—Clustering or classification
    • G06F16/287—Visualization; Browsing
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/901—Indexing; Data structures therefor; Storage structures
    • G06F16/9027—Trees
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/20—Drawing from basic elements, e.g. lines or circles
    • G06T11/206—Drawing of charts or graphs
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L41/00—Arrangements for maintenance, administration or management of data switching networks, e.g. of packet switching networks
    • H04L41/04—Network management architectures or arrangements
    • H04L41/044—Network management architectures or arrangements comprising hierarchical management structures
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L41/00—Arrangements for maintenance, administration or management of data switching networks, e.g. of packet switching networks
    • H04L41/12—Discovery or management of network topologies
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas

Definitions

  • This application relates to the technical field of graphical interfaces, and in particular to a display method, device, device and storage medium of a topological structure diagram.
  • the topological structure diagram refers to a network structure diagram composed of network node devices and communication media, and is referred to as a topology diagram hereinafter.
  • a topology diagram of each network node device in a data center and a connection relationship between each node is established, and the complete topology diagram is displayed on a browser by means of hypertext markup language (HTML).
  • HTML hypertext markup language
  • the embodiments of the present application provide a method, device, device, and storage medium for displaying a topological structure diagram to solve the problems provided by related technologies.
  • the technical solutions are as follows:
  • a method for displaying a topological structure diagram includes: obtaining topological information of the topological structure diagram; classifying the topological information based on the node types in the topological structure diagram;
  • the display interface displays the topology structure diagram.
  • the display content can be more orderly, not cluttered, and operability and ease of use can be improved, thereby improving user experience.
  • rendering can be facilitated, saving memory and time, and preventing page jams.
  • the displaying the topology structure diagram on the display interface based on the classification result includes: displaying the reference quantity layer topology structure on the display interface based on the classification result, when any node in the reference quantity layer topology structure When selected, continue to display the next level topology of the selected node.
  • the reference quantity can be set based on experience or application scenarios, and can also be determined according to the node type.
  • any node in the topology of the reference level is selected, continue to display the topology of the next level of the selected node, so that the subsequent topology can be performed when there is a need for display
  • the display of the structure satisfies the display requirements while making the topology structure of the display interface more orderly, further saving memory and time, and improving page fluency.
  • the display interface includes a first display area and a second display area; the first display area displays graphics elements corresponding to nodes and communication media used to construct a network topology; the classification-based The result shows the topological structure of the reference level on the display interface.
  • the first display area displays graphics elements corresponding to nodes and communication media used to construct a network topology
  • the classification-based The result shows the topological structure of the reference level on the display interface.
  • the display interface includes a first display area and a second display area; the displaying the topology structure diagram on the display interface based on the classification result includes: displaying the topological structure diagram in the first display area Graphic elements corresponding to different types of nodes in the topology diagram; when any graphic element in the first display area is selected, according to the hierarchical relationship, display the selected graphic element in the second display area The topology of the node type.
  • the displaying the topological structure of the node type corresponding to the selected graphic element in the second display area according to the hierarchical relationship includes: according to the hierarchical relationship, in the second display area Display the first-level topological structure of the same type of nodes corresponding to the selected graphic element; when any node in the first-level topological structure is selected, continue to display the next-level topological structure of the selected node.
  • the graphic elements corresponding to different types of nodes in the topological structure diagram are displayed in the first display area.
  • any graphic element in the first display area is selected, according to the hierarchical relationship, continue to display the next level of topology of the selected node.
  • the subsequent topology structure display is performed when there is a display demand, so that while meeting the display demand, the topology structure of the display interface display is more orderly, further saving memory and time, and improving page fluency.
  • the continuing to display the topology of the next level of the selected node includes: displaying the topology of the next level of the selected node in a manner different from the unselected node. This highlights the next level of topology of the selected node.
  • the method when continuing to display the next-level topology of the selected node, the method further includes: hiding other graphic elements except for the selected node and the upper and lower topology structure of the selected node.
  • the continuing to display the next-level topology of the selected node in the second display area includes: when the number of nodes in the next-level topology of the selected node is greater than the reference number
  • the page switching control is displayed on the display interface, the page switching is performed through the page switching control, and displayed on different pages
  • the nodes of the next layer structure of the selected node are different.
  • next-level topology of the selected node By displaying the next-level topology of the selected node in a paging manner, when the number of nodes is large, the displayed primitives will not be cluttered, and during rendering, the required memory and time can be further reduced, and page jams can be reduced. In addition, you can also switch pages through the page switch control to meet viewing needs.
  • the method further includes: displaying a control menu, where the control menu is displayed for Indicate the option to display the related graphic elements of the selected node; through the control menu for instructing the option to display the related graphic elements of the selected node, hide the selected node and the selected node up and down Elements other than the layer topology.
  • the display interface further displays a search box; after the topological structure diagram is displayed on the display interface based on the classification result, the method further includes: obtaining node information entered in the search box; The display interface displays the topology structure of the node corresponding to the node information.
  • the displaying the topology structure diagram on the display interface based on the classification result includes: when the number of nodes in any layer of the topology structure exceeds a number threshold, The nodes are aggregated and displayed.
  • the method further includes: displaying the information of the aggregated nodes in the any layer of the topology structure in the form of a list.
  • the number of displayed primitives can be reduced by the way of aggregate display, and the rendering pressure can be reduced. After that, by displaying the information of the aggregated nodes in the form of a list, the information viewing needs can be further satisfied.
  • the method further includes: displaying a thumbnail of the topological structure diagram.
  • the entire topology structure diagram is displayed through thumbnails, which helps users to effectively understand the entire topology and easy to find information when the amount of data is large.
  • the method further includes: displaying a setting interface on a display interface, where the setting interface is used to personalize the graphic elements displayed on the display interface.
  • the personalized settings include the pixel spacing, text length, and inclination.
  • the displayed topology diagram can be more in line with personalized needs.
  • a device for displaying a topological structure diagram is also provided, and the device includes:
  • the obtaining module is used to obtain the topology information of the topological structure diagram
  • the classification module is configured to classify the topology information based on the node types in the topology structure diagram
  • the display module is used to display the topology structure diagram on the display interface based on the classification result.
  • the display module is configured to display the reference level topology structure on the display interface based on the classification result. When any node in the reference level topology structure is selected, continue to display the selected node The next level of topology.
  • the display interface includes a first display area and a second display area; the first display area displays a node used to construct a network topology map and a graphic element corresponding to a communication medium;
  • the display module is configured to display the reference level topology structure in the second display area based on the classification result, and when any node in the reference level topology structure is selected, continue to display the next level topology of the selected node Structure; when any graphic element in the first display area is selected, the topological structure displayed in the second display area is updated according to the selected graphic element.
  • the display interface includes a first display area and a second display area
  • the display module is configured to display the graphic elements corresponding to different types of nodes in the topological structure diagram in the first display area; when any graphic element in the first display area is selected, according to the hierarchical relationship, The topological structure of the node type corresponding to the selected graphic element is displayed in the second display area.
  • the display module is configured to display the first-level topological structure of the same type of node corresponding to the selected graphic element in the second display area according to the hierarchical relationship; After any node in the topological structure of one layer is selected, the topological structure of the next layer of the selected node is continuously displayed in the second display area.
  • the display module is configured to display the next-level topology structure of the selected node in a manner different from the unselected node.
  • the display module is also used to hide other graphic elements except for the selected node and the upper and lower topological structure of the selected node.
  • the display module is configured to display the selected node in a paging manner in the second display area when the number of nodes in the next-level topology of the selected node is greater than the reference number.
  • the next-level topology of the node is selected, and the page switching control is displayed on the display interface, and the page switching is performed through the page switching control.
  • the nodes of the next-level structure of the selected node displayed on different pages are different.
  • the display module is further configured to display a control menu in the second display area, and the control menu displays options for instructing to display related graphics elements of the selected node;
  • the control menu is used to indicate options for displaying related graphic elements of the selected node, and hide other graphic elements except for the selected node and the upper and lower topological structure of the selected node.
  • the display interface further displays a search box; the display module is also used to obtain node information entered in the search box; and display the node corresponding to the node information on the display interface The topology where it is located.
  • the display module is further configured to aggregate and display the nodes in any layer of the topology when the number of nodes in any layer of the topology structure exceeds the number threshold.
  • the display module is further configured to display the information of each aggregated node in the topology of any layer in the form of a list.
  • the display module is configured to display the topology structure diagram on a display interface based on the classification result, and display a thumbnail of the topology structure diagram.
  • the display module is further configured to display a setting interface on a display interface, and the setting interface is used to personalize the graphic elements displayed on the display interface.
  • the personalized settings include the pixel spacing, text length, and inclination.
  • a display device of a topological structure diagram is also provided.
  • the device includes a memory and a processor.
  • the memory stores at least one instruction, and the at least one instruction is loaded and executed by the processor to implement any one of the foregoing The display method of the topology structure diagram.
  • a computer-readable storage medium is also provided, and at least one instruction is stored in the storage medium, and the instruction is loaded and executed by a processor to implement any one of the above-described methods for displaying a topology diagram.
  • the device includes a transceiver, a memory, and a processor.
  • the transceiver, the memory, and the processor communicate with each other through an internal connection path
  • the memory is used to store instructions
  • the processor is used to execute the instructions stored in the memory to control the transceiver to receive signals and control the transceiver to send signals
  • the processor executes the instructions stored in the memory, the processor is caused to execute the method in any of the foregoing possible implementation manners.
  • processors there are one or more processors, and one or more memories.
  • the memory may be integrated with the processor, or the memory and the processor may be provided separately.
  • the memory can be a non-transitory (non-transitory) memory, such as a read only memory (ROM), which can be integrated with the processor on the same chip, or can be set in different On the chip, the embodiment of the present application does not limit the type of memory and the setting mode of the memory and the processor.
  • ROM read only memory
  • a computer program (product) is provided, the computer program (product) includes: computer program code, when the computer program code is executed by a computer, the computer executes the methods in the above aspects.
  • a chip including a processor, configured to call and execute instructions stored in the memory from a memory, so that a communication device installed with the chip executes the methods in the foregoing aspects.
  • Another chip including: an input interface, an output interface, a processor, and a memory.
  • the input interface, output interface, the processor, and the memory are connected by an internal connection path, and the processor is used to execute all The code in the memory, when the code is executed, the processor is used to execute the methods in the foregoing aspects.
  • the display content can be more orderly, not cluttered, and operability and ease of use can be improved, thereby improving user experience.
  • rendering can be facilitated, saving memory and time, and preventing page jams.
  • FIG. 1 is a flowchart of a method for displaying a topological structure diagram provided by an embodiment of the application
  • Figure 2 is a schematic diagram of a display interface provided by an embodiment of the application.
  • Figure 3 is a schematic diagram of a display interface provided by an embodiment of the application.
  • Figure 4 is a schematic diagram of a display interface provided by an embodiment of the application.
  • Figure 5 is a schematic diagram of a display interface provided by an embodiment of the application.
  • Figure 6 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 7 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 8 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 9 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 10 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 11 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 12 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 13 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 14 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 15 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 16 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 17 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 18 is a schematic diagram of a display interface provided by an embodiment of the application.
  • Figure 19 is a schematic diagram of a display interface provided by an embodiment of the application.
  • 20 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 21 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 22 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 23 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 24 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 25 is a schematic diagram of a display interface provided by an embodiment of the application.
  • FIG. 26 is a schematic diagram of a related display interface provided by an embodiment of the application.
  • FIG. 27 is a schematic structural diagram of a display device of a topological structure diagram provided by an embodiment of the application.
  • FIG. 28 is a schematic structural diagram of a display device of a topology structure diagram provided by an embodiment of the application.
  • the topological structure diagram of each node of the data center network equipment and the connection relationship between each node is established, and the topological structure diagram is displayed on the user visual interface through HTML or other methods, so that the information is displayed intuitively, which can help The operation and maintenance personnel can more intuitively know the operation status of the equipment represented by the node, which is convenient for management and operation and maintenance.
  • Topological structure diagram refers to a network structure diagram composed of network node equipment and communication media, and defines the connection methods of various computers, printers, network equipment and other equipment. If there are many network node devices, the topology structure diagram is complicated. If the entire topology structure diagram is directly displayed, the page display will be chaotic, operability and ease of use are extremely poor, and user experience will be seriously affected.
  • an embodiment of the present application provides a method for displaying a topological structure diagram.
  • This method first classifies the topological information after obtaining the topological information of the topological structure diagram, and displays the topological structure diagram based on the classification structure, so that the topological structure diagram can be displayed in an orderly manner, thereby improving operability and ease of use.
  • the implementation environment of the method may include a terminal and a server.
  • a browser for displaying the topology structure diagram is installed on the terminal.
  • the terminal and the server can have a wired or wireless communication connection. After the communication connection is established, the terminal requests the server to obtain the topology information of the topology structure diagram to be displayed. After that, the browser displays the topology structure diagram according to the method provided in the embodiment of the present application.
  • the display method of the topology structure diagram provided by the embodiment of the present application can be seen in FIG. 1. Taking the method applied to the browser on the terminal as an example, the method includes the following content.
  • Operation 101 Acquire topology information of the topology structure diagram.
  • the terminal may request the server for the topology information of the topology structure diagram to be displayed.
  • the topology information includes but is not limited to information and connection information of each node in the topology structure diagram.
  • the nodes in the topology diagram can be various data processing equipment, data communication control equipment and data terminal equipment in the network system. For example, logical routers, logical switches, etc.
  • the node further includes an external network domain, a logical value added service (VAS), an interconnection interface, a logical port, a user port, etc.
  • Node information includes, but is not limited to, the name, type, and hierarchical relationship of the node.
  • the type of node is used to indicate which type of node the node belongs to, such as a logical router or a logical switch.
  • the hierarchical relationship of any node can be used to indicate which node the any node belongs to, and which subordinate nodes the any node includes.
  • the connection information includes, but is not limited to, the connection mode between nodes, connection links, etc.
  • Operation 102 Classify the topology information based on the node types in the topology structure diagram.
  • the method provided in the embodiment of the present application does not directly display the entire topology structure graph based on the topology information, but classifies the topology information according to the node type. Therefore, the topology structure diagram can be classified and displayed based on the display requirement or the query requirement in the subsequent, so that the displayed topology structure diagram is more orderly and intuitive.
  • the topology information When the topology information is classified based on the node types in the topology structure graph, if the topology information of the topology structure graph includes node type information, the nodes with the same type information can be classified into one category.
  • the topology diagram includes several types such as external network domains, logical VAS, interconnection interfaces, logical routers, logical switches, logical ports, and user ports.
  • the relationship between the nodes is also recorded to obtain the information of each node in the topology structure graph. Hierarchical relationship.
  • the topology structure diagram is displayed on the display interface based on the classification result.
  • the method provided in the embodiment of the present application can display the topology structure diagram on the display interface according to the hierarchical relationship based on the classification result.
  • the display content can be more orderly, not cluttered, and operability and ease of use can be improved, thereby improving user experience.
  • rendering can be facilitated, saving memory and time, and preventing page jams.
  • displaying the topology structure diagram on the display interface based on the classification result includes: displaying the reference quantity layer topology structure on the display interface based on the classification result, and when any node in the reference quantity layer topology structure is selected, Continue to show the next layer topology of the selected node.
  • the reference quantity can be set based on experience or application scenarios, and can also be determined according to the node type.
  • the designated type node is taken as the last layer to be displayed, and the reference quantity is determined from the layer where the designated type node is located.
  • the number of layers at and above the router in the topology structure is used as the reference number.
  • the reference number layer is the fourth layer.
  • the router layer is the last layer currently displayed, that is, layer 4.
  • the number of nodes in the next level of topology of each node can also be displayed.
  • any node in the topology of the reference level is selected, continue to display the topology of the next level of the selected node, so that the subsequent topology can be performed when there is a need for display
  • the display of the structure satisfies the display requirements while making the topology structure of the display interface more orderly, further saving memory and time, and improving page fluency.
  • a four-layer topology is displayed on the display interface.
  • the four layers are external network domain, logical VAS, interconnection interface, and logical router.
  • logical routers include four named reegg, ddfeer, e24z and sdfsad.
  • a logical router When any node in the fourth-level topology is selected, continue to display the next-level topology of the selected node. Based on the display interface shown in Figure 2, continue to display the next layer topology of the selected node as shown in Figure 3 as an example.
  • the next-level topology includes the names VLAN3522_10.44.98.128, VLAN3516_10.44.97.96, VLAN3517_10.44.98.96, VLAN3512_10.44.98.64, VLAN3518_10.44.99.96, VLAN3524_10.44.100.128, VLAN3508_10.44.99 .32, VLAN3525_10.44.104.0, VLAN3511_10.44.97.64, VLAN3605_10.44.103.32 these 10 logical switch nodes.
  • continuing to display the next-level topology of the selected node includes: when the number of nodes in the next-level topology of the selected node is greater than the reference number, displaying the next level of the selected node in a paging manner
  • the topological structure of one layer, and the page switching control is displayed on the display interface, and the page switching is performed through the page switching control.
  • the nodes of the next layer structure of the selected node displayed on different pages are different.
  • the number of nodes in the next-level topology of e24z is only 10 as an example. If the number of nodes in the next-level topology of e24z is greater than 10, for example, the number of nodes in the next-level topology of e24z is 39, then After the node e24z is selected, when the next layer topology of the node e24z is displayed, the display interface can be as shown in Figure 4. Taking a maximum of 10 nodes displayed on each page as an example, the next-level topology of node e24z is displayed in 4 pages. Figure 4 currently displays page 1, where each page has a corresponding page switching control, which can be switched through this page The control realizes switching between different pages.
  • the number of nodes of the next layer topology structure of the node is displayed below each node.
  • the following (1) means that the node sdfsad has one node in the next layer topology.
  • the display interface includes a first display area and a second display area; the first display area displays the nodes used to construct the network topology map and the graphic elements corresponding to the communication medium;
  • the reference level topology is displayed on the display interface.
  • any node in the reference level topology is selected, continue to display the next level of topology of the selected node, including: based on the classification result in the second display
  • the area displays the topology of the reference level.
  • any node in the topology of the reference level is selected, continue to display the topology of the next level of the selected node; when any graphic element in the first display area is selected , Update the topological structure displayed in the second display area according to the selected graphic element.
  • the topological structure displayed in the second display area is updated according to the selected graphic element, so that the topology structure is updated based on the graphic element in the first display area, which expands The display function of the topology.
  • the display interface shown in Figure 5 Take the display interface shown in Figure 5 as an example.
  • the area on the left of Figure 5 is the first display area.
  • the external network domain, logical VAS, interconnection interface, logical router, logical switch, logical port, and user displayed in the first display area Ports, etc. represent graphic elements of different types of nodes, and the nodes corresponding to these graphic elements are used as nodes for constructing a network topology graph.
  • the first display area also includes graphic elements corresponding to two communication media of setting a link and setting an external connection.
  • the second display area on the right shows a 4-layer topology diagram, which is the external network domain, logical VAS, interconnection interface, and logical router.
  • a node e24z in the 4th level topology in the second display area When a node e24z in the 4th level topology in the second display area is selected, continue to display the next level topology of the node e24z.
  • the graphic element of the logical router in the first display area is selected as an example
  • the graphic element of a newly added logical router can be displayed in the second display area, and then it can be connected to the interconnection interface based on the setting link.
  • Establish a new topological relationship As shown in Figure 5, the name of the graphic element of the newly added logical router is mmm.
  • the topological structure displayed in the second display area is updated according to the selected graphic element.
  • continuing to display the next-level topology of the selected node includes: displaying the next-level topology of the selected node in a manner different from the unselected node. For example, highlight the next level of topology of the selected node. Or the next-level topology of the selected node is displayed in different colors, and the embodiment of the present application does not limit the way to distinguish it from the unselected node.
  • the display interface includes a first display area and a second display area; in operation 103, the topology structure diagram is displayed on the display interface based on the classification result, including but not limited to: The display area displays the graphic elements corresponding to different types of nodes in the topological structure diagram; when any graphic element in the first display area is selected, according to the hierarchical relationship, the node type corresponding to the selected graphic element is displayed in the second display area Topology.
  • the left area includes the first display area.
  • the first display area displays diagrams of nodes including external network domains, logical VAS, interconnect interfaces, logical routers, logical switches, logical ports, and user ports. yuan.
  • the topology diagram includes multiple nodes, and these nodes include the above-mentioned types.
  • the topology structure of displaying the node type corresponding to the selected graphic element in the second display area can be shown on the right side of FIG. 6.
  • a topology structure with a node type of a logical router is displayed.
  • the second display area can also refer to that shown in FIG. 7.
  • displaying the topological structure of the node type corresponding to the selected graphic element in the second display area includes: according to the hierarchical relationship, displaying the selected graphic element in the second display area The first-level topology of the same type of node; when any node in the first-level topology is selected, continue to display the next-level topology of the selected node.
  • the graphic elements corresponding to different types of nodes in the topological structure diagram are displayed in the first display area.
  • any graphic element in the first display area is selected, according to the hierarchical relationship, continue to display the next level of topology of the selected node.
  • the subsequent topology structure display is performed when there is a display demand, so that while meeting the display demand, the topology structure of the display interface display is more orderly, further saving memory and time, and improving page fluency.
  • the second display area shows 4 logical routers.
  • the names of the 4 logical routers are reegg, ddfeer, e24z, and sdfsad.
  • the four logical routers can be considered as the first-level topology, where the third logical router (e24z) is selected, that is, the third logical router is the selected node.
  • the next-level topology of the third logical router that is, the graphic element corresponding to the logical switch, is displayed.
  • continuing to display the next-level topology of the selected node includes: when the number of nodes in the next-level topology of the selected node is greater than the reference number, displaying the next level of the selected node in a paging manner
  • the topological structure of one layer, and the page switching control is displayed on the display interface, and the page switching is performed through the page switching control.
  • the nodes of the next layer structure of the selected node displayed on different pages are different.
  • the third logical router (e24z) is the selected node.
  • the next layer of the third logical router has a large number of nodes in the topology, so it is displayed in a paging manner.
  • the number of next-level nodes included under the nodes in the topological structure of that layer can be prompted.
  • the second display area also displays the number of next-level nodes corresponding to each node .
  • the number of next-level nodes of the logical router is marked under each logical router primitive.
  • the numbers of the next-level nodes of the first logical router (reegg) and the second logical router (ddfeer) are 0, such as the third logical router marked with (39), 39 It represents that the third logical router has 39 nodes at the next level.
  • the number of next-level nodes of the fourth logical router (sdfsad) is 1, and 1 represents that the fourth logical router has one node at the next level.
  • the second display area displays paging controls, such as the first few items/pages. This application does not limit the number of items displayed on each page. As shown in Figure 6, 10 items are displayed per page, that is, 10 nodes, and the first page is currently displayed.
  • continuing to display the next-level topology of the selected node includes: displaying the next-level topology of the selected node in a manner different from the unselected node. This highlights the next level of topology of the selected node.
  • the graphic elements in the first display area in FIG. 6 and the first display area in FIG. 5 are different.
  • the graphic elements in the first display area in FIG. 5 are used to update the topology, such as adding new graphic elements to the topology shown in the second display area.
  • the graphic elements in the first display area in FIG. 6 are used to select the topology displayed in the second display area. Which graphic element of the first display area in FIG. 6 is selected, then the second display area in FIG. 6 is the topological structure after the selected graphic element is displayed.
  • the second display area may include isolated nodes in addition to the graphic elements of the nodes that are related to each other, and the isolated nodes are nodes that have no connection relationship with other nodes. Whether the second display area includes isolated nodes is determined by topology information. In other words, it is determined whether there are isolated nodes based on the topology information of the topology map to be displayed. If it is determined that there are isolated nodes based on the topology information of the topology map to be displayed, the second display area will display the isolated nodes; if Based on the topology information of the topology map to be displayed, it is determined that there are no isolated nodes, and the second display area will not display the isolated nodes.
  • the second display area shown in Figure 5 does not display isolated nodes, while the second display area of Figure 6 displays isolated nodes, such as node End—IAE_imset0-G50-01_eth2...326, node End—IAE_imset0-G50 -02_eth2...326 and node End—IAE_imset0-G50-01_eth2...326.
  • isolated nodes such as node End—IAE_imset0-G50-01_eth2...326, node End—IAE_imset0-G50 -02_eth2...326 and node End—IAE_imset0-G50-01_eth2...326.
  • the method provided in the embodiment of the present application also supports display with a single router as a divergence point, and only relevant information of the current router can be displayed. That is to say, both the display methods shown in Figure 2- Figure 5 or Figure 6 and Figure 7 support a single router as the divergence point, that is, only the relevant information of the current router can be displayed.
  • the topology structure of the next layer of the selected node when continuing to display the topology structure of the next layer of the selected node, it further includes: hiding other graphic elements except the selected node and the upper and lower topology structure of the selected node, wherein, hiding Except for the selected node and the upper and lower topological structure of the selected node, other graphic elements refer to the hidden graphic elements that are not related to the selected node in addition to displaying the selected node and the graphic elements related to the selected node.
  • the method before hiding other graphic elements except for the selected node and the upper and lower topological structure of the selected node, the method further includes: displaying a control menu, in which a correlation diagram for indicating the selected node is displayed Element options; through the control menu to indicate the option to display related elements of the selected node, hide other elements except the selected node and the upper and lower topological structure of the selected node.
  • a control menu in which a correlation diagram for indicating the selected node is displayed Element options
  • the control menu to indicate the option to display related elements of the selected node, hide other elements except the selected node and the upper and lower topological structure of the selected node.
  • the control menu displayed in the second display area includes several options such as creating external connections, modifying external connections, deleting external connections, deleting logical routers, and displaying only the associated primitives. Among them, only the association is displayed.
  • the graphic element is used to indicate the option of displaying related graphic elements of the selected node.
  • the display interface is as shown in Figure 10 or Figure 11.
  • the second display area only displays the relevant information of the third logical router.
  • the display interface also displays a search box; after the topology structure diagram is displayed on the display interface based on the classification results, the method further includes: obtaining node information entered in the search box; displaying the node information corresponding to the node information on the display interface The topology.
  • the node information entered in the search box may include the name of the node.
  • the method provided in this embodiment of the present application also supports displaying optional node information. For example, when the search box is triggered, drop down optional node information in the search box, thereby eliminating the need to manually input node information, further improving search efficiency and improving user experience.
  • Dynamically turn pages through cross-page search effectively locate and edit primitives.
  • FIG 12 there is a search box in the upper right corner of the display interface, and the optional node information VLAN3530_10.44.106.32 displayed under the search box is selected.
  • the topology of VLAN3530_10.44.106.32 is displayed on the second display area.
  • a delete icon may be displayed on the node primitive corresponding to the selected node information, so that the delete operation can be performed based on the icon. Similar to Figure 12, you can also refer to Figure 14, then the interface after displaying the search is shown in Figure 15.
  • displaying the topology structure diagram on the display interface based on the classification result includes: when the number of nodes in any layer of the topology structure exceeds a number threshold, aggregated display of the nodes in any layer of the topology structure.
  • the quantity threshold can be set based on experience or based on application scenarios, which is not limited in the embodiment of the present application.
  • the number threshold can also be determined by setting the aggregation granularity.
  • an aggregation component is displayed on the display interface, and the aggregation component includes an aggregation control and an aggregation granularity setting box.
  • the aggregation granularity setting box can enter the quantity threshold, and the aggregation control triggers the aggregation display of nodes in any layer of the topology according to the quantity threshold.
  • the server may not issue aggregated node information, only Issue it when you need to display it. If the subsequent information of the aggregated node does not trigger the display demand, the server may not issue the aggregated node information, thereby reducing the data issued by the server, and reducing browser memory consumption and rendering pressure.
  • the second display area there are aggregation controls and an aggregation granularity setting box.
  • the value entered in the aggregation granularity setting box is 5, that is, the number threshold is 5.
  • the node of VLAN3502_10.44.98.0 is selected, that is, the graphic element corresponding to the node of VLAN3502_10.44.98.0 is any graphic element in any layer of the topology.
  • the next layer topology of the node of VLAN3502_10.44.98.0 is displayed.
  • the server will not send information about the logical port and its user port. If the number of logical ports under the switch is less than or equal to the aggregation value, the server will send the logical port and its user port information.
  • the page is rendering the topology map, the logical ports and user ports that are aggregated will be displayed in the form of a dot. Click the aggregation point icon to pop up a table to display the detailed information of the aggregated ports.
  • the method further includes: displaying the information of each aggregated node in any layer of the topology structure in a list form.
  • the aggregated node information By displaying the information of each node aggregated in any layer of the topology in the form of a list, that is, the aggregated node information. Still taking the interface after the aggregation display shown in FIG. 17 as an example, the information of each node in any layer of the topology can be displayed in the form of a list as shown in FIG. 20. It can be seen from Figure 17 and Figure 20 that when the number of nodes in any layer of the topology exceeds the number threshold, the aggregate display mode can reduce the number of displayed graphic elements and reduce rendering pressure. After that, by displaying the information of the aggregated nodes in the form of a list, the information viewing needs can be further satisfied. Taking the interface after the aggregation display shown in FIG. 19 as an example, the information of each node in any layer of the topology structure can be displayed as shown in FIG. 21 in the form of a list.
  • the method further includes: displaying a thumbnail of the topology structure diagram.
  • the entire topology structure diagram is displayed through thumbnails, which helps users to effectively understand the entire topology and easy to find information when the amount of data is large.
  • the topology diagram can also be additionally displayed through thumbnails. Because the area of the thumbnails is small, it is convenient for comparison. Select the nodes in the topology diagram. When any node is selected, it can display the next layer topology of the selected node, or perform other operations for the selected node.
  • the embodiment of the present application does not limit the timing of displaying the thumbnail of the topology structure diagram, and the thumbnail of the topology structure diagram can be displayed at any time after the topology structure diagram is displayed on the display interface.
  • a control for triggering the display of the thumbnail of the topology structure map is displayed on the display interface, and the display of the thumbnail of the topology structure map is triggered by the control.
  • the thumbnail control 111 is a control used to display the thumbnail of the topology structure diagram. By clicking the thumbnail control 111, the display of the thumbnail of the topology structure diagram can be triggered.
  • the thumbnail of the displayed topology structure diagram may be the thumbnail of the topology structure diagram currently displayed in the second display interface. That is, if the thumbnail control 111 is clicked, which topology structure diagram is currently displayed in the second display interface, the thumbnail of which topology structure diagram is displayed.
  • the primitives corresponding to the isolated nodes can be displayed in the second display area all the time, or not. It is shown that the embodiment of the present application does not limit this.
  • the display interface in addition to displaying the thumbnail control 111, the display interface also includes but is not limited to displaying one or more of the following controls.
  • the functions of each control are as follows:
  • the refresh control 112 is used to refresh the topology structure diagram.
  • the updated topology information is pulled from the server through the refresh control 112, and the currently displayed topology structure diagram is refreshed based on the updated topology information.
  • the undo control 113 is used to undo the editing operation of the topological structure diagram. Exemplarily, if the currently displayed topological structure diagram is edited, the editing operation of the previous step can be undone through the undo control 113.
  • the reduction control 114 is used to reduce the topological structure diagram.
  • the zoom-out control 114 can be used to zoom out the topological structure diagram currently displayed, and the zoom factor can be set according to experience or application scenarios, and can also be determined based on the number of times the zoom-out control 114 is selected. Exemplarily, each time the reduction control 114 is selected, the topological structure diagram is reduced by one time. For example, if the reduction control 114 is selected twice, the topology structure map is reduced twice.
  • the enlargement control 115 is used to enlarge the topological structure diagram.
  • the magnification control 115 can magnify the topological structure diagram currently displayed.
  • the magnification factor can be set according to experience or application scenarios, and can also be determined based on the number of times the magnification control 115 is selected. Exemplarily, each time the magnification control 115 is selected, the topological structure diagram is doubled. For example, if the zoom control 115 is selected twice, the topology structure diagram will be zoomed in twice.
  • the screen adaptive control 116 is used to adaptively display the display interface according to the screen size. In other words, through the screen adaptive control 116, the display interface can be controlled to be displayed according to the screen size.
  • the method provided in the embodiment of the present application further includes: displaying a setting interface on a display interface, where the setting interface is used to personalize the graphic elements displayed on the display interface.
  • the personalized settings include the pixel spacing, text length, and inclination.
  • the displayed topology diagram can be more in line with personalized needs.
  • the setting interface may be as shown in FIG. 24 or FIG. 25.
  • the elements of personalized settings include pixel spacing, text length, inclination, etc., allowing users to set according to actual conditions. It can improve the operability and ease of use, and effectively enhance the user experience.
  • the setting interface provided in the embodiment of the present application also includes two options of cancel and confirm, and the cancel option is used to restore the value before the setting. Confirm the options to make the current settings take effect.
  • the method provided in the embodiment of the present application also supports restoring default settings.
  • the default setting may be the initial setting for the topological structure diagram, and the pixel spacing, text length, slope, etc. in the default setting are all initial values.
  • the initial value of each element setting under the default setting may be set based on experience, or may be set based on the properties of different topological structure diagrams, which is not limited in the embodiment of the present application.
  • an embodiment of the present application provides a topological structure diagram display device, which is used to execute the above-mentioned topological structure diagram display method.
  • the device includes:
  • the obtaining module 1301 is used to obtain topological information of the topological structure diagram
  • the classification module 1302 is used to classify the topology information based on the node type in the topology structure diagram
  • the display module 1303 is used to display the topology structure diagram on the display interface based on the classification result.
  • the display module 1303 is configured to display the reference quantity level topology structure on the display interface based on the classification result. When any node in the reference quantity level topology structure is selected, continue to display the lower part of the selected node One-layer topology.
  • the display interface includes a first display area and a second display area; the first display area displays the nodes used to construct the network topology map and the graphic elements corresponding to the communication medium;
  • the display module 1303 is used to display the reference level topology structure in the second display area based on the classification result, and when any node in the reference level topology structure is selected, continue to display the next level topology structure of the selected node; When any graphic element in the first display area is selected, the topological structure displayed in the second display area is updated according to the selected graphic element.
  • the display interface includes a first display area and a second display area
  • the display module 1303 is used to display the graphic elements corresponding to different types of nodes in the topological structure diagram in the first display area; when any graphic element in the first display area is selected, it is displayed in the second display area according to the hierarchical relationship. Select the topology structure of the node type corresponding to the graphic element.
  • the display module 1303 is configured to display the first-level topology structure of the same type of node corresponding to the selected graphic element in the second display area according to the hierarchical relationship; when any of the first-level topology structure After a node is selected, the next level topology of the selected node is displayed in the second display area.
  • the display module 1303 is configured to display the next-level topology structure of the selected node in a manner different from the unselected node.
  • the display module 1303 is also used to hide other graphic elements except the selected node and the upper and lower topological structure of the selected node.
  • the display module 1303 is used to display the next-level topology of the selected node in a pagination manner in the second display area when the number of nodes in the next-level topology of the selected node is greater than the reference number Structure, and the page switching control is displayed on the display interface, and the page switching is performed through the page switching control.
  • the nodes of the next layer structure of the selected node displayed on different pages are different.
  • the display module 1303 is also used to display a control menu in the second display area.
  • the control menu displays options for instructing the display of related graphics elements of the selected node; the control menu is used to instruct to display
  • the options of related primitives of the selected node hide other primitives except the selected node and the upper and lower topological structure of the selected node.
  • the display interface also displays a search box
  • the display module 1303 is also used to obtain the node information entered in the search box; the topology structure of the node corresponding to the node information is displayed on the display interface.
  • the display module 1303 is also used to aggregate and display the nodes in any layer of the topology when the number of nodes in any layer of the topology structure exceeds the number threshold.
  • the display module 1303 is also used to display the information of each aggregated node in any layer of the topology in the form of a list.
  • the display module 1303 is configured to display the topology structure diagram on the display interface based on the classification result, and display the thumbnail of the topology structure diagram.
  • the display module 1303 is also used to display a setting interface on the display interface, and the setting interface is used to personalize the graphic elements displayed on the display interface.
  • the personalized settings include the pixel spacing, text length, and inclination.
  • an embodiment of the present application also provides a topological structure diagram display device 2800.
  • the topological structure diagram display device 2800 shown in FIG. 28 is configured to perform operations involved in the above-mentioned topological structure diagram display method.
  • the display device 2800 of the topological structure diagram includes: a memory 2801, a processor 2802, and an interface 2803.
  • the memory 2801, the processor 2802, and the interface 2803 are connected by a bus 2804.
  • At least one instruction is stored in the memory 2801, and at least one instruction is loaded and executed by the processor 2802, so as to implement any one of the above-mentioned methods for displaying the topology diagram.
  • the interface 2803 is used to communicate with other devices in the network.
  • the interface 2803 may be implemented in a wireless or wired manner.
  • the interface 2803 may be a network card.
  • the display device 2800 of the topology structure diagram can communicate with the server through the interface 2803 to pull the topology information of the network topology diagram to be displayed.
  • FIG. 28 only shows a simplified design of the display device 2800 of the topological structure diagram.
  • the display device of the topology diagram may include any number of interfaces, processors or memories.
  • the aforementioned processor may be a central processing unit (CPU), other general-purpose processors, digital signal processing (DSP), application specific integrated circuit (ASIC), Field-programmable gate array (FPGA) or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components, etc.
  • the general-purpose processor may be a microprocessor or any conventional processor. It is worth noting that the processor may be a processor that supports an advanced reduced instruction set machine (advanced RISC machines, ARM) architecture.
  • advanced RISC machines advanced reduced instruction set machine
  • the foregoing memory may include a read-only memory and a random access memory, and provide instructions and data to the processor.
  • the memory may also include non-volatile random access memory.
  • the memory can also store device type information.
  • the memory may be volatile memory or non-volatile memory, or may include both volatile and non-volatile memory, where the non-volatile memory may be read-only memory (ROM) , Programmable read-only memory (programmable ROM, PROM), erasable programmable read-only memory (erasable PROM, EPROM), electrically erasable programmable read-only memory (electrically EPROM, EEPROM) or flash memory.
  • ROM read-only memory
  • PROM Programmable read-only memory
  • EPROM erasable PROM
  • electrically erasable programmable read-only memory electrically EPROM, EEPROM
  • flash memory electrically erasable programmable read-only memory
  • RAM random access memory
  • static random access memory static random access memory
  • dynamic random access memory dynamic random access memory
  • DRAM dynamic random access memory
  • SDRAM synchronous dynamic random access memory
  • double data rate synchronous dynamic random access Memory double data date SDRAM, DDR SDRAM
  • enhanced synchronous dynamic random access memory enhanced SDRAM, ESDRAM
  • serial link DRAM SLDRAM
  • direct memory bus random access memory direct rambus RAM
  • a computer-readable storage medium is also provided, and at least one instruction is stored in the storage medium, and the instruction is loaded and executed by a processor to realize the display method of any one of the above-mentioned topological structure diagrams.
  • This application provides a computer program.
  • the computer program When the computer program is executed by a computer, it can cause a processor or computer to execute various operations and/or procedures corresponding to the foregoing method embodiments.
  • the computer program product includes one or more computer instructions.
  • the computer may be a general-purpose computer, a special-purpose computer, a computer network, or other programmable devices.
  • the computer instructions may be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions may be transmitted from a website, computer, server, or data center.
  • the computer-readable storage medium may be any available medium that can be accessed by a computer or a data storage device such as a server or a data center integrated with one or more available media.
  • the usable medium may be a magnetic medium (for example, a floppy disk, a hard disk, and a magnetic tape), an optical medium (for example, a DVD), or a semiconductor medium (for example, a solid state disk).

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种拓扑结构图的展示方法、装置、设备及存储介质，属于网络技术领域。所述方法包括：获取拓扑结构图的拓扑信息（101）；基于所述拓扑结构图中的节点类型，对所述拓扑信息进行分类（102）；基于分类结果在展示界面展示所述拓扑结构图（103）。通过对拓扑信息进行分类，按照分类结果来展示拓扑结构图，可使得展示内容更加有序，不至于杂乱，提高可操作性和易用性，进而可以提升用户体验。此外，还可以便于渲染，节省内存和时间，使页面不至于卡顿。

Description

拓扑结构图的展示方法、装置、设备及存储介质
本申请要求于2019年7月23日提交中国专利局、申请号为CN 201910668472.7、发明名称为“拓扑结构图的展示方法、装置、设备及存储介质”的中国专利申请的优先权，该2019年7月23日提交的专利申请要求于2019年6月20日提交中国专利局、申请号为CN201910538595.9、发明名称为“拓扑结构图的展示方法、装置、设备及存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及图形界面技术领域，特别涉及一种拓扑结构图的展示方法、装置、设备及存储介质。
背景技术
随着图形界面的广泛使用，通过图形界面展示拓扑结构图的应用场景越来越多。其中，拓扑结构图是指由网络节点设备和通信介质构成的网络结构图，以下简称拓扑图。
相关技术中，建立数据中心各个网络节点设备以及各个节点连接关系的拓扑图，通过超级文本标记语言(hypertext markup language，HTML)的方式将完整拓扑图展示在浏览器上。
然而，网络设备数量比较多的情况下，完整拓扑图的结构复杂、混乱，信息不直观，可操作性和易用性较差。此外，由于浏览器渲染复杂拓扑图时需要更多的内存和时间，容易导致页面卡顿。
发明内容
本申请实施例提供了一种拓扑结构图的展示方法、装置、设备及存储介质，以解决相关技术提供的问题，技术方案如下：
一方面，提供了一种拓扑结构图的展示方法，所述方法包括：获取拓扑结构图的拓扑信息；基于所述拓扑结构图中的节点类型，对所述拓扑信息进行分类；基于分类结果在展示界面展示所述拓扑结构图。
通过对拓扑信息进行分类，按照分类结果来展示拓扑结构图，可使得展示内容更加有序，不至于杂乱，提高可操作性和易用性，进而可以提升用户体验。此外，还可以便于渲染，节省内存和时间，使页面不至于卡顿。
作为一种示例性实施例，所述基于分类结果在展示界面展示所述拓扑结构图，包括：基于分类结果在展示界面展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中时，继续展示被选节点的下一层拓扑结构。示例性地，参考数量可以基于经验或者应用场景设置，还可以按照节点类型来定。
在展示界面展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中时，再继续展示被选节点的下一层拓扑结构，从而在有展示需求时再进行后续的拓扑结构的展示，满足展示需求的同时，使得展示界面展示的拓扑结构更加有序，进一步节省内存和时间，提高页面流畅度。
作为一种示例性实施例，所述展示界面包括第一展示区域及第二展示区域；所述第一展示区域展示有用于构建网络拓扑图的节点及通信介质对应的图元；所述基于分类结果在展示界面展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中时，继续展示被选节点的下一层拓扑结构，包括：基于分类结果在所述第二展示区域展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中时，继续展示被选节点的下一层拓扑结构；当所述第一展示区域中的任一图元被选中时，根据被选中的图元更新所述第二展示区域所展示的拓扑结构。从而基于第一展示区域中的图元进行拓扑结构的更新，扩展了拓扑结构的展示功能。
作为一种示例性实施例，所述展示界面包括第一展示区域及第二展示区域；所述基于分类结果在展示界面展示所述拓扑结构图，包括：在所述第一展示区域展示所述拓扑结构图中不同类型节点对应的图元；当所述第一展示区域中的任一图元被选中后，按照层级关系，在所述第二展示区域展示所述被选图元所对应的节点类型的拓扑结构。
作为一种示例性实施例，所述按照层级关系，在所述第二展示区域展示所述被选图元所对应的节点类型的拓扑结构，包括：按照层级关系，在所述第二展示区域展示所述被选图元所对应的同一类型节点的第一层拓扑结构；当所述第一层拓扑结构中的任一节点被选中后，继续展示被选节点的下一层拓扑结构。
在第一展示区域展示拓扑结构图中不同类型节点对应的图元，当第一展示区域中的任一图元被选中后，按照层级关系，再继续展示被选节点的下一层拓扑结构，从而在有展示需求时再进行后续的拓扑结构的展示，满足展示需求的同时，使得展示界面展示的拓扑结构更加有序，进一步节省内存和时间，提高页面流畅度。
作为一种示例性实施例，所述继续展示被选节点的下一层拓扑结构，包括：以区别于未被选中的节点的方式，展示被选节点的下一层拓扑结构。由此突出显示被选节点的下一层拓扑结构。
作为一种示例性实施例，所述继续展示被选节点的下一层拓扑结构时，还包括：隐藏除所述被选节点及所述被选节点上下层拓扑结构之外的其他图元。
通过隐藏除被选节点及被选节点上下层拓扑结构之外的其他图元，仅展示被选节点的上下层拓扑结构，使得展示的图标变少，能够快速有效查看单一节点的组网信息。
作为一种示例性实施例，所述在所述第二展示区域继续展示被选节点的下一层拓扑结构，包括：当所述被选节点的下一层拓扑结构中的节点数量大于参考数量时，在所述第二展示区域以分页方式展示所述被选节点的下一层拓扑结构，且在所述展示界面展示页面切换控件，通过所述页面切换控件进行页面切换，不同页面上展示的所述被选节点的下一层结构的节点不同。
通过以分页方式展示被选节点的下一层拓扑结构，使得节点数量较多时，展示的图元 不至于杂乱，且在渲染时，能进一步降低所需内存和时间，减少页面卡顿。此外，还可以通过页面切换控件进行页面切换，满足查看需求。
作为一种示例性实施例，所述隐藏除所述被选节点及所述被选节点上下层拓扑结构之外的其他图元之前，还包括：展示控制菜单，所述控制菜单中展示有用于指示显示所述被选节点的相关图元的选项；通过所述控制菜单中用于指示显示所述被选节点的相关图元的选项，隐藏除所述被选节点及所述被选节点上下层拓扑结构之外的其他图元。
作为一种示例性实施例，所述展示界面还展示有搜索框；所述基于分类结果在展示界面展示所述拓扑结构图之后，还包括：获取所述搜索框中输入的节点信息；在所述展示界面展示所述节点信息对应的节点所在的拓扑结构。
通过搜索框来定位被搜索的节点，可跨页搜索动态翻页，有效定位并查看搜索到的节点的图元。
作为一种示例性实施例，所述基于分类结果在展示界面展示所述拓扑结构图，包括：当任一层拓扑结构中的节点数量超过数量阈值时，对所述任一层拓扑结构中的节点进行聚合显示。
作为一种示例性实施例，所述对所述任一层拓扑结构中的节点进行聚合显示之后，还包括：以列表形式展示所述任一层拓扑结构中被聚合的各个节点的信息。
当任一层拓扑结构中的节点数量超过数量阈值时，通过聚合显示的方式能够减少展示的图元的数量，降低渲染压力。之后，通过以列表形式展示被聚合的节点的信息，可进一步满足信息查看需求。
作为一种示例性实施例，所述基于分类结果在展示界面展示所述拓扑结构图之后，还包括：展示所述拓扑结构图的缩略图。
通过缩略图展示整个拓扑结构图，在数据量大的情况下，帮助用户有效了解整个拓扑全貌，且便于查找信息。
作为一种示例性实施例，所述方法还包括：在展示界面上展示设置界面，所述设置界面用于对所述展示界面上所展示的图元进行个性化设置。
作为一种示例性实施例，所述个性化设置包括图元间距、文字长度及倾斜度。
通过个性化设置，可使得展示的拓扑结构图更加符合个性化需求。
还提供了一种拓扑结构图的展示装置，所述装置包括：
获取模块，用于获取拓扑结构图的拓扑信息；
分类模块，用于基于所述拓扑结构图中的节点类型，对所述拓扑信息进行分类；
展示模块，用于基于分类结果在展示界面展示所述拓扑结构图。
作为一种示例性实施例，所述展示模块，用于基于分类结果在展示界面展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中时，继续展示被选节点的下一 层拓扑结构。
作为一种示例性实施例，所述展示界面包括第一展示区域及第二展示区域；所述第一展示区域展示有用于构建网络拓扑图的节点及通信介质对应的图元；
所述展示模块，用于基于分类结果在所述第二展示区域展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中时，继续展示被选节点的下一层拓扑结构；当所述第一展示区域中的任一图元被选中时，根据被选中的图元更新所述第二展示区域所展示的拓扑结构。
作为一种示例性实施例，所述展示界面包括第一展示区域及第二展示区域；
所述展示模块，用于在所述第一展示区域展示所述拓扑结构图中不同类型节点对应的图元；当所述第一展示区域中的任一图元被选中后，按照层级关系，在所述第二展示区域展示所述被选图元所对应的节点类型的拓扑结构。
作为一种示例性实施例，所述展示模块，用于按照层级关系，在所述第二展示区域展示所述被选图元所对应的同一类型节点的第一层拓扑结构；当所述第一层拓扑结构中的任一节点被选中后，在所述第二展示区域继续展示被选节点的下一层拓扑结构。
作为一种示例性实施例，所述展示模块，用于以区别于未被选中的节点的方式，展示被选节点的下一层拓扑结构。
作为一种示例性实施例，所述展示模块，还用于隐藏除所述被选节点及所述被选节点上下层拓扑结构之外的其他图元。
作为一种示例性实施例，所述展示模块，用于当所述被选节点的下一层拓扑结构中的节点数量大于参考数量时，在所述第二展示区域以分页方式展示所述被选节点的下一层拓扑结构，且在所述展示界面展示页面切换控件，通过所述页面切换控件进行页面切换，不同页面上展示的所述被选节点的下一层结构的节点不同。
作为一种示例性实施例，所述展示模块，还用于在所述第二展示区域展示控制菜单，所述控制菜单中展示有用于指示显示所述被选节点的相关图元的选项；通过所述控制菜单中用于指示显示所述被选节点的相关图元的选项，隐藏除所述被选节点及所述被选节点上下层拓扑结构之外的其他图元。
作为一种示例性实施例，所述展示界面还展示有搜索框；所述展示模块，还用于获取所述搜索框中输入的节点信息；在所述展示界面展示所述节点信息对应的节点所在的拓扑结构。
作为一种示例性实施例，所述展示模块，还用于当任一层拓扑结构中的节点数量超过数量阈值时，对所述任一层拓扑结构中的节点进行聚合显示。
作为一种示例性实施例，所述展示模块，还用于以列表形式展示所述任一层拓扑结构中被聚合的各个节点的信息。
作为一种示例性实施例，所述展示模块，用于基于分类结果在展示界面展示所述拓扑结构图，且展示所述拓扑结构图的缩略图。
作为一种示例性实施例，所述展示模块，还用于在展示界面上展示设置界面，所述设置界面用于对所述展示界面上所展示的图元进行个性化设置。
作为一种示例性实施例，所述个性化设置包括图元间距、文字长度及倾斜度。
还提供一种拓扑结构图的展示设备，所述设备包括：存储器及处理器，所述存储器中存储有至少一条指令，所述至少一条指令由所述处理器加载并执行，以实现上述任一所述的拓扑结构图的展示方法。
还提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令，所述指令由处理器加载并执行以实现如上任一所述的拓扑结构图的展示方法。
提供了另一种通信装置，该装置包括：收发器、存储器和处理器。其中，该收发器、该存储器和该处理器通过内部连接通路互相通信，该存储器用于存储指令，该处理器用于执行该存储器存储的指令，以控制收发器接收信号，并控制收发器发送信号，并且当该处理器执行该存储器存储的指令时，使得该处理器执行上述任一种可能的实施方式中的方法。
作为一种示例性实施例，所述处理器为一个或多个，所述存储器为一个或多个。
作为一种示例性实施例，所述存储器可以与所述处理器集成在一起，或者所述存储器与处理器分离设置。
在具体实现过程中，存储器可以为非瞬时性(non-transitory)存储器，例如只读存储器(read only memory，ROM)，其可以与处理器集成在同一块芯片上，也可以分别设置在不同的芯片上，本申请实施例对存储器的类型以及存储器与处理器的设置方式不做限定。
提供了一种计算机程序(产品)，所述计算机程序(产品)包括：计算机程序代码，当所述计算机程序代码被计算机运行时，使得所述计算机执行上述各方面中的方法。
提供了一种芯片，包括处理器，用于从存储器中调用并运行所述存储器中存储的指令，使得安装有所述芯片的通信设备执行上述各方面中的方法。
提供另一种芯片，包括：输入接口、输出接口、处理器和存储器，所述输入接口、输出接口、所述处理器以及所述存储器之间通过内部连接通路相连，所述处理器用于执行所述存储器中的代码，当所述代码被执行时，所述处理器用于执行上述各方面中的方法。
本申请提供的技术方案带来的有益效果至少包括：
通过对拓扑信息进行分类，按照分类结果来展示拓扑结构图，可使得展示内容更加有序，不至于杂乱，提高可操作性和易用性，进而可以提升用户体验。此外，还可以便于渲染，节省内存和时间，使页面不至于卡顿。
附图说明
图1为本申请实施例提供的拓扑结构图的展示方法流程图；
图2为本申请实施例提供的展示界面示意图；
图3为本申请实施例提供的展示界面示意图；
图4为本申请实施例提供的展示界面示意图；
图5为本申请实施例提供的展示界面示意图；
图6为本申请实施例提供的展示界面示意图；
图7为本申请实施例提供的展示界面示意图；
图8为本申请实施例提供的展示界面示意图；
图9为本申请实施例提供的展示界面示意图；
图10为本申请实施例提供的展示界面示意图；
图11为本申请实施例提供的展示界面示意图；
图12为本申请实施例提供的展示界面示意图；
图13为本申请实施例提供的展示界面示意图；
图14为本申请实施例提供的展示界面示意图；
图15为本申请实施例提供的展示界面示意图；
图16为本申请实施例提供的展示界面示意图；
图17为本申请实施例提供的展示界面示意图；
图18为本申请实施例提供的展示界面示意图；
图19为本申请实施例提供的展示界面示意图；
图20为本申请实施例提供的展示界面示意图；
图21为本申请实施例提供的展示界面示意图；
图22为本申请实施例提供的展示界面示意图；
图23为本申请实施例提供的展示界面示意图；
图24为本申请实施例提供的展示界面示意图；
图25为本申请实施例提供的展示界面示意图；
图26为本申请实施例提供的相关展示界面示意图；
图27为本申请实施例提供的拓扑结构图的展示装置的结构示意图；
图28为本申请实施例提供的拓扑结构图的展示设备的结构示意图。
具体实施方式
本申请的实施方式部分使用的术语仅用于对本申请的具体实施例进行解释，而非旨在限定本申请。
随着图形界面的广泛使用，建立数据中心网络设备各个节点以及各个节点连接关系的拓扑结构图，通过HTML或其它方式将拓扑结构图展示在用户可视界面上，使得信息直观显示出来，能够帮助运维人员更加直观地获知节点表示的设备运行情况，方便管理和运维。
拓扑结构图是指由网络节点设备和通信介质构成的网络结构图，定义了各种计算机、打印机、网络设备和其他设备的连接方式。如果网络节点设备较多，则拓扑结构图复杂，如果直接展示整个拓扑结构图将导致页面展示混乱，可操作性和易用性极差，严重影响用户体验。
对此，本申请实施例提供了一种拓扑结构图的展示方法。该方法在获取到拓扑结构图 的拓扑信息后，先对拓扑信息进行分类，基于分类结构展示拓扑结构图，从而使得拓扑结构图能够有序展示，进而提高可操作性和易用性。示例性地，该方法的实施环境可包括终端及服务器。其中，终端上安装有用于展示拓扑结构图的浏览器。终端与服务器可进行有线或无线通信连接，在建立通信连接后，终端向服务器请求获取待展示的拓扑结构图的拓扑信息。之后，按照本申请实施例提供的方法由浏览器对拓扑结构图进行展示。
本申请实施例提供的拓扑结构图的展示方法可参见图1，以该方法应用于终端上的浏览器为例，包括如下内容。
操作101，获取拓扑结构图的拓扑信息。
当有拓扑结构图的展示、查询等需求时，终端可向服务器请求需要展示的拓扑结构图的拓扑信息。示例性地，拓扑信息包括但不限于拓扑结构图中的各个节点的信息及连接信息。拓扑结构图中的节点可以是网络系统中的各种数据处理设备、数据通信控制设备和数据终端设备。例如，逻辑路由器、逻辑交换机等。本申请实施例中，节点还包括外部网络域、逻辑增值业务(value added service，VAS)、互联接口、逻辑端口、用户端口等。节点的信息包括但不限于节点的名称，类型、节点的层级关系等。节点的类型用于指示节点属于哪类节点，如是属于逻辑路由器，还是属于逻辑交换机。对于任一节点，该任一节点的层级关系可用于指示该任一节点是属于哪个节点的下级节点，以及该任一节点包括哪些下级节点。连接信息包括但不限于节点之间的连接方式，连接链路等。
操作102，基于拓扑结构图中的节点类型，对拓扑信息进行分类。
由于拓扑结构图中的节点数量较多，但有些节点类型一致，因而本申请实施例提供的方法并未直接基于拓扑信息展示整个拓扑结构图，而是按照节点类型对拓扑信息进行分类。从而后续可基于展示需求或者查询需求来分类展示拓扑结构图，使得展示的拓扑结构图更加有序且直观。
基于拓扑结构图中的节点类型对拓扑信息进行分类时，如果该拓扑结构图的拓扑信息中包括节点的类型信息，因而可将类型信息相同的节点归为一类。示例性地，拓扑结构图中包括外部网络域、逻辑VAS、互联接口、逻辑路由器、逻辑交换机、逻辑端口、用户端口等几种类型。
作为一种示例性实施方式，在基于节点类型对拓扑信息进行分类时，除了将类型信息相同的节点归为一类，还将记录各节点之间的关系，得到拓扑结构图中每个节点的层级关系。
操作103，基于分类结果在展示界面展示拓扑结构图。
由于拓扑结构图已经按照节点类型进行了分类，且确定了各个节点之间的层级关系，因而本申请实施例提供的方法可基于分类结果按照层级关系在展示界面展示拓扑结构图。
通过对拓扑信息进行分类，按照分类结果来展示拓扑结构图，可使得展示内容更加有序，不至于杂乱，提高可操作性和易用性，进而可以提升用户体验。此外，还可以便于渲染，节省内存和时间，使页面不至于卡顿。
作为一种示例性实施例，基于分类结果在展示界面展示拓扑结构图，包括：基于分类结果在展示界面展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中 时，继续展示被选节点的下一层拓扑结构。
参考数量可以基于经验或者应用场景设置，还可以按照节点类型来定。示例性地，以指定类型节点作为要展示的最后一层，从该指定类型节点所在层来确定参考数量。例如，以将拓扑结构中路由器所在层及路由器以上的层级的层数作为参考数量，如4层，则第参考数量层即为第4层。也就是说，显示路由器所在层及以上层级的拓扑结构。此时，路由器所在层为当前显示的最后一层，即第4层。当第4层拓扑结构中的任一节点被选中时，继续展示被选节点的下一层拓扑结构。此外，展示的每层拓扑结构中，还可以展示每个节点的下一层拓扑结构的节点数量。
在展示界面展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中时，再继续展示被选节点的下一层拓扑结构，从而在有展示需求时再进行后续的拓扑结构的展示，满足展示需求的同时，使得展示界面展示的拓扑结构更加有序，进一步节省内存和时间，提高页面流畅度。
示例性地，以上述基于分类结果在展示界面展示参考数量层拓扑结构的界面如图2所示为例。图2中，基于分类结果在展示界面展示四层拓扑结构，这四层分别为外部网络域、逻辑VAS、互联接口及逻辑路由器，其中，逻辑路由器包括名称为reegg、ddfeer、e24z和sdfsad这四个逻辑路由器。当第四层拓扑结构中的任一节点被选中时，继续展示被选节点的下一层拓扑结构。以在图2所示的展示界面基础上，继续展示被选节点的下一层拓扑结构如图3所示为例，当名称为e24z的节点被选中后，继续展示节点e24z的下一层拓扑结构，该下一层拓扑结构包括名称为VLAN3522_10.44.98.128、VLAN3516_10.44.97.96、VLAN3517_10.44.98.96、VLAN3512_10.44.98.64、VLAN3518_10.44.99.96、VLAN3524_10.44.100.128、VLAN3508_10.44.99.32、VLAN3525_10.44.104.0、VLAN3511_10.44.97.64、VLAN3605_10.44.103.32这10个逻辑交换机节点。
作为一种示例性实施例，继续展示被选节点的下一层拓扑结构，包括：当被选节点的下一层拓扑结构中的节点数量大于参考数量时，以分页方式展示被选节点的下一层拓扑结构，且在展示界面展示页面切换控件，通过页面切换控件进行页面切换，不同页面上展示的被选节点的下一层结构的节点不同。
图3中节点e24z的下一层拓扑结构的节点数量仅以10为例，如果e24z的下一层拓扑结构的节点数量大于10，例如，e24z的下一层拓扑结构的节点数量为39，则节点e24z被选中后，继续展示节点e24z的下一层拓扑结构时，展示界面可如图4所示。以每页最多展示10个节点为例，则节点e24z的下一层拓扑结构分4页展示，图4当前展示的是第1页，其中，每页有对应的页面切换控件，通过该页面切换控件实现不同页面切换。
此外，无论是图3还是图4，每个节点下面均显示有该节点的下一层拓扑结构的节点数量。例如，以图3或图4中的节点sdfsad为例，下面的(1)即代表该节点sdfsad下一层拓扑结构有1个节点。
作为一种示例性实施例，展示界面包括第一展示区域及第二展示区域；第一展示区域展示有用于构建网络拓扑图的节点及通信介质对应的图元；
基于分类结果在展示界面展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任 一节点被选中时，继续展示被选节点的下一层拓扑结构，包括：基于分类结果在第二展示区域展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中时，继续展示被选节点的下一层拓扑结构；当第一展示区域中的任一图元被选中时，根据被选中的图元更新第二展示区域所展示的拓扑结构。
当第一展示区域中的任一图元被选中时，根据被选中的图元更新第二展示区域所展示的拓扑结构，从而基于第一展示区域中的图元进行拓扑结构的更新，扩展了拓扑结构的展示功能。
以图5所示的展示界面为例，图5左侧区域为第一展示区域，该第一展示区域中展示的外部网络域、逻辑VAS、互联接口、逻辑路由器、逻辑交换机、逻辑端口、用户端口等代表不同类型节点的图元，这些图元对应的节点均作为用于构建网络拓扑图的节点。除此之外，第一展示区域还包括设置链路和设置外部连接这两个通信介质对应的图元。如图5所示，在右侧的第二展示区域展示4层拓扑结构图，分别是外部网络域、逻辑VAS、互联接口和逻辑路由器这4层。当第二展示区域中第4层拓扑结构中的一个节点e24z被选中后，继续展示节点e24z的下一层拓扑结构。示例性地，以第一展示区域中逻辑路由器的图元被选中为例，则可以在第二展示区域展示一个新增的逻辑路由器的图元，之后可以基于设置链路连接到互联接口，以建立一条新的拓扑关系。如图5所示，新增的逻辑路由器的图元的名称为mmm。通过建立新的拓扑关系，实现了根据被选中的图元更新第二展示区域所展示的拓扑结构。
作为一种示例性实施例，继续展示被选节点的下一层拓扑结构，包括：以区别于未被选中的节点的方式，展示被选节点的下一层拓扑结构。例如，以高亮的方式展示被选节点的下一层拓扑结构。或者以不同颜色来展示被选节点的下一层拓扑结构，本申请实施例不对区别于未被选中的节点的方式进行限定。
除上述展示方式外，作为一种示例性实施例，展示界面包括第一展示区域及第二展示区域；操作103中，基于分类结果在展示界面展示拓扑结构图，包括但不限于：在第一展示区域展示拓扑结构图中不同类型节点对应的图元；当第一展示区域中的任一图元被选中后，按照层级关系，在第二展示区域展示被选图元所对应的节点类型的拓扑结构。
如图6所示，左侧区域包括第一展示区域，该第一展示区域中展示了包括外部网络域、逻辑VAS、互联接口、逻辑路由器、逻辑交换机、逻辑端口、用户端口等类型节点的图元。也就是说，拓扑结构图中包括多个节点，这些节点包括上述几种类型。以第一展示区域中的逻辑路由器对应的图元被选中为例，则按照层级关系，在第二展示区域展示被选图元所对应的节点类型的拓扑结构可如图6右侧所示。图6右侧所示的第二展示区域中，展示有节点类型为逻辑路由器的拓扑结构。图6中可以看出，拓扑结构图中有4个逻辑路由器。此外，除了图6，第二展示区域也可以参考图7所示。
作为一种示例性实施例，按照层级关系，在第二展示区域展示被选图元所对应的节点类型的拓扑结构，包括：按照层级关系，在第二展示区域展示被选图元所对应的同一类型节点的第一层拓扑结构；当第一层拓扑结构中的任一节点被选中后，继续展示被选节点的下一层拓扑结构。
在第一展示区域展示拓扑结构图中不同类型节点对应的图元，当第一展示区域中的任 一图元被选中后，按照层级关系，再继续展示被选节点的下一层拓扑结构，从而在有展示需求时再进行后续的拓扑结构的展示，满足展示需求的同时，使得展示界面展示的拓扑结构更加有序，进一步节省内存和时间，提高页面流畅度。
如图6所示，第二展示区域展示有4个逻辑路由器，这4个逻辑路由器的名称分别为reegg、ddfeer、e24z和sdfsad。该4个逻辑路由器可以认为是第一层拓扑结构，其中，第三个逻辑路由器(e24z)被选中，即第三个逻辑路由器为被选节点。在第二展示区域展示有第三个逻辑路由器的下一层拓扑结构，即逻辑交换机对应的图元。
不难看出，该种方式下，可以实现跨逻辑路由器(router)翻页，并且保持合适的间距，让router图元展示具有平行感，让router图元展示不至于杂乱。
作为一种示例性实施例，继续展示被选节点的下一层拓扑结构，包括：当被选节点的下一层拓扑结构中的节点数量大于参考数量时，以分页方式展示被选节点的下一层拓扑结构，且在展示界面展示页面切换控件，通过页面切换控件进行页面切换，不同页面上展示的被选节点的下一层结构的节点不同。
如图6所示，第三个逻辑路由器(e24z)为被选节点，该第三个逻辑路由器的下一层拓扑结构中的节点数量较多，因而以分页方式展示。此外，在展示每层拓扑结构时，可针对该层拓扑结构中的节点下面包括的下一级节点的数量进行提示，例如第二展示区域中还展示每个节点对应的下一级节点的数量。如图6所示，在展示的4个逻辑路由器下面，每个逻辑路由器图元下面标出该逻辑路由器的下一级节点的数量。如图6中的第一个逻辑路由器(reegg)和第二个逻辑路由器(ddfeer)的下一级节点的数量均为0，如第三个逻辑路由器的图面下面标有(39)，39代表该第三个逻辑路由器下一级有39个节点。第四个逻辑路由器(sdfsad)的下一级节点的数量为1，1代表该第四个逻辑路由器下一级有1个节点。第二展示区域展示有分页控件，如第几条/页。本申请对每页展示的条数不做限制，如图6所示，每页展示10条，即10个节点，当前展示的是第一页。对于第三逻辑路由器的下一级的39个节点，一共需要4页。在页数前后还展示有前后切换的页面切换控件。通过该前后切换的页面切换控件，可实现在不同页数之间进行切换，可以在展示的页面上查找显示的节点。由于不同节点按照分页显示，因而不同页面上展示的被选节点的下一层结构的节点不同。
作为一种示例性实施例，继续展示被选节点的下一层拓扑结构，包括：以区别于未被选中的节点的方式，展示被选节点的下一层拓扑结构。由此突出显示被选节点的下一层拓扑结构。
需要说明的是，图6中的第一展示区域和图5中的第一展示区域中的图元功能不同。图5中第一展示区域中的图元用于更新拓扑，如向第二展示区域所展示的拓扑中增加新的图元。而图6中第一展示区域中的图元用于对第二展示区域所展示的拓扑进行选择。图6中第一展示区域的哪个图元被选中，则图6中的第二展示区域即从该被选中图元开始显示之后的拓扑结构。
此外，第二展示区域除了包括相互关联的节点的图元之后，还可以包括孤立的节点，孤立的节点即为与其他节点之间没有连接关系的节点。第二展示区域是否包括孤立的节点，由拓扑信息决定。也就是说，基于需要展示的拓扑结构图的拓扑信息确定是否存在孤 立的节点，如果基于需要展示的拓扑结构图的拓扑信息确定存在孤立的节点，则第二展示区域将展示孤立的节点；如果基于需要展示的拓扑结构图的拓扑信息确定不存在孤立的节点，则第二展示区域将不展示孤立的节点。例如，图5所示的第二展示区域未展示孤立的节点，而图6的第二展示区域中展示有孤立的节点，如节点End—IAE_imset0-G50-01_eth2…326、节点End—IAE_imset0-G50-02_eth2…326和节点End—IAE_imset0-G50-01_eth2…326。
除上述展示方式外，本申请实施例提供的方法还支持以单一router为发散点展示，可以只展示当前router的相关信息。也就是说，无论是图2-图5，还是图6和图7所对应的展示方式，均支持以单一router为发散点展示，即可以只展示当前router的相关信息。对此，作为一种示例性实施例，继续展示被选节点的下一层拓扑结构时，还包括：隐藏除被选节点及被选节点上下层拓扑结构之外的其他图元，其中，隐藏除被选节点及被选节点上下层拓扑结构之外的其他图元，是指除了展示被选节点及被选节点相关的图元，将其余与被选节点没有关系的图元进行隐藏。
作为一种示例性实施例，隐藏除被选节点及被选节点上下层拓扑结构之外的其他图元之前，还包括：展示控制菜单，控制菜单中展示有用于指示显示被选节点的相关图元的选项；通过控制菜单中用于指示显示被选节点的相关图元的选项，隐藏除被选节点及被选节点上下层拓扑结构之外的其他图元。通过该种方式，以被选节点为路由器为例，可以过滤其他与被选路由器不相关的router，拓扑展示图标变少，有效查看单一router的组网信息。
如图8或图9所示，第二展示区域展示的控制菜单包括创建外部连接、修改外部连接、删除外部连接、删除逻辑路由器及只显示关联的图元等几个选项，其中，只显示关联的图元即用于指示显示被选节点的相关图元的选项。
当该只显示关联的图元的选项被选中后，展示界面如图10或图11所示。图10和图11中可以看到，第二展示区域仅展示第三逻辑路由器的相关信息。
作为一种示例性实施例，展示界面还展示有搜索框；基于分类结果在展示界面展示拓扑结构图之后，还包括：获取搜索框中输入的节点信息；在展示界面展示节点信息对应的节点所在的拓扑结构。示例性地，在搜索框中输入的节点信息可以包括节点的名称。此外，除了由用户手动输入节点信息外，本申请实施例提供的方法还支持展示可选的节点信息。例如，当搜索框被触发后，在搜索框下拉可选的节点信息，由此可无需手动输入节点信息，进一步提高了搜索效率，提升用户体验。
该种方式下，可实现跨页搜索动态翻页。通过跨页搜索动态翻页，有效定位并编辑图元。如图12所示，在展示界面右上角具有搜索框，该搜索框下显示的可选的节点信息VLAN3530_10.44.106.32被选中。则如图13所示，第二展示区域上展示有VLAN3530_10.44.106.32所在的拓扑结构。该种方式下，可跨页搜索动态翻页，有效定位并查看搜索到的VLAN3530_10.44.106.32的图元。此外，可选方式中，还可以在被选的节点信息所对应的节点图元上显示有删除图标，从而可以基于该图标进行删除操作。与图12类似，还可以参见图14，则展示搜索后的界面如图15所示。
作为一种示例性实施例，基于分类结果在展示界面展示拓扑结构图，包括：当任一层拓扑结构中的节点数量超过数量阈值时，对任一层拓扑结构中的节点进行聚合显示。数量 阈值可基于经验设置，或基于应用场景设置，本申请实施例对此不加以限定。示例性地，还可以通过设置聚合粒度来确定数量阈值。例如，在展示界面上展示有聚合组件，该聚合组件包括聚合控件和聚合粒度设置框。聚合粒度设置框可输入数量阈值，通过聚合控件触发按照数量阈值对任一层拓扑结构中的节点进行聚合显示。
对于需要聚合显示的节点，由于聚合显示时并不会直接展示该被聚合的节点的信息，因而当向服务器请求该层拓扑结构中的节点信息时，服务器可不下发被聚合的节点信息，仅在需要展示时再下发。如后续对该被聚合的节点的信息并未触发展示需求，则服务器可以不下发被聚合的节点信息，由此可减少服务器下发的数据，减少浏览器内存消耗和渲染压力。
如图16所示，第二展示区域中，展示有聚合控件和聚合粒度设置框，聚合粒度设置框中输入的值为5，即数量阈值为5。VLAN3502_10.44.98.0的节点被选中，即VLAN3502_10.44.98.0的节点所对应的图元为任一层拓扑结构中的任一图元。则展示该VLAN3502_10.44.98.0的节点的下一层拓扑结构。由于下一层拓扑结构中的节点数量较多，通过本申请实施例提供的拓扑结构图的展示方法，如果交换机下的逻辑端口数量大于汇聚值(即数量阈值，图16中以5为例)，服务器将不发送逻辑端口及其用户端口的信息。如果交换机下的逻辑端口数量小于或等于汇聚值，服务器将发送逻辑端口及其用户端口的信息。页面在渲染拓扑图时，将被汇聚的逻辑端口和用户端口以一个点的形式展示，点击汇聚点图标弹出表格展示被汇聚端口的详细信息。减少了获取的数据，减小浏览器内存消耗和渲染压力。以数量阈值为5为例，由于下一层拓扑结构中的节点数量超过5个，因而进行聚合显示。如图17所示，以一个图元聚合显示。聚合粒度可实现自定义，如通过设置界面进行设置，本申请实施例对此不加以限定。与图16类似，可以参见图18，则针对图18所示的界面，聚合之后的界面如图19所示。
针对聚合显示之后的界面，作为一种示例性实施例，对任一层拓扑结构中的节点进行聚合显示之后，还包括：以列表形式展示任一层拓扑结构中被聚合的各个节点的信息。
通过以列表形式展示任一层拓扑结构中被聚合的各个节点的信息，即被聚合了的节点信息。仍以图17所示的聚合显示之后的界面为例，则以列表形式展示任一层拓扑结构中的各个节点的信息可如图20所示。从图17和图20可以看出，当任一层拓扑结构中的节点数量超过数量阈值时，通过聚合显示的方式能够减少展示的图元的数量，降低渲染压力。之后，通过以列表形式展示被聚合的节点的信息，可进一步满足信息查看需求。以图19所示的聚合显示之后的界面为例，以列表形式展示任一层拓扑结构中的各个节点的信息可如图21所示。
作为一种示例性实施例，基于分类结果在展示界面展示拓扑结构图之后，还包括：展示拓扑结构图的缩略图。通过缩略图展示整个拓扑结构图，在数据量大的情况下，帮助用户有效了解整个拓扑全貌，且便于查找信息。
以图22或图23所示的展示界面为例，该种方式下，除了可以正常显示拓扑结构图，还可以通过缩略图额外显示该拓扑结构图，由于缩略图的面积较小，因而便于对拓扑结构图中的节点进行选择。当任一节点被选中后，即可显示被选节点的下一层拓扑结构，或者执行其他针对被选节点的操作。
需要说明的是，本申请实施例不对展示拓扑结构图的缩略图的时机进行限定，可以在展示界面展示拓扑结构图之后的任意时间，展示拓扑结构图的缩略图。例如，在展示界面上展示有用于触发展示拓扑结构图的缩略图的控件，通过该控件来触发展示拓扑结构图的缩略图。例如，图22所示的展示界面中，缩略图控件111即为用于展示拓扑结构图的缩略图的控件，通过点击该缩略图控件111，可触发展示拓扑结构图的缩略图。作为一种示例性实施例，展示的拓扑结构图的缩略图可以是第二展示界面中当前所展示的拓扑结构图的缩略图。也就是说，如果缩略图控件111被点击，则当前第二展示界面中展示的是哪种拓扑结构图，就展示哪种拓扑结构图的缩略图。
需要说明的是，针对拓扑结构图中包括孤立的节点的情况，当进行缩略图显示、聚合显示等过程时，孤立的节点所对应的图元可以一直展示在第二展示区域中，也可以不展示，本申请实施例对此不加以限定。
此外，在本申请实施例提供的方法中，展示界面中除了展示有缩略图控件111之外，还包括但不限于展示有如下一种或多种控件。示例性地，以图22所示的展示界面为例，各个控件的功能如下：
刷新控件112，用于刷新拓扑结构图。示例性地，通过该刷新控件112从服务器拉取更新的拓扑信息，基于更新的拓扑信息刷新当前显示的拓扑结构图。
撤销控件113，用于撤销拓扑结构图的编辑操作。示例性地，如果通过对当前展示的拓扑结构图进行编辑，则通过该撤销控件113可以撤销前一步的编辑操作。
缩小控件114，用于对拓扑结构图进行缩小。通过该缩小控件114可以将当前展示的拓扑结构图进行缩小，缩小的倍数可以按照经验或者应用场景设置，也可以基于缩小控件114被选中的次数来确定。示例性地，每选中缩小控件114一次，则将拓扑结构图缩小一倍。例如，如果选中该缩小控件114两次，则将拓扑结构图缩小两倍。
放大控件115，用于对拓扑结构图进行放大。通过该放大控件115可以将当前展示的拓扑结构图进行放大，放大的倍数可以按照经验或者应用场景设置，也可以基于放大控件115被选中的次数来确定。示例性地，每选中放大控件115一次，则将拓扑结构图放大一倍。例如，如果选中该放大控件115两次，则将拓扑结构图放大两倍。
屏幕自适应控件116，用于根据屏幕大小自适应显示展示界面。也就是说，通过该屏幕自适应控件116，可以控制展示界面按照屏幕大小进行显示。
作为一种示例性实施例，本申请实施例提供的方法还包括：在展示界面上展示设置界面，设置界面用于对展示界面上所展示的图元进行个性化设置。
作为一种示例性实施例，个性化设置包括图元间距、文字长度及倾斜度。
通过个性化设置，可使得展示的拓扑结构图更加符合个性化需求。示例性地，设置界面可如图24或图25所示。个性化设置的元素包括图元间距、文字长度、倾斜度等，让用户可以根据实际情况进行设置。可提升可操作性和易用性，有效增强用户体验。此外，无论进行了哪种个性化设置，在进行了个性化设置的基础上，本申请实施例提供的设置界面还包括取消和确认两个选项，通过该取消选项来恢复到设置之前的数值，通过确认选项来使得当前的设置生效。
作为一种示例性实施例，在提供个性化设置的基础上，本申请实施例提供的方法还支持恢复默认设置。该默认设置可以是针对拓扑结构图的初始设置，该默认设置中的图元间距、文字长度、倾斜度等均为初始值。关于默认设置下各个元素设置的初始值可基于经验设置，也可以基于不同的拓扑结构图的性质来设置，本申请实施例对此不加以限定。
基于上述对本申请实施例提供的拓扑结构图的展示方法进行的介绍，结合图26所示的相关技术中的拓扑结构图的展示方式，不难看出，图26中的拓扑结构图节点较多，显示的节点之间有交叠，信息展示不够直观，导致不便于操作。而与图26所示的相关技术中的展示方式相比，通过上述本申请实施例提供的方法，结合本申请实施例提供的如图2-图25中任一种展示方式，不难看出，即使是复杂的拓扑结构图，拓扑结构图可以有序显示，不至于杂乱。由于信息显示比较直观，因而便于操作，操作性和易用性较高，方便管理和运维。
参见图27，本申请实施例提供了一种拓扑结构图的展示装置，该装置用于执行上述拓扑结构图的展示方法。如图27所示，该装置包括：
获取模块1301，用于获取拓扑结构图的拓扑信息；
分类模块1302，用于基于拓扑结构图中的节点类型，对拓扑信息进行分类；
展示模块1303，用于基于分类结果在展示界面展示拓扑结构图。
作为一种示例性实施例，展示模块1303，用于基于分类结果在展示界面展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中时，继续展示被选节点的下一层拓扑结构。
作为一种示例性实施例，展示界面包括第一展示区域及第二展示区域；第一展示区域展示有用于构建网络拓扑图的节点及通信介质对应的图元；
展示模块1303，用于基于分类结果在第二展示区域展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中时，继续展示被选节点的下一层拓扑结构；当第一展示区域中的任一图元被选中时，根据被选中的图元更新第二展示区域所展示的拓扑结构。
作为一种示例性实施例，展示界面包括第一展示区域及第二展示区域；
展示模块1303，用于在第一展示区域展示拓扑结构图中不同类型节点对应的图元；当第一展示区域中的任一图元被选中后，按照层级关系，在第二展示区域展示被选图元所对应的节点类型的拓扑结构。
作为一种示例性实施例，展示模块1303，用于按照层级关系，在第二展示区域展示被选图元所对应的同一类型节点的第一层拓扑结构；当第一层拓扑结构中的任一节点被选中后，在第二展示区域继续展示被选节点的下一层拓扑结构。
作为一种示例性实施例，展示模块1303，用于以区别于未被选中的节点的方式，展示被选节点的下一层拓扑结构。
作为一种示例性实施例，展示模块1303，还用于隐藏除被选节点及被选节点上下层拓扑结构之外的其他图元。
作为一种示例性实施例，展示模块1303，用于当被选节点的下一层拓扑结构中的节点数量大于参考数量时，在第二展示区域以分页方式展示被选节点的下一层拓扑结构，且在展示界面展示页面切换控件，通过页面切换控件进行页面切换，不同页面上展示的被选节点的下一层结构的节点不同。
作为一种示例性实施例，展示模块1303，还用于在第二展示区域展示控制菜单，控制菜单中展示有用于指示显示被选节点的相关图元的选项；通过控制菜单中用于指示显示被选节点的相关图元的选项，隐藏除被选节点及被选节点上下层拓扑结构之外的其他图元。
作为一种示例性实施例，展示界面还展示有搜索框；
展示模块1303，还用于获取搜索框中输入的节点信息；在展示界面展示节点信息对应的节点所在的拓扑结构。
作为一种示例性实施例，展示模块1303，还用于当任一层拓扑结构中的节点数量超过数量阈值时，对任一层拓扑结构中的节点进行聚合显示。
作为一种示例性实施例，展示模块1303，还用于以列表形式展示任一层拓扑结构中被聚合的各个节点的信息。
作为一种示例性实施例，展示模块1303，用于基于分类结果在展示界面展示拓扑结构图，且展示拓扑结构图的缩略图。
作为一种示例性实施例，展示模块1303，还用于在展示界面上展示设置界面，设置界面用于对展示界面上所展示的图元进行个性化设置。
作为一种示例性实施例，个性化设置包括图元间距、文字长度及倾斜度。
应理解的是，上述图27提供的装置在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的装置与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
参见图28，本申请实施例还提供一种拓扑结构图的展示设备2800，图28所示的拓扑结构图的展示设备2800用于执行上述拓扑结构图的展示方法所涉及的操作。该拓扑结构图的展示设备2800包括：存储器2801、处理器2802及接口2803，存储器2801、处理器2802及接口2803之间通过总线2804连接。
其中，存储器2801中存储有至少一条指令，至少一条指令由处理器2802加载并执行，以实现上述任一所述的拓扑结构图的展示方法。
接口2803用于与网络中的其他设备进行通信，该接口2803可以通过无线或有线的方式实现，示例性地，该接口2803可以是网卡。例如，拓扑结构图的展示设备2800可通过该接口2803与服务器进行通信，以拉取待显示的网络拓扑图的拓扑信息。
应理解的是，图28仅仅示出了拓扑结构图的展示设备2800的简化设计。在实际应用中，拓扑结构图的展示设备可以包含任意数量的接口，处理器或者存储器。此外，上述处 理器可以是中央处理器(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(digital signal processing，DSP)、专用集成电路(application specific integrated circuit，ASIC)、现场可编程门阵列(field－programmable gate array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者是任何常规的处理器等。值得说明的是，处理器可以是支持进阶精简指令集机器(advanced RISC machines，ARM)架构的处理器。
进一步地，在一种可选的实施例中，上述存储器可以包括只读存储器和随机存取存储器，并向处理器提供指令和数据。存储器还可以包括非易失性随机存取存储器。例如，存储器还可以存储设备类型的信息。
该存储器可以是易失性存储器或非易失性存储器，或可包括易失性和非易失性存储器两者，其中，非易失性存储器可以是只读存储器(read-only memory，ROM)、可编程只读存储器(programmable ROM，PROM)、可擦除可编程只读存储器(erasable PROM，EPROM)、电可擦除可编程只读存储器(electrically EPROM，EEPROM)或闪存。易失性存储器可以是随机存取存储器(random access memory，RAM)，其用作外部高速缓存。通过示例性但不是限制性说明，许多形式的RAM可用。例如，静态随机存取存储器(static RAM，SRAM)、动态随机存取存储器(dynamic random access memory，DRAM)、同步动态随机存取存储器(synchronous DRAM，SDRAM)、双倍数据速率同步动态随机存取存储器(double data date SDRAM，DDR SDRAM)、增强型同步动态随机存取存储器(enhanced SDRAM，ESDRAM)、同步连接动态随机存取存储器(synchlink DRAM，SLDRAM)和直接内存总线随机存取存储器(direct rambus RAM，DR RAM)。
还提供了一种计算机可读存储介质，存储介质中存储有至少一条指令，指令由处理器加载并执行以实现如上任一所述的拓扑结构图的展示方法。
本申请提供了一种计算机程序，当计算机程序被计算机执行时，可以使得处理器或计算机执行上述方法实施例中对应的各个操作和/或流程。
在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本申请所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘Solid State Disk)等。
以上所述仅为本申请的实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (32)

  1. 一种拓扑结构图的展示方法，其特征在于，所述方法包括：
    获取拓扑结构图的拓扑信息；
    基于所述拓扑结构图中的节点类型，对所述拓扑信息进行分类；
    基于分类结果在展示界面展示所述拓扑结构图。
  2. 根据权利要求1所述的方法，其特征在于，所述基于分类结果在展示界面展示所述拓扑结构图，包括：
    基于分类结果在展示界面展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中时，继续展示被选节点的下一层拓扑结构。
  3. 根据权利要求2所述的方法，其特征在于，所述展示界面包括第一展示区域及第二展示区域；所述第一展示区域展示有用于构建网络拓扑图的节点及通信介质对应的图元；
    所述基于分类结果在展示界面展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中时，继续展示被选节点的下一层拓扑结构，包括：
    基于分类结果在所述第二展示区域展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中时，继续展示被选节点的下一层拓扑结构；
    当所述第一展示区域中的任一图元被选中时，根据被选中的图元更新所述第二展示区域所展示的拓扑结构。
  4. 根据权利要求1所述的方法，其特征在于，所述展示界面包括第一展示区域及第二展示区域；
    所述基于分类结果在展示界面展示所述拓扑结构图，包括：
    在所述第一展示区域展示所述拓扑结构图中不同类型节点对应的图元；
    当所述第一展示区域中的任一图元被选中后，按照层级关系，在所述第二展示区域展示所述被选图元所对应的节点类型的拓扑结构。
  5. 根据权利要求4所述的方法，其特征在于，所述按照层级关系，在所述第二展示区域展示所述被选图元所对应的节点类型的拓扑结构，包括：
    按照层级关系，在所述第二展示区域展示所述被选图元所对应的同一类型节点的第一层拓扑结构；
    当所述第一层拓扑结构中的任一节点被选中后，继续展示被选节点的下一层拓扑结构。
  6. 根据权利要求2、3和5中任一所述的方法，其特征在于，所述继续展示被选节点的下一层拓扑结构，包括：
    以区别于未被选中的节点的方式，展示被选节点的下一层拓扑结构。
  7. 根据权利要求2、3、5和6中任一所述的方法，其特征在于，所述继续展示被选节点的下一层拓扑结构时，还包括：
    隐藏除所述被选节点及所述被选节点上下层拓扑结构之外的其他图元。
  8. 根据权利要求2、3、5、6和7中任一所述的方法，其特征在于，所述继续展示被选节点的下一层拓扑结构，包括：
    当所述被选节点的下一层拓扑结构中的节点数量大于参考数量时，以分页方式展示所述被选节点的下一层拓扑结构，且在所述展示界面展示页面切换控件，通过所述页面切换控件进行页面切换，不同页面上展示的所述被选节点的下一层结构的节点不同。
  9. 根据权利要求7所述的方法，其特征在于，所述隐藏除所述被选节点及所述被选节点上下层拓扑结构之外的其他图元之前，还包括：
    展示控制菜单，所述控制菜单中展示有用于指示显示所述被选节点的相关图元的选项；
    通过所述控制菜单中用于指示显示所述被选节点的相关图元的选项，隐藏除所述被选节点及所述被选节点上下层拓扑结构之外的其他图元。
  10. 根据权利要求1-9任一所述的方法，其特征在于，所述展示界面还展示有搜索框；
    所述基于分类结果在展示界面展示所述拓扑结构图之后，还包括：
    获取所述搜索框中输入的节点信息；
    在所述展示界面展示所述节点信息对应的节点所在的拓扑结构。
  11. 根据权利要求1-10任一所述的方法，其特征在于，所述基于分类结果在展示界面展示所述拓扑结构图，包括：
    当任一层拓扑结构中的节点数量超过数量阈值时，对所述任一层拓扑结构中的节点进行聚合显示。
  12. 根据权利要求11所述的方法，其特征在于，所述对所述任一层拓扑结构中的节点进行聚合显示之后，还包括：
    以列表形式展示所述任一层拓扑结构中被聚合的各个节点的信息。
  13. 根据权利要求1-12任一所述的方法，其特征在于，所述基于分类结果在展示界面展示所述拓扑结构图之后，还包括：
    展示所述拓扑结构图的缩略图。
  14. 根据权利要求1-13任一所述的方法，其特征在于，所述方法还包括：
    在所述展示界面上展示设置界面，所述设置界面用于对所述展示界面上所展示的图元进行个性化设置。
  15. 根据权利要求14所述的方法，其特征在于，所述个性化设置包括图元间距、文字长度及倾斜度。
  16. 一种拓扑结构图的展示装置，其特征在于，所述装置包括：
    获取模块，用于获取拓扑结构图的拓扑信息；
    分类模块，用于基于所述拓扑结构图中的节点类型，对所述拓扑信息进行分类；
    展示模块，用于基于分类结果在展示界面展示所述拓扑结构图。
  17. 根据权利要求16所述的装置，其特征在于，所述展示模块，用于基于分类结果在展示界面展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中时，继续展示被选节点的下一层拓扑结构。
  18. 根据权利要求17所述的装置，其特征在于，所述展示界面包括第一展示区域及第二展示区域；所述第一展示区域展示有用于构建网络拓扑图的节点及通信介质对应的图元；
    所述展示模块，用于基于分类结果在所述第二展示区域展示参考数量层拓扑结构，当第参考数量层拓扑结构中的任一节点被选中时，继续展示被选节点的下一层拓扑结构；当所述第一展示区域中的任一图元被选中时，根据被选中的图元更新所述第二展示区域所展示的拓扑结构。
  19. 根据权利要求16所述的装置，其特征在于，所述展示界面包括第一展示区域及第二展示区域；
    所述展示模块，用于在所述第一展示区域展示所述拓扑结构图中不同类型节点对应的图元；当所述第一展示区域中的任一图元被选中后，按照层级关系，在所述第二展示区域展示所述被选图元所对应的节点类型的拓扑结构。
  20. 根据权利要求19所述的装置，其特征在于，所述展示模块，用于按照层级关系，在所述第二展示区域展示所述被选图元所对应的同一类型节点的第一层拓扑结构；当所述第一层拓扑结构中的任一节点被选中后，在所述第二展示区域继续展示被选节点的下一层拓扑结构。
  21. 根据权利要求17、18和20中任一所述的装置，其特征在于，所述展示模块，用于以区别于未被选中的节点的方式，展示被选节点的下一层拓扑结构。
  22. 根据权利要求17、18、20和21中任一所述的装置，其特征在于，所述展示模块，还用于隐藏除所述被选节点及所述被选节点上下层拓扑结构之外的其他图元。
  23. 根据权利要求17、18、20、21和22中任一所述的装置，其特征在于，所述展示模块，用于当所述被选节点的下一层拓扑结构中的节点数量大于参考数量时，在所述第二展示区域以分页方式展示所述被选节点的下一层拓扑结构，且在所述展示界面展示页面切换控件，通过所述页面切换控件进行页面切换，不同页面上展示的所述被选节点的下一层结构的节点不同。
  24. 根据权利要求22所述的装置，其特征在于，所述展示模块，还用于在所述第二展示区域展示控制菜单，所述控制菜单中展示有用于指示显示所述被选节点的相关图元的选项；通过所述控制菜单中用于指示显示所述被选节点的相关图元的选项，隐藏除所述被选节点及所述被选节点上下层拓扑结构之外的其他图元。
  25. 根据权利要求16-21任一所述的装置，其特征在于，所述展示界面还展示有搜索框；
    所述展示模块，还用于获取所述搜索框中输入的节点信息；在所述展示界面展示所述节点信息对应的节点所在的拓扑结构。
  26. 根据权利要求16-25任一所述的装置，其特征在于，所述展示模块，用于当任一层拓扑结构中的节点数量超过数量阈值时，对所述任一层拓扑结构中的节点进行聚合显 示。
  27. 根据权利要求26所述的装置，其特征在于，所述展示模块，还用于以列表形式展示所述任一层拓扑结构中被聚合的各个节点的信息。
  28. 根据权利要求16-27任一所述的装置，其特征在于，所述展示模块，还用于展示所述拓扑结构图的缩略图。
  29. 根据权利要求16-28任一所述的装置，其特征在于，所述展示模块，还用于在所述展示界面上展示设置界面，所述设置界面用于对所述展示界面上所展示的图元进行个性化设置。
  30. 根据权利要求29所述的装置，其特征在于，所述个性化设置包括图元间距、文字长度及倾斜度。
  31. 一种拓扑结构图的展示设备，其特征在于，所述设备包括：
    存储器及处理器，所述存储器中存储有至少一条指令，所述至少一条指令由所述处理器加载并执行，以实现权利要求1-15中任一所述的拓扑结构图的展示方法。
  32. 一种计算机可读存储介质，其特征在于，所述存储介质中存储有至少一条指令，所述指令由处理器加载并执行以实现如权利要求1-15中任一所述的拓扑结构图的展示方法。
PCT/CN2020/096665 2019-06-20 2020-06-17 拓扑结构图的展示方法、装置、设备及存储介质 WO2020253750A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
EP20826124.8A EP3971736A4 (en) 2019-06-20 2020-06-17 METHOD OF PRESENTING A TOPOLOGICAL STRUCTURAL DIAGRAM, DEVICE, INSTALLATION AND STORAGE MEDIA
US17/556,054 US20220150136A1 (en) 2019-06-20 2021-12-20 Method, apparatus, and device for displaying topological structure diagram, and storage medium

Applications Claiming Priority (4)

Application Number Priority Date Filing Date Title
CN201910538595 2019-06-20
CN201910538595.9 2019-06-20
CN201910668472.7A CN112115390A (zh) 2019-06-20 2019-07-23 拓扑结构图的展示方法、装置、设备及存储介质
CN201910668472.7 2019-07-23

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US17/556,054 Continuation US20220150136A1 (en) 2019-06-20 2021-12-20 Method, apparatus, and device for displaying topological structure diagram, and storage medium

Publications (1)

Publication Number Publication Date
WO2020253750A1 true WO2020253750A1 (zh) 2020-12-24

Family

ID=73795367

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/096665 WO2020253750A1 (zh) 2019-06-20 2020-06-17 拓扑结构图的展示方法、装置、设备及存储介质

Country Status (4)

Country Link
US (1) US20220150136A1 (zh)
EP (1) EP3971736A4 (zh)
CN (1) CN112115390A (zh)
WO (1) WO2020253750A1 (zh)

Families Citing this family (20)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11283699B2 (en) 2020-01-17 2022-03-22 Vmware, Inc. Practical overlay network latency measurement in datacenter
US11736436B2 (en) 2020-12-31 2023-08-22 Vmware, Inc. Identifying routes with indirect addressing in a datacenter
CN112783720B (zh) * 2021-01-05 2023-05-19 广州品唯软件有限公司 拓扑结构图生成方法、装置、计算机设备和展示系统
US11336533B1 (en) 2021-01-08 2022-05-17 Vmware, Inc. Network visualization of correlations between logical elements and associated physical elements
CN113452557B (zh) * 2021-06-24 2022-08-26 新华三大数据技术有限公司 子网络拓扑的呈现方法、装置及设备
US11687210B2 (en) * 2021-07-05 2023-06-27 Vmware, Inc. Criteria-based expansion of group nodes in a network topology visualization
CN113568694A (zh) * 2021-07-20 2021-10-29 上海云轴信息科技有限公司 一种界面权限配置管理的交互方法及设备
US11711278B2 (en) 2021-07-24 2023-07-25 Vmware, Inc. Visualization of flow trace operation across multiple sites
US11706109B2 (en) 2021-09-17 2023-07-18 Vmware, Inc. Performance of traffic monitoring actions
CN113822963A (zh) * 2021-09-22 2021-12-21 济南浪潮数据技术有限公司 一种绘制及展示拓扑图的方法、系统、设备和存储介质
CN113904941B (zh) * 2021-09-24 2023-11-03 绿盟科技集团股份有限公司 一种生成拓扑图的方法、系统及电子设备
CN114090833A (zh) * 2021-10-27 2022-02-25 中盈优创资讯科技有限公司 一种拓扑跃层展示方法及装置
CN114143202A (zh) * 2021-10-27 2022-03-04 中盈优创资讯科技有限公司 一种拓扑链路组灵活展示方法及装置
US20230198859A1 (en) * 2021-12-22 2023-06-22 Vmware, Inc. Federated network topology visualization
CN114978716B (zh) * 2022-05-25 2024-01-26 安天科技集团股份有限公司 一种三维拓扑展示方法、装置及电子设备
CN114944991A (zh) * 2022-05-30 2022-08-26 济南浪潮数据技术有限公司 一种基于web端的拓扑图编辑方法、系统及工具
CN117332916A (zh) * 2022-06-24 2024-01-02 华为云计算技术有限公司 数据资产展示方法、装置、设备及存储介质
CN115241976B (zh) * 2022-07-27 2023-11-17 国网江苏省电力有限公司电力科学研究院 一种配电网监测数据可视化方法、计算机设备及存储介质
CN115081158B (zh) * 2022-08-23 2022-11-11 成都中科合迅科技有限公司 基于数字化表达的图元展示方法
CN116582439A (zh) * 2023-07-13 2023-08-11 博智安全科技股份有限公司 一种网元数据处理方法、装置、设备及介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2008022056A2 (en) * 2006-08-11 2008-02-21 Siemens Product Lifecycle Management Software Inc. Method and system for organizing topology elements for better compression
CN101834735A (zh) * 2009-03-11 2010-09-15 北京启明星辰信息技术股份有限公司 一种大规模网络节点拓扑结构的显示方法和显示装置
CN103106197A (zh) * 2011-11-09 2013-05-15 深圳市金蝶中间件有限公司 层次化数据的展示方法及系统
CN107332707A (zh) * 2017-07-25 2017-11-07 北京邮电大学 一种sdn网络测量数据的采集方法和装置
CN107453911A (zh) * 2017-08-09 2017-12-08 武汉微创光电股份有限公司 一种自动拓扑排列的方法
CN108696380A (zh) * 2017-04-11 2018-10-23 深圳市江机实业有限公司 宽带载波路由节点拓扑图的节点角色自动显示方法

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020147809A1 (en) * 2000-10-17 2002-10-10 Anders Vinberg Method and apparatus for selectively displaying layered network diagrams
US7062718B2 (en) * 2001-08-14 2006-06-13 National Instruments Corporation Configuration diagram which graphically displays program relationship
US7315985B1 (en) * 2002-12-31 2008-01-01 Emc Corporation Methods and apparatus for managing network resources using a network topology view
US8850362B1 (en) * 2007-11-30 2014-09-30 Amazon Technologies, Inc. Multi-layered hierarchical browsing
CN105812170B (zh) * 2014-12-31 2019-01-18 华为技术有限公司 基于数据中心的故障分析方法和装置
US10452242B2 (en) * 2015-06-07 2019-10-22 Cisco Technology, Inc. System and method of providing a computer networking tool and interfaces
US20170060348A1 (en) * 2015-08-26 2017-03-02 Sap Se Compact display of hierarchical structure on user interface
US20180329794A1 (en) * 2017-05-09 2018-11-15 Cisco Technology, Inc. Visualization of mapping between network overlay and underlay

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2008022056A2 (en) * 2006-08-11 2008-02-21 Siemens Product Lifecycle Management Software Inc. Method and system for organizing topology elements for better compression
CN101834735A (zh) * 2009-03-11 2010-09-15 北京启明星辰信息技术股份有限公司 一种大规模网络节点拓扑结构的显示方法和显示装置
CN103106197A (zh) * 2011-11-09 2013-05-15 深圳市金蝶中间件有限公司 层次化数据的展示方法及系统
CN108696380A (zh) * 2017-04-11 2018-10-23 深圳市江机实业有限公司 宽带载波路由节点拓扑图的节点角色自动显示方法
CN107332707A (zh) * 2017-07-25 2017-11-07 北京邮电大学 一种sdn网络测量数据的采集方法和装置
CN107453911A (zh) * 2017-08-09 2017-12-08 武汉微创光电股份有限公司 一种自动拓扑排列的方法

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP3971736A4

Also Published As

Publication number Publication date
EP3971736A4 (en) 2022-06-15
US20220150136A1 (en) 2022-05-12
CN112115390A (zh) 2020-12-22
EP3971736A1 (en) 2022-03-23

Similar Documents

Publication Publication Date Title
WO2020253750A1 (zh) 拓扑结构图的展示方法、装置、设备及存储介质
US10732922B2 (en) Manipulating shared screen content
JP7013466B2 (ja) アプリケーションデータ処理方法、装置、及びコンピュータプログラム
US8756523B2 (en) Terminal, history management method, and computer usable storage medium for history management
US7743334B2 (en) Dynamically configuring a web page
JP4920161B2 (ja) 情報の周辺アウェアネスを自動的に提供するシステムおよび動的オブジェクトを提供する方法
JP5430743B2 (ja) グラフィカルユーザインタフェース内でスクレープされたウェブページを提供するための方法および装置
DE112016001737T5 (de) Systeme und Verfahren für die Benachrichtigung von Benutzern über Änderungen an Dateien in cloudbasierten Dateispeichersystemen
WO2014146460A1 (en) Method and apparatus for display adjustment
US11886678B2 (en) Multiple windows for a group-based communication system
CN104461298A (zh) 一种截图方法和截图工具
JP2023552420A (ja) 通信プラットフォームへのサードパーティプラットフォームの統合
JP5167850B2 (ja) Ｇｕｉシステム、ｇｕｉ生成方法、プログラムおよび記録媒体
US11823647B2 (en) Responsive layout system and server
WO2024099201A1 (zh) 用于用户交互的方法、装置、设备和存储介质
CN110442400A (zh) 浏览器控制方法及装置
CN112783382B (zh) 一种文档图标的设置方法、装置、终端及存储介质
US11714806B2 (en) Nested query modification tool
US20210073464A1 (en) Information processing apparatus and non-transitory computer readable medium
JP2016099637A (ja) 電子ドキュメント管理装置、電子ドキュメント管理システムおよび電子ドキュメント管理用プログラム
CN116909505A (zh) 自适应可视区域的显示方法、装置、系统及介质
KR20230080034A (ko) 모바일 환경에서 웹 페이지를 편집하는 컴퓨팅 장치 및 그 방법
JP5658805B2 (ja) オペレーティングシステム、プログラム、情報処理装置および制御方法
CN115981531A (zh) 页面控制方法、装置及电子设备
JP2002182812A (ja) サイトマップ表示システム

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 20826124

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2020826124

Country of ref document: EP

Effective date: 20211214

NENP Non-entry into the national phase

Ref country code: DE