Создание ERD-диаграмм
Имена сущностей, поля и связи остаются в этом браузере. В воронке эта вкладка хранит проект в хранилище сеанса до 30 минут. Он никогда не попадает в Livewire или URL.
Эта приватная схема недоступна или срок её действия истёк. Вернитесь к первому шагу и создайте её заново.
Определите сущности и поля
Начните с шаблона или создайте компактную модель. В именах сущностей и полей используйте буквы, цифры и нижние подчёркивания, чтобы сгенерированный Mermaid оставался переносимым.
Диаграмма сущностей и связей помогает прочитать и обсудить структуру данных до начала реализации. Этот редактор полностью работает локально и позволяет структурированно задать до 12 сущностей, максимум по 20 полей для каждой, с именем и типом поля, ролью PK или FK, связями и кардинальностью. Начните с шаблона магазина, блога или пустого проекта, затем создайте код Mermaid и диаграмму SVG или PNG, не отправляя проект за пределы браузера.
Как создать ERD-диаграмму
-
1
Выберите начало работы
Начните с шаблона магазина, блога или пустого проекта, чтобы самостоятельно определить структуру.
-
2
Определите сущности и поля
Добавьте до 12 сущностей и до 20 полей в каждую. Укажите имя и тип поля, а при необходимости визуально отметьте роль PK или FK.
-
3
Свяжите сущности
Создайте связи и выберите кардинальность, чтобы диаграмма показала, как сущности соотносятся друг с другом.
-
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. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.