AIStacker
数据

概览

Prisma Schema 可视化工具 (交互式 ERD)

专为 Prisma ORM 设计的字段级交互式可视化工具。将 Schema 文本转换为支持自动布局、关系追踪和黑暗模式的 ER 实体关系图。

分类 hub

数据

问题

2

FAQ

3

Schema Editor
Mini Map

可以解决的问题

如何在线从 Prisma Schema 生成交互式 ER 图?

使用支持字段级映射和自动布局的专业可视化工具。与静态图片生成器不同,交互式工具允许你缩放、平移并追踪整个 Schema 图表中的特定关联手柄。

如何在运行 Migrate 之前可视化 Prisma 关联关系?

将 Schema 粘贴到可视化工具中。这样可以在执行 `prisma migrate dev` 之前进行结构化审查,防止微小的命名错误或关联不匹配演变成复杂的调试难题。

典型使用流程

该工作流相关指南

Supporting guides that connect this tool to the broader category workflow.

打开分类 hub

是什么

Prisma Schema 可视化工具 (交互式 ERD) 是什么

Prisma Schema Visualizer 是一款 **工业级审计工具**,能够将复杂的 `schema.prisma` 文件转换为可交互、可搜索的架构图。当数据库模型扩展到数十个、代码达到数千行时,跨文件追踪关联关系极易出错。本工具提供了 **字段到字段 (Field-to-Field)** 的视觉桥梁,确保你在提交数据库迁移 (Migration) 之前,外键逻辑和关联方向是正确无误的。

如何使用

如何使用Prisma Schema 可视化工具 (交互式 ERD)

1. 将 `schema.prisma` 的内容粘贴到编辑器中。2. 工具会在浏览器本地解析 Model 块、Enum 块、数据源及关联字段。3. 使用模型列表逐个检查,通过字段面板查看标量、枚举和关联项。4. 审查关联连线列表,查看从该模型发出的所有引用。如果出现警告,请在运行 `prisma migrate dev` 之前检查是否存在 ID 缺失或重复关联名称的问题。

使用示例

使用示例

输入内容:
model User {
  id    String @id @default(cuid())
  posts Post[]
}

model Post {
  id       String @id @default(cuid())
  authorId String
  author   User   @relation(fields: [authorId], references: [id])
}

输出结果:
模型: User, Post
关联关系: User -> Post (通过 posts), Post -> User (通过 author)
警告: 无

常见使用场景

常见使用场景

1. 对复杂的“多对多”关联进行交互式审计。

2. 帮助新加入的开发者快速熟悉大规模数据库架构。

3. 对字段级引用和 @relation 约束进行直观验证。

4. 快速发现缺少主键或没有任何关联的“孤儿”模型。

常见问题

常见问题

这个工具能生成完整的 ER 图吗?v
它提供了一种即时、交互式的类 ERD 体验。它避开了传统重型数据库设计套件的臃肿,同时提供了专业的字段级关系映射、自动布局和交互式导航,是快速审计 Prisma Schema 的理想中继工具。
它会修改我的 Prisma Schema 文件吗?v
不会。该工具仅解析并可视化你粘贴的文本。任何内容都不会被重写、格式化或上传到服务器。
为什么会提示“重复关联目标”?v
多个关联字段指向同一个目标模型并不总是错误,但这通常意味着你应该仔细检查关联名称、所属权和方向。这在 Schema 增长且相似的关联名称开始变得混淆时非常有用。