A network topology and device resource information display method and device, equipment, medium and product

Abstract

This application discloses a method, apparatus, device, medium, and product for displaying network topology and device resource information, relating to the field of network topology monitoring. The method includes collecting network data using a data acquisition module; the network data includes network topology information and resource information; optimizing the network data using a data processing module to determine optimized network data; dynamically generating a network topology view based on the device operating status and site connection relationships using a display screen interface generation module; and hierarchically displaying link information of each link in the network topology, basic information of each network node, and resource status information based on the network topology view using a user interaction module. This application optimizes the information display effect in large-scale network environments and can display resource status in real time.

Description

TECHNICAL FIELD

[0001] The present application relates to the field of network topology monitoring, in particular to a network topology and device resource information display method, device, medium and product. BACKGROUND

[0002] Current network topology monitoring large screen technology is relatively mature, aiming to display network devices and connection status in real time through graphical interface. Its main functions include automatic discovery of network devices, real-time update of topology changes, provision of interactive visualization interface and alarm mechanism, so as to enable operation and maintenance personnel to quickly identify and locate problems.

[0003] In the current technical environment, network topology monitoring systems are widely used in data centers, enterprise networks and various communication infrastructures, and their core function is to display the connection relationship and resource usage of network devices in real time through a graphical user interface (GUI). Generally, these systems rely on multiple protocols to automatically discover network topology structure, and use intuitive graphical display methods to help users understand complex network relationships.

[0004] Many existing systems have achieved a certain degree of interactivity, such as zooming in and out, clicking to view device details, and providing real-time alarm and event notification functions to support rapid response of network operation and maintenance. However, these systems often face performance and compatibility challenges when dealing with large-scale networks and heterogeneous devices.

[0005] Many existing topology layout schemes rely on Grid grid layout to manage sites and devices in a matrix. This layout can adjust node ordering, number of rows and columns, and node non-overlapping through configuration, but it is difficult to reflect the complex organizational structure of the topology network in terms of vision. At the same time, existing schemes also rely too much on a user interface (UI) that is too materialized to represent sites and devices. The materialized design has poor scalability and is difficult to add display of other parameters in addition to device operating status, and consumes a lot of front-end rendering resources, affecting system performance when there are many sites. Existing schemes mainly rely on static layout or simple force-directed algorithms, and when faced with large-scale dynamic networks and heterogeneous devices, the following technical defects exist:

[0006] 1) Complex topology layout, excessive performance pressure: In large-scale topology scenarios, existing systems have too many nodes and connections, causing interface rendering lag, information refresh delay, and affecting system real-time performance.

[0007] 2) Difficulty in extracting interface information: In complex topology, it is difficult to intuitively present device operating status, resource usage information and alarm information, which is not conducive to rapid response of operation and maintenance.

[0008] 3) The integration of alarm information is insufficient: the alarm state and normal operation state of network device resources are not intuitively displayed in a unified interface, leading to difficulty in operation and maintenance.

[0009] To solve the above problems, there is an urgent need for a new network topology display method and system to optimize the information display effect, real-time display of resource state, and overall interactive experience of the user interface in a large-scale network environment. SUMMARY

[0010] The purpose of the present application is to provide a network topology and device resource information display method, device, medium and product to solve the problems of poor information display effect and real-time performance.

[0011] To achieve the above purpose, the present application provides the following solutions:

[0012] In a first aspect, the present application provides a network topology and device resource information display method, comprising:

[0013] collecting network data using a data collection module; the network data includes network topology information and resource information; the network topology information includes device and site connection relationships; the site connection relationship is the connection relationship between devices in the network topology; the resource information includes device operating status and device operating information; the device operating status includes online and offline states; the device operating information includes CPU usage, bandwidth upper limit, and real-time throughput;

[0014] optimizing the network data using a data processing module to determine optimized network data;

[0015] generating a network topology view based on the device operating status and the site connection relationship according to the optimized network data using a display screen interface generation module;

[0016] based on a user interaction module, displaying link information of each link, basic information of each network node, and resource state information in the network topology based on the network topology view; the link information includes throughput and quality of service state; the basic information includes device name, subnetwork, current operating status of the device, and current connection bandwidth utilization; the resource state information includes bandwidth configuration, real-time throughput, network packet loss rate, number of alarm information, alarm type, list of sub-devices and ports under the current device; the network node is a device in the network topology.

[0017] In a second aspect, the present application provides a network topology and device resource information display device, comprising:

[0018] The data collection module is configured to collect network data, wherein the network data comprises network topology information and resource information, the network topology information comprises device and site connection relationships, the site connection relationships are connection relationships between devices in the network topology, and the resource information comprises device running states and device running information, wherein the device running states comprise online states and offline states, and the device running information comprises port bandwidth upper limits, real-time throughputs of device connections, and network quality.

[0019] The data processing module is configured to perform optimization processing on the network data to determine optimized network data.

[0020] The display screen interface generation module is configured to dynamically generate a network topology view according to the optimized network data based on the device running states and the site connection relationships.

[0021] The user interaction module is configured to display link information of each link in the network topology, basic information of each network node, and resource state information according to the network topology view, wherein the link information comprises a connection name, device port names associated with a connection start and end, a throughput, and a quality of service state, the basic information comprises a node name and a current running state of the node, and the resource state information comprises a real-time throughput of a connection, a network packet loss rate, bandwidth configurations of each port under a site, child devices under a current site, a number of alarm information, and an alarm type.

[0022] In a third aspect, the present application provides a computer device, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the computer program to implement the network topology and device resource information display method according to any one of the above.

[0023] In a fourth aspect, the present application provides a computer readable storage medium having a computer program stored thereon, wherein the computer program is executable by a processor to implement the network topology and device resource information display method according to any one of the above.

[0024] In a fifth aspect, the present application provides a computer program product comprising a computer program, wherein the computer program is executable by a processor to implement the network topology and device resource information display method according to any one of the above.

[0025] According to the embodiments provided in the present application, the following technical effects are disclosed.

[0026] The application collects and optimizes network data, and then generates a network topology view based on the running state of the device according to the optimized network data, to display link information of each link in the network topology, basic information and resource state information of each network node in a hierarchical manner, reduce network nodes and lines in the generated network topology view, the line is a link, thereby reducing interface drawing lag, shortening information refresh failure, and further improving the real-time performance of the system; since the network topology view is simplified, fast response can be achieved; in addition, the application displays resource state information, thereby synchronously displaying alarm states and normal operating states of network device resources, reducing operation and maintenance difficulty. In summary, the application optimizes information display effect in a large-scale network environment, can display resource states in real time, and improves the overall interactive experience of the user interface. BRIEF DESCRIPTION OF DRAWINGS

[0027] In order to more clearly illustrate the technical solutions in the embodiments of the present application or the prior art, the following will briefly introduce the drawings needed to be used in the embodiments. Obviously, the drawings in the following description are only some embodiments of the present application, and other drawings can be obtained by those skilled in the art without creative labor.

[0028] Figure 1 The network topology and device resource information display method provided in an embodiment of the present application is shown in the flowchart.

[0029] Figure 2 The topology networking data large screen interface provided in an embodiment of the present application is shown in the schematic diagram.

[0030] Figure 3 The computer device provided in an embodiment of the present application is shown in the schematic diagram. DETAILED DESCRIPTION

[0031] The technical solutions in the embodiments of the present application will be described clearly and completely below with reference to the drawings in the embodiments of the present application. Obviously, the described embodiments are only some embodiments of the present application, not all embodiments. Based on the embodiments in the present application, all other embodiments obtained by those skilled in the art without creative labor are within the scope of protection of the present application.

[0032] In order to make the above-mentioned purposes, features and advantages of the present application more obvious and easy to understand, the present application will be further described in detail below with reference to the drawings and specific embodiments.

[0033] In network management, a site generally refers to a physical location or place, such as an office, a data center, etc., which is used to carry network equipment and provide service sites. From a logical point of view, a site can be regarded as an independent node in a network topology. It is the physical deployment point of network equipment, and different sites are connected to realize interconnection.

[0034] Customer Premises Equipment (CPE) refers to a specific hardware device deployed in a network, which is the hardware that actually provides network services, hereinafter referred to as equipment, deployed in different sites.

[0035] The relationship between a site and equipment is usually a containment relationship. A site may have multiple devices.

[0036] The site is a logical end point of the connection, indicating the physical place of communication, such as the connection between the headquarters and the branch site.

[0037] The equipment is the implementation carrier of the connection, and the actual data communication is completed through the equipment interface configuration, so there may be multiple connections between two sites.

[0038] In general, the collected data information is derived from the running data of the equipment, the connection communication data between the equipment, etc. After comprehensive summary, the final output topology view mainly displays the information related to the site nodes and the connection relationship therebetween, and more detailed level data information (device information and running state contained by the site node, and specific connection information and running state contained by the connection) can be viewed through interaction.

[0039] Based on this, the embodiment of the present application provides a network topology and equipment resource information display method, which is executed by a computer device, and can be executed by a terminal or a server, etc. Computer device alone, or can be executed by a terminal and a server together, in the embodiment of the present application, as shown in the embodiment of the present application, the method comprises the following steps. Figure 1

[0040] S1: collecting network data by using a data collection module; the network data includes network topology information and resource information; the network topology information includes the connection relationship between the equipment and the site; the connection relationship between the sites is the connection relationship between the equipment in the network topology; the resource information includes the running state of the equipment and the running information of the equipment; the running state of the equipment includes the online state and the offline state; the running information of the equipment includes the upper limit of the port bandwidth, the real-time throughput of the connection between the equipment, and the network quality.

[0041] S2: optimizing the network data by using a data processing module to determine the optimized network data.

[0042] ​S3: Utilize the display screen interface generation module to dynamically generate a network topology view based on the device running state and the site connection relationship according to the optimized network data.

[0043] S4: Based on the user interaction module, display link information of each link in the network topology, basic information of each network node, and resource state information according to the network topology view; the link information includes connection name, connection starting and ending associated device port name, throughput, and service quality state; the basic information includes node name and current running state of the node; the resource state information includes real-time throughput of the connection, network packet loss rate, bandwidth configuration of each port under the site, current sub-devices under the site, alarm information quantity, and alarm type; the network node is a site in the network topology.

[0044] In an exemplary embodiment, S1 can be replaced with the following steps.

[0045] S11: Identify the network topology information in the topology network through the gRPC protocol.

[0046] S12: Collect resource information using network traffic statistics.

[0047] S13: Integrate the network topology information and the resource information to determine network data.

[0048] In an exemplary embodiment, S2 can be replaced with the following steps.

[0049] S21: Clean the network data to remove invalid data or redundant data in the network data to determine cleaned network data; the cleaned network data includes cleaned network topology information and cleaned resource information.

[0050] S22: Based on the cleaned network topology information, generate a topology layout using a force-directed algorithm or a layout algorithm, and output the relative positions of the sites.

[0051] S23: Format the cleaned resource information so that the formatted resource information is adapted to the topology layout.

[0052] In an exemplary embodiment, S3 can be replaced with the following steps.

[0053] S31: Preliminary generate a default layout, integrate network nodes and link relationships between the network nodes based on the device running state, and generate a network preliminary topology view using different colors and link thickness to identify the link relationships; the link relationships include active connections and inactive connections.

[0054] S32: Add the optimized network data to each network node in the network preliminary topology view, and dynamically generate a network topology view by using graphical annotations to indicate changes in key nodes.

[0055] In an exemplary embodiment, S4 can be replaced with the following steps.

[0056] S41: When the mouse hovers over any network node in the network topology view, highlight the network node and display the basic information of the network node.

[0057] S42: When the mouse clicks on any network node in the network topology view, trigger the resource status details panel to display the resource status information of the network node.

[0058] S43: When the mouse hovers over any link in the network topology view, highlight the link and display the link information of the link.

[0059] In an exemplary embodiment, S41 is followed by: when the mouse clicks on any alarm information, jump to the alarm management interface and perform in-depth analysis of the alarm information.

[0060] In practical applications, topology data collection is performed through a gRPC protocol to define a communication interface for data collection operations, to collect basic information of network devices and connections, real-time running state information of devices (such as online / offline status, performance indicators, etc.), and data throughput and quality of service parameters of links from management nodes (such as switches, routers, or network controllers) in the network.

[0061] Among them, the architecture of the server and the client is as follows:

[0062] Server: running on a network management system (NMS), encapsulating the collected topology data into a gRPC response and returning it to the client by accessing the API or SNMP interface of the target network device (such as a switch, a router, etc.).

[0063] Client: deployed in the topology visualization system, periodically calling the gRPC interface provided by the server to pull the latest topology data and store it in the system cache.

[0064] Topology layout calculation and generation:

[0065] 1) Layout algorithm selection and implementation: After the client receives the complete topology description file, the node and connection information is submitted to the topology generation module for processing. The initial layout of the nodes is generated using ForceAtlas 2 in the G6 graph visualization engine, treating the nodes as particles with positive charges and the connections between adjacent nodes as springs. Through iterative calculations, the optimization of the network topology view coordinates is completed, and the forces of attraction and repulsion between nodes reach equilibrium.

[0066] 1.1) Hierarchical distribution according to device activity: high-activity devices are placed in the center, and low-activity nodes are placed on the periphery.

[0067] 1.2) Optimize graph distribution to ensure minimal line crossing.

[0068] 2) Visual parameter binding:

[0069] 2.1) Node size: dynamically adjusted according to the configuration bandwidth size (maximum throughput) of the device. The larger the bandwidth value, the larger the node size.

[0070] 2.2) Node color: bind device running status: green for normal online devices; red for devices with faults or alarms; blue for offline devices.

[0071] 2.3) Link color and thickness: the color of the link reflects the quality of service status: normal connection link is green; link that does not meet SLA is marked in yellow.

[0072] 2.4) The thickness of the link is dynamically adjusted according to the real-time throughput. The higher the throughput, the thicker the line.

[0073] 2.5) Through color status, it can accurately obtain which devices or connections have potential problems and view the corresponding alarms.

[0074] 3) As shown in the figure, the real-time generation and display of the topology view: Figure 2

[0075] 3.1) Data rendering:

[0076] The system uses a Web front-end framework (Vue.js) to communicate with the gRPC client and parses the generated topology coordinate data into visual graphics.

[0077] In the drawing layer, the drawing library (@antv / g6) is used to quickly draw the network topology view.

[0078] The display content includes: graphical display of nodes (site devices), arranged in layers according to running status, level, and importance. The link between nodes is dynamically updated in style according to service quality and throughput parameters.

[0079] 3.2) Detail interaction: ​

[0080] Mouse over a node to highlight the node and pop up basic information about the device: device name, current running status, subnet, current connection bandwidth utilization, etc.

[0081] After clicking on a node: the right side detail panel displays detailed resource status information, such as: bandwidth configuration and real-time throughput; the number of alarm information and alarm type; the list of sub-devices and ports under the current device.

[0082] Mouse over a link to highlight the link and display link information such as throughput and quality of service status.

[0083] Users can click on an alarm information to jump to the alarm management interface for in-depth analysis, improving the user's response speed to alarms.

[0084] 3.3) Dynamic update of topology:

[0085] gRPC bidirectional stream implementation of update push: when the server detects device addition, offline or link state change, it actively pushes data to the client. The client dynamically refreshes the topology view without user manual operation. For large-scale topology, the system only updates the nodes and links that have changed, reducing the number of global refreshes.

[0086] In practical applications, for foreseeable technical variations or the possibility of adapting to other application scenarios:

[0087] 1) The site graph can change shape, add icons, etc. to reflect more configuration information.

[0088] 2) The information in the detail panel can show more types of data as needed by users, such as the region of the site, additional configurations of devices under the site, etc.

[0089] 3) The background of the topology view can be customized to a certain extent according to user planning, helping users better control the network topology view.

[0090] 4) Enhance filtering functions, such as filtering views based on device performance or business priority.

[0091] 5) Combine with Artificial Intelligence (AI) algorithms to achieve automatic fault prediction and optimization display.

[0092] 6) Introduce more dynamic indicators (such as device temperature, power usage) to enrich the display content.

[0093] The application improves the display effect and user experience of network topology and device resource information in a complex networking environment through GUI design. The overall efficiency and reliability of network management are significantly enhanced, and stronger technical support is provided for operation and maintenance personnel.

[0094] The application improves the readability of information display, optimizes the interface for large dynamic networks to make it simple and clear, and enables users to quickly and accurately understand network connection relationships.

[0095] The application enhances the usability of the system, optimizes information visualization, ensures that users can intuitively understand the running state of devices, the size of bandwidth upper limit, real-time throughput, and other resource usage, and reduces the dependence on professional technology.

[0096] The application improves the simplicity of interaction, enabling users to conveniently perform data filtering, information retrieval, and operations, and improving user efficiency.

[0097] The application considers the diversified display requirements and management purposes of users for networking, supports custom functions of networking layout in the interface, and allows users to adjust the relative positions of sites according to their own needs.

[0098] Based on the same inventive concept, the application also provides a network topology and device resource information display device for implementing the network topology and device resource information display method described above. The implementation scheme for solving the problem provided by the device is similar to the implementation scheme described in the above method, so the specific limitations in one or more network topology and device resource information display device embodiments provided below can refer to the limitations of the network topology and device resource information display method in the foregoing, which will not be repeated here.

[0099] In one exemplary embodiment, a network topology and device resource information display device is provided, comprising:

[0100] A data acquisition module is configured to acquire network data. The network data includes network topology information and resource information. The network topology information includes device and site connection relationships. The site connection relationship is the connection relationship between devices in the network topology. The resource information includes device running states and device running information. The device running state includes an online state and an offline state. The device running information includes CPU usage, bandwidth upper limit, and real-time throughput.

[0101] A data processing module is configured to optimize the network data to determine optimized network data.

[0102] A display screen interface generation module is configured to dynamically generate a network topology view based on the device running state and the site connection relationship according to the optimized network data.

[0103] a user interaction module configured to display link information of each link in the network topology, basic information of each network node, and resource state information according to the network topology view; the link information includes throughput and quality of service state; the basic information includes device name, belonging subnet, current running state of the device, and current connection bandwidth utilization; the resource state information includes bandwidth configuration, real-time throughput, network packet loss rate, alarm information quantity, alarm type, list of sub-devices and ports under the current device; the network node is a device in the network topology.

[0104] In an exemplary embodiment, the data collection module: collects network topology and device resource information based on network protocols to provide basic data for display.

[0105] 1) The data collection module realizes efficient communication between the client and the server through the gRPC protocol, and identifies the devices and connection relationships in the network topology.

[0106] 2) Network traffic statistics are used to collect device running information regularly, including CPU usage, bandwidth upper limit, real-time throughput, etc.

[0107] 3) The collected topology information (site connection relationship) and resource information (device state and parameter data) are integrated to provide a global view and data support for subsequent topology display.

[0108] In an exemplary embodiment, the data processing module: cleans, models, and optimizes the collected network data.

[0109] 1) Clean the sniffed network data to remove invalid or redundant items and ensure data integrity.

[0110] 2) Based on the cleaned network data, a force-directed algorithm or other suitable layout algorithm is used to generate a preliminary layout draft to output the relative positions of the sites.

[0111] 3) Format the resource information (such as normalization or hierarchical processing) to adapt it to the unified display of the topology layout.

[0112] In an exemplary embodiment, the display screen interface generation module: displays the topology structure and resource information on a unified screen panel through a graphical user interface to realize intuitive visualization of information.

[0113] 1) Network topology view creation and layout: integrate network nodes and connection lines through the initially generated default layout; automatically distinguish active connections and inactive connections between nodes and mark them with different colors; the thickness of the connection line is positively correlated with the throughput and is displayed hierarchically.

[0114] 2) Dynamic binding of resource status: Device resource information (such as CPU occupancy, real-time throughput, network packet loss rate, etc.) is attached to each site node in the form of real-time hierarchical labeling, supporting updates over time. Use graphical labels (such as node size and color) to highlight changes in key parameters for quick identification.

[0115] In an exemplary embodiment, the user interaction module: supports diverse and efficient user operations and interactions, improving the ease of use and flexibility of the display.

[0116] 1) Interaction response design:

[0117] Mouse hover over a node to highlight the node and related connections, and dynamically pop up framework information such as device details and resource status.

[0118] Trigger the resource status details panel after clicking a node, support switching to view active connection conditions, running status, topology location and other detailed data.

[0119] 2) Layout editing function:

[0120] Users can adjust the site position by dragging to customize the network layout; provide "undo" and "reset" operations to support fault tolerance in interaction.

[0121] Provide layout saving function, allow users to temporarily switch between original layout and custom layout.

[0122] In an exemplary embodiment, the present application further comprises: a data filtering and multi-view support module: optimize the display content under different network size and user demand, selectively load visualization data.

[0123] 1) Provide multi-condition filtering function, can dynamically adjust the display content according to key attributes (such as topology type, site label, device level).

[0124] 2) Support window view jump (such as resource report, alarm page), optimize user experience through topology attribute and other management system data association.

[0125] In an exemplary embodiment, a computer device is provided, such as Figure 3As shown, the computer device can be a server or a terminal. The computer device comprises a processor, a memory, an input / output interface (I / O) and a communication interface. The processor, the memory and the input / output interface are connected through a system bus, and the communication interface is connected to the system bus through the input / output interface. The processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device comprises a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system, a computer program and a database. The internal memory provides an environment for running the operating system and the computer program in the non-volatile storage medium. The database of the computer device is configured to store network topology and device resource information display data. The input / output interface of the computer device is configured to exchange information between the processor and external devices. The communication interface of the computer device is configured to communicate with external terminals through network connection. The computer program is executed by the processor to implement a network topology and device resource information display method.

[0126] In an exemplary embodiment, a computer device is provided, comprising a memory and a processor, the memory storing a computer program, and the processor executing the computer program to implement the above method.

[0127] In an exemplary embodiment, a computer readable storage medium is provided, storing a computer program, and the computer program is executed by a processor to implement the above method.

[0128] In an exemplary embodiment, a computer program product is provided, comprising a computer program, and the computer program is executed by a processor to implement the above method.

[0129] Those skilled in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be completed by instructing the relevant hardware through a computer program. The computer program can be stored in a non-volatile computer readable storage medium, and when executed, can include the processes of the above-mentioned embodiments of each method. Any reference to memory, databases or other media used in the embodiments provided in the present application can include at least one of non-volatile and volatile memory. Non-volatile memory can include read-only memory (ReadOnly Memory, ROM), magnetic tape, floppy disk, flash memory, optical storage, high-density embedded non-volatile memory, resistive memory (ReRAM), magnetoresistive random access memory (Magnetoresistive Random Access Memory, MRAM), ferroelectric memory (Ferroelectric Random Access Memory, FRAM), phase change memory (Phase Change Memory, PCM), graphene memory, etc. Volatile memory can include random access memory (Random Access Memory, RAM) or external cache memory, etc. As an illustration but not limitation, RAM can be in various forms, such as static random access memory (Static Random Access Memory, SRAM) or dynamic random access memory (Dynamic Random Access Memory, DRAM), etc.

[0130] In the present application, all actions of obtaining signals, information or data are carried out in accordance with the corresponding data protection regulations and policies of the country where the device is located, and with the authorization of the owner of the corresponding device.

[0131] The database involved in each embodiment provided in the present application can include at least one of a relational database and a non-relational database. The non-relational database can include a distributed database based on a blockchain, etc., without being limited thereto. The processor involved in each embodiment provided in the present application can be a general-purpose processor, a central processing unit, a graphics processing unit, a digital signal processor, a programmable logic device, a data processing logic device based on quantum computing, etc., without being limited thereto.

[0132] Each technical feature of the above embodiments can be combined arbitrarily. In order to make the description concise, not all possible combinations of the technical features in the above embodiments are described, but as long as the combinations of the technical features do not exist contradictory, they should be considered as the scope of the present application.

[0133] The principles and implementation manners of the present application are described herein by using specific examples, and the above examples are only used to help understand the method of the present application and its core idea; meanwhile, for those skilled in the art, according to the idea of the present application, the specific implementation manners and application ranges will have changes. In conclusion, the content of the specification should not be understood as a limitation of the present application.

Claims

1. A method for displaying network topology and device resource information, characterized in that, The network topology and device resource information display method comprises: Collecting network data by using a data collection module; the network data comprises network topology information and resource information; the network topology information comprises device and site connection relationships; the site connection relationships are connection relationships between devices in the network topology; the resource information comprises device operating states and device operating information; the device operating states comprise online and offline states; the device operating information comprises port bandwidth upper limits, real-time throughputs of device interconnections, and network quality; Optimizing the network data by using a data processing module to determine optimized network data, specifically comprising: Cleaning the network data to remove invalid data or redundant data in the network data to determine cleaned network data; the cleaned network data comprises cleaned network topology information and cleaned resource information; Based on the cleaned network topology information, generating a topology layout using a force-directed algorithm or a layout algorithm, and outputting relative positions of sites; Formatting the cleaned resource information to adapt the formatted resource information to the topology layout; using ForceAtlas 2 in a G6 graph visualization engine to generate an initial layout of nodes, regarding the nodes as particles with positive charges, and regarding the connections between adjacent nodes as springs; through iterative calculation, optimizing coordinates of the network topology view, and balancing the forces of mutual attraction and repulsion of the nodes; 1.1) Layering according to device activity: placing high-activity devices in the center and low-activity nodes on the periphery; 1.2) Optimizing graph distribution to ensure minimum crossing of lines; Based on the device operating states and the site connection relationships, dynamically generating a network topology view according to the optimized network data by using a display screen interface generation module, specifically comprising: Preliminarily generating a default layout, integrating network nodes and link relationships between the network nodes based on the device operating states and the site connection relationships, and generating a preliminary network topology view by using different colors and link thickness levels to identify the link relationships; the link relationships comprise active connections and inactive connections; 2) Visual parameter binding: 2.1) Node size: dynamically adjusting according to the configuration bandwidth size (maximum throughput) of the device; the larger the bandwidth value, the larger the node size; 2.2) Node color: binding the device operating state: green for normal online devices; red for faulty or warning devices; blue for offline devices; 2.3) Link color and thickness: the color of the link reflects the quality of service state: green for normal connection; yellow for links that do not meet the SLA; 2.4) The thickness of the link is dynamically adjusted according to the real-time throughput; the higher the throughput, the thicker the line; 2.5) The color state can accurately obtain which devices or connections have potential problems and view the corresponding alarms; Adding the optimized network data to each network node in the preliminary network topology view, and dynamically generating a network topology view by using graphical annotations of changes in key nodes; Based on the user interaction module, the link information of each link, the basic information of each network node and the resource state information in the network topology are displayed according to the network topology view; the link information includes connection name, device port name associated with connection start and end, throughput and quality of service state; the basic information includes node name and current running state of the node; the resource state information includes real-time throughput of the connection, network packet loss rate, bandwidth configuration of each port under the site, current sub-devices under the site, alarm information quantity and alarm type; the network node is a site in the network topology; Topology data collection is a communication interface for defining data collection operations through gRPC protocol, and basic information of network devices and connections, real-time running state information of the devices, and data throughput and quality of service parameters of the links are collected from the management nodes in the network; Wherein, the architecture of the server and the client is as follows: Server: running on the network management system, encapsulating the collected topology data into gRPC response and returning to the client through accessing the API or SNMP interface of the target network device; Client: deployed in the topology visualization system, periodically calling the gRPC interface provided by the server, pulling the latest topology data and storing it into the system cache; gRPC bidirectional flow realizes update push: when the server detects that the device is added, offline or the link state changes, it actively pushes the data to the client; the client dynamically refreshes the topology view without manual operation; for large-scale topology, the system only updates the nodes and lines that have changed, reducing the number of global refreshes.

2. The network topology and device resource information presentation method of claim 1, wherein, Based on the user interaction module, the link information of each link, the basic information of each network node and the resource state information in the network topology are displayed according to the network topology view, specifically including: When the mouse hovers over any network node in the network topology view, the network node is highlighted and the basic information of the network node is displayed; When the mouse clicks on any network node in the network topology view, the resource state detail panel is triggered to display the resource state information of the network node; When the mouse hovers over any link in the network topology view, the link is highlighted and the link information of the link is displayed.

3. The method of claim 2, wherein, When the mouse hovers over any network node in the network topology view, the network node is highlighted and the basic information of the network node is displayed, and then includes: When the mouse clicks on any alarm information, jump to the alarm management interface for in-depth analysis of the alarm information.

4. The method of claim 1, wherein, Collecting network data using the data collection module, specifically including: Identifying network topology information in the topology network through gRPC protocol; Collecting resource information using network traffic statistics data; Integrating the network topology information and the resource information to determine the network data.

5. A network topology and device resource information display device, characterized in that, The network topology and device resource information display device adopts the network topology and device resource information display method of any one of claims 1-4, and the network topology and device resource information display device comprises: A data collection module is configured to collect network data; the network data comprises network topology information and resource information; the network topology information comprises device and site connection relationships; the site connection relationship is a connection relationship between devices in the network topology; the resource information comprises device operating states and device operating information; the device operating state comprises an online state and an offline state; the device operating information comprises a port bandwidth upper limit, real-time throughput of a connection between devices, and network quality; A data processing module is configured to perform optimization processing on the network data to determine optimized network data. A display screen interface generation module is configured to dynamically generate a network topology view based on the device operating state and the site connection relationship according to the optimized network data. A user interaction module is configured to display link information of each link in the network topology, basic information of each network node, and resource state information according to the network topology view; the link information comprises a connection name, a device port name associated with a connection start and end, throughput, and a service quality state; the basic information comprises a node name and a current operating state of the node; the resource state information comprises real-time throughput of a connection, a network packet loss rate, bandwidth configuration of each port under a site, child devices under a current site, a number of alarm information, and an alarm type; the network node is a site in the network topology.

6. A computer device comprising: A memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the computer program to implement the network topology and device resource information display method of any one of claims 1-4.

7. A computer-readable storage medium having stored thereon a computer program, characterized in that The computer program is executed by the processor to implement the network topology and device resource information display method of any one of claims 1-4.

8. A computer program product comprising a computer program, characterized in that, The computer program is executed by the processor to implement the network topology and device resource information display method of any one of claims 1-4.

Images