首页
学习
活动
专区
工具
TVP
发布

网络拓扑图基础入门

[TOC] 0x00 快速入门 为什么要画拓扑图? 答:拓扑图可以向用户或者他人表达我们的设计思想与理念,以及展示设计的特点/目的/功能。...对于我们系统规划人员来说无论是做网络规划/系统设计/网络管理,画拓扑图是一个最基本能力; 对于我们网络管理员来说,画拓扑图/排列图可以记录企业网络连接/设计/规划等一系列重要资料,为管理和后期排错,故障解决...Step1.先看单位画好的拓扑图进行模拟照画 Step2.到机房看看具体的机器设备与走线连接情况,为后面画出机房图做准备 Step3.找到单位已经规划/部署好的网络(相关文档),记录设备的位置/连接关系画拓扑图...Steo4.在自己的空闲时间从零开始画拓扑图,先从最小/最简单的网络画起,然后再逐渐壮大成一个大型网络; 画拓扑图的注意事项: 需要简单明了/间接 合理的用不同字号/颜色/颜色标注; 多个机柜进行分类如...机房示意图 描述:主要是画出机房中每个机柜的设备位置,以及产品的名称型号等等; 关键点:机柜/UPS/灭火器/服务器/交换机/安全设备/路由器等等排列示意图,并且注意对各机柜和设备命名; ---- 网络拓扑图

1.7K20

网络拓扑图是什么意思?网络拓扑图有哪些分类?

这个时候就需要使用到网络拓扑结构,使用不同拓扑结构的就会形成网络拓扑图,那么网络拓扑图是什么意思?网络拓扑图有哪些分类?下面小编就为大家来详细介绍一下。...image.png 一、网络拓扑图是什么意思?...所谓网络拓扑图就是网络节点和通信介质一起构成的网络结构图,其实通俗来说就是不同拓扑结构的展示效果图,网络拓扑图可以清晰地显示各种网络节点设备的位置,以及与其他设备连接在一起的通信介质,毕竟不同的网络拓扑结构连接方式都是一样的...,通过网络拓扑图可以清楚的看到不同结构的具体构成方式。...二、网络拓扑图有哪些分类?

4.2K30
您找到你想要的搜索结果了吗?
是的
没有找到

网络拓扑图基础入门

[TOC] 0x00 快速入门 为什么要画拓扑图? 答:拓扑图可以向用户或者他人表达我们的设计思想与理念,以及展示设计的特点/目的/功能。...对于我们系统规划人员来说无论是做网络规划/系统设计/网络管理,画拓扑图是一个最基本能力; 对于我们网络管理员来说,画拓扑图/排列图可以记录企业网络连接/设计/规划等一系列重要资料,为管理和后期排错,故障解决...Step1.先看单位画好的拓扑图进行模拟照画 Step2.到机房看看具体的机器设备与走线连接情况,为后面画出机房图做准备 Step3.找到单位已经规划/部署好的网络(相关文档),记录设备的位置/连接关系画拓扑图...Steo4.在自己的空闲时间从零开始画拓扑图,先从最小/最简单的网络画起,然后再逐渐壮大成一个大型网络; 画拓扑图的注意事项: 需要简单明了/间接 合理的用不同字号/颜色/颜色标注; 多个机柜进行分类如...可以划分多个不同的图 机房示意图 描述:主要是画出机房中每个机柜的设备位置,以及产品的名称型号等等; 关键点:机柜/UPS/灭火器/服务器/交换机/安全设备/路由器等等排列示意图,并且注意对各机柜和设备命名; 网络拓扑图

2.5K20

网络拓扑图怎么画最好?

拓扑图的方式有很多,在线软件,Visio,PPT,都是方法。 问题是你要怎么从0到1,怎么样用拓扑图完美地把你的网络逻辑结构、思路呈现出来。 没经验的朋友真的不知道从哪里上手。...今天就给你来一篇绘制拓扑图详解,从一页白纸开始,教你怎么从0到1亲手绘制一张拓扑图。 01、什么是网络拓扑(Topology)?...03 Case3 04 Case4 两个站点的网络通过两台路由器互联。 03、拓扑图绘制步骤 以下是在PPT上绘制拓扑的大体步骤,当然,这只是个参考或建议: 1....根据物理网络环境,结合客户业务逻辑结构,最终落地成逻辑的网络拓扑图,其实体现的是工程师对客户网络环境、网络需求、网络协议等的综合理解。...04、拓扑图绘制要点 01 绘制规范摘要 ● 准确呈现网络逻辑结构 ● 网络层次分明易读,设备使用情况及互联情况清晰 ● 网络关键节点信息完善、准确 ● 重点突出,节点元素可适当取舍 ● 图例注释完善

38922

网络拓扑图上文本的巧妙应用

在前端网页设计中,文本是重要的组成部分,那么在网络拓扑图中也是一样的,文本在网络拓扑图上最基本的显示功能之一,在不同的应用场景下,会有不同的需求。...HT for Web 为网络拓扑图上的节点提供了两个文本,也确实需要两个文本同时存在的情况,比如车站上面的站牌,就有汉字和拼音的组合,如果做一个公交站示意图的话,节点上的两个文本就都用得上了。...今天就模拟一个地铁站点和大家一起聊聊网络拓扑图上的文本应用。 今天拿来说明的 Demo 链接:http://www.hightopo.com/demo/label/index.html ?...node.s({ 'label': '厦门', 'label2': 'Xiamen' }); 网络拓扑图的创建及节点的创建我这边就不再多描述了,我们直奔主题,先设置 Node 上面的两个文本看看效果

73430

网络拓扑图上文本的巧妙应用

在前端网页设计中,文本是重要的组成部分,那么在网络拓扑图中也是一样的,文本在网络拓扑图上最基本的显示功能之一,在不同的应用场景下,会有不同的需求。...HT for Web 为网络拓扑图上的节点提供了两个文本,也确实需要两个文本同时存在的情况,比如车站上面的站牌,就有汉字和拼音的组合,如果做一个公交站示意图的话,节点上的两个文本就都用得上了。...今天就模拟一个地铁站点和大家一起聊聊网络拓扑图上的文本应用。 今天拿来说明的 Demo 链接:http://www.hightopo.com/demo/label/index.html ?...node.s({ 'label': '厦门', 'label2': 'Xiamen' }); 网络拓扑图的创建及节点的创建我这边就不再多描述了,我们直奔主题,先设置 Node 上面的两个文本看看效果

70060

在线自定义编辑网络拓扑图

元旦在家没事搞了一个在线编辑网络拓扑图的功能, 主要功能有 在线管理,查看多个网络拓扑图 每个网络拓扑图的告警事件显示 每个网络拓扑 节点的详细信息显示 在线编辑,并保存网络拓扑图 为了方便,该项目使用的是项目中的...json数据,所以在编辑后需要将请求数据拷贝出来,覆盖到拓扑图节点json数据中。...以下是一个拓扑图节点的基本信息 { "id": 8685, "name": "Test", "descr": "", "type": 1, "timestamp": 201602021420036...config": "", "options": "", "parentViewId": -1, "orderCode": 0, "relSymbolId": -1 } 以下是一个拓扑图节点的信息格式..."29674698919313348538571474991217275111" ] } }, "640": {}, "654": {} } inject-func.js

2.2K10

ECharts+BaiduMap+HT for Web网络拓扑图应用

前一篇谈及到了ECharts整合HT for Web的网络拓扑图应用,后来在ECharts的Demo中看到了有关空气质量的相关报表应用,就想将百度地图、ECharts和HT for Web三者结合起来也做一个类似空气质量报告的报表...+拓扑图应用,于是有了下面的Demo:http://www.hightopo.com/demo/blog_baidu_20150928/ht-baidu.html ?...在这个Demo中,将GraphView拓扑图组件添加到百度地图组件中,覆盖在百度地图组件之上,并且在百度地图组件上和GraphView拓扑图组件上分别添加事件监听,相互同步经纬度和屏幕位置信息,从而来控制拓扑图上的组件位置固定在地图上...,当取消选中是,也取消选中GraphView拓扑图中对应的节点。...今天就写到这吧,希望这篇文章能够帮到那些有地图、拓扑图、图表相结合需求的朋友,在设计上可能想法还不够成熟,希望大家不吝赐教。

95910

快速开发基于 HTML5 网络拓扑图应用

采用 HT 开发网络拓扑图非常容易,例如《入门手册》的第一个小例子麻雀虽小五脏俱全:http://www.hightopo.com/guide/guide/core/beginners/examples...对于电信网管拓扑应用,由于网络拓扑图元数据量往往常常非常巨大,虽然 HT 拓扑图组件性能非常强劲,承载好几甚至上十万的网络拓扑矢量图元都毫无压力,但如何实现这么多数据量图元的布局是个问题,如果是规规矩矩的自然比较容易...其实自动布局无法提供算法进行图元摆放,以便达到业务展示的需求,可参考《电信网络拓扑图自动布局 - 曲线布局》和《电信网络拓扑图自动布局 - 总线布局》,这两篇文章详细分析了如果自定义出总线和沿着任意曲线布局的案例...以上创建网络图元、设置图元连线关系、配置图元风格属性、进行图元布局摆放就是构建拓扑图的几个基本步骤,其实熟悉了 HT 分分钟就能开发出像模像样的 HTML5 网络拓扑图应用,如果需要数据存储可参考《HT...,不收任何约束,可以随心所欲的设计你的网络拓扑图整体系统架构。

1.9K60
领券