图搭子

微服务架构图模板

客户端、API 网关、用户 / 订单 / 商品 / 通知四个微服务、各自的数据库、消息队列与注册中心、配置中心、监控的微服务架构图。适合架构设计文档与技术分享,免费导出 PNG、Word、PPT。

基础设施

微服务

客户端

API 网关

用户服务

订单服务

商品服务

通知服务

用户库

订单库

商品库

消息队列

注册中心

配置中心

监控与链路追踪

预览用的是「墨青」主题,打开编辑器后可以换
在编辑器里打开免费 · 免登录 · 无水印

改文字、换主题,导出 Word / PPT / PDF

适用场景

微服务改造方案、架构设计文档、技术分享 PPT。每个服务配独立数据库(database per service),订单服务通过消息队列异步通知;注册中心、配置中心、监控用虚线从整个「微服务」分组连过去,避免每个服务都画三条线。

怎么改成你的

  • 加服务:在 subgraph SVC 里加节点,从网关连线,再加它自己的库。
  • 写具体组件名:REG[Nacos]MQ[[Kafka]]GW[Spring Cloud Gateway]
  • 服务间同步调用(订单调库存)用实线 O --> I;异步事件用队列中转。
  • 图从左向右展开;服务多时改成 TB 上下排列。

Mermaid 代码

flowchart LR
    C[客户端] --> GW[API 网关]
    subgraph SVC[微服务]
        A[用户服务]
        O[订单服务]
        P[商品服务]
        N[通知服务]
    end
    GW --> A
    GW --> O
    GW --> P
    A --> DA[(用户库)]
    O --> DO[(订单库)]
    P --> DP[(商品库)]
    O --> MQ[[消息队列]]
    MQ --> N
    subgraph INFRA[基础设施]
        REG[注册中心]
        CFG[配置中心]
        MON[监控与链路追踪]
    end
    SVC -.-> REG
    SVC -.-> CFG
    SVC -.-> MON

让 AI 按这个结构生成一份

把下面这段发给豆包、DeepSeek、Kimi 或元宝,再把它的回复整段粘贴到编辑器,会自动识别其中的代码。

请用 Mermaid 的 flowchart LR 语法画一张微服务架构图:客户端经 API 网关访问用户服务、订单服务、商品服务(放在名为「微服务」的 subgraph 里,还包含通知服务),每个服务有自己的数据库(圆柱形节点),订单服务把事件发到消息队列,通知服务消费队列。另一个 subgraph「基础设施」包含注册中心、配置中心、监控与链路追踪,用虚线从微服务分组连接过去。只输出 mermaid 代码块。

常见问题

从分组连线是怎么写的?

给 subgraph 起 id:subgraph SVC[微服务],然后 SVC -.-> REG。线会从整个分组的边框出发,比每个服务各画一条清楚得多。

虚线和实线有什么约定?

实线表示业务调用或数据流,虚线表示注册、配置、监控上报这类基础设施依赖。这只是约定,语法上都可以。

能画出服务的多实例吗?

Mermaid 没有「堆叠」形状,可以在节点文字里注明:O[订单服务 ×3]

同类模板

全部模板

更新于 2026-09-05