{"id":2108,"date":"2026-05-26T08:05:43","date_gmt":"2026-05-26T08:05:43","guid":{"rendered":"https:\/\/www.vpascode.com\/pl\/docs\/uncategorized\/mermaid-js-erd-syntax-guide\/"},"modified":"2026-05-26T08:05:43","modified_gmt":"2026-05-26T08:05:43","slug":"mermaid-js-erd-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/mermaid-js-erd-syntax-guide\/","title":{"rendered":"Przewodnik po sk\u0142adni ERD w Mermaid.js"},"content":{"rendered":"

Czym jest diagram relacji encji (ERD)?<\/h2>\n

Diagram relacji encji (ERD)<\/strong> to strukturalny szkic u\u017cywany do projektowania, dokumentowania i analizy schemat\u00f3w baz danych relacyjnych. Wskazuje konkretne tabele danych (encje) w aplikacji, kolumny (atrybuty) zagnie\u017cd\u017cone w tych tabelach oraz zasady integralno\u015bci referencyjnej \u0142\u0105cz\u0105ce je ze sob\u0105. Napisany przy u\u017cyciu standardowej notacji notacji In\u017cynierii Informacji (IE)<\/strong>, kt\u00f3ra implementuje jasne notacj\u0119 k\u0142ykci kruka<\/strong> g\u0142owy, aby pokazywa\u0107 ograniczenia danych i zale\u017cno\u015bci mi\u0119dzy wieloma tabelami.<\/p>\n

Za pomoc\u0105 Mermaid.js<\/strong>, mo\u017cesz zdefiniowa\u0107 indeksy tabel produkcyjnych, typy danych oraz po\u0142\u0105czenia kluczy obcych przy u\u017cyciu czystego, deklaratywnego bloku tekstu. Silnik automatycznie obs\u0142uguje rozmiary kontener\u00f3w uk\u0142adu wielokolumnowego i kieruje linie po\u0142\u0105cze\u0144 bez przes\u0142aniania etykiet tekstowych.<\/p>\n

Podstawowy przewodnik sk\u0142adniowy: elementy i konstrukcje<\/h2>\n

Tworzenie poprawnego, pe\u0142ni dzia\u0142aj\u0105cego schematu bazy danych w Mermaid opiera si\u0119 na blokach encji strukturalnych, mapowaniach typ\u00f3w danych, znacznikach indeks\u00f3w oraz operatorach liczno\u015bci.<\/p>\n

1. Deklarowanie encji i kolumn tabel<\/h3>\n

Zainicjuj p\u0142\u00f3tno ERD w pierwszym wierszu za pomoc\u0105 s\u0142owa kluczowego erDiagram<\/code> . Aby zdefiniowa\u0107 tabel\u0119, napisz nazw\u0119 encji, a nast\u0119pnie otwarty klamr\u0105, wypisuj\u0105c konfiguracje kolumn kolejno w osobnych wierszach:<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdytuj Mermaid w VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Mermaid<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Mermaid in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
erDiagram\r\n    USERS {\r\n        int id\r\n        string email\r\n        timestamp created_at\r\n    }<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEdytuj Mermaid w VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
2. Oznaczanie kluczy g\u0142\u00f3wnych, kluczy obcych i komentarzy<\/h3>\n
Silnik ERD w Mermaid pozwala przypisa\u0107 znaczniki indeksowania strukturalnego bezpo\u015brednio po nazwie kolumny i definicji typu danych. Mo\u017cesz r\u00f3wnie\u017c doda\u0107 opcjonalny komentarz do kolumny, otaczaj\u0105c go podw\u00f3jnymi cudzys\u0142owami:<\/p>\n