Создание ERD-диаграмм

Определите сущности

Имена сущностей, поля и связи остаются в этом браузере. В воронке эта вкладка хранит проект в хранилище сеанса до 30 минут. Он никогда не попадает в Livewire или URL.

Определите сущности и поля

Начните с шаблона или создайте компактную модель. В именах сущностей и полей используйте буквы, цифры и нижние подчёркивания, чтобы сгенерированный Mermaid оставался переносимым.

Диаграмма сущностей и связей помогает прочитать и обсудить структуру данных до начала реализации. Этот редактор полностью работает локально и позволяет структурированно задать до 12 сущностей, максимум по 20 полей для каждой, с именем и типом поля, ролью PK или FK, связями и кардинальностью. Начните с шаблона магазина, блога или пустого проекта, затем создайте код Mermaid и диаграмму SVG или PNG, не отправляя проект за пределы браузера.

Как создать ERD-диаграмму

  1. 1

    Выберите начало работы

    Начните с шаблона магазина, блога или пустого проекта, чтобы самостоятельно определить структуру.

  2. 2

    Определите сущности и поля

    Добавьте до 12 сущностей и до 20 полей в каждую. Укажите имя и тип поля, а при необходимости визуально отметьте роль PK или FK.

  3. 3

    Свяжите сущности

    Создайте связи и выберите кардинальность, чтобы диаграмма показала, как сущности соотносятся друг с другом.

  4. 4

    Скопируйте или экспортируйте проект

    Скопируйте Mermaid, экспортируйте диаграмму SVG или PNG либо сохраните проект как локальный JSON для последующего импорта.

Что организует редактор

  • Сущности: до 12 сущностей в одном проекте.
  • Поля: до 20 полей для каждой сущности с именем и типом.
  • Роли ключей: поле можно визуально отметить как первичный ключ PK или внешний ключ FK.
  • Связи: соединяйте сущности и выбирайте подходящую кардинальность.

Ключи и связи

Первичный ключ PK идентифицирует запись внутри сущности. Внешний ключ FK указывает на другую сущность. Редактор показывает эти роли на диаграмме, но не проверяет базу данных и не создаёт реальные ограничения. Используйте диаграмму для обсуждения, а правила реализации проверьте в самом проекте.

Кратко о кардинальности

  • Один к одному: одна запись одной сущности связана с одной записью другой сущности.
  • Один ко многим: одна запись может быть связана с несколькими записями другой сущности.
  • Многие ко многим: несколько записей с обеих сторон связаны друг с другом. В реализации может потребоваться связующая сущность, но редактор не создаёт её автоматически.

Экспорт и импорт

  • Mermaid: скопируйте код erDiagram для документации с поддержкой Mermaid.
  • SVG и PNG: скачайте векторную диаграмму или готовое изображение.
  • JSON: экспортируйте проект редактора или импортируйте JSON-файл, который ранее экспортировали локально.

Конфиденциальность и ограничения

Редактор работает только в вашем браузере. В воронке проект хранится в sessionStorage текущей вкладки до 30 минут. Содержимое не отправляется на сервер и не попадает в URL или Livewire. Импорт SQL или DBML, генерация SQL, синхронизация, загрузка файлов, ручное перетаскивание и изменение порядка узлов недоступны.

Советы для понятной диаграммы

  • Начните с сущностей, которые представляют ключевые понятия вашей предметной области.
  • Используйте последовательные и понятные команде имена полей.
  • Добавляйте связи после определения основных полей, чтобы легче проверить кардинальность.
  • Сохраните JSON-файл, если хотите продолжить работу в следующем локальном сеансе.

Часто задаваемые вопросы

Нет. Редактор импортирует только JSON-файл проекта, ранее экспортированный из этого редактора. Файлы SQL, DBML и дампы баз данных не поддерживаются.

Нет. Редактор создаёт код Mermaid и диаграмму SVG или PNG, а структуру проекта может экспортировать в JSON. Если вам нужны SQL или DBML, используйте специализированный инструмент.

Нет. Это структурированный редактор сущностей, полей и связей, в нём нет ручного перетаскивания или изменения порядка узлов.

Нет. Проект остаётся в браузере. Файлы для скачивания создаются локально, а в воронке проект хранится только в sessionStorage текущей вкладки до 30 минут.

Сопутствующие инструменты

Справочная таблица ASCII

Полная таблица ASCII от 0 до 127 с десятичным, шестнадцатеричным, восьмеричным и двоичным представлением, а также записью числовых ссылок HTML, включая NUL, LF и DEL.

Конвертер BBCode в HTML

Преобразуйте BBCode (разметку форумов) в чистый HTML. Поддерживает теги форматирования, списки, цитаты, код, изображения, ссылки и таблицы.

Генератор случайных цветовых палитр

Создавайте случайные палитры из 2–15 цветов, выбирайте яркий, пастельный, приглушенный или темный стиль и копируйте HEX-коды или CSS-переменные.

Конвертер двоичного кода в ASCII

Вставьте двоичный код (байты через пробел или длинный поток битов) и получите текст ASCII, который он представляет. Поддерживает 7-битные и 8-битные кодировки.

Генератор цветовой палитры

Создавайте монохромные, аналоговые, комплементарные, триадные или тетрадные палитры из базового HEX-цвета и экспортируйте готовые CSS-переменные.

Генератор случайных букв

Генерируйте случайные буквы A-Z. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.