Mermaid 模板库

浏览 27 个场景模板——系统架构、业务流程、接口时序、数据模型等。可本地预览或一键打开编辑器。

模板均在浏览器本地运行。打开编辑器时通过本机中转载入,不会上传源码。

系统架构

  • 系统架构

    客户端 → API → 服务 → 数据存储。

  • C4 系统上下文

    产品周边的用户与外部系统。

  • 微服务地图

    网关、限界上下文与共享基础设施。

  • 六边形端口

    领域核心与入站/出站适配器。

业务流程

  • 审批流程

    带决策分支的审批类流程。

  • 退款流程

    含风控校验的用户退款流程。

  • 跨团队泳道

    产品、研发、运维协作交接。

接口时序

  • 接口时序

    客户端调用 API,含鉴权与数据库。

  • OAuth 登录

    授权码模式示意。

  • Webhook 投递

    生产者重试直至消费者确认。

数据模型

  • 数据库 ER

    用户、订单与订单行。

  • 博客数据模型

    作者、文章、标签与评论。

  • ETL 流水线

    抽取 → 转换 → 装载到数仓。

项目计划

  • 项目甘特

    分阶段交付的简易甘特图。

  • 发布时间线

    跨季度里程碑。

  • 工时占比

    迭代精力分布。

产品体验

  • 用户旅程

    带评分的新手引导旅程。

  • 功能脑图

    编辑器能力一览。

  • 优先级象限

    影响 × 成本的待办象限。

运维部署

  • 部署拓扑

    边缘、应用层与数据层。

  • CI/CD 流水线

    检查 → 测试 → 构建 → 部署。

  • Git 分支

    main、develop 与功能分支。

  • 流量桑基

    各层请求量流向。

建模分析

  • 订单状态机

    含取消路径的订单生命周期。

  • 领域类图

    订单聚合与明细。

  • 错误处理时序

    成功路径与失败回滚。

  • 块图布局

    分层块图示意。

我的模板

保存在本机浏览器(来自编辑器)。点击名称即可打开编辑器。

还没有个人模板。可在编辑器「模板」面板中保存。

FAQ

和编辑器里的图类型样例有何不同?

样例按图类型起步;本页是面向业务场景的完整起步图,可直接加载再改。

我的自定义模板会上传吗?

不会。「我的模板」只存在本机 localStorage。