digraph 画图实例

digraph G {
    
    edge [fontname="FangSong"];
    node [fontname="FangSong" rankdir="TD"];
    
    subgraph cluster_application {
        fontname="FangSong";
        node [shape=record rankdir="TD"];
        label="应用和展现层"
        application [label="{
                { {<app> app| <api> api} | {<ui> 前端ui| <server> 服务端server} |<static> 静态文件服务}
                   }"];
                   
    }

    
    nginx_proxy [label="nginx代理集群", shape="record"];

     
    subgraph cluster_chlid_system {
        fontname="FangSong";
        label="子系统层";
        node [shape="record"];
        
        
        
        chlid_systems [label="
                        <child_system1>  子系统1|<child_system2> 子系统2 |<child_system3> 子系统3|<child_system_n> 子系统n 
                                |<child_system_img> 图片子系统 |<child_system3_file> 文件子系统
                   "];

    }
    application:api->nginx_proxy;
    application:server->nginx_proxy;
    nginx_proxy->chlid_systems:child_system1;
    nginx_proxy->chlid_systems:child_system2;
    nginx_proxy->chlid_systems:child_system3;
    nginx_proxy->chlid_systems:child_system_n;

    
    subgraph cluster_base_service {
        fontname="FangSong";
        label="基础服务层";
        node [shape="record" nodesep="1.5"];
        
        subgraph cluster_database {
        label="数据库";
         database [label="{<dbproxy> dbproxy集群
         | {<child_system1_db> 子系统1\n数据库|<child_system2_db> 子系统2\n数据库 |<child_system3_db> 子系统3\n数据库|<child_system..._db> 子系统...\n数据库}
         }"]
        }
        
        subgraph cluster_files {
            label="文件存储系统";
            file_system [label="<img> 图片存储|<files> 小文件存储"];
        }
    }
    
    chlid_systems->database:dbproxy;

    
    chlid_systems->file_system:img;

    
    
    chlid_systems->file_system:files;

    
}


转载于:https://my.oschina.net/xming4321/blog/547337

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值