Какие символы кардинальности использует Mermaid для ER-диаграмм?

Mermaid использует нотацию «воронья лапка»: `||--||` для «точно один» к «точно один», `||--o{` для «точно один» к «ноль или много», `}o--o{` для «ноль или много» к «ноль или много» и `||--|{` для «точно один» к «один или много». Они отображаются как стандартные символы «воронья лапка» на линиях связей, делая кардинальность мгновенно читаемой.

Как пометить первичные и внешние ключи в ER-диаграммах Mermaid?

Добавьте `PK` или `FK` после типа столбца в определении сущности: `int id PK` для первичного ключа, `int userId FK` для внешнего ключа. Вы также можете добавить `UK` для уникальных ключей. Эти аннотации появляются как метки внутри блока сущности и необходимы для передачи реляционной структуры схемы.

Можно ли документировать связь «многие ко многим» в ER-диаграммах Mermaid?

Да. Представляйте связи «многие ко многим» напрямую с помощью `}o--o{` или через связующую сущность. Использование связующей сущности (например, ORDER_ITEM между ORDER и PRODUCT) обычно является лучшей практикой, поскольку она точнее моделирует реальный дизайн схемы и позволяет добавлять атрибуты к самой связи, такие как количество или цена.

Каков наилучший способ использования ER-диаграмм Mermaid в проекте?

Добавьте ER-диаграмму в виде блока кода Mermaid в README вашего проекта или в отдельный файл `SCHEMA.md`. GitHub, GitLab и Notion отображают Mermaid нативно, поэтому диаграмма остается актуальной вместе с кодом. Обновляйте диаграмму всякий раз, когда запускаете миграцию — рассматривайте ее как живую документацию, а не как одноразовый артефакт.

Просмотрщик ER-диаграмм Mermaid

Вставьте код Mermaid erDiagram и мгновенно просмотрите схему вашей базы данных. Экспорт в SVG или PNG. Бесплатный инструмент ER-диаграмм только в браузере.

Код Mermaid

Предпросмотр

Введите код Mermaid для предпросмотра вашей диаграммы

Диаграммы «сущность-связь» (ER) являются стандартной нотацией для визуализации реляционных схем баз данных. Они показывают сущности (таблицы), их атрибуты (столбцы) и связи между ними — один-к-одному, один-ко-многим, многие-ко-многим. Синтаксис `erDiagram` в Mermaid переносит построение ER-диаграмм в мир «текста как кода», упрощая документирование схем баз данных в README, ADR (записях решений по архитектуре) и описаниях запросов на слияние. Когда инженеры баз данных или бэкенд-разработчики просят ИИ-ассистентов спроектировать схему — «Создайте базу данных для платформы электронной коммерции с пользователями, продуктами и заказами» — ответ часто включает ER-диаграмму Mermaid. Вставка этого кода в Zolkit позволяет немедленно проверить, отражают ли связи и кардинальности предполагаемые бизнес-правила. Просмотрщик ER-диаграмм Zolkit полностью поддерживает синтаксис Mermaid `erDiagram`, включая определения сущностей с типизированными атрибутами, аннотации первичных и внешних ключей, линии связей с нотацией «воронья лапка» и встроенные метки связей. Он используется бэкенд-разработчиками, архитекторами баз данных и техническими писателями для документирования схем без выхода из браузера.

Связанные диаграммы

← Просмотрщик диаграмм Mermaid Просмотрщик диаграмм классов Mermaid Просмотрщик блок-схем Mermaid Просмотрщик диаграмм последовательности Mermaid

Бесплатный онлайн-просмотрщик и экспортер диаграмм Mermaid

Просмотрщик диаграмм Mermaid от Zolkit позволяет вставлять любой код Mermaid и мгновенно видеть отрисованную диаграмму — без установки, регистрации и загрузки на сервер. Все работает в вашем браузере, что делает его самым быстрым способом проверки диаграмм, сгенерированных ИИ из Claude, ChatGPT или Gemini. Поддерживаются все основные типы диаграмм Mermaid: блок-схемы, диаграммы последовательности, диаграммы классов, ER-диаграммы, диаграммы Ганта, диаграммы состояний, ментальные карты, графы Git, круговые диаграммы и временные шкалы.

Мгновенный предпросмотр в реальном времени

Диаграммы отрисовываются автоматически по мере ввода с задержкой в 300 мс, поэтому работа никогда не кажется медленной.

100% конфиденциальность

Весь рендеринг происходит в вашем браузере с использованием mermaid.js. Ваш код никогда не отправляется на какой-либо сервер.

Экспорт SVG и PNG

Загрузите свою диаграмму в виде четкого векторного SVG или высококачественного PNG 2×, готового для документов и презентаций.

Все типы диаграмм Mermaid

Поддерживает блок-схемы, диаграммы последовательности, диаграммы классов, ER-диаграммы, диаграммы Ганта, ментальные карты, графы Git и многое другое.

Готовность к диаграммам от ИИ

Создан для эпохи ИИ — напрямую предпросматривайте диаграммы, сгенерированные Claude, ChatGPT, Gemini или любым другим LLM.

Всегда бесплатно

Учетная запись не требуется, нет ограничений на использование, нет водяных знаков. Просмотрщик Mermaid от Zolkit полностью бесплатен навсегда.

Как предпросмотреть диаграмму Mermaid

1
Вставьте ваш код Mermaid в редактор слева — вы можете скопировать его из ИИ-помощника или написать вручную.
2
Диаграмма мгновенно отрисовывается в панели предпросмотра справа. Если есть синтаксическая ошибка, сообщение объяснит проблему.
3
Нажмите «Экспорт SVG» или «Экспорт PNG», чтобы загрузить диаграмму в виде файла, готового для документации, презентаций или обмена.