Mermaid Use Case Templates
不用从空白编辑器开始。选择一个真实场景用例,打开后会自动带入 Mermaid 代码,你只需要把标签替换成自己的系统、流程或产品内容。
52
可编辑示例
6
用例分类
14
Mermaid 语法类型
如何使用这些示例
每张卡片都会打开 Mermaid editor 并自动填充代码。选择渲染后的预览图,点击卡片,然后在编辑器里修改源码即可。
软件架构
9 个可编辑 Mermaid 示例
系统上下文图
flowchart
在一张架构概览图中展示用户、产品和外部系统之间的关系。
微服务请求链路
sequenceDiagram
记录前端、网关、服务和存储之间的调用顺序。
部署流水线
flowchart
说明代码如何从提交、测试、构建一路发布到生产环境。
云服务边界
architecture-beta
按系统边界分组应用服务,并展示服务之间的依赖方向。
容器视图
C4Context
用 C4 风格语法说明用户、系统和主要容器。
事件驱动流程
sequenceDiagram
说明领域事件发布后,消息、任务和通知如何流转。
缓存策略
flowchart
展示读缓存逻辑,包括命中、未命中和刷新路径。
故障响应架构
flowchart
梳理监控、告警、值班处理、缓解措施和复盘流程。
功能开关发布
stateDiagram-v2
描述从内部测试到全量发布的安全灰度生命周期。
数据库设计
8 个可编辑 Mermaid 示例
SaaS 账单数据模型
erDiagram
建模 SaaS 产品中的账号、订阅、发票和支付关系。
内容管理数据模型
erDiagram
记录作者、文章、分类和修订版本之间的关系。
电商订单数据模型
erDiagram
展示客户、订单、订单项、商品和发货信息。
分析数仓模型
erDiagram
说明事实表、维度表、事件和每日聚合数据。
RBAC 权限模型
erDiagram
建模用户、团队、角色、权限和授权关系。
工单系统数据模型
erDiagram
跟踪工单、客户、客服、消息和 SLA 事件。
IoT 设备数据模型
erDiagram
表示设备、位置、传感器读数和固件版本。
学习平台数据模型
erDiagram
展示学员、课程、课时、报名和完成记录。
项目管理
8 个可编辑 Mermaid 示例
季度路线图
gantt
规划一个季度内的探索、开发、发布和复盘阶段。
迭代看板
kanban
创建包含待办、进行中、评审和完成状态的轻量迭代视图。
发布依赖计划
flowchart
在发布前可视化依赖关系和阻塞风险。
风险评估矩阵
quadrantChart
按影响程度和发生概率评估项目风险。
里程碑时间线
timeline
用于规划或向干系人同步项目里程碑顺序。
资源分配
pie
展示团队投入如何分布在不同工作流中。
审批关卡
stateDiagram-v2
描述工作在上线前如何经过不同评审关卡。
干系人沟通计划
sequenceDiagram
展示项目周期中谁会接收哪些状态更新。
业务流程
9 个可编辑 Mermaid 示例
客户引导流程
flowchart
映射注册、验证、创建首个项目和激活路径。
销售线索筛选
flowchart
把线索资格判断转化为清晰的是/否分流。
发票审批
flowchart
记录财务审批和异常处理流程。
客服升级流程
flowchart
展示客服工单如何经过分诊和升级处理。
采购流程
flowchart
说明需求提交、供应商评审、法务、安全和采购订单步骤。
员工离职交接
flowchart
协调 HR、IT、直属经理和财务的离职处理任务。
营销活动漏斗
sankey-beta
展示潜在客户如何从流量来源流向最终转化。
客户旅程地图
journey
记录体验阶段、用户任务和满意度评分。
质量控制闭环
stateDiagram-v2
展示质检、返工、批准和发货状态。
文档
11 个可编辑 Mermaid 示例
API 文档结构
flowchart
梳理 API 文档页面的主要内容模块。
README 结构
mindmap
规划对开发者友好的 README 层级。
架构决策记录流程
flowchart
说明 ADR 如何从提案推进到被接受。
教程学习路径
flowchart
引导读者从基础知识逐步进入高级用法。
发布说明时间线
timeline
按时间总结产品发布和关键变化。
故障排查决策树
flowchart
帮助读者定位常见产品或集成问题。
产品术语图谱
mindmap
整理产品术语、用户角色和核心对象。
OpenAPI 生成流程
sequenceDiagram
展示源码注解如何生成 API 参考文档。
知识库分类结构
mindmap
规划帮助中心分类和子分类。
运行手册升级流程
flowchart
为告警处理和升级创建运维运行手册。
功能规格大纲
mindmap
在开发前组织产品功能规格说明。
AI 与数据
7 个可编辑 Mermaid 示例
机器学习训练流水线
flowchart
展示数据接入、特征生成、模型训练和评估流程。
RAG 应用流程
sequenceDiagram
说明从用户问题到检索增强生成答案的完整链路。
数据质量检查
flowchart
记录数据进入分析或机器学习前的校验步骤。
特征库模型
erDiagram
建模特征集、实体、版本和训练数据集。
实验生命周期
stateDiagram-v2
展示机器学习或产品实验的完整生命周期。
分析事件漏斗
sankey-beta
可视化用户激活流程中的事件流失情况。
数据产品路线图
gantt
规划数据产品发布的关键里程碑。