快速制作系统架构图

最新推荐文章于 2025-11-26 17:30:23 发布

原创最新推荐文章于 2025-11-26 17:30:23 发布 · 369 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#系统架构

最近需要做一些关于文本上的东西，但是作为一个程序员来说，手动去做一些图文和表格简直是比杀了自己还要难受，因此我就开始找一些工具去帮助自己做些事情。

首先md文档是有一个可以生成架构图/流程图的一套代码的，叫做graph TB，类似于这种的

graph TB
    subgraph "前端层 (Frontend Layer)"
        WEB["Web 应用 (Next.js)"]
        API_CLIENT["API 客户端"]
    end
    
    subgraph "API 网关层 (API Gateway Layer)"
        NGINX["Nginx 反向代理"]
        AUTH["认证授权"]
    end
    
    subgraph "应用服务层 (Application Layer)"
        API["API 服务 (Flask)"]
        WORKER["Worker 服务 (Celery)"]
        PLUGIN["插件守护进程"]
        SANDBOX["沙箱环境"]
    end
    
    subgraph "业务逻辑层 (Business Logic Layer)"
        SERVICES["业务服务"]
        WORKFLOW["工作流引擎"]
        RAG["RAG 引擎"]
        AGENT["Agent 引擎"]
    end
    
    subgraph "核心引擎层 (Core Engine Layer)"
        MODEL_RUNTIME["模型运行时"]
        VECTOR_STORE["向量数据库"]
        TOOL_MANAGER["工具管理器"]
    end
    
    subgraph "数据存储层 (Data Storage Layer)"
        POSTGRES["PostgreSQL"]
        REDIS["Redis"]
        STORAGE["对象存储"]
    end
    
    WEB --> NGINX
    API_CLIENT --> NGINX
    NGINX --> API
    NGINX --> WORKER
    API --> SERVICES
    WORKER --> SERVICES
    SERVICES --> WORKFLOW
    SERVICES --> RAG
    SERVICES --> AGENT
    WORKFLOW --> MODEL_RUNTIME
    RAG --> VECTOR_STORE
    AGENT --> TOOL_MANAGER
    MODEL_RUNTIME --> POSTGRES
    VECTOR_STORE --> POSTGRES
    TOOL_MANAGER --> REDIS
    SERVICES --> STORAGE

最后可以生成这样的效果