ERD-диаграмма
Entity-Relationship Diagram — визуальный граф таблиц с foreign-key связями. Помогает разобраться в незнакомой базе или объяснить структуру коллеге.
Открыть
- В шапке табов: + New tab → ERD.
- В Schema Browser: правый клик на схему → Show ERD (откроет диаграмму всей схемы).
- На таблице: правый клик → Show in ERD (откроет с центром на этой таблице и её соседями на 1 hop).
Что отображается
Каждая таблица — карточка с:
- Заголовок: имя таблицы
- Список колонок с типами
- Иконки 🔑 для PK, 🔗 для FK, ⚡ для уникальных индексов
Связи — линии между таблицами:
- → обычный foreign key (one-to-many)
- ⇒ уникальный FK (one-to-one)
- — many-to-many (через junction-таблицу — ide99 распознаёт паттерн)
Подпись на линии — имя FK constraint.
Управление
| Действие |
Сочетание |
| Pan (перемещение по холсту) |
drag фоновой области |
| Zoom |
прокрутка колеса мыши / pinch |
| Zoom to fit |
кнопка ⤢ в правом нижнем углу |
| Re-layout (авто-расположение) |
кнопка ⟳ |
| Multi-select |
Shift + клик на карточку или drag-rectangle |
| Move card |
drag за заголовок |
Layout
Авто-layout считается через dagre — иерархический алгоритм. Если нравится — оставьте, если нет — двигайте карточки руками. Положения сохраняются в локальный кеш (erd-layout-{db}.json) — при следующем открытии расклад тот же.
Кнопка Reset layout в шапке вернёт к автоматическому.
Фильтры
Сверху: список схем (чекбоксы) — показывать таблицы только из выбранных. Полезно для больших баз с десятками схем.
Поиск (⌘+F) — найдёт таблицу по имени и центрирует камеру на ней.
Экспорт
Кнопка Export:
- PNG — растровая картинка (для слайдов, документов)
- SVG — векторная (для документации, можно править в Figma)
- DOT (Graphviz) — для генерации серверной схемы в CI
Когда полезно
- Onboarding новых разработчиков: «открой ERD, увидишь, как связаны users, orders, products».
- Code review миграций: «после этой миграции ERD будет такой».
- Отладка: «почему
DELETE FROM users падает? Открой ERD — увидишь FK с RESTRICT».
Что дальше