Graphviz 拓扑图

最新推荐文章于 2024-05-13 09:53:29 发布
最新推荐文章于 2024-05-13 09:53:29 发布
阅读量8k 收藏 4
点赞数
分类专栏： # GraphViz 文章标签： graphviz string graph insert image
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yenange/article/details/7940043
版权

参考资料：

点击打开链接

————————————————————————————————————————————————————————

1. 安装Graphviz 2.28, 安装目录不要修改，C:\Program Files\Graphviz 2.28\bin\dot.exe;

2. 在Web.config中，添加节点：

  <appSettings>
    <!-- Graphviz 执行文件路径 -->
    <add key="dotExePath" value="C:\Program Files\Graphviz 2.28\bin\dot.exe" />
  </appSettings>

3. 建立帮助类

using System;
using System.Collections.Generic;
using System.Text.RegularExpressions;
using System.Web;
using System.IO;
using System.Diagnostics;
using System.Text;
using System.Net;
using System.Drawing.Imaging;
using System.Drawing;

namespace Module.Common
{
    /// <summary>
    /// 拓扑图
    /// </summary>
    public class GraphvizHelper
    {
        public static void SaveWebImgToLocal(string url) 
        {
            string path=GetImgSavePath();
            if(path=="" || url.IndexOf('/')== -1 )
                return;

            path += url.Substring(url.LastIndexOf('/'));

            WebClient my=new WebClient();
            byte[] mybyte;  
            mybyte=my.DownloadData(url);
            MemoryStream ms = new MemoryStream(mybyte);
            System.Drawing.Image img = System.Drawing.Image.FromStream(ms);
            img.Save(path, ImageFormat.Png);   //保存 
            switch (Path.GetExtension(path))
            {
                case ".gif":
                    img.Save(path, ImageFormat.Gif);
                    break;
                case ".jpg":
                case ".jpeg":
                    img.Save(path, ImageFormat.Jpeg);
                    break;
                case ".png":
                    img.Save(path, ImageFormat.Png);
                    break;
                case ".icon":
                    img.Save(path, ImageFormat.Icon);
                    break;
                case ".bmp":
                    img.Save(path, ImageFormat.Bmp);
                    break;
                default:
                    img.Save(path, ImageFormat.Png);
                    break;
            }
            img.Dispose();
            ms.Dispose();

            CompressJpeg(path, 64);
        }

        public static void CompressJpeg(string strPath, int intWidth)
        {
            var img = Image.FromFile(strPath);        // 如果不是图片会出错。
            if (img.Width <= intWidth)
            {
                img.Dispose();
                return;
            }
            var intHeight = img.Height * intWidth / img.Width;
            // 创建位图及相关联的图形处理工具，在位图上画缩略图
            var thm = new Bitmap(intWidth, intHeight);
            var grp = Graphics.FromImage(thm);
            //设置高质量插值法
            grp.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;
            //设置高质量,低速度呈现平滑程度
            grp.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
            grp.Clear(System.Drawing.Color.Transparent);//清空画布以透明填充
            grp.DrawImage(img, 0, 0, intWidth, intHeight);
            // 释放占用的图片文件
            img.Dispose();
            grp.Dispose();
            // 保存缩略图
            thm.Save(strPath);        // 如果不设置图片质量，可直接保存
            thm.Dispose();
        }

        public static string GetNodeMap(string strData)
        {
            StringBuilder sb = new StringBuilder();
            if (String.IsNullOrEmpty(strData))
            {
                sb.Append("subgraph cluster_app1 {label=应用系统1 app1[image=\"../../images/Topology/app.png\"];}");
                sb.Append("subgraph cluster_vm1 {label=虚拟机1 vm1[image=\"../../images/Topology/vm.png\"];}");
                sb.Append("subgraph cluster_vm2 {label=虚拟机2 vm2[image=\"../../images/Topology/vm.png\"];}");
                sb.Append("subgraph cluster_svr1 {label=服务器1 svr1[image=\"../../images/Topology/svr.png\"];}");
                sb.Append("subgraph cluster_sw1 {label=交换机1 sw1[image=\"../../images/Topology/sw.png\"];}");
                sb.Append("subgraph cluster_tap1 {label=磁带机1 tap1[image=\"../../images/Topology/tape.png\"];}");

                sb.Append("app1 -> vm1 [label=安装于]");
                sb.Append("app1 -> vm2 [label=安装于]");
                sb.Append("vm1 -> svr1 [label=承载于]");
                sb.Append("vm2 -> svr1 [label=承载于]");
                sb.Append("svr1 -> sw1 [label=连接]");
                sb.Append("svr1 -> tap1 [label=连接]");
            }
            else {
                sb.Append(strData);
            }
            //前面一段字符

            StringBuilder sb2 = new StringBuilder();
            sb2.Append("digraph G {\n");
            sb2.Append("compound=true;\n");
            sb2.Append("ranksep=0.5;\n");
            sb2.Append("nodesep=0.5;\n");
            sb2.Append("rankdir=LR;\n");
            sb2.Append("graph [penwidth=0, labelloc=\"b\", fontname=simsun, fontcolor=dodgerblue3, fontsize=10]\n");
            sb2.Append("node [shape=plaintext, label=\"\"]\n");
            sb2.Append("edge [color=brown, fontname=simsun, fontcolor=brown1, fontsize=10, weight=1.2];\n");

            //string dotSource_temp = sb2.ToString() + strData; //sb.ToString();
            string dotSource_temp = sb2.ToString() + sb.ToString();
            string dotFileName_temp = Path.GetRandomFileName();
            string dirPath = GetTempDirPath();
            if (dirPath == "") {
                return "";
            }
            string dotFileName = Path.ChangeExtension(Path.Combine(dirPath , Path.GetFileName(dotFileName_temp)), ".dot");
            string pngFile = Path.ChangeExtension(dotFileName, ".png");
            //string pngFile_temp=
            using (StreamWriter writer = new StreamWriter(dotFileName))
            {
                writer.Write(dotSource_temp);
            }
            string dotExePath_temp = System.Configuration.ConfigurationManager.AppSettings["dotExePath"] as string;
            //调用服务器端exe进程
            ProcessStartInfo info = new ProcessStartInfo()
            {
                FileName = dotExePath_temp,
                WorkingDirectory = Path.GetDirectoryName(dotFileName),
                Arguments = string.Concat("-Tpng -o ", pngFile, " ", dotFileName),
                RedirectStandardInput = false,
                RedirectStandardOutput = false,
                RedirectStandardError = true,
                UseShellExecute = false,
                CreateNoWindow = true
            };
            try
            {
                using (Process exe = Process.Start(info))
                {
                    exe.WaitForExit();
                    if (0 == exe.ExitCode)
                    {
                        System.Web.HttpContext.Current.Response.Write(pngFile);
                    }
                    else
                    {
                        string errMsg;
                        using (StreamReader stdErr = exe.StandardError)
                        {
                            errMsg = stdErr.ReadToEnd();
                        }
                        //System.Web.HttpContext.Current.Response.Write(errMsg);
                    }
                }
            }
            catch(Exception ex)
            {
                return "";
            }
            String path="~/TempFile/Graphviz/"+Path.GetFileName(pngFile);
            return path;
        }//---- end of GetNodeMap ----

        /// <summary>
        /// 取得临时文件夹路径
        /// </summary>
        /// <returns></returns>
        private static string GetTempDirPath()
        {
            string path = System.Web.HttpContext.Current.Server.MapPath("~")+"\\TempFile\\Graphviz";
            if (!Function.CreateDir(path))
            {
                return "";
            }
            return path;
        }

        /// <summary>
        /// 取得图片保存路径
        /// </summary>
        /// <returns></returns>
        private static string GetImgSavePath()
        {
            string path = System.Web.HttpContext.Current.Server.MapPath("~") + "\\images\\Topology";
            if (!Function.CreateDir(path))
            {
                return "";
            }
            return path;
        }
    }//end of class

    public class Function
    {
        /// <summary>
        /// 根据目录创建文件夹，如果存在就不创建
        /// </summary>
        /// <param name="path"></param>
        /// <returns></returns>
        public static bool CreateDir(string path)
        {
            bool result = true;
            DirectoryInfo dir = new DirectoryInfo(path);
            //目录不存在

            if (!dir.Exists)
            {
                try
                {
                    dir.Create();

                }
                catch (Exception e)
                {
                    result = false;
                }
            }

            return result;
        }
    }//end of class
}//end of namespace

4. 加测试数据

CREATE TABLE Graph(
	ID  CHAR(4) PRIMARY KEY,
	PID CHAR(4) NOT NULL,
	Title NVARCHAR(20) NOT NULL,
	RelationShip NVARCHAR(10) NOT NULL,
	Img VARCHAR(200) NOT NULL
)
GO
--填充数据
INSERT INTO Graph(ID,PID,Title,RelationShip,Img) VALUES('1000','','应用系统','安装于','../../images/Topology/app.png')
INSERT INTO Graph(ID,PID,Title,RelationShip,Img) VALUES('2001','1000','虚拟机1','承载于','../../images/Topology/vm.png')
INSERT INTO Graph(ID,PID,Title,RelationShip,Img) VALUES('2002','1000','虚拟机2','承载于','../../images/Topology/vm.png')
INSERT INTO Graph(ID,PID,Title,RelationShip,Img) VALUES('2003','1000','虚拟机1','承载于','../../images/Topology/vm.png')
INSERT INTO Graph(ID,PID,Title,RelationShip,Img) VALUES('3001','2001','服务器1','连接','../../images/Topology/svr.png')
INSERT INTO Graph(ID,PID,Title,RelationShip,Img) VALUES('3002','2001','服务器2','连接','../../images/Topology/svr.png')
INSERT INTO Graph(ID,PID,Title,RelationShip,Img) VALUES('3003','2002','服务器3','连接','../../images/Topology/svr.png')
INSERT INTO Graph(ID,PID,Title,RelationShip,Img) VALUES('4001','3001','交换机1','连接','../../images/Topology/sw.png')
INSERT INTO Graph(ID,PID,Title,RelationShip,Img) VALUES('4002','3002','磁带机2','连接','../../images/Topology/tape.png')

5. 页面调用: 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Image ID="Image1" runat="server" />
    </div>
    </form>
</body>
</html>


using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using Module.Common;
using System.Text;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!this.IsPostBack) {
            LoadInfo();
        }
    }

    private void LoadInfo()
    {
        string sql = "SELECT * FROM Graph";
        DataTable dt = DBHelper.GetDataTableBySql(sql);
        StringBuilder sb = new StringBuilder();
        if (dt == null || dt.Rows.Count == 0)
            return;

        BuildGraphNodes(sb,dt,"",1,5);

        String imgUrl = GraphvizHelper.GetNodeMap(sb.ToString());
        this.Image1.ImageUrl = imgUrl;

        GraphvizHelper.SaveWebImgToLocal("http://hiphotos.baidu.com/yuangengqiang/pic/item/f9eb16e8007ae310b90e2dc3.jpg");
    }

    private void BuildGraphNodes(StringBuilder sb, DataTable dt, string pid, int depth, int maxDepth) 
    {
        if(dt==null || dt.Rows.Count==0 || depth > maxDepth )
            return;

        DataRow[] drArr = dt.Select( String.Format("PID='{0}'",pid) );
        if ( drArr == null || drArr.Length == 0)
            return;

        foreach (DataRow dr in drArr) {
            sb.AppendFormat("subgraph cluster_id{0} {{label=\"{1}\" id{0}[image=\"{2}\"];}}\n",
                dr["ID"] as string, ((dr["Title"] as string)??"").Replace("\"","'"), dr["Img"] as string);

            DataRow[] drSubArr = dt.Select(string.Format("PID='{0}'", dr["ID"] as String));
            if (depth < maxDepth)
            {
                foreach (DataRow drSub in drSubArr)
                {
                    sb.AppendFormat("id{0} -> id{1} [label=\"{2}\"]\n", ((dr["ID"] as string) ?? "").Replace("\"", "'"), ((drSub["ID"] as string) ?? "").Replace("\"", "'"), dr["RelationShip"] as string);
                }
            }
            BuildGraphNodes(sb, dt, dr["ID"] as String, depth + 1, maxDepth);
        }
    }
}


吉普赛的歌
关注
专栏目录
graphviz-2.28.0.rar
03-12
python项目可视化的过程中需要用到pydot和graphviz，直接用pip install 安装之后，一直出错。 详细可以参考https://blog.csdn.net/sinat_37998852/article/details/80507536
使用 Graphviz 画拓扑图
weixin_34130389的博客
09-09 357
使用 Graphviz 画拓扑图 0)前述 本文着重讲一下 Graphviz 的风格控制，基础一些的就不在这里讲啦。 graphviz 的主页是http://www.graphviz.org/。 Graphviz 的安装和使用请看这里：http://www.cnblogs.com/fengbohello/p/4689131.html 1)从 Record 开始 下面通过一个简单示例...
用Graphviz绘制好看网络图
Dean Chen的专栏
07-05 5042
参考这篇博客，画得比较好看，还提供了方法：https://mikegriffin.ie/blog/20110308-a-graphviz-tutorial后续更新。
d3-graphviz实现拓扑图
zah521999的博客
07-08 4659
d3-graphviz实现拓扑图 源码地址：https://gitee.com/simod/d3-graphviz 具体代码如下： <template> //防止节点数据太多页面出现空白，所以添加loading <div class="main-charts" v-loading="loadList" element-loading-text="拼命加载中"> // 承载画布的元素 <div class="graph-container" id="gra
图解程序员画流程图、数据结构图及各种复杂图形的Graphviz工具入门
热门推荐
Jason Gel 的专栏
05-03 3万+
画linux内核文件系统结构图、内存分配以及学习数据结构树、图时，发现使用Graphviz非常的方便快捷。鉴于网上关于它的安装、使用不是特别具体，本博文将一步步告诉大家如何快速地使用Graphviz画相关的流程图、树形图等。告诉大家Graphviz的快速入门。
用graphviz画机房拓扑的几个关键词
v5browser
04-06 215
用graphviz画机房拓扑的几个关键词 我准备用graphviz画机房的拓扑图。用excel或txt记录机器和VLAN什么的信息，用antlr写个工具解析，然后生成dot文件，最后用graphviz把dot画出来。 想到有这么几个基本技术，今天试了一下。下面的这段代码就是例子。行号是我加的，为了说明方便。执行结果如图所示。 建一同学提到用graphviz画UML，请参考 plant...
拓扑图的各种制作与完善
最新发布
06-13
2. Graphviz：开源图形绘制软件，适合自动化生成复杂的网络拓扑图。 3. Network Diagrams：在线工具，简单易用，支持实时协作。 4. Lucidchart：云基础的图表制作工具，提供多种模板和集成选项。 三、拓扑图的...
拓扑图集合
08-09
现代有许多软件工具用于绘制和管理拓扑图，例如Visio、Gephi、Graphviz等。这些工具可以帮助用户直观地呈现复杂的网络结构，便于理解和操作。 **5. 拓扑图的动态管理** 在网络环境中，拓扑图是动态变化的，因为设备...
拓扑图.zip
05-29
4. Graphviz：开源自动布局工具，适用于自动生成复杂网络的拓扑图。 五、压缩包内容分析 由于没有具体的文件列表，我们无法详细分析“拓扑图.zip”的内容。但通常情况下，这个压缩包可能包含一个或多个SVG、PNG、...
graphviz 2.28
09-11
生成拓扑图的利器！ 相关代码： http://blog.csdn.net/yenange/article/details/7940043
graphviz-2.38msi和zip文件双版本
11-28
graphviz-2.38，压缩包里面有两个版本，一个是msi版本，另外一个是zip版本，msi版本安装以下就可以了，zip版本解压后即可使用，不需要安装，
graphviz 2.28.0
11-28
protege的图形化自动生成概念关系图的插件。
最全的网络拓扑图了(清晰版)
04-03
最全的网络拓扑图了(清晰版) 大家看了就知道了，这个没什么好说的吧！！~~
50个各种类型经典拓扑图
06-25
本附件收集整理了各种类型的经典拓扑图，很适合网管学习，想要的就拿去吧，不过别浪费了本楼主的一番苦心哟，回个帖吧，也让我想辛勤的劳动得到一点回报！
c#画网络拓扑图
10-09
另外，像Graphviz这样的专业图形工具可以生成更美观的拓扑图，但可能需要通过API或命令行集成到C#应用中。 通过以上步骤，你可以创建一个基本的C#网络拓扑图绘制程序。随着需求的复杂化，还可以添加更多的功能，如...
topo 拓扑图例子
09-25
拓扑图是一种用于表示系统、网络或流程之间关系的图形化表示法，它在IT行业中广泛应用，尤其是在网络设计、系统架构、数据流分析等领域。在这个例子中，我们关注的是一个基于JavaScript实现的拓扑图，这表明我们可以...
探秘Python图形渲染利器：Graphviz
gitblog_00063的博客
05-13 429
探秘Python图形渲染利器：Graphviz graphvizSimple Python interface for Graphviz项目地址:https://gitcode.com/gh_mirrors/gr/graphviz 项目介绍 在数据可视化和流程图设计中，Graphviz是一个强大的开源工具，它提供了一种描述图形的DOT语言，并能将其转化为高质量的图像。而Python中的graph...
python画拓扑图子图_使用 Graphviz 画拓扑图
weixin_39760295的博客
12-10 944
使用 Graphviz 画拓扑图0)前述本文着重讲一下 Graphviz 的风格控制，基础一些的就不在这里讲啦。1)从 Record 开始下面通过一个简单示例开始吧：在 Graphviz 的文档页有如下一张图，下面就用它里开始练习了。简单的 Record 风格这幅图的dot代码如下：01digraph A {02 node [shape=record];03 struct1 [la...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值