{"id":2111,"date":"2026-05-26T08:05:43","date_gmt":"2026-05-26T08:05:43","guid":{"rendered":"https:\/\/www.vpascode.com\/de\/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\/de\/docs\/vpascode-docs\/mermaid-js-erd-syntax-guide\/","title":{"rendered":"Mermaid.js ERD-Syntaxleitfaden"},"content":{"rendered":"

Was ist ein Entit\u00e4ts-Beziehungs-Diagramm (ERD)?<\/h2>\n

Ein Entit\u00e4ts-Beziehungs-Diagramm (ERD)<\/strong> ist eine strukturelle Bauplan, die zur Gestaltung, Dokumentation und Analyse relationaler Datenbank-Schemata verwendet wird. Er zeigt die spezifischen Daten-Tabellen (Entit\u00e4ten) innerhalb einer Anwendung, die Spalten (Attribute), die in diesen Tabellen enthalten sind, sowie die Referenzintegrit\u00e4tsregeln, die sie verbinden. Geschrieben mit standardm\u00e4\u00dfiger Information Engineering (IE)-Notation<\/strong>, verwendet sie klare Crow’s-Foot-Notation<\/strong>K\u00f6pfe, um Datenbeschr\u00e4nkungen und Mehrfachtabellen-Abh\u00e4ngigkeiten anzuzeigen.<\/p>\n

Mit Mermaid.js<\/strong>, k\u00f6nnen Sie Ihre Produktions-Tabellen-Indizes, Datentypen und Fremdschl\u00fcssel-Verbindungen mithilfe eines sauberen, deklarativen Textblocks definieren. Die Engine verarbeitet automatisch die Gr\u00f6\u00dfenanpassung f\u00fcr mehrspaltige Layout-Container und leitet Verbindungsleitungen so, dass Textbeschriftungen sich nicht \u00fcberlappen.<\/p>\n

Grundlagen-Syntaxleitfaden: Elemente und Konstrukte<\/h2>\n

Die Erstellung eines g\u00fcltigen, vollst\u00e4ndig ausf\u00fchrbaren Datenbankschemas in Mermaid basiert auf strukturellen Entit\u00e4tsbl\u00f6cken, Datentyp-Zuordnungen, Index-Taggen und Kardinalit\u00e4tsoperatoren.<\/p>\n

1. Deklaration von Entit\u00e4ten und Tabellenspalten<\/h3>\n

Sie initialisieren eine ERD-Leinwand in Zeile eins mit dem Schl\u00fcsselwort erDiagram<\/code> Schl\u00fcsselwort. Um eine Tabelle zu definieren, schreiben Sie den Entit\u00e4tsnamen gefolgt von einer offenen geschweiften Klammer und listen Ihre Spaltenkonfigurationen zeilenweise nacheinander auf:<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nMermaid in VPasCode bearbeiten<\/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>
\nMermaid in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
2. Kennzeichnung von Prim\u00e4rschl\u00fcsseln, Fremdschl\u00fcsseln und Kommentaren<\/h3>\n
Der ERD-Engine von Mermaid k\u00f6nnen Sie strukturelle Index-Taggen direkt nach dem Spaltennamen und der Datentypdefinition zuweisen. Sie k\u00f6nnen einer Spalte auch einen optionalen Textkommentar hinzuf\u00fcgen, indem Sie ihn in doppelte Anf\u00fchrungszeichen setzen:<\/p>\n