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

Qu’est-ce qu’un diagramme d’entit\u00e9-association (ERD) ?<\/h2>\n

Un Diagramme d’entit\u00e9-association (ERD)<\/strong> est un plan structurel utilis\u00e9 pour concevoir, documenter et analyser les sch\u00e9mas de bases de donn\u00e9es relationnelles. Il d\u00e9crit les tables de donn\u00e9es sp\u00e9cifiques (entit\u00e9s) au sein d’une application, les colonnes (attributs) imbriqu\u00e9es dans ces tables, ainsi que les r\u00e8gles d’int\u00e9grit\u00e9 r\u00e9f\u00e9rentielle qui les relient. R\u00e9dig\u00e9 en utilisant la notation standard notation d’ing\u00e9nierie des informations (IE)<\/strong>, elle utilise clairement notation en pied de corbeau<\/strong> des t\u00eates pour illustrer les contraintes de donn\u00e9es et les d\u00e9pendances entre plusieurs tables.<\/p>\n

Avec Mermaid.js<\/strong>, vous pouvez d\u00e9finir les index de table de production, les types de donn\u00e9es et les connexions de cl\u00e9s \u00e9trang\u00e8res \u00e0 l’aide d’un bloc de texte clair et d\u00e9claratif. Le moteur g\u00e8re automatiquement la taille des conteneurs de mise en page \u00e0 plusieurs colonnes et route les lignes de connexion sans que les \u00e9tiquettes de texte se superposent.<\/p>\n

Guide de syntaxe principale : \u00e9l\u00e9ments et constructions<\/h2>\n

La cr\u00e9ation d’un sch\u00e9ma de base de donn\u00e9es valide et enti\u00e8rement ex\u00e9cutable dans Mermaid repose sur des blocs d’entit\u00e9s structurales, des mappages de types de donn\u00e9es, des balises d’index et des op\u00e9rateurs de cardinalit\u00e9.<\/p>\n

1. D\u00e9claration des entit\u00e9s et des colonnes de table<\/h3>\n

Vous initialisez une toile ERD \u00e0 la premi\u00e8re ligne en utilisant le mot-cl\u00e9 erDiagram<\/code> mot-cl\u00e9. Pour d\u00e9finir une table, \u00e9crivez le nom de l’entit\u00e9 suivi d’une accolade ouverte, puis listez vos configurations de colonnes de mani\u00e8re s\u00e9quentielle sur des lignes distinctes :<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier Mermaid dans 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>
\nModifier Mermaid dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
2. Marquage des cl\u00e9s primaires, des cl\u00e9s \u00e9trang\u00e8res et des commentaires<\/h3>\n
Le moteur ERD de Mermaid vous permet d’attribuer des balises d’indexation structurelle directement apr\u00e8s la d\u00e9finition du nom de colonne et du type de donn\u00e9es. Vous pouvez \u00e9galement ajouter un commentaire facultatif \u00e0 une colonne en l’entourant de guillemets doubles :<\/p>\n