组件 · 分层 · 数据流

架构关系图

把系统中的组件与调用关系讲清楚。填写文本,实时成图,下载到文档或演示稿。

在本地浏览器处理 · 输入内容不上传

每行:标识 | 名称 | 类型 | 分层
类型:用户、应用、服务、数据、外部。最多 40 个组件、6 个分层。

每行:起点 -> 终点 | 说明
使用组件标识连接,可留空;最多 80 条。

6 个组件 · 6 条连线 · 4 个分层

输入规则与排版提示

标识以英文字母开头,最多 24 位,可用数字、下划线和短横线。名称最多 24 字,分层最多 12 字,连线说明最多 40 字。文字内不要使用竖线。

分层按首次出现顺序从左到右排列,同层组件按行排列。调整文本顺序即可调整位置。空行和以 # 开头的注释会忽略,总输入限 20,000 字符。

支持跨层调用和双向关系;复杂连线可能交叉,可调整分层或拆成多张图。每条连线的编号对应图下方说明。

内容网站 · 请求如何流转6 个组件,6 条连线。完整调用关系见下方文字列表。内容网站 · 请求如何流转6 个组件 / 6 条关系 · 连线编号对应下方说明01 / 访问端02 / 展示层03 / 业务层04 / 存储层123456用户 · reader读者应用 · web网页应用服务 · api内容服务服务 · search搜索服务数据 · db内容数据库数据 · cache热点缓存调用关系1. readerweb浏览页面2. webapi获取内容3. websearch搜索关键词4. apidb查询文章5. apicache读取热点6. searchdb读取索引数据

导出包含标题、图表和完整连线说明。PNG 最多 1200 万像素。

查看组件与关系文字列表
  • reader读者用户 / 访问端
  • web网页应用应用 / 展示层
  • api内容服务服务 / 业务层
  • search搜索服务服务 / 业务层
  • db内容数据库数据 / 存储层
  • cache热点缓存数据 / 存储层
  1. readerweb浏览页面
  2. webapi获取内容
  3. websearch搜索关键词
  4. apidb查询文章
  5. apicache读取热点
  6. searchdb读取索引数据

适合哪些场景?

整理服务依赖、接口调用、文件流转和模块边界。分层组件与有向连线可以表达交叉依赖和循环调用,适合放进方案文档。

数据会被保存吗?

输入和图表仅保留在当前页面内存中,不上传,不调用 AI 或远程绘图服务。刷新或关闭页面会清空编辑,请提前保存文本草稿。

如何使用导出结果?

SVG 保留矢量线条与可编辑文本,适合文档排版;PNG 适合直接插入演示稿。导出使用设备字体,不同设备的字形可能略有区别。