一种交换机端口信息可视化方法、设备及介质与流程

本申请涉及计算机信息，具体涉及一种交换机端口信息可视化方法、设备及介质。

背景技术：

1、随着对交换机设备需求的增长，企业中所使用的交换机设备数量以及其对应的端口信息也呈现出爆炸性增长的态势。面对数量较大且复杂的端口信息库，若没有进行有效的查看和管理，用户在使用过程中极易遭遇困扰和错误。为了提升用户体验，确保操作的准确性和高效性，需要构建一个直观的前端网页界面，用以清晰展示交换机设备的端口信息。

2、传统的对交换机端口信息进行展示的方法，一般以文字列表的方法供用户查阅，将端口的要展示信息一列列的在表格或者其它元素上呈现，同时对端口进行配置时，通常会使用多选checkbox加表单的形式实现。而这种方式，难以将端口之间的关系和配置信息完全展示给用户，在配置端口时也更难将已端口的配置信息和正在进行的配置进行对比，并且在耦合性上无法做到相互关联，无法完成对端口的快速选择和信息查看。

技术实现思路

1、为了解决上述问题，本申请提出了一种基于交换机端口信息可视化方法，包括：

2、通过web接口发出请求，获取交换机端口数据，将所述交换机端口数据配置在端口展示组件中的数据参数中；

3、获取交换机端口信息的展示需求，根据所述展示需求确定所述数据参数的组成，通过所述端口展示组件中的第一配置参数对所述数据参数进行配置；

4、根据所述第一配置参数，确定端口展示视图的核心渲染层，以及非核心渲染层的状态；

5、通过渲染子组件对所述核心渲染层进行渲染，以将所述交换机端口数据通过所述端口展示视图进行展示。

6、通过本申请提出交换机端口信息可视化方法能够带来如下有益效果：

7、通过设置端口展示组件，根据实际的交换机端口信息展示需求，将交换机端口渲染至端口展示视图中，使交换机端口信息按照实际索引顺序二维排列的端口图示展示在用户面前，让用户能直观查看交换机的各自端口信息和配置，更加方便地进行阅读和操作。

8、并且还设置了非核心渲染层，能够根据实际业务场景，对端口视图组件中的配置进行即使调整，对非核心渲染层进行渲染，以快速适应场景。

技术特征：

1.一种交换机端口信息可视化方法，其特征在于，包括：

2.根据权利要求1所述的一种交换机端口信息可视化方法，其特征在于，所述核心渲染层中包括端口图标背景层、端口图标层、槽位背景层、槽位内容层中的一个或多个；所述非核心渲染层中包括浮空详细信息层和端口与序列背景层；

3.根据权利要求2所述的一种交换机端口信息可视化方法，其特征在于，所述根据所述第一配置参数中端口操作参数，确定端口与序列背景层是否需要渲染，具体包括：

4.根据权利要求2所述的一种交换机端口信息可视化方法，其特征在于，所述方法还包括：

5.根据权利要求1所述的一种交换机端口信息可视化方法，其特征在于，所述获取交换机端口数据，使用端口展示组件中的数据参数与所述交换机端口数据对应，具体包括：

6.根据权利要求5所述的一种交换机端口信息可视化方法，其特征在于，所述通过渲染子组件对所述核心渲染层进行渲染之前，所述方法还包括：

7.根据权利要求6所述的一种交换机端口信息可视化方法，其特征在于，所述通过渲染子组件对所述核心渲染层进行渲染，具体包括：

8.根据权利要求1所述的一种交换机端口信息可视化方法，其特征在于，所述交换机端口信息包括端口名称、端口模式、管理状态、操作状态、端口速度、访问标识id、身份验证id、native vlan id、配置信息；

9.一种交换机端口信息可视化设备，其特征在于，包括：

10.一种非易失性计算机存储介质，存储有计算机可执行指令，其特征在于，所述计算机可执行指令设置为：权利要求1-8中任一项权利要求所述的交换机端口信息可视化方法。

技术总结本申请公开了一种交换机端口信息可视化方法、设备及介质，应用在计算机信息技术领域，方法包括：通过web接口发出请求，获取交换机端口数据，将交换机端口数据配置在端口展示组件中的数据参数中；获取交换机端口信息的展示需求，根据展示需求确定数据参数的组成，通过端口展示组件中的第一配置参数对数据参数进行配置；根据第一配置参数，确定端口展示视图的核心渲染层，以及非核心渲染层的状态；通过渲染子组件对核心渲染层进行渲染，以将交换机端口数据通过端口展示视图进行展示。根据实际的交换机端口信息展示需求，将交换机端口渲染至端口展示视图中，使交换机端口信息按照实际索引顺序二维排列的端口图示展示在用户面前。技术研发人员：汪志豪受保护的技术使用者：浪潮思科网络科技有限公司技术研发日：技术公布日：2024/8/20